*{ 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;}

#showpop{cursor: pointer;}
body{ background: url(banner.png) top center no-repeat; background-color: #F1F6FB;}
.logo{ width: 1200px; height: 850px; margin: 0 auto; margin-top: 30px;}
.section1bg{ background-color: #F1F3F4; width: 100%; height: 317px; overflow: hidden;}
.section1{ width: 1216px; height: 235px; margin:  0 auto; margin-top: 60px; background: url(section1bg.png) center center no-repeat; padding-left: 120px; padding-top:30px; padding-right: 130px;}
.section1 p{ font-size: 21px; line-height: 40px; text-indent: 2em;}
.section2{ width: 1200px; overflow: hidden; margin: 0 auto; text-align: center; padding-top: 40px;}
.section2 .title{ background: url(title_l.png) left center no-repeat,url(title_r.png) right center no-repeat; font-size: 36px; font-weight: bold;}
.section2 .title span{ font-size: 20px; color: #999; font-weight: normal;}
.section2box{ margin-top: 40px;}
.section2box li { width: 130px; height: 210px; float: left; margin-left: 80px; cursor: pointer; position: relative;}
.section2box li:nth-child(6n+1){ margin-left: 0;}
.section2box li span{ display:block; font-size: 20px; margin-top: 10px;}
.section2box li i{ display: block; width: 36px; height: 36px; background: url(select.png) center center no-repeat; position: absolute; right: 0; top:0;display: none; }
.section2box li.select i { display: block;}

.section3bg{ width: 100%; height: 440px; background: url(section3bg.png) center center no-repeat; margin-top: -60px; padding-top: 100px;}
.section3{ width: 1306px; margin: 0 auto; }
.section3 .notice{ font-size: 20px; text-align: center; padding: 30px 0;}
.section3 .notice a{font-size: 20px; color: #0250DD; font-weight: bold;}
.section3box{ width: 100%;  min-height: 259px;  background: url(section3boxbg.png) center center no-repeat; padding-left: 80px; padding-top: 25px; position:relative;}
.section3box .zhezhao{ position:absolute; width:100%; height:100%; left:0; top:0; z-index:9999;}
.section3box li{ width: 32%; height: 120px; float: left; font-size: 18px;}
.section3box li label{ font-weight: bold;}
.section3box li label span{ color: #f00;}
.section3box li input,.section3box li select{ width: 360px; height: 50px; border-radius: 5px; border: 1px solid #ccc; margin-top: 10px; padding-left: 10px; padding-right: 10px; font-size: 18px;}

.section4bg{ width: 100%; min-height:550px; background: url(section4bg.png) center bottom no-repeat; clear: both; padding: 30px; padding-bottom: 100px;}
.section4{ width: 1306px; margin: 0 auto;}
.section4 .title{ width:1200px; margin:0 auto; text-align: center; background: url(title_l.png) left center no-repeat,url(title_r.png) right center no-repeat; font-size: 36px; font-weight: bold;}
.section4box{ margin-top: 20px;}
.section4box .textareabg{ width: 100%; height: 289px; background: url(textareabg.png) center center no-repeat; padding-left: 70px; padding-top: 20px;}
.section4box .textareabg textarea{ width: 1160px; height: 240px; outline: none; border: none; font-size: 18px;}
.section4bottom{ margin-top: 30px; padding: 0 60px;}
.section4bottom input{ width: 360px; height: 50px; border-radius: 5px; border: 1px solid #ccc; padding-left: 10px; padding-right: 10px; font-size: 18px;}
.codearea{ float: left;}
.codearea label{ font-size: 18px;}
.codearea label span{ color: #f00;}
.codearea input{ width: 301px; height: 50px; border-radius: 5px; border: 1px solid #ccc;}
.submitform{ float: right;}
.submitform input{ width: 180px; height: 60px; font-size: 20px; border: none; outline: none; cursor: pointer;}
.submitform input:nth-child(1){ background: url(btn1.png) center center no-repeat; margin-right: 30px;}
.submitform input:nth-child(2){ background: url(btn2.png) center center no-repeat; color: #fff;}

input::placeholder {
color: #888; /* 修改为需要的颜色 */
}
select,input[type=text]{ color: #888;}
.textareabg{ position: relative; margin-top: 60px;}
.textareabg textarea{ resize: none;}
.wordlimit,.wordlimit2{ position: absolute; right: 70px; bottom:20px; display: none; color: #f00;}
.wordlimit{ display: block;}

.textareabg #youselected{ display: block; position: absolute; top: -30px; left: 0; width: 100%; text-align: center; font-size: 20px; color: #FE7432; font-weight: bold;}
textarea:focus { outline: none;}
.n-default .msg-wrap {
    font-size: 20px;
    margin-top: 10px;
}