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

.warp{ min-width:1200px; max-width:1920px; margin:0 auto; border:solid #F00 0px; overflow:hidden}
.center{ width:1200px; margin:0 auto}
.table{ display:table}
.table .table-cell{ display:table-cell; vertical-align:middle}

.banner{ background:url(../images/banner-back.jpg) center no-repeat; height:770px}
.banner .logo{ float:left; margin-top:36px}
.banner .phone{ float:right; background:url(../images/phone.png) left no-repeat; font-size:30px; color:#FFF; line-height:35px; padding-left:43px; margin-top:53px}
.banner .banner-1{ text-align:center; margin-top:104px}
.banner .banner-2{ margin-top:32px; text-align:center}
.banner .banner-2 dl{ display:inline-block; overflow:hidden}
.banner .banner-2 dd{ float:left; font-size:33px; color:#FFF; line-height:40px; margin:0 30px; padding:0 40px; position:relative}
.banner .banner-2 dd:before{ content:""; width:54px; height:40px; background:url(../images/lcon.png) no-repeat; position:absolute; top:0; left:-14px}
.banner .banner-2 dd:nth-child(1):before{ background-position:0 0}
.banner .banner-2 dd:nth-child(2):before{ background-position:-54px 0}
.banner .banner-2 dd:nth-child(3):before{ background-position:-108px 0}
.banner .banner-btn{ padding-top:180px}
.banner .banner-btn a{ display:block; margin:0 auto; width:611px; height:79px; text-align:center; line-height:79px; border:solid 2px #BD8A2E; font-size:30px; color:#cca042; text-decoration:none}

.title .title-box{ padding-left:120px}
.title .title-box span{ float:left; background:#201E26; width:257px; height:120px; text-align:center; line-height:120px; border:solid 4px #030000; position:relative}
.title .title-box span:before{ content:""; width:247px; height:124px; border:solid 2px #7C7B80; position:absolute; top:-35px; left:-33px; z-index:-1}
.title .title-box h3{ float:left; width:760px; font-size:50px; font-weight:normal; color:#424242; line-height:64px; height:128px; margin-left:29px}
.title .title-intro{ background:url(../images/title-intro-1.jpg) no-repeat; width:1108px; height:165px; padding:0 26px 0 25px; margin:80px auto 0; font-size:16px; color:#0d0d0d; line-height:30px; text-indent:2em; letter-spacing:2px}
.title .title-intro span{ color:#dd0300}
a.button{ display:block; width:234px; height:52px; margin:0 auto; border:solid 2px #13101A; text-align:center; line-height:52px; font-size:20px; color:#13101a; text-decoration:none; position:relative; transition:all 0.3s linear}
a.button i{ width:34px; height:30px; background:#000; border:solid 1px #13101A; position:absolute; top:10px; right:-17px}
a.button i:before{ content:""; background:#FFF; width:18px; height:2px; position:absolute; top:14px; left:7px; transition:all 0.3s linear}
a.button i:after{ content:""; width:0; height:0; border-top:4px solid transparent; border-left:6px solid #FFF; border-bottom:4px solid transparent; position:absolute; top:50%; left:24px; margin-top:-4px; transition:all 0.3s linear}

.revise{ padding-top:146px}
.revise .title h3{ color:#dd0300}
.revise .revise-cont{ margin-top:78px; overflow:hidden}
.revise .revise-cont li{ float:left; width:379px; height:525px; border:solid 2px #E6E6E6; border-top:solid 6px #13101A; text-align:center; overflow:hidden}
.revise .revise-cont li:nth-child(1n+2){ margin-left:25px}
.revise .revise-cont li:nth-child(2){ border-top:solid 6px #D5A635}
.revise .revise-cont li:nth-child(3){ border-top:solid 6px #D95958}
.revise .revise-cont li .revise-lcon{ height:160px; margin-top:20px; line-height:160px}
.revise .revise-cont li .revise-name{ font-size:26px; color:#13101a; font-weight:bold; line-height:32px}
.revise .revise-cont li .revise-info{ height:193px; padding-top:15px}
.revise .revise-cont li .revise-info dl{ display:inline-block; text-align:left}
.revise .revise-cont li .revise-info dd{ font-size:14px; color:#323232; line-height:41px; letter-spacing:1px}
.revise .revise-cont li:nth-child(2) .revise-name{ color:#d5a635}
.revise .revise-cont li:nth-child(2) .revise-btn a{ border:solid 2px #D5A635; color:#d5a635}
.revise .revise-cont li:nth-child(2) .revise-btn a i{ background:#D5A635; border:solid 1px #D5A635}
.revise .revise-cont li:nth-child(3) .revise-name{ color:#B52323}
.revise .revise-cont li:nth-child(3) .revise-btn a{ border:solid 2px #B52323; color:#B52323}
.revise .revise-cont li:nth-child(3) .revise-btn a i{ background:#B52323; border:solid 1px #B52323}
.revise .revise-cont li:nth-child(1) .revise-btn a:hover{ background:#000; color:#FFF}
.revise .revise-cont li:nth-child(1) .revise-btn a:hover i{ background:#FFF}
.revise .revise-cont li:nth-child(1) .revise-btn a:hover i:before{ background:#000}
.revise .revise-cont li:nth-child(1) .revise-btn a:hover i:after{ border-left:6px solid #000}
.revise .revise-cont li:nth-child(2) .revise-btn a:hover{ background:#d5a635; color:#FFF}
.revise .revise-cont li:nth-child(2) .revise-btn a:hover i{ background:#FFF}
.revise .revise-cont li:nth-child(2) .revise-btn a:hover i:before{ background:#d5a635}
.revise .revise-cont li:nth-child(2) .revise-btn a:hover i:after{ border-left:6px solid #d5a635}
.revise .revise-cont li:nth-child(3) .revise-btn a:hover{ background:#B52323; color:#FFF}
.revise .revise-cont li:nth-child(3) .revise-btn a:hover i{ background:#FFF}
.revise .revise-cont li:nth-child(3) .revise-btn a:hover i:before{ background:#B52323}
.revise .revise-cont li:nth-child(3) .revise-btn a:hover i:after{ border-left:6px solid #B52323}

.again{ padding-top:150px}
.again .again-cont{ background:url(../images/again-back.jpg) center no-repeat; height:657px; margin-top:76px; overflow:hidden}
.again .again-left{ float:left; width:680px; padding-top:81px}
.again .again-img{ width:566px; height:366px; border:solid 2px #FFF; position:relative}
.again .again-img img{ position:absolute; top:43px; left:41px}
.again .again-right{ float:left; width:520px; padding-top:56px}
.again .again-list{ position:relative}
.again .again-list:before{ content:""; height:566px; border-left:dashed 1px #047271; position:absolute; top:10%; left:31px}
.again .again-head{ font-size:28px; color:#07bab6; line-height:62px; padding:0 0 21px 72px; position:relative; margin:17px 0 0; cursor:pointer}
.again .again-head:before{ content:""; width:58px; height:58px; border:solid 2px #009794; border-radius:58px; background:url(../images/lcon.png) 0 -40px no-repeat #091C21; position:absolute; top:0; left:0}
.again .again-head.current{ padding-bottom:0}
.again .again-head.current:before{ background-position:-58px -40px; background-color:#009794; border:solid 2px #009794}
.again .again-head:nth-child(7){ padding-bottom:0}
.again .again-body{ display:none; padding:14px 0 0 88px; font-size:14px; color:#FFF; line-height:27px}
.again .again-body .button{ margin:24px 0 0 0; border:solid 2px #009794; color:#009794; width:145px; height:31px; line-height:31px; font-size:14px}
.again .again-body .button i{ background:#009794; width:20px; height:18px; border:solid 1px #009794; top:6px; right:-11px}
.again .again-body .button i:before{ width:11px; height:1px; top:9px; left:2px}
.again .again-body .button i:after{ border-top:3px solid transparent; border-left:5px solid #FFF; border-bottom:2px solid transparent; left:13px; margin-top:-2px}
.again .again-body .button:hover{ background:#009794; color:#FFF}
.again .again-body .button:hover i{ background:#FFF}
.again .again-body .button:hover i:before{ background:#009794}
.again .again-body .button:hover i:after{ border-left:6px solid #009794}

.curri{ background:#EEEEEE; padding-top:165px}
.curri .title .title-intro{ background:url(../images/title-intro-2.png) no-repeat #FFF; width:1106px; height:176px; padding:0 23px 0 43px}
.curri .curri-cont{ margin-top:81px; overflow:hidden}
.curri .curri-left{ float:left; width:360px}
.curri .curri-left span{ display:block; background:#FFFFFF; margin-bottom:22px; height:120px; line-height:120px; padding-left:42px; font-size:24px; color:#d3a846; letter-spacing:4px; cursor:pointer; transition:all 0.3s linear; position:relative}
.curri .curri-left span:before{ content:""; width:0; height:0; border-top:11px solid transparent; border-left:13px solid #D3A846; border-bottom:11px solid transparent; position:absolute; top:50%; left:262px; margin-top:-9px}
.curri .curri-left span.current{ background:#D3A846; color:#FFF}
.curri .curri-left span.current:before{ border-left:13px solid #FFF}
.curri .curri-right{ float:left; background:#D3A846; width:840px; height:546px; position:relative}
.curri .curri-box{ width:100%; box-sizing:border-box; overflow:hidden; position:absolute; top:30px; left:0; display:none}
.curri .curri-box .curri-info{ float:left; width:515px; margin-left:30px}
.curri .curri-box h3{ font-size:30px; color:#52411C; line-height:41px; padding-bottom:16px}
.curri .curri-box .curri-info li{ font-size:18px; color:#ffffff; line-height:30px}
.curri .curri-box .curri-info p{ font-size:14px; color:#0d0a0a; line-height:30px; padding-top:12px; letter-spacing:2px; width:445px; height:204px}
.curri .curri-box .button{ margin:0; border:solid 2px #FFF; color:#FFF}
.curri .curri-box .button i{ background:#D3A846; border:solid 1px #FFF}
.curri .curri-box .button:hover i{ background:#FFF}
.curri .curri-box .button:hover i:before{ background:#D3A846}
.curri .curri-box .button:hover i:after{ border-left:6px solid #D3A846}
.curri .curri-box .curri-img{ float:left}
.curri .curri-box:nth-child(4) h3{ padding:30px 0 0 30px}
.curri .curri-box:nth-child(4) dl{ margin-top:54px; padding-left:18px; overflow:hidden}
.curri .curri-box:nth-child(4) dd{ float:left; width:224px; margin:0 12px}
.curri .curri-box:nth-child(4) dd .table{ background:#FFFFFF; width:212px; height:67px; border:solid 1px #BFBFBF; padding-left:10px; font-size:20px; color:#4ab3c6; line-height:24px}
.curri .curri-box:nth-child(4) .button{ margin:113px 0 0 30px}
.curri .curri-more{ text-align:center; line-height:233px; font-size:26px; color:#ba8808; font-weight:bold}

.teach{ padding-top:146px}
.teach .teach-cont{ background:url(../images/teach-back.jpg) bottom no-repeat #446D71; height:892px; margin-top:100px; overflow:hidden}
.teach .teach-box{ background:#FFFFFF; width:1200px; margin:109px auto 0; padding:71px 0 30px 0; overflow:hidden}
.teach .teach-box ul{ overflow:hidden}
.teach .teach-box li{ float:left; width:1200px; overflow:hidden}
.teach .teach-box li .teach-img{ float:left; width:283px; margin-left:65px}
.teach .teach-box li .teach-info{ float:left; width:760px; margin-left:92px; padding-top:16px}
.teach .teach-box li .teach-name{ border-bottom:solid 2px #2B6D73; padding-bottom:12px; width:525px}
.teach .teach-box li .teach-name b{ display:block; font-size:30px; color:#2b6d73; line-height:35px}
.teach .teach-box li .teach-name span{ display:block; font-size:16px; color:#070707; line-height:24px; letter-spacing:2px}
.teach .teach-box li .teach-info p{ font-size:16px; color:#070707; line-height:26px; padding:28px 0}
.teach .teach-box li .teach-info .button{ margin:0; border:solid 2px #446D71; color:#446D71}
.teach .teach-box li .teach-info .button i{ background:#446D71; border:solid 1px #FFF}
.teach .teach-box li .teach-info .button:hover{ background:#446D71; color:#FFF}
.teach .teach-box li .teach-info .button:hover i{ background:#FFF; border:solid 1px #446D71}
.teach .teach-box li .teach-info .button:hover i:before{ background:#446D71}
.teach .teach-box li .teach-info .button:hover i:after{ border-left:6px solid #446D71}
.teach .teach-box .teach-click{ text-align:center; padding-top:24px}
.teach .teach-box .teach-click dl{ display:inline-block; overflow:hidden}
.teach .teach-box .teach-click dd{ float:left; background:#CCCCCC; width:61px; height:7px; margin:0 15px}
.teach .teach-box .teach-click dd.current{ background:#446D71}

.form{ background:url(../images/form-back.jpg) center no-repeat; height:947px; padding-top:147px;}
.title .title-box{ position:relative}
.title .title-box:before{content: ""; width: 247px; height: 124px; border: solid 2px #7C7B80; position: absolute; top: -35px; left: 91px; z-index: 1}
.title .title-box span{ z-index:9}
.title .title-box span:before{ display:none}
.form .form-cont{ width:550px; margin:0 auto; padding-top:109px; position:relative; z-index:999}
.form .formCtrl{ margin-bottom:22px; height:48px}
.form .formCtrl label{ float: left; width:130px; font-size: 18px; color: #333333; line-height: 46px; text-align:right; padding-right:12px}
.form .formCtrl input{ float: left; width:408px; height:46px; padding: 0; background:#FCFCFC; border: 1px solid #C6C6C6; text-indent: 18px; font-size: 16px; color: #333333; box-sizing:border-box; outline:none}
.form .formCtrl .navvRight{ float:left; width:408px; position:relative}
.form .form-cont .new{width:406px;position:absolute; top:46px; right:0;border:1px solid #D6D6D6;display:none; font-size:18px; color:#727171; background:#FFF; z-index:5}
.form .form-cont .navv ul{}
.form .form-cont .navv ul li{line-height:32px; font-size:16px; text-align:center}
.form .form-cont .navv ul li:hover{background:#CCC;color:#FFF;}
.form .form-cont .set{ position:relative;}
.form .form-cont .set:before{ content:""; background:#C6C6C6; width:46px; height:46px; border:solid 1px #C6C6C6; position:absolute; top:0px; right:0; z-index:2; box-sizing:border-box}
.form .form-cont .set:after{ content:""; width:18px; height:18px; border:solid 3px #FFF; border-top:none; border-right:none; position:absolute; top:8px; right:12px; transform:rotate(-45deg); z-index:2}
.form .form-cont .formSubmit{ height:54px; padding:25px 0 0 240px}
.form .form-cont .formSubmit input{ display:block; background:#AE1E1E; width:304px; padding:0; height:51px; border:0; font-size:22px; color:#ffffff; border-bottom:solid 0 #DD6264; outline:none; text-align:center; text-decoration:none; font-family:微软雅黑; transition:all 0.3s linear}
input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none;}
.form .form-intro{ font-size:14px; color:#1f1f1f; line-height:26px; text-align:center; padding-top:28px; letter-spacing:1px}
.form .form-intro i{ font-style:normal; color:#FF0000; font-size:16px}
.form .form-intro span{ color:#ae1e1e}
.form .form-phone{ font-size:35px; color:#ae1e1e; height:63px; line-height:63px; text-align:center; margin-top:86px; width:1200px; margin:86px auto 0; overflow:hidden}
.form .form-phone b{ display:inline-block; padding-left:82px; background:url(../images/form-phone.png) left no-repeat; position:relative}
.form .form-phone b:before{ content:""; background:#AE1E1E; width:600px; height:2px; position:absolute; top:31px; left:-630px}
.form .form-phone b:after{ content:""; background:#AE1E1E; width:600px; height:2px; position:absolute; top:31px; right:-630px}

.footer{ background: #373D41; padding:56px 0 90px;}
.footer .site-relative-infor{ width:1200px; margin: 0 auto; padding-bottom: 58px; border-bottom: 1px solid #53585c;}
.footer .site-map{ float: left; overflow: hidden; margin-left: 10px;}
.footer .site-map dl{ float: left; margin-right: 80px;}
.footer .site-map dt{ font-size: 14px; line-height: 24px; color: #fff; padding-bottom:6px}
.footer .site-map dd a{ font-size: 12px; line-height: 28px; color: #ccc;display: block; text-decoration: none;}
.footer .site-contact{ float: right; padding-top:20px}
.footer .site-contact ul{ margin-bottom: 20px; display:none;}
.footer .site-contact ul:after{ content: ""; clear: both; display: block;}
.footer .site-contact li{ float: left; width: 40px; height: 40px; border-radius: 50%; background-color: #73777a; cursor: pointer; background-image: url(../images/icons.png); background-repeat: no-repeat; margin-right: 34px; transition: all 0.3s; position: relative;}
.footer .site-contact li:hover{ background-color: #cdb177;}
.footer .site-contact li .hover-content{ position: absolute; background: url(../images/border-bj.png) center no-repeat; width: 212px; height: 220px; bottom: 40px; left: 50%; margin-left: -106px; display: none;}
.footer .site-contact li:hover .hover-content{ display: block;}
.footer .site-contact .site-contact-wechat{ background-position: 0 -440px;}
.footer .site-contact .site-contact-wechat .code-img{ text-align: center; margin-top: 32px;}
.footer .site-contact .site-contact-wechat .code-txt{ text-align: center; font-size: 14px; line-height: 22px; font-weight: bold; color: #666; margin-top: 16px;}
.footer .site-contact .site-contact-qq{ background-position: -40px -440px; margin-right: 0;}
.footer .site-contact .site-contact-qq .code-img{ text-align: center; margin-top: 30px;}
.footer .site-contact .site-contact-qq .code-txt{ text-align: center; font-size: 22px; line-height: 22px; font-family: arial; color: #cdb177; margin-top: 14px;}
.footer .site-contact .site-contact-qq a{ display: block; width: 160px; height: 38px; line-height: 38px; background: #cdb177; border-radius: 4px; text-align: center; color: #fff; font-weight: bold; margin: 0 auto; font-size: 16px; text-decoration: none; margin-top: 18px;}
.footer .site-contact .site-contact-webo{ background-position: -80px -440px;}
.footer .site-contact .site-contact-webo .code-img{ text-align: center; margin-top: 25px;}
.footer .site-contact .site-contact-webo .code-txt{ text-align: center; font-size: 14px; line-height: 22px; font-weight: bold; color: #666; margin-top: 12px;}
.footer .site-contact .site-contact-wechat:hover{ background-position: 0 -480px;}
.footer .site-contact .site-contact-qq:hover{ background-position: -40px -480px;}
.footer .site-contact .site-contact-webo:hover{ background-position: -80px -480px;}
.footer .site-contact .photo-number{ text-align: center; font-size: 16px; line-height: 24px; color: #fff;}
.footer .site-contact .call-time{ text-align: center; font-size: 12px; line-height: 24px; color: #73777a;}
.footer .friend-links{ width:1160px; margin: 0 auto;}
.footer .friend-links dl{ overflow: hidden; margin-top: 22px;}
.footer .friend-links dt{ float: left; width: 79px; height: 22px; background: url(../images/border.png) center no-repeat; font-size: 12px; line-height: 22px; text-align: center; color: #ccc;}
.footer .friend-links dd{ float: left;}
.footer .friend-links dd a{ display: block; font-size: 12px; color: #ccc; text-decoration: none; line-height: 22px; margin: 0 6px;}
.footer .copyright{ font-size: 12px; line-height: 16px; color: #ccc; font-weight: lighter; margin-top: 10px;}