*{ box-sizing: border-box; font-family: "微软雅黑";}
.clear{ clear: both;}
.left{ float: left;}
.right{ float:right;}
a{ cursor: pointer;}
input::placeholder { color: #f00; }
.red{ color: #f00;}

body{ background: url(bg.png) top center no-repeat;}
.banner{ width: 1200px; height: 680px; margin: 0 auto;  position: relative; overflow: hidden;}
.banner .logo{ display: block; width: 250px; height: 100px; position: absolute; top: 10px; left: 0;}
.banner  .wuzhangai{ display: block; padding: 5px 10px; border-radius: 10px; background-color: #fff; color: #FF4D00; position: absolute; right: 20%; top:30px;}

.title{ width: 1200px; height: 53px; line-height: 53px; position: relative; text-align: center; margin-top: 40px; font-size: 36px; color: #2065cb; font-weight: bold;}
.title img{ margin: 0 10px;}

.main{ width: 100%; padding-bottom: 35px;}

.daoyubg{ width: 1319px; height: 322px; background: url(daoyubg.png) center center no-repeat; margin: 0 auto; overflow: hidden;}
.daoyu{ width: 1090px; margin: 0 auto; margin-top: 80px; }
.daoyu p{ font-size: 18px; line-height: 38px; color: #2065cb; text-indent: 2em; text-align: justify;}

.section1{ width: 1200px; margin: 35px auto; overflow: hidden; background-color: #fff; padding-bottom: 30px;}
.section1 .title{ margin: 40px auto;}
.section1 .box{ margin-top: 20px;}
.section1 .box ul{ width: 1140px; margin: 0 auto;}
.section1 .box ul li{ width: 286px; height: 170px; margin-left: -1px; margin-top: -1px; float: left; cursor: pointer; text-align: center; display: flex; justify-content: center; align-items: center; line-height: 50px; border: 1px solid #e9e9e9;}
.section1 .box ul li.on{ background-color: #d0e9fc; color: #2065cb; border: none; box-shadow: 0 0 5px 5px #e9e9e9;}
.section1 .box ul li a{ font-size: 21px;}

.section2{ width: 1200px; margin: 0 auto; position:relative; background-color: #fff; padding: 25px;}
#errormessage{ position:absolute; color:#f00; font-size:16px; bottom:55px; left:590px;}
.section2 .title{  margin: 21px 0 30px 0;}
.section2 .title img{ margin-top: -5px;}
.login{ text-align: center; font-size: 18px;}
.login a{ color:#4278d1; font-size: 22px; margin-right: 10px; font-weight: bold; border-bottom: 1px solid #4278d1;}
.login a:hover{ color:#4278d1;}
.liuyanbtn{ cursor: pointer; color:#4278d1; font-size: 22px; font-weight: bold;}

.login p{ display: inline;}
.logined{ display: none; color: #000;font-size: 22px; margin-right: 10px; font-weight: bold;font-style: italic;}

.section2 form{ position: relative;}
.unlogincover{ position: absolute; left: 0; top: 0; width: 100%; height:623px; z-index: 999; display: block;}
.section2 form span{ display: inline-block;  padding-left: 125px;}
.section2 form input{ font-size: 18px; height: 40px; line-height: 40px; margin-top: 1px;outline: none; border: none;}
.line1 span:nth-child(1){width: 560px; height: 43px; background: url(txt1.png) center center no-repeat;}
.line1 span:nth-child(2){width: 560px; height: 43px; background: url(txt2.png) center center no-repeat; float: right;}
.line1 input{ width: 430px; border-radius: 7px; padding-left: 10px;}
#surveyAnsw_1417_0{ width: 410px; height: 35px; border: none; margin-top: 4px; font-size: 18px;}

.line2 span{width: 100%; height: 43px; background: url(txt3.png) left center no-repeat;}
.line2 input{ width: 1020px;  border-radius: 7px; padding-left: 10px;}
.line3 .textareabox{ width: 100%; height: 400px; padding: 15px; border: 1px solid #56B8FF; background-color: #fff; border-radius: 7px;position: relative;}
.line3 .textareabox textarea{ width: 1160px; height: 360px; border: none; background: transparent; font-size: 16px; line-height: 30px; outline: none; resize: none;}
.line3 .textareabox .wordlimit{ position: absolute; right: 10px; bottom:15px; font-size: 16px; color: #999;}
.line3 .textareabox .wordlimit span{ padding-left: 0;}
.line3 .textareabox .wordlimit2{position: absolute; right: 10px; bottom:15px; font-size: 16px; color: #f00; display: none;}
.line4 span{ padding-left: 35px!important;}
.line4 span:nth-child(1){width: 574px; height: 43px; background: url(txt4.png) center center no-repeat;}
.line4 span:nth-child(2){width: 431px; height: 43px; margin-left: 20px; background: url(txt5.png) center center no-repeat;}
.line4 span:nth-child(2) a{ color:#0191F1; font-size: 18px;}
.line4 input[type=image]{ vertical-align: middle; float: right;}
.line4 span:nth-child(1) input{ width: 330px;background: transparent;}
.line4 span:nth-child(2) input:nth-child(1){ width: 160px;}
.section2 #dczj304 span{ display: inline-block;  padding-left: 125px; color: #fff; letter-spacing: 2px;}
.section2 #dczj304 input{ font-size: 18px; height: 40px; line-height: 40px; margin-top: 1px;outline: none; border: none;}
.section2 #dczj304 .line4 input[type=text]{ padding-left: 50px; }
.section2 #dczj304 .line1,.section2 #dczj304 .line2,.section2 #dczj304 .line3,.section2 #dczj304 .line4{ margin-top: 25px;}
#dczj304 input[type=submit]{ width: 190px; height: 43px; padding: 0; background-color: #0491f1; border-radius: 10px; color: #fff; float: right;}
.line4 span{ font-size:18px;}
	
.getCode{ text-align: center;display: inline-block; width: 144px; border: none; border-radius: 7px; background-color: transparent; color: #0191F1; height: 41px; font-size: 16px;}
.error{ border: 1px solid #f00!important; border-radius: 7px!important;}

.section3{ width: 1200px; margin: 0 auto;}
.section3 ul li{ width:398px; height: 270px; background: url(s3bg.png) center center no-repeat; float: left; margin-right: 3px; padding:30px; margin-top: 15px;}
.section3 ul li:nth-child(3n){ margin-right: 0;}
.section3 ul li b{ color: #000; font-size: 20px; display: block; margin-bottom: 15px;} 
.section3 ul li p{ font-size: 16px; height: 120px; overflow: hidden; color:#333; line-height: 30px;}
.section3 ul li span{ float: right; color: #999; margin-right: 30px; margin-top: 10px;}
.section3 ul li:hover b{ color: #257AD1;}

.liuyanbox{ width: 988px; height: 706px; position: fixed; left: 50%; margin-left: -494px; top:50%; margin-top: -353px; border-radius:10px; background: url(mainbg.png) bottom center no-repeat; z-index: 999; background-size: cover; background-color: #fff; padding:0 40px; display: none;}
.liuyanbox h2{ text-align: center; font-size: 32px; color: #1F76D0; margin: 30px auto;}
.liuyanbox p{ font-size: 18px; line-height: 38px; text-align: justify; text-indent: 2em;}
.closebox{ position:absolute; right: 30px; top:30px; cursor: pointer;}
.close{ display: block;}
.cover{display: none; background: rgba(0, 0, 0, 0.5); position:fixed; left: 0; top: 0; width: 100%; height: 100%; z-index:998;}