.container { max-width: 1200px; margin: 0 auto; }
.header { overflow: hidden; background-color: #fff; }
.header .tops { height: 34px; background-color: #2593ef; line-height: 34px; }
.header .tops .tops-links a { display: inline-block; margin: 0 15px; color: #fff; }
.header .tops-menu { padding: 10px 0; }
.header .tops-menu .menu { padding-top: 20px; }
.header .tops-menu .menu li { float: left; margin-left: 30px; }
.banner { width: 100%; height: 400px; overflow: hidden; position: relative; }
.b-img { height: 500px; position: absolute; left: 0; top: 0; }
.b-img a { display: block; height: 400px; float: left; }
.b-list { height: 50px; padding-top: 350px; position: relative; margin: 0 auto; z-index: 1; }
.b-list span { display: block; cursor: pointer; width: 10px; height: 10px; border-radius: 50%; background-color: #fff; float: left; margin: 0 5px; _margin: 0 3px; }
.b-list .spcss { background-color: #2593ef; }
.bar-left { position: absolute; z-index: 1; display: block; width: 100px; height: 100%; left: 0; background: 0 0; top: 0; }
.bar-right { position: absolute; z-index: 1; display: block; width: 100px; height: 100%; right: 0; background: 0 0; top: 0; }
.bar-left em { display: block; width: 50px; height: 100px; background: url(../images/arrow.png) 0 0 no-repeat; margin: 0 auto; margin-top: 325px; }
.bar-right em { display: block; width: 50px; height: 100px; background: url(../images/arrow.png) -50px 0 no-repeat; margin: 0 auto; margin-top: 325px; }
.bar-left .emcss { background-position: 0 -100px; }
.bar-right .emcss { background-position: -50px -100px; }
.login-box { width: 290px; height: 258px; background-color: #fff; position: absolute; right: 30px; top: 70px; z-index: 9999; /*background-color:rgba(0,0,0,0.6); color: #FFFFFF;*/ }
.login-box .cut { height: 49px; line-height: 49px; border-bottom: 1px #f0f0f0 solid; padding-left: 30px; }
.login-box .login-input { width: 236px; margin: 15px auto; }
.login-box .login-input .input-txt { width: 100%; box-sizing: border-box; border: 1px #f0f0f0 solid; height: 40px; text-indent: 1em; }
.login-box .login-input .input-btn { height: 40px; background-color: #ff5959; border: 0; border-radius: 3px; width: 100%; color: #fff; }
.title-ty { text-align: center; margin: 0 auto; height: 60px; background: url(../images/line.jpg) no-repeat center bottom; font-size: 32px; }
.pxlb { padding: 55px 0; background-color:#f7f7f7;}
.pxlb .lb-nr { padding-top: 50px; }
.pxlb .lb-nr ul { text-align: center; margin: 0 auto; padding: 0; clear: both; }
.pxlb .lb-nr li { width: 375px; height: 542px; background-repeat: no-repeat; background-position: center top; background-color: #FFFFFF; display: inline-block; margin: 0 10px 10px; }
.pxlb .lb-nr li .lb-content { width: 80%; padding-top: 395px; text-align: center; margin:0 10%}
.pxlb .lb-nr li .lb-content h3 { font-size: 26px; margin-bottom: 10px; }
.pxlb .lb-nr li .lb-content p { color: #9a9a9a; line-height: 220% }
.pxlb .lb-nr li.first { background-image: url(../images/project1.jpg); }
.pxlb .lb-nr li.second { background-image: url(../images/project2.jpg); }
.pxlb .lb-nr li.third { background-image: url(../images/project3.jpg); }
.group{padding: 55px 0; min-height:550px; background-image:url(../images/qunti_pic.jpg);}
.group .title{text-align: center; margin: 0 auto; height: 80px; font-size: 32px; color:#FFF; line-height:80px;}
.ts-nr { padding: 50px 0 0 0; }
.ts-nr ul { text-align: center; margin: 0 auto; padding: 0; clear: both; }
.ts-nr li { width: 284px; height: 340px; text-align: center;  display: inline-block; margin: 0 6px 10px; background-color:#FFF;}
.ts-nr li .ts-content { padding: 0; }
.ts-nr li span { width: 284px; height: 182px; display: inline-block; margin: 0; }
.ts-nr li h3 { font-size: 25px; line-height:320%; }
.ts-nr li p { color: #9a9a9a; font-size: 14px; line-height:200%; margin:0 10%;}
.hydt { padding: 50px 0 0 0; }
.hydt ul li { width: 49%; margin-bottom: 22px; }
.hydt ul li a { display: block; box-shadow: 0 0 3px 3px #f0f0f0; height: 115px; border: 1px #f3f6f3 solid; background-color: #fff; border-radius: 5px; padding: 40px; }
.hydt ul li a h2 { font-size: 18px; font-weight: bold; margin-bottom: 6px; }
.hydt ul li a:hover { border: 1px #2593ef solid; }
.showbtn { height: 32px; line-height: 32px; display: inline-block; border: 1px #2593ef solid; padding: 0 15px; letter-spacing: 2px; font-size: 14px; color: #2593ef; border-radius: 2px; }
.ljbm { height: 460px; background: url(../images/gg-pic2.jpg) no-repeat center center; text-align: center; }
.ljbm .content {margin: 0 auto; padding-top: 90px; color: #FFF; margin:0 3%;}
.ljbm .content p { color: #efefef; }
.ljbm .content .bm-btn { display: inline-block; width: 162px; height: 52px; border-radius: 3px; background-color: #3296fa; line-height: 52px; color: #fff; font-size: 18px; }
.ljbm .content .bm-btn:hover { background-color: #e64a4a; }
.footer { background-color: #393c47; padding: 30px 0; }
.footer h4 { font-size: 16px; font-weight: bold; margin-bottom: 10px; }
.footer .lf1 { width: 185px; float: left; }
.footer .lf1 a { display: inline-block; width: 50%; font-size: 14px; color: #9fa0a6; line-height: 30px; }
.footer .lf2 { /*width: 220px;*/ display: inline-block; margin-bottom:20px; margin-left:120px;}
.footer .lf2 p, .footer a { line-height: 30px; font-size: 14px; color: #9fa0a6; }
.footer .lf3 { padding: 0 20px;  display: inline-block;}
.teachers { padding-top: 50px; }
.teachers dl { width: 47%; overflow: hidden; height: 160px; margin-bottom: 20px; text-overflow: ellipsis; }
.teachers dl dt { width: 120px; height: 120px; border-radius: 50%; overflow: hidden; float: left; }
.teachers dl dt img { width: 100%; }
.teachers dl dd { padding: 5px 0 0 140px; }
.all-left { width: 98%; margin:0 1%;}
.all-left .news-list li { display: block; padding: 3%; background-color: #f9f9f9; margin-bottom: 10px; }
.all-left .news-list li span { float: left; width: 180px; }
.all-left .news-list li span img { width: 100%; }
.all-left .news-list li .news-info { padding-left: 200px; }
.all-left .news-list li .news-info a:hover { color: #0f91dd; }
.all-left .news-list li .news-info p i { vertical-align: middle; margin-right: 8px; }
.all-left .news-detail { border: 1px #e6e6e6 solid; border-radius: 3px; padding: 20px; }
.all-left .news-detail h1 { border-bottom: 1px #e6e6e6 dashed; padding-bottom: 20px; }
.all-left .news-detail .content { margin-bottom: 10px; text-indent: 28px; }
.all-left .news-detail .pd { padding: 0 20px; }
.all-right { width: 28%; }
.all-right .right-box { border-radius: 3px; padding: 10px 10px 10px 10px; }
.all-right .right-box .title { padding: 8px 0; }
.all-right .right-box .title span { display: inline-block; border-left: 2px #0f91dd solid; padding-left: 10px; height: 18px; line-height: 18px; color: #0f91dd; }
.all-right .right-box .hot-news li { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 35px; line-height: 35px; }
.all-right .right-box .hot-news li a:hover { color: #0f91dd; }
.contactMap { width: 700px; height: 500px; }
.contact-nr { padding-left: 750px; line-height: 60px; }
.input-txt { padding-left: 12px; color: #d2d2d2; }
.user-username-icon, .user-password-icon { position: absolute; left: 20px; top: 68px; width: 38px; line-height: 36px; text-align: center; color: #d2d2d2; }
.user-password-icon { top: 122px; }
.input-btn:hover { cursor: pointer; }
.login-success-name { height: 36px; width: 80%; text-align: center; margin: auto; color: #009688; font-size: 16px; margin-left: 20% }
.welcome { font-size: 18; font-weight: bold; }
.admin-style { background-color: #f0f0f0; }
.admin-style .container { width: 1024px; }
.admin-style .top-s { height: 34px; background-color: #1D1A16; line-height: 34px; }
.admin-style .top-s i { vertical-align: middle; }
.admin-style .top-s .my-box { position: relative; }
.admin-style .top-s .my-box div { display: none; position: absolute; right: 0; top: 34px; width: 80px; background-color: #fff; border: 1px #f0f0f0 solid; box-shadow: 0 2px 2px #d9d9d9; }
.admin-style .top-s .my-box div p { border-bottom: 1px #f0f0f0 solid; text-align: center; }
.admin-style .top-s .my-box:hover div { display: block; }
.admin-style .tops-menu { height: 86px; background-color: #2593ef; }
.admin-style .tops-menu .logo { margin-top: 10px; font-size: xx-large; color: #FFF;}
.admin-style .tops-menu .wz { border-left: 1px #008e56 solid; padding-left: 20px; font-size: 27px; color: #fff; font-weight: bold; margin: 20px 0 0 20px; }
.admin-style .tops-menu .phone { margin-top: 12px; width: 210px; }
.admin-style .tops-menu .phone .phone-icon { margin: 6px 10px 0 0; }
.admin-style .tops-info { margin: 20px auto; border: 1px solid #e6e6e6; box-sizing: border-box; padding: 20px; background-color: #fff; }
.admin-style .tops-info .face { width: 78px; height: 78px; overflow: hidden; border-radius: 50%; }
.admin-style .tops-info .face img { width: 100%; }
.admin-style .tops-info .info { padding: 5px 0 0 15px; }
.admin-style .tops-info .kc-steep { padding: 0 20px; }
.admin-style .tops-info .borderl { border-left: 1px #f3f3f3 solid; }
.admin-style .left-box { width: 203px; }
.admin-style .left-box .menu { border: 1px #e6e6e6 solid; background-color: #fff; }
.admin-style .left-box .menu ul li { display: block; height: 42px; line-height: 42px; }
.admin-style .left-box .menu ul li a { display: block; height: 42px; border-left: 2px #fff solid; padding-left: 65px; }
.admin-style .left-box .menu ul li a.active, .admin-style .left-box .menu ul li a:hover { border-left: 2px #2593ef solid; color: #2593ef; }
.admin-style .left-box .dowload { border: 1px #e6e6e6 solid; padding: 12px; cursor: pointer; color: #004228; }
.admin-style .left-box .dowload:hover { border: 1px solid #2593ef; }
.admin-style .left-box .dowload span { float: left; }
.admin-style .left-box .dowload div { padding-left: 60px; }
.admin-style .right-box { width: 800px; }
.admin-style .right-box .cut { border-left: 2px #2593ef solid; padding-left: 10px; height: 20px; line-height: 20px; }
.admin-style .right-box .x-ty { border: 1px #f0f0f0 solid; padding: 15px; }
.admin-style .right-box .x-ty .steep { width: 600px; background-color: #ddd; height: 8px; border-radius: 4px; overflow: hidden; margin: 6px 15px 10px 0; }
.admin-style .right-box .x-ty .steep .s-t { width: 20%; background-color: #2593ef; height: 8px; display: inline-block; vertical-align: top; border-radius: 4px; }
.admin-style .right-box .notice-list li { border-bottom: 1px #f0f0f0 solid; margin-bottom: 15px; }
.admin-style .right-box .notice-list li .lx { display: inline-block; border: 1px #f3f3f3 solid; padding: 1px 3px; height: 18px; line-height: 18px; }
.cz a { display: inline-block; border: 1px #2593ef solid; height: 28px; line-height: 28px; width: 94px; color: #2593ef; text-align: center; margin-right: 15px; border-radius: 2px; }
.cz a.a1 { border: 1px #FF5959 solid; color: #FF5959; }
.cz a.a2 { background: rgba(0, 187, 114, 0.5); border-radius: 2px; border: 0; color: #fff; }
.admin-full-btn, .admin-kong-btn { background: #2593ef; border-radius: 4px; color: #fff; font-size: 16px; height: 40px; line-height: 40px; width: 126px; display: inline-block; margin-right: 20px; text-align: center; }
.btn-not { background-color: #009688; }
.btn-warm { background-color: #FFB800 }
.btn-denger { background-color: #FF5722; }
.admin-kong-btn { background-color: #fff; border: 1px #2593ef solid; color: #2593ef; box-sizing: border-box; }
.small-btn { width: auto; padding: 0 10px; height: 32px; line-height: 32px; font-size: 14px; }
.tab-title a { display: inline-block; padding: 30px 40px; border-right: 1px #e5e5e5 solid; border-bottom: 1px #e5e5e5 solid; background-color: #F8FAF9; text-align: center; float: left; position: relative; }
.tab-title a i { position: absolute; left: 50%; margin-left: -6px; bottom: -22px; display: none; color: #2593ef; }
.tab-title a.active { background-color: #2593ef; color: #fff; border-right: 1px #2593ef solid; border-bottom: 1px #2593ef solid; }
.tab-title a.active i { display: block; }
.kc-list li { display: block; height: 45px; line-height: 45px; padding: 0 3%; cursor: pointer; overflow: hidden; }
.kc-list li .first { width: 70px; }
.kc-list li .second { width: 30px; }
.kc-list li .second i { vertical-align: middle; }
.kc-list li .third { width: 650px; }
.kc-list li .third a { display: none; font-weight: normal; float: right; margin: 10px 0 0 10px; width: 80px; }
.kc-list li:hover { background-color: #F5FBF8; }
.kc-list li:hover .third a { display: block; }
.tab-my-title { border-bottom: 2px #ECECEC solid; height: 45px; line-height: 45px; margin-bottom: 20px; }
.tab-my-title a { display: inline-block; margin-bottom: -2px; border-bottom: 2px #ECECEC solid; padding: 0 10px; margin-right: 20px; }
.tab-my-title a.active { color: #2593ef; border-bottom: 2px #2593ef solid; }
.mylist { height: 60px; line-height: 60px; border-bottom: 1px #d9d9d9 dashed; }
.mylist .sp1 { width: 75px; text-align: right; padding-right: 30px; }
.aqlist { border-bottom: 1px #f0f0f0 dotted; padding-bottom: 20px; overflow: hidden; margin-bottom: 20px; }
.aqlist span { width: 74px; height: 74px; border-radius: 50%; overflow: hidden; }
.aqlist .aq-nr { padding-left: 94px; }
.boxshadow { box-shadow: 0 0 5px 3px #e6e6e6; }
.mnks { padding: 50px 30px; }
.mnks h1 span { display: inline-block; border: 1px #2593ef solid; border-radius: 2px; height: 18px; line-height: 18px; color: #2593ef; margin: 0 8px; padding: 0 8px; font-size: 14px; }
.mnks .t-list { width: 500px; }
.mnks .t-list ul li { border-bottom: 1px #f0f0f0 dashed; height: 50px; line-height: 50px; }
.mnks .t-list ul li i { vertical-align: middle; margin-right: 10px; }
.mnks .t-pic .tpic { max-width: 342px; }
.mnks .tips { display: inline-block; padding: 0 20px; height: 50px; line-height: 50px; border: 1px #ff5959 solid; border-radius: 3px; background-color: #ffeeef; color: #ff5959; }
.mnks .big-btn { height: 48px; line-height: 48px; }
.jiexi { padding: 30px; }
.jiexi .cut { border-left: 3px #2593ef solid; padding-left: 10px; font-size: 18px; font-weight: bold; height: 18px; line-height: 18px; }
.video-box { background-color: #121212; width: 1000px; margin: auto; display: block; }
.video-box .box-left { width: 680px; overflow: hidden; float: left }
.video-box .box-left .title { padding: 15px 0; }
.video-box .box-left .title span { display: inline-block; background-color: #2593ef; color: #fff; height: 26px; line-height: 26px; padding: 0 10px; border-radius: 0 3px 3px 0; margin-right: 10px; }
.video-box .box-right { width: 300px; height: 708px; overflow-y: auto; float: right; }
.video-box .zd { width: 20px; background-color: #292929; color: #fff; text-align: center; height: 708px; line-height: 708px; cursor: pointer; float: right; }
.video-box .box-right .pd-lf-rg { padding: 0 20px; }
.video-box .box-right .bg-1f { background-color: #1f1f1f; }
.video-box .box-right .mulu { overflow: auto; }
.video-box .box-right .mulu-list .list { padding: 8px 20px; }
.video-box .box-right .mulu-list .list .ks { width: 80px; }
.video-box .box-right .mulu-list .list .kstitle { padding-left: 80px; }
.video-box .box-right .mulu-list .list .kstitle .zt, .video-box .box-right .mulu-list .list .kstitle .play { background-color: #999; border-radius: 3px; height: 18px; line-height: 18px; vertical-align: middle; color: #333; padding: 0 5px; display: inline-block; margin-right: 8px; font-size: 12px; }
.video-box .box-right .mulu-list .list .kstitle .play { background-color: #2593ef; }
.video { padding-right: 20px; }
.on { background-color: #2593ef; padding: 8px; margin-top: -8px; }
.on a { color: #FFF }
.on a:hover, a:hover { color: #009688 }
#webcam, #canvas { width: 320px; height: 240px; float: left; margin-top: 15px; }
#canvas { background-color: #000; margin-left: 20px; }
#fps-meter, #webcam-info { position: absolute; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: normal; font-stretch: normal; font-size: 1.5em; line-height: normal; color: rgb(238, 238, 238); margin: 0px; width: 277px; text-align: right; }
.layui-form-radio * { font-size: 16px; }
.kernel{padding: 55px 0;}
.kernel .title{text-align: center; margin: 0 auto; height: 80px;}
.kernel .title h3{font-size: 32px; line-height:45px;}
.kernel .title span{color:#666666; line-height:24px;}
.kernel ul {margin: 0 auto; padding: 0; clear: both; text-align: center;}
.kernel li{ width: 381px; height: 254px; display: inline-block; background-color: #f5f5f5; margin: 60px 8px 20px;}
.kernel li.k1{ background-image: url(../images/k1.jpg); background-repeat: no-repeat; background-position: left center; }
.kernel li.k2{ background-image: url(../images/k2.jpg); background-position: left center; background-repeat: no-repeat; }
.kernel li.k3{ background-image: url(../images/k3.jpg); background-position: left center; background-repeat: no-repeat; }
.kernel li .centent{ width:100px; height:254px; float:right; margin:10px;}
.kernel li .centent h4{ font-size:18px; line-height:48px; text-align:right;}
.kernel li .centent span{ border-top: 1px solid #000000; width:80%; display:block; float:right; clear:both;}
.kernel li .centent p{ width: 100%; display: block; color: #878787; text-indent: 24px; line-height:24px; margin-top:18px; text-align:left;}

#content img{max-width:80%;}