@charset "utf-8";
/* CSS Document */

.warp{ border:solid #F00 0px; overflow:hidden}
.center{ width:1000px; margin:0 auto}

.top{ height:83px}
.top .logo{ padding-top:14px}
.top .top-right{ font-size:14px; color:#333; text-align:right; line-height:26px; padding-top:30px}
.top .top-right a{ display:block;}

.banner{ background:url(../images/banner-back.jpg) center no-repeat; height:496px; text-align:center}
.banner .banner-1{ padding-top:111px}
.banner .banner-2{ font-size:28px; color:#FFF; line-height:105px}
.banner .banner-pmd{ height:22px; -webkit-animation:float 0.3s 0s linear infinite alternate;animation:float 0.3s 0s linear infinite alternate}
.banner .banner-3{ margin-top:38px}
.banner .banner-3 span{ display:block; font-size:16px; color:#fff4ad; line-height:19px; margin-bottom:14px}
.banner .banner-3 a{ display:block; margin:0 auto; width:234px; height:27px; background:#EFC55E; line-height:27px; text-align:center; border-radius:13px; text-decoration:none; position:relative}
.banner .banner-3 a:before{ content:url(../images/banner-cur1.png); position:absolute; right:-4px; top:8px}
.banner .banner-3 a:hover{ background:#DBA20D; color:#FFF}
.banner .banner-3 a:hover:before{ content:url(../images/banner-cur2.png); position:absolute; right:-4px; top:8px}

.title b{ display:block; text-align:center; font-size:36px; color:#333333; line-height:59px; position:relative}
.title b:before{ content:""; border-bottom:solid 2px #DDBB61; width:145px; position:absolute; bottom:0; left:-72px; margin:0 0 0 50%}
.title-text{ border:solid 1px #DFD7CA; font-size:16px; color:#666666; line-height:26px; text-align:left; padding:8px 10px; margin-top:29px}

.main1{ overflow:hidden}
.main1 .title{ margin-top:50px}
.main1 .main1-cont{ margin:42px 0 60px 0}
.main1 .main1-cont .main1-left,.main1 .main1-cont .main1-right{ width:500px; text-align:center}
.main1 .main1-cont .main1-text1{ font-size:14px; color:#333333; line-height:24px; padding-top:6px}
.main1 .main1-text1 b{ display:block; font-size:18px;}
.main1 .main1-text2{ padding-top:20px}
.main1 .main1-text2 span{ display:block; font-size:14px; color:#333333; line-height:26px; text-align:left; min-height:88px; padding:0 30px 0 60px}
.main1 .main1-text2 span.main1-cur1{ background:url(../images/1-cur.png) left 21px no-repeat}
.main1 .main1-text2 span.main1-cur2{ background:url(../images/1-cur.png) left -60px no-repeat}
.main1 .main1-text2 span.main1-cur3{ background:url(../images/1-cur.png) left -140px no-repeat}
.main1 .main1-text2 span.main1-cur4{ background:url(../images/1-cur.png) left -220px no-repeat}
.main1 .main1-text2 span.main1-cur5{ background:url(../images/1-cur.png) left -300px no-repeat}
.main1 .main1-text2 span.main1-cur6{ background:url(../images/1-cur.png) left -380px no-repeat}
.main1 .main1-text2 span.main1-cur7{ background:url(../images/1-cur.png) left -460px no-repeat}
.main1 .main1-text2 span.main1-cur8{ background:url(../images/1-cur.png) left -540px no-repeat}
.main1 .main1-text2 span .table1{ display:table; height:80px}
.main1 .main1-text2 span .table1 .table1-cell{ display:table-cell; vertical-align:middle}
.main1 .main1-cont .main1-omit{ display:block; text-decoration:none; width:111px; height:25px; margin:20px auto 0 auto; line-height:25px; text-align:center; background:#726D69; color:#ffffff; border-radius:12px;}

.main2{ background:#2F3032; overflow:hidden}
.main2 .title{ margin-top:45px}
.main2 .title b{ color:#FFF}
.main2 .title-text{ text-align:center; padding:8px 20px; color:#bdbdbd}
.main2 .main2-cont{ margin-top:30px; padding:5px}
.main2 .main2-cont .main2-0{ width:480px; background:#DFD7CA; text-align:center}
.main2 .main2-cont .main2-0:hover{ box-shadow:rgba(255,255,255,0.7) 0px 0px 10px}
.main2 .main2-0 .main2-text1{ height:69px; font-size:14px; color:#2f3032; line-height:24px; padding-top:23px}
.main2 .main2-0 .main2-text1 b{ display:block; font-size:18px; color:#2f3032}
.main2 .main2-0 .main2-text1 b span{ color:#ae684f}
.main2 .main2-0 .main2-text2{ font-size:14px; color:#2f3032; line-height:23px; height:77px; padding-top:8px}
.main2 .main2-btn a{ display:block; margin:0 auto; width:475px; height:45px; line-height:45px; text-align:center; background:#E7C467; font-size:24px; color:#000000; border-radius:22px; text-decoration:none; margin-top:34px}
.main2 .main2-btn a:hover{ background:#DBA20D; color:#FFF}

.main3{ background:#2F3032; overflow:hidden}
.main3 .main3-title{ text-align:center; background:url(../images/3-title.png) center no-repeat; font-size:16px; color:#bcbcbc; line-height:30px; margin-top:42px; }
.main3 .main3-title span{ color:#ffe8ac}
.main3 .main3-title i{ font-style:normal; color:#ff4f5c}
.main3 .main3-cont{ margin-top:50px}
.main3 .main3-cont .main3-0{ float:left; width:230px; position:relative; background:rgba(255,232,172,0.1); margin-left:26px}
.main3 .main3-cont .main3-0:hover{ background:rgba(255,232,172,0.2)}
.main3 .main3-cont .main3-0.main3-mar{ margin-left:0}
.main3 .main3-0 .main3-pos{ position:absolute; top:0; left:0}
.main3 .main3-0 .main3-text1{ font-size:18px; color:#ffffff; font-weight:bold; width:150px; margin:9px auto 0 auto; border-bottom:solid 1px #FFE8AC; text-align:center; line-height:38px; position:relative}
.main3 .main3-0 .main3-text1:before{ content:""; border-bottom:solid 1px #DFD7CA; width:54px; position:absolute; bottom:3px; left:-27px; margin-left:50%}
.main3 .main3-0 .main3-img{ margin-top:16px; text-align:center}
.main3 .main3-0 .main3-text2{ padding:10px 10px; font-size:14px; color:#F6F6F6; line-height:21px; text-align:center}
.main3 .main3-0 .main3-text2 span{ display:block; text-align:left; font-size:12px; color:#ffffff;}
.main3 .main3-0 .main3-text2 span i{ font-style:normal; color:#ffe8ac}
.main3 .main3-btn{ margin:41px 0 60px 0}
.main3 .main3-btn a{ display:block; margin:0 auto; width:394px; height:45px; line-height:45px; text-align:center; background:#E7C467; font-size:24px; color:#000000; border-radius:22px; text-decoration:none;}
.main3 .main3-btn a:hover{ background:#DBA20D; color:#FFF}

.main4{ background:url(../images/back4.jpg) center no-repeat; height:842px; overflow:hidden}
.main4 .title{ margin-top:50px}
.main4 .main4-cont{ background:url(../images/4-back.png) right no-repeat; margin:68px auto 0 auto; width:914px; height:593px; position:relative}
.main4 .main4-cont span{ position:absolute}
.main4 .main4-1 span{ background:url(../images/4-hover.png) center no-repeat; height:214px; width:214px; z-index:997}
.main4 .main4-1 .main4-img1{ left:121px; bottom:123px;}
.main4 .main4-1 .main4-img2{ left:257px; top:123px}
.main4 .main4-1 .main4-img3{ left:392px; bottom:123px}
.main4 .main4-1 .main4-img4{ left:528px; top:123px}
.main4 .main4-1 .main4-img5{ left:663px; bottom:123px}
.main4 .main4-2 span{ display:block; width:220px; background:#FDEFAD; font-size:12px; color:#2f3032; line-height:25px; box-sizing:border-box; padding:9px 7px; border-radius:7px; z-index:996}
.main4 .main4-2 span i{ display:block; text-align:right; font-style:normal}
.main4 .main4-2 span:before{ display:block; content:url(../images/4-cur.png); height:13px; width:5px; position:absolute; right:-5px; top:28px}
.main4 .main4-2 span.main4-txt4:before{ right:auto; left:-5px; transform:rotate(180deg)}
.main4 .main4-2 span.main4-txt1:before,.main4 .main4-2 span.main4-txt3:before,.main4 .main4-2 span.main4-txt5:before{ top:auto; bottom:28px}
.main4 .main4-2 span.main4-2cur{ background:#DBA20D; color:#FFF}
.main4 .main4-2 span.main4-2cur:before{ display:block; content:url(../images/4-curHover.png); height:13px; width:5px; position:absolute; right:-5px; top:28px}
.main4 .main4-2 span.main4-txt1.main4-2cur:before,.main4 .main4-2 span.main4-txt3.main4-2cur:before,.main4 .main4-2 span.main4-txt5.main4-2cur:before{ top:auto; bottom:28px}
.main4 .main4-2 .main4-txt1{ left:0; bottom:0}
.main4 .main4-2 .main4-txt2{ left:129px; top:0}
.main4 .main4-2 .main4-txt3{ left:273px; bottom:0}
.main4 .main4-2 .main4-txt4{ left:648px; top:0}
.main4 .main4-2 .main4-txt5{ left:542px; bottom:0}
.main4 .main4-3 span{ background:url(../images/4-3-1.png) center no-repeat; width:12px; height:101px}
.main4 .main4-3 span.main4-back{ background:url(../images/4-3-2.png) center no-repeat; width:12px; height:101px}
.main4 .main4-3 .main4-cur1{ left:226px; bottom:28px; transform:rotate(180deg)}
.main4 .main4-3 .main4-cur2{ left:356px; top:28px}
.main4 .main4-3 .main4-cur3{ left:497px; bottom:28px; transform:rotate(180deg)}
.main4 .main4-3 .main4-cur4{ left:627px; top:28px}
.main4 .main4-3 .main4-cur5{ left:766px; bottom:28px; transform:rotate(180deg)}


.main5{ background:url(../images/back5.jpg) center no-repeat; height:578px; overflow:hidden}
.main5 .title{ margin-top:43px}
.main5 .title b{ color:#FFF}
.main5 .title b span{ font-weight:normal}
.main5 .title b:before{ width:275px; left:-137px;}
.main5 .main4-form{ width:500px; margin:44px auto 0 auto}
.main5 .main4-form .form-ctr0{ margin-bottom:21px}
.main5 .main4-form .form-ctr0 label{float: left; font-size: 20px; color: #fff; height: 40px; line-height: 40px; width:140px}
.main5 .main4-form i{ font-style:normal; color:#FAEDB2}
.main5 .main4-form .form-ctr0 input{width:339px; height: 40px; font-family: 微软雅黑; font-size: 16px; color: rgb(255, 255, 255); padding: 0px 0px 0px 21px; background: rgba(255, 255, 255, 0.156863); border:0}
.main5 .main4-form .radio-left{ float:left; font-size:20px; color:#FFF; line-height:40px; width:140px}
.main5 .main4-form .radio-right{ width:360px; float:left;}
.main5 .main4-form .radio-right .opt{ float:left; margin-left:20px}
.main5 .main4-form .radio-right .gender-radio{position: absolute; display:none;}
.main5 .main4-form .radio-right label{position: relative; display: block; padding-left:36px; cursor: pointer; vertical-align: middle; font-size:16px; color:#faedb2; line-height:36px}
.main5 .main4-form .radio-right .gender-radio + label:after{ position: absolute; display: none; content: ''; }
.main5 .main4-form .radio-right label:before{ position: absolute; top:2px; left: 0; display: inline-block; width: 30px; height:30px; content: ''; background:url(../images/5-cur.png) left 0px no-repeat}
.main5 .main4-form .radio-right .gender-radio + label:after{ top:2px; left:0px; width:30px; height:30px; background:url(../images/5-cur.png) left -60px no-repeat}
.main5 .main4-form .radio-right .gender-radio:checked + label:after{ display: block; }
.main5 .form-action{ padding-top:33px}
.main5 .form-action input{ display:block; margin:0 auto; width:220px; height:45px; line-height:45px; text-align:center; background:#E7C467; font-size:24px; color:#000000; border-radius:22px; text-decoration:none; border:0}
.main5 .form-action input:hover{ background:#DBA20D; color:#FFF}

/*footer*/
.footer{ background:#1c2123; text-align:center; color:#9b9b9b; line-height:24px; padding:30px 0 20px; font-size:12px}
.footer a{ color:#9b9b9b; display:inline-block; padding:0 5px; line-height:24px; text-decoration:none;}
.footer .blank{ display:block; height:20px; clear:both; overflow: hidden; visibility:hidden;}


@keyframes float{
	0%{-webkit-transform:translateY(0);transform:translateY(0)}
	100%{-webkit-transform:translateY(3px);transform:translateY(3px)}
}