@charset "UTF-8";
/* CSS Document */
html {box-sizing: border-box;}
*, *:before, *:after {box-sizing: inherit;}
html{width:100%;height:100%;}
body{font:16px/1 "Microsoft YaHei",Tahoma,Arial,Helvetica,sans-serif;word-break:break-all;word-wrap:break-word;color: #333}
body,h1,h2,h3,h4,h5,h6,p,dl,dd{margin:0;}ul,ol,input{margin:0;padding:0;}li{list-style: none;}
img{border: none;height: auto;}table{border-collapse:collapse;border-spacing:0;}
em,i{font-style:normal}
textarea{resize:none;}button,input,textarea{-webkit-appearance:none;vertical-align:middle;border: none;border-radius:0;outline:none}input:focus{outline: none;}select:focus{outline: none;}
a{-webkit-tap-highlight-color:transparent;text-decoration: none;}
.clearfix { *zoom:1}
.clearfix:after{content: "";display: block; clear: both;}
.clearDiv{clear:both;height:0;font-size:0; overflow: hidden;}
.fl{float:left;}
.fr{float:right;}
.layout{width: 1000px;margin: 0 auto;}

@font-face {
font-family: 'FZTYSJW';
src: url('http://files.offcn.com/font/FZTYSJW.ttf'); /* IE9 Compat Modes */
src: url('http://files.offcn.com/font/FZTYSJW.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('http://files.offcn.com/font/FZTYSJW.woff') format('woff'), /* 所有主流浏览器 */
     url('http://files.offcn.com/font/FZTYSJW.TTF') format('truetype'), /* Safari, Android, iOS */
     url('http://files.offcn.com/font/FZTYSJW.svg#YourWebFontName') format('svg'); /* Legacy iOS */
}



.header {width:100%;height:50px;min-width:1000px;background:#fff;}
.h_t {width:1000px;height:50px;margin:0 auto;}
.logo {width:150px;height:50px;padding-right:10px;float:left;}
.logo img {width:172px;height:40px;margin-top: 5px;}
.logo_r {width:610px;height:40px;text-align:right;padding-top:10px;}
.logo_r li {height:40px;float:left;display:inline;}
.logo_r .tel,.logo_r .zxqq {font:normal 16px/40px 'Microsoft Yahei';color:#333;}
.logo_r .tel {background:url(../images/telqq.jpg) no-repeat 0 -7px;margin-right:10px;padding-left:30px;}
.logo_r .zxqq {background:url(../images/telqq.jpg) no-repeat 0 -56px;padding-left:30px;padding-right:6px;}
.logo_r .tel span{color:#333;font:normal 16px/40px 'Microsoft Yahei';}
.logo_r .zxqq a{color:#333;font:normal 16px/40px 'Microsoft Yahei';}
.logo_r .zxqq a:hover{color:#f00;text-decoration: underline;}
.logo_r .wei {width:90px;height:37px;padding-top:3px;position:relative;margin-left:4px;z-index:1;}
.logo_r .wei a.hover{width:80px;height:37px;display:block;background:#fff;z-index:20;top:3px;position:absolute;left:0px;font:normal 16px/36px 'Microsoft Yahei';padding:0 3px;color:#504e4e;}
.logo_r .wei a.on {width:80px;height:38px;border:1px #ccc solid;border-bottom:none;color:#504e4e;text-decoration:none;top:2px;left:-1px;}
.logo_r .wei img {float:left;margin-right:3px;display:inline;}
.logo_r .wei_cont {width:210px;height:100px;padding:10px;position:absolute;top:40px;right:1px;display:none;border:1px #ccc solid;background:#fff;z-index:10;}
.logo_r .wei_cont img {width:80px;height:80px;float:left;margin-right:15px;}
.logo_r .wei_cont .gz {width:53px;height:24px;margin:28px 0 0;float:left;}
.logo_r .wei_cont span {float:left;text-align:left;line-height:20px;padding-top:20px;width:90px;}
.logo_r .wei_cont a {display:inline;}

.banner{width:100%;min-width:1000px;height: 801px;background:url(../images/banner_bg.jpg) center 0 no-repeat;overflow: hidden;}
.bannerc{position: relative;height: 801px;padding-top: 118px;background:url(../images/banner.jpg) center 0 no-repeat;text-align: center;}
.bannerc h1{text-indent: -9999px;}
.bannerc .banw1{position: absolute;top: 58px;left: 275px;}
.bannerc .banw2{position: absolute;top: 498px;left: 335px;}
.bannerc .banw3{position: absolute;top: 114px;left: 59px;}
.bannerc .banw4{position: absolute;top: 362px;left: 727px;}
.bannerc .naozhong{position: absolute;top: 470px;left: 544px;z-index: 2}
.bannerc .ren{position: absolute;top: 142px;right: -409px;z-index: 2}
.zhi{
  animation:ban_b 3s linear 0s infinite normal;
  -webkit-animation:ban_b 3s linear 0s infinite normal;
    animation-direction:alternate;
    -webkit-animation-direction:alternate;
}
@keyframes ban_b{
  0,100% {transform:translateY(0);}
  30% {transform:translateY(-5px);}
  70% {transform:translateY(5px);}
}
@-webkit-keyframes ban_b {
  0,100% {-webkit-transform:translateY(0);}
  30% {-webkit-transform:translateY(-5px);}
  70% {-webkit-transform:translateY(5px);}
}
.ren{
  animation:ban_a 3s linear 0s infinite normal;
  -webkit-animation:ban_a 3s linear 0s infinite normal;
  -ms-animation:ban_a 3s linear 0s infinite normal;
  -moz-animation:ban_a 3s linear 0s infinite normal;
  -o-animation:ban_a 3s linear 0s infinite normal;
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
@keyframes ban_a{
  0,100% {transform:rotate(0deg);}
  30% {transform:rotate(-2deg);}
  70% {transform:rotate(2deg);}
}
@-webkit-keyframes ban_a {
  0,100% {-webkit-transform:rotate(0deg);}
  30% {-webkit-transform:rotate(-2deg);}
  70% {-webkit-transform:rotate(2deg);}
}
@-moz-keyframes ban_a {
  0,100% {-moz-transform:rotate(0deg);}
  30% {-moz-transform:rotate(-2deg);}
  70% {-moz-transform:rotate(2deg);}
}
@-ms-keyframes ban_a {
  0,100% {-ms-transform:rotate(0deg);}
  30% {-ms-transform:rotate(-2deg);}
  70% {-ms-transform:rotate(2deg);}
}
@-o-keyframes ban_a {
  0,100% {-o-transform:rotate(0deg);}
  30% {-o-transform:rotate(-2deg);}
  70% {-o-transform:rotate(2deg);}
}

.bg1{width: 100%;min-width: 1000px;height: 561px;background: url("../images/bg1.jpg") no-repeat center bottom;padding-top: 50px}
.zg_tit{height: 76px;}
.zg_tit h2{font-family: 'FZTYSJW';font-size: 56px;line-height: 86px;font-weight: normal;text-align: center}
.zg_tit h2 span{color: #1eaa68}
.zg_m1 .zg_tit{background: url("../images/tits1.png") no-repeat center 0;}
.m1box{position: relative;margin-top: 50px;background: #fff url("../images/OFFCN.png") no-repeat right 210px;border-radius: 20px;box-shadow: 0 0 20px rgba(125,125,125,.3);padding: 20px 50px 80px;}
.m1box h3{font-size: 32px;text-align: center;line-height: 2}
.m1box h3 span{color: #1eaa68}
.m1box p{font-size: 20px;line-height: 32px;}
.m1box p span{color: #1eaa68}
.m1img1{position: absolute;bottom: 0;left: -50px;}
.m1img2{position: absolute;bottom: -30px;right: 0px;}
.m1box a{display: inline-block;position: absolute;left: 40%;bottom: -30px;width: 225px;height: 60px;background: linear-gradient(to right,#96ef4b,#3dcf88);border-radius: 30px;font-size: 26px;text-align: center;color: #fff;line-height: 60px;font-weight: bold;}
.m1box a img{width: 30px;margin-right: 10px;vertical-align: -8px}
.m1box a:hover{animation-name: jello;transform-origin: center;}

.bg2{width: 100%;min-width: 1000px;height: 842px;background: url("../images/bg2.jpg") no-repeat center bottom;padding-top: 50px}
.zg_m2 .zg_tit h2{color: #fff}
.zg_m2 .zg_tit h2 span{color: #f8ff31}
.zg_m2 .zg_tit{background: url("../images/tits2.png") no-repeat center 0;}
.m2box{height: 652px;margin-top: 20px;background: url("../images/fbg.png") no-repeat}
.m2box_left{width: 50%;float: left;padding-top: 180px;}
.tab1{width: 90%;margin: 0 auto;border: 1px solid #1eaa68;}
.tabth{background: linear-gradient(to right,#14b37a,#76d88e);}
.tab1 th{font-size: 22px;color: #fff;text-align: center;line-height: 48px;}
.tab1 td{font-size: 18px;line-height: 48px;text-align: center;border-bottom: 1px solid #1eaa68;}
.tab1 tr:nth-child(2n+1) td{background: #fff}
.tab1 tr:nth-child(2n) td{background: #eefcf3}
.m2box_right{width: 50%;float: left;padding: 30px 65px 0 90px;}
.form_list{margin-top: 25px;}
.form_list li{position: relative;height: 56px;margin-top: 15px;padding: 0 10px;border: 1px solid #1eaa68;border-radius: 10px;overflow: hidden;}
.form_list li:last-child{border: none;margin-top: 30px;}
.form_list li label{display: inline-block;width: 15%;float: left;padding-top: 6px;}
.form_list li input,.form_list li select{display: inline-block;width: 80%;float: left;height: 54px;font-size: 24px;line-height: 54px;border: 0;background-color: transparent;}
.zg_yzm{display: inline-block;height: 54px;padding: 0 10px;position: absolute;top: 0;right: 0;background: linear-gradient(to right,#15b57c,#74d88e);font-size: 18px;color: #fff;line-height: 54px;}
.yybtn{display: block;width: 266px;height: 56px;margin: 0 auto;background: linear-gradient(to right,#ffc500,#ff7200);border-radius: 50px;font-size: 28px;line-height: 56px;text-align: center;color: #fff;}
.yybtn:hover{animation-name: jello;transform-origin: center;}

.bg3{width: 100%;min-width: 1000px;height: 397px;background: url("../images/bg3.jpg") no-repeat center bottom;padding-top: 30px}
.zg_m3 .zg_tit h2{color: #fff;}
.m3box{position: relative;height: 193px;padding: 25px 55px 55px;margin-top: 30px;background: url("../images/m3box.png") no-repeat;}
.m3box p{font-size: 18px;line-height: 32px;}
.m3box a{display: inline-block;position: absolute;left: 37%;bottom: -30px;width: 265px;height: 60px;background: linear-gradient(to right,#eb3c10,#ff7301);border-radius: 30px;font-size: 24px;text-align: center;color: #fff;line-height: 60px;font-weight: bold;}
.m3box a:hover{animation-name: jello;transform-origin: center;}

.bg4{width: 100%;min-width: 1000px;height: 1236px;background: url("../images/bg4.jpg") no-repeat center bottom;padding-top: 60px}
.zg_m4 .zg_tit{background: url("../images/tits3.png") no-repeat center 0;}
.m4box{height: 838px;margin-top: 50px;background: url("../images/m4box.png") no-repeat;}
.m4box_left{width: 60%;float: left;}
.m4box_left dl{padding: 150px 30px 0;}
.m4box_left dl dt{position: relative;height: 380px;text-align: center;}
.m4box_left dl dt a{display: inline-block;position: absolute;left: 130px;bottom: 40px;}
.m4box_left dl dt a:hover{animation-name: jello;transform-origin: center;}
.m4box_left dd{font-size: 20px;line-height: 32px;color: #fff;padding-left: 60px;}
.m4box_right{padding: 60px 40px 0}
.m4box_right .form_list li{padding: 0;border-radius: 30px}
.m4box_right .form_list li label{height: 56px;text-align: center;background: linear-gradient(to bottom,#1dd155,#1dac67)}
.m4box_right .form_list li label img{height: 30px;margin-top: 5px;}
.m4box_right .form_list li input,.m4box_right .form_list li select{padding-left: 10px;}
.m4box_right .form_list li textarea{display: inline-block;width: 80%;float: left;padding: 15px 10px;height: 54px;font:normal 24px/1 'Microsoft Yahei';border: 0;background-color: transparent;}

.bg5{width: 100%;min-width: 1000px;height: 666px;background: url("../images/bg5.jpg") no-repeat center bottom;padding-top: 0px}
.zg_m5 .zg_tit{background: url("../images/tits5.png") no-repeat center 0;}
.zg_m5 .zg_tit h2{color: #fff}
.zg_m5 .zg_tit h2 span{color: #f8ff31}
.m5box{background: #fff;border-radius: 30px;padding: 30px;margin-top: 50px}
.m5box table{width: 100%;}
.m5box table th{background: #ff7500;font-size: 20px;line-height: 40px;color: #fff;}
.m5box table td{font-size: 16px;line-height: 24px;text-align: center;padding: 10px;border: 1px solid #ff7500}
.m5box table td strong{font-size: 20px;color: #f02f18}
.m5box table td a{display: block;width: 120px;height: 40px;margin: 10px auto 0;background: linear-gradient(to right,#fe7a3b,#f02f18);border-radius: 30px;font-size: 18px;line-height: 40px;text-align: center;color: #fff;}
.m5box table td a:hover{animation-name: jello;transform-origin: center;}

.bg6{width: 100%;min-width: 1000px;height: 792px;background: url("../images/bg6.jpg") no-repeat center bottom;padding-top: 30px}
.zg_m6 .zg_tit{background: url("../images/tits4.png") no-repeat center 0;}
.m6box{height: 437px;margin-top: 30px;background: url("../images/m6box.png") no-repeat;}
.m6box_left{width: 50%;float: left;}
.m6box_left img{display: block;margin: 30px auto 20px;}
.m6box_left p{font-size: 18px;line-height: 32px;padding: 0 50px;}
.m6box_right{width: 50%;float: left;position: relative;text-align: center;padding-top: 90px;}
.m6tit_right{position: absolute;left: -10px;top: 20px;}
.m6c1{display: block;margin: 20px auto}
.m6c2{display: block;margin: 0 auto}

.bg7{width: 100%;min-width: 1000px;height: 642px;background: url("../images/bg7.jpg") no-repeat center bottom;padding-top: 0px}
.zg_m7 .zg_tit{background: url("../images/tits5.png") no-repeat center 0;margin-top: -50px;}
.zg_m7 .zg_tit h2{color: #fff}
.zg_m7 .zg_tit h2 span{color: #f8ff31}
.m7box{background: linear-gradient(to right,#008357,#2fa960);border-radius: 30px;padding: 30px 0 50px;margin-top: 50px;}
.m7box_left{width: 33.3%;float: left;text-align: center;}
.m7box h4{font-size: 28px;color: #fff;line-height: 2;} 
.m7box_left img{margin: 10px auto 20px;}
.m7box em{display: block;width: 232px;height: 60px;margin: 0 auto;background: #fff;border-radius: 50px;font-size: 24px;color: #0f8f5a;line-height: 60px;text-align: center;}
.m7box_mid{width: 33.3%;float: left;padding-top: 60px;}
.m7box_mid ul{height: 290px;background: url("../images/m7mid.png") no-repeat center center;}
.m7box_mid ul li{width: 50%;float: left;text-align: center;margin-top: 40px;}
.m7box_mid ul li p{font-size: 20px;color: #fff;line-height: 36px;}
.m7box_right{width: 33.3%;float: left;text-align: center;}
.m7box_right img{margin: 10px auto 20px;}












center{background: #222222;width: 100%;min-width: 1000px;overflow: hidden;position: relative;}




/*右侧悬浮*/
.right{position:absolute;z-index:1000;top:50%;margin-top:-300px;right:0px;width:150px;height:526px;position:fixed;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight)-480+"px")}
.right_box{width:150px;height: 526px;}
.right_c{width:150px;background:#16e6c7;padding-top: 8px;}
.right_tit{height:40px;padding:0 6px 0px 20px;}
.right_tit h4{width: 110px;font:bold 20px/36px 'Microsoft Yahei';color: #fff;text-align: center;letter-spacing: 1px;float: left;}
.right_close{width: 14px;height: 14px;line-height: 0;font-size:0px;cursor: pointer;transition:transform 0.5s;-moz-transition: transform 0.5s;-ms-transition: transform 0.5s;-webkit-transition: transform 0.5s; -o-transition:transform 0.5s;float: right;}
.right_close:hover{transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform: rotate(180deg);-o-transform:rotate(180deg);}
.right_time{width: 150px;height: 34px;border-bottom:#fff 1px dashed;margin: 0 auto;text-align:center;}
.right_time span{display: inline-block;padding-left: 28px;width: 130px;height: 24px;background:url(../images/right_timebg.png) 0 0 no-repeat;font:normal 17px/24px 'Microsoft Yahei';color: #fff;letter-spacing: 1px;text-align:left;}
.right_con{width: 150px;padding:8px 0px 10px;}
.right_list{width: 134px;margin: 0 auto;}
.right_list li{width: 134px;padding-left: 18px;height: 32px;}
.right_list li a{display: block;width: 98px;padding-left: 18px;height: 32px;background:url(../images/right_listbg.png) 0 center no-repeat;font:normal 18px/32px 'Microsoft Yahei';color:#fff;letter-spacing: 1px;}
.right_list li a:hover{font-weight: bold;color: #fff;}
.right_c_tit{width: 134px;text-align: center;display: none;margin:0 auto;}
.right_c_tit span{display: inline-block;padding-right: 14px;font:normal 18px/36px 'Microsoft Yahei';color:#fff;letter-spacing: 1px;background: url(../images/right_c_titbg2.png) right center no-repeat;cursor: pointer;}
.right_b{width: 150px;background: #519efd;}
.right_tel{width: 150px;padding:10px 0px 6px;margin: 0 auto;}
.right_tel dt{width: 96px;padding-left: 38px;font:normal 18px/30px 'Microsoft Yahei';color: #fffffe;letter-spacing: 1px;background:url(../images/right_tel.png) 12px center no-repeat;cursor: pointer;}
.right_tel dt span{display: inline-block;padding-right: 14px;}
.right_tel dt span.tt{width: 100px;padding-left: 10px;}
.right_tel dd{font:normal 16px/28px 'Microsoft Yahei';color: #fffffe;text-align: center;letter-spacing: 1px;}
.cs_wechat{width: 150px;padding-bottom:10px;border-bottom:#fff2f4 1px dashed;}
.cs_wechat img{width:140px;height:140px;margin:0 auto 6px;display: block}
.cs_wechat p{width:150px;height:24px;font:normal 16px/24px 'Microsoft Yahei';color:#fff;text-align:center;}
.look_course{width: 150px;height: 44px;font:normal 18px/44px 'Microsoft Yahei';text-align: center;letter-spacing: 1px;}
.look_course a{color: #fffffe;}
.look_course a:hover{color: #fffffe;font-weight: bold;}
.right_top{width: 76px;height: 30px;font:normal 17px/20px 'Microsoft Yahei';text-align: center;letter-spacing: 1px;margin: 0 auto;background:url(../images/right_topbg.png) center 0 no-repeat;}
.right_top a{color: #fffffe;}
.right_top a:hover{color: #ff0;text-decoration: underline;}
.right_btn{width:36px;height:112px;margin-top:207px;padding-top:8px;font:normal 18px/24px 'Microsoft Yahei';color:#fffffe;text-align:center;background:#645be4;cursor:pointer;display:none;}
/*右侧浮窗 end*/

.zg_xf{width:100%;min-width: 1000px;height:180px;background: rgba(0, 0, 0, .8); padding: 20px 0; position: fixed; bottom: 0; left: 50%; transform: translateX(-50%);z-index: 1111;display: none}
.zg_xf ul li{ width: 50%; margin: 0 auto; float: left; }
.zg_xf ul li a{ width: 530px; height: 140px; font-size: 52px; color: #fff; display: inherit; line-height: 140px; margin: 0 auto; text-align: center; border-radius: 10px; }
.zg_xf ul li a.ys03{ background: #464AED;}
.zg_xf ul li a.ys04{ background-image: -webkit-linear-gradient(180deg, rgb(0, 149, 106) 10%, rgb(47, 172, 112) 53%, rgb(94, 195, 118) 100%);}
.zg_xf ul li a.ys05{background: #fb605e;}
.zg_xf ul li img{ width: 60px;display: inline; vertical-align: -10px; margin-right: 10px;}


.index-mask {display: none;position: fixed;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .8);z-index: 199;}
.offcn-tc ,.offcn-tc1{position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 350px;z-index: 999;background-color: #FFF;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;padding:20px 30px 30px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;text-align:center;display: none;}
.login-close {position: absolute;top: -25px;right: -24px;width: 32px;height: 32px;background: url(../images/2020081428.png) no-repeat 0 /100% auto;cursor: pointer;-webkit-transition: all .4s;-moz-transition: all .4s;-ms-transition: all .4s;-o-transition: all .4s;transition: all .4s;}
.login-close:hover {-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.offcn-tc h3,.offcn-tc1 h3 {font-size: 28px;color: #057546;text-align: center}
.offcn-tc a,.offcn-tc1 a {display: block;width: 228px;height: 62px;margin: 20px auto 0;background: #ff8d00;border-radius: 30px;border: 1px solid #ff8d00;font: bold 30px/62px '';color: #fff;text-align: center;box-shadow:  0 10px 10px rgba(255,92,0,.5)}
.offcn-tc p,.offcn-tc1 p{font-size: 18px;padding-top: 20px;}
.offcn-tc1{width: 400px;}
.offcn-tc1 p{text-align: left;line-height: 32px;}
@keyframes jello {
  from, 11.1%, to {transform: none;}

  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}