@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td ,img{ margin: 0; padding: 0; font:14px/28px "\82F9\679C\4E3D\4E2D\9ED1","\5FAE\8F6F\96C5\9ED1",Arial,sans-serif; color:#333; border:none;}
html,body { -webkit-tap-highlight-color:rgba(0,0,0,0); }
img { max-width:100%; }
body {
	background:#fff;
	overflow-x: hidden;
}
:root body { filter:none;}

article, iframe { display:block; border:0;}
ul, li { list-style:none;}
table { border-collapse:collapse;border-spacing:0; max-width:100%;}
input::focus-inner{ outline:0;padding:0;border:0;}
input[type="button"], input[type="submit"], input[type="reset"], button {-webkit-appearance:none; outline:0;}
:focus { outline: none; }
a,area { blr:expression(this.onFocus=this.blur()) }
a { color:#333; text-decoration:none;}
b{ font-weight:normal;}
.clear { clear:both;height:0px; width:100%; font-size:1px;line-height:0px; visibility:hidden; overflow:hidden;}
.clearfix:after{ content:" ";display:block; visibility:hidden; height:0;font-size:0; clear:both;}
.clearfix { *zoom:1;}
.hide, .mobshow, .onlymob { display:none;}
.fl { float:left;}
.fr { float:right;}
.mr{ margin-right:0 !important;}
.ml{ margin-left:0 !important;}
.wrapper{ width:1130px; margin:0 auto;}
.hao{ height: auto; overflow: hidden;}
.textc{ text-align: center;}


/*top*/
.top{ width: 100%; height: 100px;}
.top-all{ height: 100px;}
.top-all h1{ float: left; width: 226px; height: 100px; background:url(../images/logo.png) no-repeat; text-indent: -9999px;}
.top-all h1 a{ display: block; width: 236px; height: 100px;}
.top-all .sublogo{ width: 607px; height: 70px; margin-top:15px; padding-left:35px; border-left:#2e2b64 solid 1px; font-size:31px; color:#2e2b64; line-height:65px;}
.top-all .hotline{ width: 230px; height: 100px; background:url(/images/hotline.png) no-repeat; text-indent: -9999px;}


/*banenr*/
.banner{ width: 100%; height: 689px; overflow: hidden; background:url(../images/banner.jpg) no-repeat center top;}
.banmin{ height: 689px; overflow: hidden; background:url(../images/banmin.jpg) no-repeat center top; text-indent: -99999px;}
.banmin a{ display: block; width: 1100px; height: 689px; overflow: hidden;}


/*part01*/
.part01{ height: auto; overflow: hidden; background:#ecf1fe; padding-bottom: 25px;}
.part01-title{ height: 133px; overflow: hidden; background:url(../images/part01-title.png) no-repeat; margin-top: 39px;}
.part01-title h3{ height: 60px; font-size: 40px; font-weight: bold; color: #0531c2; line-height: 60px;}
.part01-title p{ height: 42px; font-size: 24px; color: #333; line-height: 42px;}

.part01-cloum{ width: 1084px; height: 254px; overflow: hidden; background: #fff; border-radius: 20px; box-shadow: 0 0 8px 8px rgba(208, 213, 222, .25); padding: 15px 7px; margin: 15px;}
.p01clo{ width: 227px; height: 224px; background:url(../images/p01clo.jpg) no-repeat; padding: 15px; margin: 0 7px;}
.caption01{ width: 227px; height: 81px;}
.caption01-num{ width: 58px; height: 81px; font-size: 30px; font-weight: bold; color: #fff; line-height: 52px;}
.caption01-text{ width: 169px; height: 65px; font-size: 20px; font-weight: bold; color: #333; line-height: 65px; letter-spacing: 1px; padding-top: 16px;}
.caption01-text span{ font-size: 30px; color: #df2212;}
.p01clo p{ height: 68px; font-size: 18px; line-height: 26px; color: #333; padding: 15px 10px 0 15px;}
.p01clo a{ display: block; width: 214px; height: 40px; background:url(../images/p01clo-link.png) no-repeat; font-size: 18px; line-height: 40px; color: #fff; text-align: center; margin: 0 auto;}
.p01clo a:hover{ animation: button01 1s cubic-bezier(.36, .07, .19, .97) both;}
@keyframes button01 { 10%, 90% {transform: translate3d(-2px, 0, 0);} 20%, 80% {transform: translate3d(4px, 0, 0);} 30%, 50%, 70% {transform: translate3d(-5px, 0, 0);} 40%, 60% {transform: translate3d(5px, 0, 0);}}


/*part02*/
.part02{ width: 100%; height: auto; overflow: hidden; background:url(../images/part02.jpg) repeat-y center top; padding-bottom: 33px;}
.part02-title{ height: 66px; overflow: hidden; font-size: 40px; font-weight: bold; color: #fff; line-height: 64px; background:url(../images/part02-title.png) no-repeat; margin-top: 36px; margin-bottom: 14px;}

.part02-cloum{ width: 1084px; height: auto; overflow: hidden; margin: 0 auto;}
.p02clo{ width: 271px; height: 340px; background:url(../images/p02clo.png) no-repeat;}
.p02clo h4{ width: 88px; height: 88px; overflow: hidden; font-size: 24px; font-weight: bold; color: #fff; text-align: center; line-height: 86px; margin: 37px auto 4px;}
.p02clo .p02clo-title{ height: 54px; font-size: 22px; font-weight: bold; color: #221815; line-height: 54px;}
.p02clo .p02clo-title span{ color: #e02c26;}
.p02clo p{ height: 90px; font-size: 18px; color: #333; line-height: 24px; letter-spacing: 1px; padding: 0 24px 0 31px;}
.p02clo a{ display: block; width: 187px; height: 40px; background:url(../images/p02clo-link.png) no-repeat; font-size: 18px; color: #fff; text-align: center; line-height: 40px; margin: 0 auto;}
.p02clo a:hover{ animation: button02 1s cubic-bezier(.36, .07, .19, .97) both;}
@keyframes button02 { 10%, 90% {transform: translate3d(-2px, 0, 0);} 20%, 80% {transform: translate3d(4px, 0, 0);} 30%, 50%, 70% {transform: translate3d(-5px, 0, 0);} 40%, 60% {transform: translate3d(5px, 0, 0);}}


/*part03*/
.part03{ width: 100%; height: auto; overflow: hidden; background: #e6ecfd;}
.part03-all{ height: 270px; background:url(../images/part03-all.jpg) no-repeat; margin: 25px auto;}
.part03-title{ height: 70px; font-size: 40px; font-weight: bold; color: #fff; letter-spacing: 3px; line-height: 70px; text-shadow: 2px 5px #425df9; padding-top: 55px; padding-bottom: 35px;}
.part03-title span{ color: #f5ec58;}

.part03-form{ width: 984px; height: 50px; overflow: hidden; margin: 0 auto;}
.part03-form form{ width: 984px; height: 50px;}
.part03-form form input{ float: left; width: 350px; height: 50px; overflow: hidden; font-size: 18px; color: #000; text-indent: 45px; margin: 0 10px;}
.part03-form form input::-webkit-input-placeholder {color:#000;}
.part03-form form input:-moz-placeholder {color:#000;}
.part03-form form input::-moz-placeholder {color:#000;}
.part03-form form input:-ms-input-placeholder {color:#000;}
.part03-form form .name{ background:url(../images/input01.png) no-repeat;}
.part03-form form .phone{ background:url(../images/input02.png) no-repeat;}
.part03-form form button{ float: left; width: 224px; height: 50px;  background:url(../images/button.png) no-repeat; overflow: hidden; font-size: 20px; color: #fff; line-height: 50px; letter-spacing: 3px; text-align: left; text-indent: 45px; cursor: pointer; margin: 0 10px;}
.part03-form form button:hover{ animation: button03 1s cubic-bezier(.36, .07, .19, .97) both;}
@keyframes button03 { 10%, 90% {transform: translate3d(-2px, 0, 0);} 20%, 80% {transform: translate3d(4px, 0, 0);} 30%, 50%, 70% {transform: translate3d(-5px, 0, 0);} 40%, 60% {transform: translate3d(5px, 0, 0);}}


/*part04*/
.part04{ width: 100%; height: auto; overflow: hidden; background:url(../images/part02.jpg) repeat-y center top; padding-bottom: 25px;}
.part04-title{ height: 78px; overflow: hidden; font-size: 40px; font-weight: bold; color: #fff; line-height: 76px; background:url(../images/part04-title.png) no-repeat; margin-top: 30px;}

.part04-cloum{ width: 1086px; height: 267px; overflow: hidden; background: #fff; border-radius: 20px; box-shadow: 0 0 8px 8px rgba(31, 56, 190, .2); padding: 15px 7px; margin: 15px;}
.p04clo{ width: 346px; height: 267px; background:url(../images/p04clo.jpg) no-repeat; margin: 0 8px;}
.p04clo .p04clo-tit{ height: 60px; font-size: 22px; font-weight: bold; color: #fff; line-height: 60px; letter-spacing: 1px; padding-bottom: 14px;}
.p04clo p{ height: 128px; font-size: 17px; color: #333; line-height: 28px; padding-left: 28px; padding-right: 15px;}
.p04clo a{ display: block; width: 196px; height: 40px; font-size: 18px; color: #fff; text-align: center; line-height: 40px; letter-spacing: 1px; background:url(../images/p04clo-link.png) no-repeat; margin: 0 auto;}
.p04clo a:hover{ animation: button04 1s cubic-bezier(.36, .07, .19, .97) both;}
@keyframes button04 { 10%, 90% {transform: translate3d(-2px, 0, 0);} 20%, 80% {transform: translate3d(4px, 0, 0);} 30%, 50%, 70% {transform: translate3d(-5px, 0, 0);} 40%, 60% {transform: translate3d(5px, 0, 0);}}


/*part05*/
.part05{ height: auto; overflow: hidden; background:#ecf1fe; padding-bottom: 25px;}
.part05-title{ height: 88px; overflow: hidden; font-size: 40px; font-weight: bold; color: #0531c2; line-height: 88px; background:url(../images/part05-title.png) no-repeat; margin-top: 25px;}

.p05clo{ width: 1084px; height: 388px; overflow: hidden; background: #fff; border-radius: 20px; box-shadow: 0 0 8px 8px rgba(208, 213, 222, .25); padding: 15px 7px; margin: 15px;}
.teacher{ width: 1070px; height: 388px; background:url(../images/teacher.jpg) no-repeat; margin: 0 auto;}
.teacher a{ display: block; width: 1070px; height: 388px;}


/*part06*/
.part06{ width: 100%; height: auto; overflow: hidden; background:url(../images/part02.jpg) repeat-y center top; padding-bottom: 25px;}
.part06-title{ margin-top: 40px;}

.part06-cloum{ width: 1050px; height: auto; overflow: hidden; background: #fff; border-radius: 20px; box-shadow: 0 0 8px 8px rgba(31, 56, 190, .2); padding: 25px; margin: 15px;}
.part06-table-top{ width: 1050px; height: 29px; overflow: hidden; background:url(../images/part06-table-top.jpg) no-repeat;}
.part06-table{ width: 1050px; height: auto; overflow: hidden; background:url(../images/part06-table.jpg) repeat-y;}
.part06-cloum table{ width:978px; height: auto; overflow: hidden; table-layout: fixed; border-left: 1px solid #949a9f; border-right: 1px solid #949a9f; border-bottom: 1px solid #949a9f; font-size:16px; color:#222; text-align:center; margin: 0 auto;}
.part06-cloum table tr th{ height: 59px; box-sizing: border-box; border-right: 1px solid #949a9f;  background: #2a64ea; font-size:20px; font-weight: bold; color:#fff; text-align: center; letter-spacing: 2px;}
.part06-cloum table tr td{ height:49px; border-right: 1px solid #949a9f; border-bottom: 1px solid #949a9f; font-size:18px; font-weight:normal; color:#222; text-align: center; line-height: 24px; letter-spacing: 1px;}
.part06-cloum table tr .th01{ width:215px;}
.part06-cloum table tr .th02{ width:195px;}
.part06-cloum table tr .th03{ width:370px;}
.part06-cloum table tr .th04{ width:195px;}
.part06-cloum table tr td a{ display: block; width: 130px; height: 33px; background: #f93d26; font-size: 18px; color: #fff; text-align: center; line-height: 33px; margin: 0 auto;} 
.part06-cloum table tr td a:hover{ animation: button05 1s cubic-bezier(.36, .07, .19, .97) both;}
@keyframes button05 { 10%, 90% {transform: translate3d(-2px, 0, 0);} 20%, 80% {transform: translate3d(4px, 0, 0);} 30%, 50%, 70% {transform: translate3d(-5px, 0, 0);} 40%, 60% {transform: translate3d(5px, 0, 0);}}
.part06-table-bottom{ width: 1050px; height: 31px; overflow: hidden; background:url(../images/part06-table-bottom.jpg) no-repeat;}


/*part07*/
.part07{ height: auto; overflow: hidden; background:#ecf1fe; padding-bottom: 25px;}
.part07-title{ height: 88px; overflow: hidden; font-size: 40px; font-weight: bold; color: #0531c2; line-height: 88px; background:url(../images/part07-title.png) no-repeat; margin-top: 25px;}

.part07-cloum{ width: 1070px; height: auto; overflow: hidden; background: #fff; border-radius: 20px; box-shadow: 0 0 8px 8px rgba(208, 213, 222, .25); padding: 15px; margin: 15px;}
.brand{ width: 1070px; height: 640px; overflow: hidden; background:url(../images/brand.jpg) no-repeat;}
.brand ul{ width: 1020px; height: 590px; overflow: hidden; margin: 35px auto 0;}
.brand ul li{ float: left; width: 340px; height: 65px; overflow: hidden; font-size: 18px; color: #333; text-align: center; line-height: 50px; margin-top: 230px;}


















/*footer*/
.footer{ min-width: 1200px; height: 220px;  background:#444547; color: #fff;}
.footer a{ color: #fff; font-size: 18px;}
.footer a:hover{ text-decoration: underline;}
.footer .link{ padding: 45px 0 10px 0; text-align: center;}
.footer .link span{ padding:0 15px; font-size: 18px;}
.footer .add{ text-align: center; padding-bottom: 10px; font-size: 18px;}
.footer .dda{ width:564px; margin:0 auto; text-align: center; padding-bottom: 30px; font-size: 18px;}
.footer .dda_l{ float:left; width:480px; height:24px;}
.footer .dda_r{ float:left; width:50px; height:24px;}
.footer .site{ text-align: center; padding-bottom: 30px;}
.footer .tel{ width: 463px; height: 30px; line-height: 30px; border: #fff solid 2px; margin: 0 auto;}
.footer .tel span,.footer .tel i{ float: left; display: block; height: 30px; line-height: 30px;}
.footer .tel span{ background: #f6f6f6; color: #8a8887; padding: 0 15px;}