@charset "utf-8";

/* CSS Document */



@font-face{  

    font-family:'HanSans';   

    src:url('../kyy_images/SansHans.woff') format('woff'), 

        url('../kyy_images/SansHans.ttf') format('truetype'),

		url('../kyy_images/SansHans.svg#webfontOTINA1xY') format('svg'); 

		 font-weight:normal;

		 font-style:normal;

}



* { margin: 0; padding: 0; text-decoration:none; font-family:"HanSans","Microsoft YaHei","SimHei"; font-weight:normal; list-style:none; -webkit-box-sizing: border-box; box-sizing: border-box; outline: 0; color:#333; }

a { cursor:pointer;}

html,

body { height: 100%; overflow-x:hidden;}

.warp-box { padding-top:65px; width:1200px; margin:0 auto; position:relative; height:100%;}

.swiper-container { /*  width: 320px;

    height: 480px;*/ width: 100%; height: 100%; background: #fff; }

.swiper-slide { width: 100%; height: 100%;  background-size: 100% 100%; }

.swiper-pagination-bullet { width: 6px; height: 6px; background: #fff; opacity: .4; }

.swiper-pagination-bullet-active { opacity: 1; }

.swiper-slide1 { }

.clearDiv { clear:both;}

.flex-box { display:flex; display: -webkit-flex; justify-content: space-between; align-items: center;}

input:-webkit-autofill {

	-webkit-text-fill-color: #666 !important;

	-webkit-box-shadow: 0 0 0px 1000px transparent  inset !important;

    background-color:transparent;

    background-image: none;

     transition: background-color 50000s ease-in-out 0s; 

}

input {

	 background-color:transparent;

}

a img { border:none;}

/* 头部导航 */

.kyy-head { position: fixed; right: 0; left: 0; top: 0; z-index: 1500; width: 100%; height: 66px; border-bottom: 1px solid; border-color: #e5e5e5; background-color:#fff; padding-right:20px}

.kyy-head.border-shadow { box-shadow:0 0 20px rgba(0, 0, 0, 0.1);}

.head_nav { width:1200px; height:66px; margin:0 auto; position:relative;}

.head_nav .nav-logo { position: absolute; top: 10px; left: 0; font-size: 0; max-width: 45%; z-index: 3 }

.head_nav .nav-logo img { max-width: 100%; border:none; }

.head_nav .nav-box { float: right; overflow: hidden; position: relative; z-index: 2 }

.head_nav .nav-box ul { display: block; margin: 0; padding: 0; list-style: none; }

.head_nav .nav-box ul li { float: left; margin: 0; padding: 0; list-style: none; position: relative; white-space: nowrap; cursor: pointer; line-height:65px; }

.head_nav .nav-box ul li a { display: block; position: relative; color: #333333; font-size:18px; }

.head_nav .nav-box ul li a b { display: block; margin: 0 25px; font-weight: normal; position: relative; z-index: 2; color: #333333; color:; transition: color .1s; -moz-transition: color .1s; -ms-transition: color .1s; -o-transition: color .1s; -webkit-transition: color .1s; font-size: 18px; }

.head_nav .nav-box ul li a b:after { content: ''; height: 2px; position: absolute; bottom: 18px; left: 0; width: 0; background: #2ea438; background: ; transition: all .6s ease }

.head_nav .nav-box ul li.active b:after { width: 100% }

.head_nav .nav-box ul li:hover b:after { width: 100% }

.head_nav .nav-box ul li .nav-son-box { position: relative; top:-10px; left:25px; background:#fff; box-shadow:0 0 15px rgba(0, 0, 0, 0.1); display:none;}

.head_nav .nav-box ul li div.nav-son-box:hover { display:block;}

.head_nav .nav-box ul li .nav-son-box.s-w-nav01 { width:116px; height:60px;}

.head_nav .nav-box ul li .nav-son-box.s-w-nav02 { width:106px; height:120px; left:0;}

.head_nav .nav-box ul li a:hover + div.nav-son-box  { display:block; }

.head_nav .nav-box ul li .nav-son-box .nav-son-li { height:60px; line-height:60px;}

.head_nav .nav-box ul li .nav-son-box .nav-son-li.nav-son-li-b { border-bottom:solid 1px #eeeeee;}

.head_nav .nav-box ul li .nav-son-box .nav-son-li a { display:block; font-size:18px; text-align:center;}





/* 底部导航 */

.kyy-foot { background:#595959; height:328px; width:100%;}

.kyy-foot .foot-content { width:1200px; height:328px; margin:0 auto; position:;}

.kyy-foot .foot-content .foot-content-L { width:430px; float:left;}

.kyy-foot .foot-content .foot-content-L .foot-ewm-app {float:left; width:163px; margin-left:30px; text-align:center; margin-top:48px;}

.kyy-foot .foot-content .foot-content-L .foot-ewm-app img { width:100%;}

.kyy-foot .foot-content .foot-content-L .foot-ewm-app p { font-size:18px; color:#fff; line-height:35px;}

.kyy-foot .foot-content .foot-content-L .foot-ewm-wx {float:left; width:163px; margin-left:40px; text-align:center; margin-top:48px;}

.kyy-foot .foot-content .foot-content-L .foot-ewm-wx img { width:100%;}

.kyy-foot .foot-content .foot-content-L .foot-ewm-wx p { font-size:18px; color:#fff; line-height:35px;}

.kyy-foot .foot-content .gl-img { position: relative; top:55px; left:0;}

.kyy-foot .foot-content .foot-content-R { float:right; width:760px;}

.kyy-foot .foot-content .foot-content-R .foot-nav { width:754px; margin-top:60px; margin-left:6px;}

.kyy-foot .foot-content .foot-content-R .foot-nav ul li { float:left; background:url(../kyy_images/geli-d.jpg) no-repeat; background-position:right center;}

.kyy-foot .foot-content .foot-content-R .foot-nav ul li:last-child { background:none;}

.kyy-foot .foot-content .foot-content-R .foot-nav ul li a { padding:0 22px 0 20px; color:#fff; font-size:18px;}

.kyy-foot .foot-content .foot-content-R .foot-contact { padding-left:26px; margin-top:15px; color:#fff; font-size:18px; padding-bottom:15px; }

.kyy-foot .foot-content .foot-content-R .foot-contact span { padding-left:28px; color:#fff;}

.kyy-foot .foot-content .foot-content-R .foot-contact-qq { position:relative; padding-left:116px; color:#fff; font-size:18px;} 

.kyy-foot .foot-content .foot-content-R .foot-contact-qq label { position:absolute; left:26px; color:#fff;}

.kyy-foot .foot-content .foot-content-R .foot-contact-qq ul { float:left; margin-bottom:15px;}

.kyy-foot .foot-content .foot-content-R .foot-contact-qq ul li { float:left; margin-right:25px;}

.kyy-foot .foot-content .foot-content-R .foot-contact-qq ul li a p{ float:left; color:#fff;}

.kyy-foot .foot-content .foot-content-R .foot-contact-qq ul li a p span { padding:0 8px; color:#fff;}

.kyy-foot .foot-content .foot-content-R .foot-contact-qq ul li a img{ float:left; }

.kyy-foot .foot-content .foot-content-R .foot-contact-qq .time-qq { color:#fff;}

.kyy-foot .foot-content .foot-bq {color:#fff; font-size:16px; width:100%; text-align:center; position: relative; }

.kyy-foot .foot-content .foot-bq p { color:#fff; width:1200px; bottom:-140px; position:absolute;}

.kyy-foot .foot-content .foot-bq a {color:#fff; font-size:16px;}

/**/

.index-container { padding-top:65px;}

.index-container .warp-box { width:1200px; margin:0 auto; position:relative; height:100%; clear:both; }

.index-container .container-bg01 { background:url(../kyy_images/swiper-box-bg.jpg) no-repeat;}

.p-t-container { }

.p-t-container.teacher-bg { padding-top:66px; background-position:center 0; background:url(../kyy_images/tea_bg_03.jpg) no-repeat center 66px; }

.p-t-container.parent-bg { padding-top:66px; background-position:center 0; background:url(../kyy_images/par_bg_06.jpg) no-repeat center 66px; }

.p-t-container.teacher-bg .warp-box { height:713px;}

.p-t-container.parent-bg .warp-box { height:713px;}

.download-container {background:url(../kyy_images/download-t-bg.jpg) no-repeat; background-size: cover; background-position:center 66px; position:relative; top:0;}

.aboutus-container {background:url(../kyy_images/aboutus-t-bg.jpg) no-repeat; background-size: cover; background-position:center 66px; position:relative; top:0;}

.kt-container .resource-box {background:url(../kyy_images/i-3akt-bg.jpg) no-repeat; background-size: cover; background-position:center 66px; position:relative; top:0; height: 734px;}

.index-container .flexslider { margin-top:0; height:668px;}

.index-container .flexslider .slides-cont-box { width:1200px; margin:0 auto; height:668px;}

.index-container .flexslider .slides-cont-box .slides-cont-box-l { float:left;}

.index-container .flexslider .slides-cont-box .slides-cont-box-l { float:left; padding-top:165px;}

.index-container .flexslider .slides-cont-box .slides-cont-box-l a { margin-top:60px; display:block;}

.index-container .flexslider .slides-cont-box .slides-cont-box-l a img { width:auto; height:auto;}

.index-container .flexslider .slides-cont-box .slides-cont-box-r { float:right; }

.index-container .flexslider .slides-cont-box .slides-cont-box-r img { padding-right:50px }





.index-container .warp-box .title-box { position:relative; padding-bottom:30px;}

.index-container .warp-box .title-box .title-img { text-align:center; padding-bottom:10px;}

.index-container .warp-box .title-box .title-text { line-height:50px; font-size:18px; color:#666; text-align:center; } 

.intro-item-box { }

.intro-item-box ul { display:flex; display: -webkit-flex; justify-content: space-between; align-items: center;padding-bottom:80px;}

.intro-item-box ul li { width:388px; height:388px; background:url(../kyy_images/item-box-bg.png) no-repeat; float:left;}

.intro-item-box ul li .intro-item-content { padding:80px 55px 0 55px; text-align:center; }

.intro-item-box ul li .intro-item-content img { margin:0 auto;}

.intro-item-box ul li .intro-item-content h2 { color:#333; font-size:20px; line-height:60px;}

.intro-item-box ul li .intro-item-content p { line-height:32px; font-size:18px; color:#666; text-align:left;}

.intro-item-box .intro-img-box { text-align:center; position:relative; padding-top:80px;}

.intro-item-box .intro-img-box img:nth-child(1) { position:absolute; left:0; top:511px; opacity:0;}

.intro-item-box .intro-img-box img:nth-child(2) { position:absolute; left:100px; top:191px; opacity:0;}

.intro-item-box .intro-img-box img:nth-child(3) { position:absolute; left:700px; top:191px; opacity:0;} 

.intro-item-box .intro-img-box img:nth-child(4) { position:absolute; left:850px; top:511px; opacity:0;} 

.intro-ad-img-box {}

.intro-ad-img-box li { float:left;}

.intro-ad-img-box li p { text-align:center; font-size:20px; color:#666; padding:20px 0;}

.intro-ad-img-box li:nth-child(1) { width:560px; text-align:left;}

.intro-ad-img-box li:nth-child(2) { width:80px; text-align:center; padding-top:200px;}

.intro-ad-img-box li:nth-child(3) { width:560px; text-align:right;}

.intro-ad-img-box li:nth-child(3) p { padding-top:49px;}

.download-item-box { padding-bottom:100px; float:left; padding-top:20px;}

.download-item-box li { float:left; width:276px; height:276px; border:solid #999 1px; margin-right:32px; }

.download-item-box li:last-child { margin-right:0;}

.download-item-box .download-item-content { width:200px; height:200px; margin:20px auto;justify-content:center; }

.download-item-box .download-item-content img { text-align:center; cursor:pointer; margin:0 auto;}

.download-item-box .download-item-content .vertical-img { display:none; width:0; height:200px;}

.download-item-box .download-item-content .vertical-img img {margin:0 auto; width:200px;}

.download-item-box li p { text-align:center; font-size:18px; color:#666;}

.download-item-box .download-item-content .vertical-img a { width:200px; height:50px; background:#34C13F; color:#fff; border-radius:50px; font-size:20px; line-height:50px; text-align:center; display:block; margin-top:75px; }



.p-t-container .tea-box { position:relative;}

.p-t-container .tea-box img { float: left; position:relative; top:35px;}

.p-t-container .login-box  { float: right;}

.p-t-container .login-box { width:510px; height:470px; }

.p-t-container .login-box form { padding: 0 25px; margin-top:55px;}

.p-t-container .login-box .login_tit { height:80px; line-height:80px; text-align:right; font-size:44px; color:#fff;}

.p-t-container .login-box .input_tit { height:30px; line-height:30px; text-align:right; font-size:18px; color:#fff; margin:15px 0 7px 0;}

.p-t-container .login-box .item-ifo { height:68px; padding:0 20px; border:none;}

.p-t-container .login-box .item-ifo.user-input { background:#a3f1c7; border-radius:8px; } 

.p-t-container .login-box .item-ifo.psw-input { background:#a3f1c7; border-radius:8px; } 

.p-t-container .login-box .item-ifo input { height:30px; width:420px; margin-top:19px; font-size:18px; background:none; border:none; color:#fff;background-color:#a3f1c7 !important;}

.p-t-container .login-box .item-ifo-psw { margin-top:15px; font-size:20px; clear:both; margin-bottom:20px}

.p-t-container .login-box .item-ifo-psw .re-psw { float:left; color:#fff; position:relative;}

.p-t-container .login-box .item-ifo-psw .re-psw input {opacity: 0; width:18px; height:18px; z-index:3; position:relative;}

.p-t-container .login-box .item-ifo-psw .re-psw .spot { background:url(../kyy_images/checkbox-default.png) no-repeat; width:18px; height:18px; display:inline-block; position:absolute; left:0; top:6px;}

.p-t-container .login-box .item-ifo-psw .re-psw input:checked + .spot { background:url(../kyy_images/checkbox-checked.png) no-repeat; width:18px; height:18px; display:inline-block; position:absolute; left:0; top:6px;}



.p-t-container .login-box .item-ifo-psw .re-psw > * { color:#fff;}

.p-t-container .login-box .item-ifo-psw a { color:#333; text-decoration:underline; float:right; color:#fff; font-size:20px }

.p-t-container .login-box .item-ifo.btn-box { padding-left:0;}

.p-t-container .login-box .item-ifo.btn-box input { height:68px; width:460px; text-indent:20px; margin-top:0; font-size:18px; background:#fff !important; border:none; color:#2ea438; font-size:30px; cursor:pointer; }

.p-t-container .login-box .item-ifo input:-webkit-autofill {

	-webkit-text-fill-color: #fff !important;

	-webkit-box-shadow: 0 0 0px 1000px transparent  inset !important;

    background-color:#a3f1c7 !important;

    background-image: none;

     transition: background-color 50000s ease-in-out 0s; 

}





.download-container .warp-box .container { width: 100%;position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.download-container .warp-box { height:1000px;}

.download-container .downlaod-ad-img { text-align:center; padding-bottom:50px}

.download-container .downlaod-ad-img img:first-child { padding-bottom:40px; padding-top:20px;}

.download-container .downlaod-ad-box { width:890px; margin:0 auto; padding-top:0px; position:relative;}

.download-container .downlaod-ad-box .downlaod-ewm-box { float:left; width:520px;}

.download-container .downlaod-ad-box .downlaod-ewm-box .downlaod-and-box { width:240px; float:left; text-align:center;}

.download-container .downlaod-ad-box .downlaod-ewm-box .downlaod-and-box img { margin:0 auto;}

.download-container .downlaod-ad-box .downlaod-ewm-box .downlaod-and-box p { font-size:20px; padding-top:15px; } 

.download-container .downlaod-ad-box .downlaod-ewm-box .downlaod-ios-box { width:240px; float:right; text-align:center;}

.download-container .downlaod-ad-box .downlaod-ewm-box .downlaod-ios-box img { margin:0 auto;}

.download-container .downlaod-ad-box .downlaod-ewm-box .downlaod-ios-box p { font-size:20px; padding-top:15px; } 

.download-container .downlaod-ad-box .downlaod-btn-box { width:300px; float:right;}

.download-container .downlaod-ad-box .downlaod-btn-box .tea-pc-btn { display:block; height:70px; width:300px; background:#fff; color:#2ea438; text-align:center; line-height:70px; font-size:20px; border-radius:70px;}

.download-container .downlaod-ad-box .downlaod-btn-box .stu-pc-btn { display:block; height:70px; width:300px; background:#fff; color:#2ea438; text-align:center; line-height:70px; font-size:20px; border-radius:70px; margin-top:40px;}

.download-container .downlaod-ad-box .downlaod-btn-box .install-box { text-align:center; font-size:18px; padding-top:30px; }

.download-container .downlaod-ad-box .downlaod-btn-box .install-box a { color:#2ea438; text-decoration:underline; }







.flexslider { margin: 0px auto; position: relative; width: 100%; height: 668px; overflow: hidden; zoom: 1; margin-top:66px;}

.flexslider .slides li { width: 100%; height: 100%; position:relative; }

.flex-direction-nav a { width: 50px; height: 50px; line-height: 99em; overflow: hidden; margin: -25px 0 0; display: block; background: url(../kyy_images/ad_ctr.png) no-repeat; position: absolute; top: 50%; z-index: 10; cursor: pointer; opacity: 0; filter: alpha(opacity=0);  -webkit-transition: all .1s ease;

border-radius: 35px; }

.flex-direction-nav .flex-next { background-position: 0 -50px; right: 100px; }

.flex-direction-nav .flex-prev { left: 100px; }

.flexslider:hover .flex-next { opacity: 0.8; filter: alpha(opacity=25); }

.flexslider:hover .flex-prev { opacity: 0.8; filter: alpha(opacity=25); }

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; filter: alpha(opacity=50); }

.flex-control-nav { width: 100%; position: absolute; bottom: 10px; text-align: center; padding:0;}

.flex-control-nav li { margin: 0 2px; display: inline-block; zoom: 1;  *display: inline;

}

.flex-control-paging li a { background: url(../kyy_images/dot.png) no-repeat 0 -16px; display: block; height: 16px; overflow: hidden; text-indent: -99em; width: 16px; cursor: pointer; }

.flex-control-paging li a.flex-active, .flex-control-paging li.active a { background-position: 0 0; }

.flexslider .slides a img { width: 100%; height: 718px; display: block; }



.activity-list-box { width:1200px; margin: 0 auto; padding-top:60px; position:relative;}

.activity-list-box .activity-list-tit { padding-bottom:30px;}

.activity-list-box ul { width:1200px; float:left; padding-bottom:60px;}

.activity-list-box ul li { height:270px; width:1200px; margin-bottom:30px; }

.activity-list-box ul li .activity-list-l { width:750px; float:left;}

.activity-list-box ul li .activity-list-l img { border-radius:12px;}

.activity-list-box ul li .activity-list-r { width:420px; float:left; margin-left:30px;}

.activity-list-box ul li .act-name { font-size:20px; line-height:24px; padding-bottom:30px; padding-top:10px;}

.activity-list-box ul li .act-host { font-size:16px; line-height:30px; color:#666}

.activity-list-box ul li .act-time { font-size:16px; line-height:24px; color:#666}

.kt-container .banner { height:668px; width:100%; background:url(../kyy_images/3akt-bg01.jpg) no-repeat center 0; margin-top:66px;}

.kt-container .banner1 { height:478px; width:100%; background:url(../kyy_images/3akt-bg-02.jpg) no-repeat center 0; margin-top:66px;}

.kt-container .banner2 { height:478px; width:100%; background:url(../kyy_images/3akt-bg-01.jpg) no-repeat center 0; margin-top:66px;}

.kt-container .banner3 { height:478px; width:100%; background:url(../kyy_images/3akt-bg-03.jpg) no-repeat center 0; margin-top:66px;}

.kt-container .kt-ad-box { width:1200px; margin:100px auto;}

.kt-container .kt-ad-box .kt-step-tit { width:800px; margin:0 auto; line-height:30px; padding:40px 0 30px 0; font-size:20px;}

.kt-container .kt-ad-box .kt-step-tit span { color:#2EA438;}

.kt-container .kt-ad-box .kt-step-img { text-align:center;}

.kt-container .kt-ad-box .kt-step-img img { box-shadow:0 0 36px rgba(0, 0, 0, 0.1);}

.kt-container .kt-ad-box .kt-ad-list { width:1200px; float:left; padding:30px 0;}

.kt-container .kt-ad-box .kt-ad-box-l { width:600px; float:left;}

.kt-container .kt-ad-box .kt-ad-box-r { width:600px; float:left;}

.kt-container .kt-ad-box .kt-text-box { padding:100px 0; width:500px;}

.kt-container .kt-ad-box .kt-text-box img { padding-bottom:30px;}

.kt-container .kt-ad-box .kt-text-box p { font-size:20px; line-height:30px;}

.kt-container .kt-ad-box .kt-title { text-align:center; padding-bottom:30px;}

.kt-container .kt-ad-box .kt-ad-content {}

.kt-container .kt-ad-box .kt-ad-content .jyy-link { font-size:20px ; padding-bottom:30px;}

.kt-container .kt-ad-box .kt-ad-content .jyy-link a { color:#333;}

.kt-container .kt-ad-box .kt-ad-content .filelist { width:1000px; margin:15px 0 25px 0;}

.kt-container .kt-ad-box .kt-ad-content .filelist li {  float:left; height: 40px; width: 955px;text-indent:0px; padding-left:45px; margin-bottom:15px; }

.kt-container .kt-ad-box .kt-ad-content .filelist li a{ line-height:40px; color:#333; font-size:20px;}

.kt-container .kt-ad-box .kt-ad-content .filelist li.type_pdf { background:url(../kyy_images/pdf-icon.png) no-repeat 10px 10px;}

.kt-container .kt-ad-box .kt-ad-content .filelist li.type_doc { background:url(../kyy_images/doc-icon.png) no-repeat 10px 10px;}

.kt-container .kt-ad-box .kt-resourse-box { width:1200px; float:left; padding:30px 0;}

.kt-container .kt-ad-box .kt-resourse-box-l { width:680px; float:left;}

.kt-container .kt-ad-box .kt-resourse-box-r { width:500px; float:left;}

.kt-container .kt-ad-box .kt-resourse-box-l .res-tit { font-size:24px; padding-top:40px; padding-bottom:20px;}

.kt-container .kt-ad-box .kt-resourse-box-l .res-stauts { font-size:30px; color:#34C13F; padding-bottom:30px;}

.kt-container .kt-ad-box .kt-resourse-box-l .res-cont p { font-size:18px; padding-bottom:15px;}

.kt-container .kt-ad-box .kt-resourse-box-l .res-cont p.res-lxr { padding-top:10px;}

.kt-container .kt-ad-box .kt-resourse-box-l .upload-res-btn { border-radius:50px; width:196px; height:50px; line-height:50px; color:#fff; text-align:center; display:block; background:#34C13F; font-size:20px; margin-top:20px;}

.kt-container .kt-ad-box .kt-ad-content .piclist { width:1200px; height:470px; margin:15px 0 25px 0;}

.kt-container .kt-ad-box .kt-ad-content .piclist li {  float:left; height: 470px; width: 380px; border:solid 1px #dfdfdf; margin-right:30px; }

.kt-container .kt-ad-box .kt-ad-content .piclist li:last-child { margin-right:0;}

.kt-container .kt-ad-box .kt-ad-content .piclist li img { display:block; width:378px; height:458px; float:left; }


/**/
.kt-introduce-box { width: 800px; height: 260px;  background:url(../kyy_images/txt-bg.png) no-repeat; position: relative; margin: 0 auto; top: 141px; text-align: center;}

.kt-introduce-box .t0001 { font-size: 32px; padding-top: 32px; color: #fff; }

.kt-introduce-box .t0002 { font-size: 60px; color: #fff; }

.kt-introduce-box .t0003 { font-size: 18px; padding-top: 8px; color: #fff; }

.kt-introduce-box .t0003 span { padding:0 20px;}
.lg-btn-box { width: 490px; margin: 0 auto; padding-top: 15px;}
.lg-btn-box .lg-btn-box-l { width: 160px; margin: 0 auto ;text-align: center;}
.bg-n-name { width: 160px; margin: 0 auto; margin-top: 20px; height: 40px; background:url(../kyy_images/bg-n-name.png) no-repeat; font-size: 18px; color: #fff; line-height: 40px; }
.kyy-n-login { float:left; cursor: pointer;}
.hjy-n-login { float:right; cursor: pointer;}


#reg { }

.resource-cont-box { padding:0 25px; width:560px; height:420px; background:#fff; z-index:11; border-radius:15px; position:absolute; top:50%; left:50%; margin-left:-280px; margin-top:-185px; box-sizing: border-box;}

.resource-cont-box .resource-tit-box { height:130px; text-align:center; position:relative; border-bottom:solid 1px #bbb;}

.resource-cont-box .resource-tit-box p { font-size:14px; color:#666; text-align:center; line-height:30px;}

.resource-cont-box .resource-tit-box img { padding-top:20px; width:56%}

#chooseL, #kyyreg { position:relative; top:-15px;}

.resource-cont-box .resource-close { position:absolute; right:-10px; top:20px; }

.resource-cont-box .resource-close img { padding-top:0;}

.resource-cont-box .reg-title { font-size:14px; text-align:center; color:#666; background:#fff; width:260px; font-weight:normal;  margin:0 auto;}

.resource-cont-box .choose-way-box { width:510px;}

.resource-cont-box .choose-way-box .choose-way-box-l { width:255px; float:left;}

.resource-cont-box .choose-way-box .choose-way-box-l a {  width:100px; height:100px; margin:0 auto; background:url(../kyy_images/logo-100.png) no-repeat; background-position:center center; border:solid 1px #999; border-radius:100px; display:block; margin-top:55px; background-size:50px 50px;}

.resource-cont-box .choose-way-box .choose-way-box-l p { text-align:center; font-size:18px; padding-top:15px;} 

.resource-cont-box .choose-way-box .choose-way-box-r { width:255px; float:left;}

.resource-cont-box .choose-way-box .choose-way-box-r a { width:100px; height:100px; margin:0 auto; background:url(../kyy_images/logo-200.png) no-repeat; background-position:center center; border:solid 1px #999; border-radius:100px; display:block;margin-top:55px; background-size:50px 50px;}

.resource-cont-box .choose-way-box .choose-way-box-r p { text-align:center; font-size:18px; padding-top:15px;} 

.resource-guide-box { font-size:20px; text-align:center; padding-top:230px; color:#000;}

.resource-guide-box a { color:#2EA438; text-decoration:underline; padding-left:5px;}

.resource-cont-box .kyyreg-title { font-size:16px; color:#666; text-align:center; background:#fff; width:260px; font-weight:normal;  margin:0 auto;}

.resource-cont-box .item-ifo { height:48px; padding-left:50px; border:none; margin-top:15px;}

.resource-cont-box .item-ifo.user-input { background:url(../kyy_images/user-input.png) no-repeat #f8f8f8; background-position:15px center; } 

.resource-cont-box .item-ifo.psw-input { background:url(../kyy_images/psw-input.png) no-repeat #f8f8f8; background-position:15px center; } 

.resource-cont-box .item-ifo.code-input { background: #f8f8f8; background-position:15px center; padding-left:10px; } 

.resource-cont-box .item-ifo input { height:30px; width:300px; text-indent:20px; margin-top:9px; font-size:18px; background:#f8f8f8 !important; border:none;  border-left:solid 1px #c6c6c6;}

.resource-cont-box .item-ifo input:-webkit-autofill {

	-webkit-text-fill-color: #666 !important;

	-webkit-box-shadow: 0 0 0px 1000px transparent  inset !important;

    background-color:#f8f8f8 !important;

    background-image: none;

     transition: background-color 50000s ease-in-out 0s; 

}



.resource-cont-box .form { width:420px; margin:0 auto;}

.resource-cont-box .teacher_option input { height:50px; width:420px; margin-top:20px; text-indent:20px; font-size:18px; background:#34d140 !important; border:none; color:#fff; }



.about-box { width:1200px; margin:0 auto; padding-bottom:100px;}

.about-box .title-box { position:relative; padding-bottom:40px; padding-top:60px;}

.about-box .title-box .title-img { text-align:center; padding-bottom:10px;}

.about-box .about-box-l { width:680px; float:left; padding-top:10px;}

.about-box .about-box-r { width:520px; float:left; padding-top:30px;}

.about-box .about-box-r .text-box { padding-left:40px; text-align:left; }

.about-box .about-box-r .text-box .p-tit { font-size:24px; padding-bottom:30px;}

.about-box .about-box-r .text-box p { font-size:18px; line-height:30px; color:#666; padding-bottom:20px;}











#upBox{ position:fixed; right:20px; bottom:90px; width:48px; height:166px; cursor:pointer;}

#upBox li#floatewm { width:48px; height:48px; margin-bottom:10px; background:url(../kyy_images/float_ewm_icon.png) no-repeat; background-size:48px 48px; display:block; position:relative;}

#upBox li#floatqq { width:48px; height:48px; margin-bottom:10px; background:url(../kyy_images/float_qq_icon.png) no-repeat; background-size:48px 48px; display:block; position:relative;}

#upBox li.floatup { width:48px; height:48px; margin-bottom:10px; background:url(../kyy_images/float_up_icon.png) no-repeat; background-size:48px 48px; display:block; display:none;}

#upBox li#floatqq div { display:none;}

#upBox li#floatewm div { display:none;}

#upBox li#floatqq:hover > div {display:block;}

#upBox li#floatewm:hover > div {display:block;}

#upBox li#floatqq .qq_hDiv { width:105px; height:170px; padding:10px 0; position:absolute; right:48px; bottom:0;background:url(../kyy_images/qq_xialabg.png) no-repeat;}

#upBox li#floatewm .ewm_hDiv { width:175px; height:200px; padding:10px 0; position:absolute; right:48px; bottom:-90px;background:url(../kyy_images/ewm_xialabg.png) no-repeat; text-indent:10px;}

.ewm_hDiv img { width:150px; height:150px;}

.ewm_hDiv p { line-height:30px; color:#fff; font-size:16px; text-align:center; padding-right:5px; text-indent:0;}

.qq_hDiv p { line-height:38px;}

.qq_hDiv p a { float:left; display:block; width:95px; color:#fff; font-size:14px; margin-left:10px; padding-left:30px; background:url(../kyy_images/qq_icon170612.png) 5px 12px no-repeat;}

.qq_hDiv p a span { color:#fff;}

.selectPho_list ul li div { display:none;}

.selectPho_list ul li a:hover > div {display:block;}



.rslides{width:100%;position:relative;list-style:none;padding:0}

.rslides li { width:100%; height:580px;}

.foot_info { line-height: 1.8; background-color: #ffffff; background-color: #000000; padding: 20px 0px;}

.foot_info.met-page { height: auto !important; overflow: visible; }

.foot_info p { margin-bottom: 0px; color: #333333; color: #b5b5b5; }

.foot_info .left { float: left; text-align: left; width: 50%; }

.foot_info .breadcrumb-item, .foot_info .breadcrumb-item::before { color: #333333; color: #b5b5b5; }

.foot_info .breadcrumb-item span:hover { color: #e3120b; color: ; }

.foot_info .breadcrumb-item span { color: #444444; color: #b5b5b5; }

.foot_info .powered_by_metinfo { color: #444444; color: #b5b5b5; }

.foot_info .right { float: right; width: 50%; text-align: right; }

.foot_info .right p img { max-width: 100%; height: auto !important; }

.foot_info .right .social i { font-size: 20px; margin-right: 5px; color: #444444; color: #b5b5b5; }

.foot_info .right .social i:hover { color: #e3120b; color: ; }

.foot_info .inline-block { padding: 0 3px; cursor: pointer; }

.foot_info .btn-cntotc { color: #444444; color: #b5b5b5; }

.foot_info .btn-cntotc:hover { color: #e3120b; color: ; }



.banner-text01 { width:700px; height:170px; margin:0 auto; padding-top:260px; }

.banner-text01 p { font-size:30px; text-align:center; padding-bottom:10px; color:#fff;}

.banner-text02 { width:700px; height:130px; margin:0 auto; padding-top:185px; }

.banner-text02 p { font-size:34px; text-align:center; padding-bottom:10px; color:#fff;}

.slides-text01 { width:1200px; text-align:center; padding-top:250px; font-size:56px;color:#fff; margin:0 auto; text-shadow:2px 2px 1px #666;}

.slides-text01 span { padding:0 8px;}

.slides-text02 { width:1200px; text-align:center; padding-top:20px; font-size:30px;color:#fff; margin:0 auto;text-shadow:1px 1px 1px #666;}

.aboutus-container .warp-box .container { width: 100%;position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.slides-text03 { width:1200px; text-align:center; padding-top:20px; font-size:56px;color:#fff; margin:0 auto;text-shadow:2px 2px 1px #666;}

.slides-text03 span { padding:0 8px;}





.pop-lxkf-box { display:none;}

.lxkf-box { width:560px; height:370px; background:#fff; z-index:11; border-radius:15px; position:absolute; top:50%; left:50%; margin-left:-280px; margin-top:-185px;}

.lxkf-cont-box { padding:0 25px;}

.lxkf-cont-box .lxkf-tit-box { height:130px; text-align:center; position:relative; border-bottom:solid 1px #bbb;}

.lxkf-cont-box .lxkf-tit-box p { font-size:16px; color:#666; text-align:center; line-height:30px;}

.lxkf-cont-box .lxkf-tit-box img { padding-top:20px; width:56%}

.lxkf-cont-box .lxkf-close { position:absolute; right:-10px; top:20px; }

.lxkf-cont-box .lxkf-close img { padding-top:0;}

.lxkf-cont-box .reg-title { font-size:16px; text-align:center; color:#666; background:#fff; width:260px; font-weight:normal;  margin:0 auto;}

.lxkf-cont-box .lxkf-div { position:relative; top:-15px; }

.lxkf-contact { margin-top:25px; color:#666; font-size:18px; padding-bottom:25px; }

.lxkf-contact-qq { position:relative; padding-left:90px; color:#666; font-size:18px;} 

.lxkf-contact-qq label { position:absolute; left:0; color:#666;}

.lxkf-contact-qq ul { float:left; margin-bottom:25px;}

.lxkf-contact-qq ul li { float:left; margin-right:25px;}

.lxkf-contact-qq ul li:last-child { margin-right:0;}

.lxkf-contact-qq ul li a p{ float:left; color:#666;}

.lxkf-contact-qq ul li a p span { padding:0 8px; color:#666;}

.lxkf-contact-qq ul li a img{ float:left; }

.lxkf-contact-qq .time-qq { color:#666; }

.pop-video-box { display:none;}

.video-box {width:600px; height:450px; background:#fff; z-index:11; border-radius:15px; position:absolute; top:50%; left:50%; margin-left:-300px; margin-top:-250px;}

.video-tit-box { height:50px; text-align:center; position:relative; }

.video-tit-box p { line-height:50px; font-size:20px; text-align:center;} 

.video-close { position:absolute; right:15px; top:15px; }

.video-close img { padding-top:0; width:20px; height:20px;}







@media screen and (min-width: 1400px){

	

#upBox{ position:fixed; right:100px; bottom:90px; width:48px; height:166px; cursor:pointer;}	

	

}



 

