*{ 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: 100%; height: 640px;  position: relative; overflow: hidden;}
.banner .logo{ display: block; width: 250px; height: 100px; position: absolute; top: 20px; left: 10%;}
.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;}

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

.daoyu{ width: 1200px; height: 153px; margin: 0 auto; padding-top: 20px; overflow: hidden; background-color: #fff; position: relative; z-index: 99;box-shadow: 0 0 10px #ccc;}
.daoyu div:first-child{ width: 48px; height: 145px; margin-left:20px; float: left; margin-right: 45px; margin-top: 20px;}
.daoyu div:last-child{ padding-right: 30px;}
.daoyu p{ font-size: 18px; line-height: 40px; color: #2453AC; text-indent: 2em; text-align: justify;}

.section1{ width: 1200px; margin: 0 auto;}
.section1 .title{ margin: 50px auto 30px;}
.section1 .box{ margin-top: 20px;}
.section1 .box ul li{ width: 216px; height: 161px; float: left; margin-right:30px; margin-bottom: 30px; cursor: pointer; box-shadow:0 0 10px #ddd;}
.section1 .box ul li a{ display: block; width: 100%; height: 100%;}
.section1 .box ul li:nth-child(5n){ margin-right: 0;}
.section1 .box ul li:nth-child(1){ background: url(btnnew1.png) center center no-repeat;}
.section1 .box ul li:nth-child(2){ background: url(btnnew2.png) center center no-repeat;}
.section1 .box ul li:nth-child(3){ background: url(btnnew3.png) center center no-repeat;}
.section1 .box ul li:nth-child(4){ background: url(btnnew4.png) center center no-repeat;}
.section1 .box ul li:nth-child(5){ background: url(btnnew5.png) center center no-repeat;}
.section1 .box ul li:nth-child(6){ background: url(btnnew6.png) center center no-repeat;}
.section1 .box ul li:nth-child(7){ background: url(btnnew7.png) center center no-repeat;}
.section1 .box ul li:nth-child(8){ background: url(btnnew8.png) center center no-repeat;}
.section1 .box ul li:nth-child(9){ background: url(btnnew9.png) center center no-repeat;}
.section1 .box ul li:nth-child(10){ background: url(btnnew10.png) center center no-repeat;}
.section1 .box ul li:nth-child(1).on{ background: url(btnnew1_h.png) center center no-repeat;}
.section1 .box ul li:nth-child(2).on{ background: url(btnnew2_h.png) center center no-repeat;}
.section1 .box ul li:nth-child(3).on{ background: url(btnnew3_h.png) center center no-repeat;}
.section1 .box ul li:nth-child(4).on{ background: url(btnnew4_h.png) center center no-repeat;}
.section1 .box ul li:nth-child(5).on{ background: url(btnnew5_h.png) center center no-repeat;}
.section1 .box ul li:nth-child(6).on{ background: url(btnnew6_h.png) center center no-repeat;}
.section1 .box ul li:nth-child(7).on{ background: url(btnnew7_h.png) center center no-repeat;}
.section1 .box ul li:nth-child(8).on{ background: url(btnnew8_h.png) center center no-repeat;}
.section1 .box ul li:nth-child(9).on{ background: url(btnnew9_h.png) center center no-repeat;}
.section1 .box ul li:nth-child(10).on{ background: url(btnnew10_h.png) center center no-repeat;}

.section2{ width: 1200px; margin: 0 auto; position:relative;}
#errormessage{ position:absolute; color:#f00; font-size:16px; bottom:-5px; left:350px;}
.section2 .title{ font-size: 28px; color:#1F76D0; font-weight: bold;}
.section2 .title img{ margin-top: -5px;}
.login{ text-align: center; font-size: 18px;}
.login a{ color:#BF2621; font-size: 22px; margin-right: 10px; font-weight: bold; border-bottom: 1px solid #BF2621;font-style: italic;}
.liuyanbtn{ cursor: pointer; color:#B50000; font-size: 22px; font-weight: bold; font-style: italic;}

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

.section2 .title{ margin-top:0;}
.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; padding-left: 20px;}
.section2 form>div{ margin-top: 25px;}
.line1 span:nth-child(1){width: 585px; height: 43px; background: url(txt1.png) center center no-repeat;}
.line1 span:nth-child(2){width: 585px; height: 43px; background: url(txt2.png) center center no-repeat; float: right;}
.line1 input{ width: 458px; border-radius: 7px;}
.line2 span{width: 1200px; height: 43px; background: url(txt3.png) center center no-repeat;}
.line2 input{ width: 1073px;  border-radius: 7px;}
.line3 .textareabox{ width: 1200px; 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{width:800px; margin: 25px auto 0 auto;}
.line4 span:nth-child(1){width: 431px; height: 43px; background: url(txt5.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: 189px;background: transparent;}
.line4 span:nth-child(2) input:nth-child(1){ width: 160px;}
.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: none;}
.cover{display: none; background: rgba(0, 0, 0, 0.5); position:fixed; left: 0; top: 0; width: 100%; height: 100%; z-index:998;}