.gray{background: #4c4c4c; padding-top: 1px;}
.top{position:fixed; height: 80px; width:100%; z-index:99;background: #4c4c4c}
.wrap{ width: 1200px; margin:0 auto;}
.white{ background: #FEFEFE}
.bd-docs{ background:#fff }
.top .logo{ margin-left: 25px;}
.top .logo img{margin-top:23px;}
.top .menu{height: 34px;padding:23px 0; margin-right: 10px;}
.top li{float: left; height: 34px; margin:0 11px; position: relative;}
.top li a{display: inline-block; height: 34px;padding:0 12px;line-height:34px;font-size: 15px;color: #fff}
.top li.m{padding-right: 5px; margin-right: 15px;}
.top li b{position: absolute; right:2px; top:13px; display: inline-block; width: 10px; height: 6px; background: url(../images/arrow_d.png) no-repeat;}
.top li .pop{ display:none; position: absolute; top:30px; left: 0; width: 120px; padding-top: 15px; background: url(../images/arrow_u.png) no-repeat top center;}
.top li.m:hover .pop{ display: block;}
.top li .pop-cont{ background: #fff; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
.top li .pop-cont a{display:block; text-align: center; padding:0 0 5px; font: 500 14px/30px PingFang SC; color: #000;}
.white li a{ color: #C0C345}
.top li.cur a{color:#fff; background:#fa742b;}
.top li a:hover{text-decoration: none; color: #fed16c;}
.bgl{ width: 100%; box-sizing: border-box; height: 800px; overflow: hidden; background: url(../images/banner_jiewen.jpg) no-repeat top center;}
.bgl-p{height: 640px;padding-top: 185px; background: url(../images/banner_p.jpg) no-repeat top center}
.bgl-ex{height: auto;padding-top: 150px; background: url(../images/banner_ex.jpg) no-repeat top center}
.bgl-p h3{ font: 500 78px/80px 'PingFang SC'; color: #fff; text-align: center; letter-spacing:0.1em;}
.bgl-p p{margin:40px 0 95px; font: 500 16px/20px 'PingFang SC'; color: #999; text-align: center;}
.bgl-p .box{ width: 1020px; max-width: 98%; height: 200px; margin:0 auto; box-sizing:border-box; background: #fff; box-shadow: 0 4px 5px #eee;}
.bgl-p .box dd{float: left; box-sizing:border-box; padding-top: 50px; width: 25%; text-align: center;}
.bgl-p .box h5{margin-bottom:15px; font: 500 24px/30px 'PingFang SC'; color: #fa742b;}
.bgl-p .box p{ margin:0; padding: 0 10px; font: 500 16px/26px 'PingFang SC'; color: #999;}
.bgl-ex h3{margin-top:35px}
.bgl-ex .box p{font-size: 14px; color: #000; margin-bottom: 20px;}
.bgl-ex .box p.tips-a{margin-top: 20px;font: 500 14px/30px 'PingFang SC'; color: #ea5455}
.bgl-ex .box p.tips-phone{ display: none;}
.bgl-ex .box p.tips-pc{ display: block;margin-bottom: 0;}
.bgl-ex .box h5{margin:20px 0 0; text-align: center; font: 500 24px/30px 'PingFang SC'; color: #000;}
.bgl-ex .box h6{margin-bottom:15px; text-align: center; font: 500 16px/40px 'PingFang SC'; color: #999;}
.bgl-ex .live-box{width:1200px; height: auto; padding: 10px 40px; margin-bottom: 20px; box-sizing: border-box;}
.bgl-ex .live-box h4{ font: 500 14px/54px 'PingFang SC'; color: #000; border-bottom: 1px solid #f2f2f2;}
.bgl-ex .live-box .img-a{ margin: 30px 0;}
.bgl-ex .live-box .qcode{padding:20px 0; }
.bgl-ex .live-box .qcode img{ margin: 0 auto;}
.btn-create{ display: inline-block; width: 160px; height: 50px; margin:20px 15px; font: 500 16px/50px 'PingFang SC'; color: #fff; letter-spacing: 0.2em; text-align: center; background: url(../images/btn_bg_l.png) no-repeat; box-shadow:0 2px 5px #ddd;; border-radius:25px; -webkit-border-radius:25px; -moz-border-radius:25px; -ms-border-radius:25px; -o-border-radius:25px; }
.btn-create-a{color: #999; background: #f2f2f2;}
.btn-create-aa{display: none;}
.success-wrap h3{ margin:120px 0 50px; font:700 40px/40px 'PingFang SC'; color: #f60; }
.success-wrap .class-sum p{margin-bottom: 10px; padding:0 180px; text-align: left; font:500 16px/30px 'PingFang SC'; color: #000;}
.success-wrap .class-sum p label{ color: #999;}
.success-wrap .class-sum p.tips{margin-top: 30px; font: 500 14px/30px 'PingFang SC'; color: #ea5455; text-align: center;}
.success-wrap .class-sum p.tips-b{display: none;}
.stu-name input{ display: block; margin: 0 auto; width:300px; height:38px; padding: 0 10px; font: 500 14px/38px 'PingFang SC'; color: #000; border: 1px solid #e5e5e5;}
.live-cont{ margin-top: 25px;}
.live-cont i{margin-right:10px; font: 500 16px/40px 'PingFang SC'; color: #ea5455;}
.live-cont label{float:left; height: 40px; font: 500 14px/40px 'PingFang SC'; color: #000; vertical-align: top;}
.live-cont .txt-s{margin-left:20px; width:300px; height:38px; padding: 0 10px; font: 500 14px/38px 'PingFang SC'; color: #000; border: 1px solid #e5e5e5;}
.live-cont .txt-l{margin-left:20px; width:1000px; height:38px; padding: 0 10px; font: 500 14px/38px 'PingFang SC'; color: #000; border: 1px solid #e5e5e5;}
.live-cont textarea{margin-left:20px; width:1022px; height:120px; box-sizing: border-box; padding:10px; font: 500 14px/24px 'PingFang SC'; color: #000; border: 1px solid #e5e5e5;}
.live-cont .feng{ float: left; width: 1000px; height: 256px; margin-left: 20px;}
.live-cont .feng img{float: left; width:400px; height: 256px; }
.live-cont .feng .btn-change{float: left; margin-left: 20px; width: 120px; height: 40px; margin-top:215px; background-color: #f60;text-align: center;font: 600 14px/40px 'PingFang SC';color: #fff;border-radius: 40px;}
.feng-wrap{position: relative; width: 500px; height: 320px; margin: 30px auto 15px; display: none;}
.bgl-ex .box p.copy-url button{cursor: pointer; display: block; width: 80px; height: 30px; margin: 0 auto;font: 500 14px/28px 'PingFang SC'; color: #999; text-align: center; background: #fff; border: 1px solid #eee;}
.bgl-ex .box p.copy-url input{ height: 0; overflow: hidden;}
.img-mix{padding-bottom:20px; margin: 0 auto; text-align: center}
.bgl-ex .live-box .qcode{position: absolute; bottom: 20px; right: 20px; padding:5px; margin: 0; background: #fff;}
.p-cont{ width: 1200px; max-width:100%; padding:100px 0 80px; margin:0 auto;}
.p-cont h4{padding-bottom: 35px; font: 500 32px/40px 'PingFang SC'; color: #000; text-align: center; background: url(../images/img_title_a.jpg) center bottom no-repeat;}
.p-cont h4.a{ background: url(../images/img_title_b.jpg) no-repeat center bottom;}
.p-cont-img{ padding-top: 50px;}
.p-cont-m{padding-top: 50px;}
.p-cont-m dl:first-child{padding:20px 0 50px; margin-bottom: 50px; border-bottom: 1px solid #eee; background: url(../images/r.gif) no-repeat -36px -40px}
.p-cont-m dd{ float: left; width: 20%;padding:0 20px;  box-sizing: border-box;}
.p-cont-m dd h6{margin-bottom: 30px; font: 500 16px/30px 'PingFang SC'; color: #999; }
.p-cont-m dd h6.a{padding-left: 40px;}
.p-cont-m .other dd h6{ display: none;}
.p-cont-m dd p{font: 500 16px/30px 'PingFang SC'; color: #000; }
.p-cont-m dd p em{ display: inline-block; width: 120px; margin:0 0 0 35px; height: 60px; font: 500 20px/60px 'PingFang SC'; text-align: center; color:#999;  border-radius: 10px; background: #e5e5e5;}
.p-cont-m dd p em.a{ color: #fff; background:url(../images/btn_bg.jpg) no-repeat; box-shadow:0 0 10px #fabb99;}
.bgl video{position: absolute;top:0; left: 0; width: 100%; height: 800px; object-fit: fill;}
.i-top{ width:100%; height: 120px; position: fixed; left: 0; top: 0; z-index: 99;}
.i-top .logo{display: none; height: 40px;position:absolute; top: 40px; left: 60px;}
.i-top .menu{width: auto; display: none;}
.i-top .menu a{ display: inline-block; margin:40px 30px 0; font: 500 20px/40px 'PingFang SC'; color: #fff;}
.i-top .menu a:hover{color:#fa742b; text-decoration: none; background:url(../images/menu_bg_a.png) no-repeat left bottom;}
.menu-small{display: none;}
.i-top .sign{position: absolute; top:23px; right:5px; padding-left:20px; font:500 14px/24px 'PingFang SC'; color: #fff; background: url(../images/icon_peo.png) no-repeat 0 0; }
.i-top .sign a{margin: 0 7px; font:500 14px/24px 'PingFang SC'; color: #fff;}
.i-top .sign a:hover{color:#fa742b; text-decoration: none;}
.en_i_top_m{width: 1000px; box-sizing: border-box; margin:25px auto 0; padding:20px 140px 20px 0;border-bottom: 1px solid #70706e;  }
.en_i_top_logo img{ height: 32px;;}
.en_i_top_menu li{ float:left; margin-left:10px;position: relative; }
.en_i_top_menu li.m{ margin-right: 5px;}
.en_i_top_menu li a{display:inline-block; padding: 0 8px; font: 500 16px/30px PingFang SC; color: #fff;}
.en_i_top_menu li b{position: absolute; right:2px; top:12px; display: inline-block; width: 10px; height: 6px; background: url(../images/arrow_d.png) no-repeat;}
.en_i_top_menu li .pop{ display:none; position: absolute; top:30px; left: 0; width: 120px; padding-top: 15px; background: url(../images/arrow_u.png) no-repeat top center;}
.en_i_top_menu li.m:hover .pop{ display: block;}
.en_i_top_menu li .pop-cont{ background: #fff; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
.en_i_top_menu li .pop-cont a{display:block; text-align: center; padding:0 0 5px; font: 500 14px/30px PingFang SC; color: #000;}
.i-top-a{ background: #000; height:98px;}
.i-top-b{ background: #00003b; height:98px;}
.banner{ position: absolute;top: 80px;left: 0; width: 100%;}
.banner h1{margin-top:100px; font:500 24px/36px 'PingFang SC'; color: #fff;}
.banner h4{margin-bottom: 10px; font:500 24px/36px 'PingFang SC'; color: #fff;letter-spacing: 0.1em}
.banner h5 img{ width: 230px;}
.banner .round{ padding-top: 20px;}
.banner .line{ display: block; width:200px; height: 5px; margin:55px auto; overflow: hidden; border-bottom:1px solid #6c6a69;}
.banner p{ font:500 18px/40px 'PingFang SC'; color: #fff;letter-spacing: 0.1em}
.banner p.l{display: block;}
.banner p.s{ display: none;}
.banner a:hover{text-decoration: underline}
.i-main{ height: auto;  overflow:hidden;box-sizing:border-box; padding:90px 0; }
.i-main h3{ padding-bottom: 35px; font:500 32px/40px 'PingFang SC'; color: #000;background: url(../images/img_title.jpg) no-repeat center bottom;}
.i-main-m{margin-top: 77px;}
.i-main-m dd{ display: inline-block; margin: 0 60px;}
.i-main-m p.l{display: block;}
.i-main-m p.s{display: none;}
.i-main-m h5{margin:20px 0; font:500 32px/40px 'PingFang SC'; color: #000;}
.i-main-m p{margin-bottom:50px; font:500 16px/32px 'PingFang SC'; color: #b0b0b0;}
.i-cont-b{ height:300px; background: url(../images/bg_repeat.png) repeat-x;}
.i-cont-b h4{padding-top:220px; font:500 48px/78px 'PingFang SC';font-style: italic; color: #000; letter-spacing: 0.1em;}
.i-cont-ba h4{ padding-top: 35px; margin-bottom: 30px; color: #fff;}
.i-cont-c{ height: 700px; background: url(../images/banner_b.jpg) no-repeat center top; background-size: cover;}
.i-cont-c h4{padding-top:220px; font:700 48px/78px 'PingFang SC'; color: #000; letter-spacing: 0.1em;}
.i-cont-b a{ display: block; width: 120px; height: 40px; margin: 0 auto; font:500 16px/40px 'PingFang SC'; color: #fa742b;  background: #fff; border-radius:20px; -webkit-border-radius:20px ; -moz-border-radius:20px ; -ms-border-radius:20px ; -o-border-radius:20px ; }
.foot{ height:140px; box-sizing: border-box; padding-top: 20px; background:#000 url(../images/logo.png) no-repeat 60px center ;}
.foot-b{ background:#00003b url(../images/logo.png) no-repeat 60px center ;}
.foot p{font:500 14px/24px 'PingFang SC'; color: #fff;}
.foot h6{display:none; font:500 14px/24px 'PingFang SC'; color: #fff;}
.signin-main, .user-main{ padding-top: 80px; overflow: hidden;}
.signin-main h4{font:500 27px/30px 'PingFang SC'; color:#fff; text-align: center}
.signin-box{width: 554px;box-sizing: border-box; padding:40px; margin:20px auto 0; background: #6C6D6F; box-shadow: 0 0 10px #333;}
.signin-box-a{padding:10px 40px 20px;}
.signin-box .t{padding-bottom: 20px; border-bottom: 1px solid #959697;}
.signin-box .t img{ height: 200px;}
.signin-box .m{margin-top: 20px;}
.signin-box .m label{display: block;margin-bottom: 5px; font:500 14px/30px 'PingFang SC'; color:#fff; }
.signin-box .m .txt{display: block;box-sizing: border-box; width:100%; height: 45px;padding:15px 10px; margin-bottom:12px; font:500 14px/14px 'PingFang SC'; color:#fff;background: #4B4B4D}
.signin-box .m p{font:500 14px/30px 'PingFang SC'; color:#fff; text-align: center}
.signin-box .m p.tips{font:500 14px/30px 'PingFang SC'; color:#f00; text-align: left}
.signin-box .m p.tips span{display:block; font:500 14px/30px 'PingFang SC'; color:#f00; }
.signin-box .m p.p{font:500 12px/20px 'PingFang SC'; color:#fff; text-align: left}
.signin-box .m p.p input{vertical-align: middle;margin:-3px 2px 0 0;}
.signin-box .m p a{font:500 12px/30px 'PingFang SC'; color:#94e84d; }
.signin-box .m p a:hover{text-decoration: underline;}
.signin-box .m .btn{cursor:pointer; display: block;box-sizing: border-box; width:100%; height: 45px;margin:15px 0 0; font:500 14px/14px 'PingFang SC'; color:#fff;background:url(../images/btn_bga.jpg) repeat-x; background-size: contain;box-shadow: 0 0 5px #fc9a2f;}
.signin-box .m .btn-a{margin-top: 25px;}
.signin-box .m .btn:hover{background: #fc9931}
.signup-link{margin-top:10px;}
.signup-link p{font:500 14px/30px 'PingFang SC'; color:#fff; text-align: center}
.signup-link p a{font:500 14px/30px 'PingFang SC'; color:#fc9a2f;}
.signup-link p a:hover{text-decoration: underline;}
.side{ position: fixed; width: 190px; height: 100%; top:80px; left: 0;background:#444446; z-index: 1; }
.side dd{height: 55px;padding: 10px 0;font:500 16px/55px 'PingFang SC'; color:#fff; text-align: center; background: #545557;}
.side dd.a{ height: 57px; padding:0; line-height: 27px;border-bottom: 1px solid #555;background:#444446;}
.side dd.a a{display:block; padding: 15px 0; color: #fff; font-size:14px;}
.side dd.a a.cur{ background: #3F3F3F url(../images/btn_bg.png) no-repeat top right;}
.side dd.a a:hover{text-decoration:underline;text-shadow:1px 1.5px 1px rgba(0,0,0,0.5); background:#757575}
.side dd.a a.cur:hover{text-decoration:none; background: #3F3F3F url(../images/btn_bg.png) no-repeat top right;}
.docs-main .side h6{height:60px; padding-left: 20px;margin-bottom: 10px; font:500 15px/60px 'PingFang SC'; color:#fff; background: #656565;}
.docs-main .side li{ height: 38px; padding-left: 20px; margin-bottom: 10px;}
.docs-main .side li:hover{ background: #767676;}
.docs-main .side li a{ display:block;font:500 13px/38px 'PingFang SC'; color:#fff}
.docs-main .side li.on a{color: #7cb45a;}
.main{width: auto; height: 100%; box-sizing: border-box; margin-left: 190px; background: #5B5C5E; overflow: auto;}
.main h5{height: 55px;padding:10px 0 10px 20px;font:500 16px/55px 'PingFang SC'; color:#fff; background: #78797A;}
.docs-main .main h5{font-size:30px; height: 130px; text-align:center; line-height: 130px; padding:0; background: #545454}
.docs-main-m{background:#E5E5E5;}
.docs-cont{box-sizing: border-box; padding:50px 80px; font:500 16px/28px 'PingFang SC'; color: #666;}
.docs-cont h4{ font-size: 24px; font-weight:700; margin-bottom: 20px; color: #000}
.docs-cont h6{ font-size: 16px; font-weight:700; margin-bottom: 10px; color: #000}
.docs-cont p{ font-size: 14px; margin-bottom: 10px;}
.docs-cont p a{color:#7cb45a; text-decoration: underline;word-wrap:break-word}
.docs-cont img{display:block; margin:20px 0 40px; max-width: 80%; max-height:500px;}
.docs-cont p.img img{max-height: initial; width:800px; max-width: 100%;}
.docs-cont pre{display: block; height:auto;overflow:hidden; padding:10px; margin:10px 0; font:500 14px/24px 'PingFang SC'; color: #666; word-break: break-all; word-wrap: break-word;background-color: #f5f5f5;border: 1px solid #ccc;}
.docs-cont pre code{margin:0; padding: 0; white-space: pre-wrap; float: left;}
.main-cont{ padding:30px 20px; background: #5B5C5E;}
.main-cont p{margin-bottom:10px; font:500 14px/30px 'PingFang SC'; color:#fff;}
.main-cont p span{display: inline-block; height: 30px; margin:0 10px; padding:0 10px; background:#fff; color: #666; font-weight: 700; border-radius:2px;}
.index-t{ width: 100%; box-sizing:border-box; padding-top:18%; background: url(../images/banner.jpg) no-repeat top center;}
.index-t h3{margin-bottom: 50px; font:500 70px/70px 'PingFang SC'; color:#fff;}
.index-t h5{margin-bottom: 20px;  font:700 24px/30px 'PingFang SC'; color:#fff;}
.index-t p{font:500 20px/40px 'PingFang SC'; color:#fff;}
.index-t a{margin:50px 0 0; display: inline-block; padding:5px 45px; font:600 16px/40px 'PingFang SC'; color:#fff; background:url(../images/btn_bga.jpg) repeat-x; background-size: contain;box-shadow: 0 0 5px #fc9a2f; border-radius:50px;  }
.index-t a:hover{ background:#fc9931;text-decoration: none;}
.index-m-t{padding: 20px 0; background: #F8F8F8;}
.index-m-t .intro-cont{padding:55px 0;}
.index-m-t .intro-cont-bga{ background: url(../images/icon_a.jpg) no-repeat center right;}
.index-m-t .intro-cont-bgb{padding-left:250px; background: url(../images/icon_b.jpg) no-repeat center left;}
.index-m-t h4{font:500 26px/30px 'PingFang SC'; color:#555;}
.index-m-t p{font:500 16px/30px 'PingFang SC'; color:#555;}
.index-m-b h4{margin-bottom: 40px; font:500 40px/30px 'PingFang SC'; color:#fff;}
.index-m-b p{font:500 18px/30px 'PingFang SC'; color:#fff;}
.index-m-b-l, .index-m-b-r{ width: 50%; height: 300px; box-sizing: border-box; padding:80px 0 0 70px;} 
.index-m-b-l{ background: -moz-linear-gradient(left, #3c3c3c 0%, #484848 100%); background: -webkit-linear-gradient(left, #3c3c3c 0%,#484848 100%); background: -o-linear-gradient(left, #3c3c3c 0%,#484848 100%);  background: -ms-linear-gradient(left, #3c3c3c 0%,#484848 100%);  background: linear-gradient(to right, #3c3c3c 0%,#484848 100%);}
.index-m-b-r{ background: -moz-linear-gradient(left, #545454 0%, #818687 100%); background: -webkit-linear-gradient(left, #545454 0%,#818687 100%); background: -o-linear-gradient(left, #545454 0%,#818687 100%);  background: -ms-linear-gradient(left, #545454 0%,#818687 100%);  background: linear-gradient(to right, #545454 0%,#818687 100%);}
.index-b{ height:490px; background: #F8F8F8 url(../images/map_bg.jpg) no-repeat center center;}
.index-b p{padding-top:160px; font:500 42px/60px 'PingFang SC'; color:#838889; text-align: center}
footer{ padding: 20px 0;}
footer p{font:500 12px/24px 'PingFang SC'; color:#999}
.home{ width: 100%; height: 100%; background: url(../images/home.jpg) no-repeat}
.home .logo{padding-top:60px;margin-bottom: 7%;}
.home h1{margin-bottom: 55px; text-align: center; font:500 60px/90px 'PingFang SC'; color:#fff;}
.home h3{text-align: center; font:500 16px/34px 'PingFang SC'; color:#fff; letter-spacing: 0.2em;}
.home h6{text-align: center; margin:10px 0 40px;  font:500 24px/40px 'PingFang SC'; color: #fff;letter-spacing: 0.1em}
.home .line{ display: block; width:200px; height: 5px; margin:55px auto; overflow: hidden; border-bottom:1px solid #6c6a69;}
.home p{margin-bottom:7%;text-align: center; font:500 18px/34px 'PingFang SC'; color:#fff; letter-spacing: 0.2em;}
.home a{ display: inline-block; width: 258px; height: 58px; margin:0 30px; font:500 20px/58px 'PingFang SC'; color: #fff; text-align: center; border: 1px solid #fff; }
.home a:hover{ color: #fa742b;  border-color:#fa742b; text-decoration: none;}
.home label{display:block; position: fixed;bottom: 20px; left: 0; width: 100%; text-align: center; font:500 14px/40px 'PingFang SC'; color: #9d9c9c;}
.more-a{ display:none;}
.i-cont-a{padding: 70px 0;}
.i-cont-a .kuang{padding-bottom: 30px; background: url(../images/title_bg.png) no-repeat top center}
.i-cont-a h3{ font:500 32px/70px 'PingFang SC'; color:#000;}
.i-cont-a p{width: 500px; margin:0 auto; font:500 16px/26px 'PingFang SC'; color:#999;}
.i-cont-a p strong{ font-weight: 700; font-size:18px;  color: #f36e22;}
.i-cont-a-a{padding-top: 0; margin-top: 50px;}
.i-cont-a-a img{ width: 1200px; margin-top:80px;}
.i-cont-a-a p{ width: 700px}
.i-cont-a dl{padding-top:100px;}  
.i-cont-a dd{ display: inline-block; margin: 0 3%; vertical-align: top;}
.i-cont-a-b dd{width: 250px;  margin: 0 40px;}
.i-cont-a-c dd{ width:300px; margin: 0 30px; padding-bottom: 20px; border-radius: 10px; background: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
.i-cont-a-c dd:hover{ box-shadow: 0 0 10px #eee;}
.i-cont-a-b dd h5 {margin-bottom: 8px;padding-left:52px; text-align:left;font:500 24px/42px 'PingFang SC'; color: #000; background: url(../images/cont_c_title_a.png) left center no-repeat;}
.i-cont-a-c dd h5{color: #fa742b; font-weight: 700; font-size: 20px; padding: 0 20px; margin-bottom: 0; background: none}
.i-cont-a-c dd a{position: relative; display: inline-block; margin-bottom:10px;}
.i-cont-a-c dd .play{position: absolute; left: 50%; top: 50%; margin:-40px 0 0 -40px; display: block; width: 80px; height: 80px; background: url(../images/icon_play.png) no-repeat;}
.i-cont-a-c dd .bg{position: absolute; width: 100%; height: 100%; background: #000; opacity: 0.2;border-top-left-radius: 10px; border-top-right-radius: 10px}
.i-cont-a-b dd:hover h5{color: #28c76f; background: url(../images/cont_c_title_b.png) left center no-repeat}
.i-cont-a-c dd:hover h5{ color: #fa742b; background: none;}
.i-cont-a-c dd img{ width: 300px; height: 225px;border-top-left-radius: 10px; border-top-right-radius: 10px}
.i-cont-a-c dd:hover .bg{opacity:0.1;}
.i-cont-a-b dd p {width:auto; padding-left: 52px;text-align: left;font: 500 16px/22px 'PingFang SC';color: #000;}
.i-cont-a-c dd p {width:auto; padding: 0 20px;text-align: left; text-overflow:ellipsis;overflow: hidden; white-space: nowrap;  font: 500 16px/26px 'PingFang SC';color: #666;}
.i-cont-a dd.a{ display: inline-block; margin: 0 30px; width:300px; height: 283px; padding-top: 17px; text-align: center; background: #fff;  box-shadow: 0 0 10px #eee;  border: 1px solid #e6e6e6; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
.cont-white{ background: #f2f2f2;}
.news{ width: 1200px; min-height:500px; margin:20px auto 0;}
.news-l{ box-sizing: border-box; width: 240px; min-height: 100px; margin-right: 20px; padding: 20px; background: #f7f7f7; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; }
.news-l h3{margin-bottom:10px;padding-left:10px; font: 500 16px/16px 'PingFang SC';color: #666; border-left: 3px solid #f60;}
.news-l li{ display:block; padding:5px 0; border-bottom: 1px dotted #aaa; }
.news-l li:last-child{border-bottom: none; padding-bottom: 0;}
.news-l li a{display:block; font: 500 12px/18px 'PingFang SC';color: #666;}
.news-l li a:hover{ color: #f60}
.news-l li em{display:block; padding-right: 10px; font: 500 12px/20px 'PingFang SC';color: #999; text-align: right;}
.news-r{box-sizing: border-box; width: 940px; min-height: 100px;padding:10px 20px 80px;}
.news-detail h3{  font: 500 26px/50px 'PingFang SC';color: #666;}
.news-detail h4{  font: 700 16px/2em 'PingFang SC';color: #333; text-indent: 2em;}
.news-detail .time{display: block;  font: 500 13px/50px 'PingFang SC';color: #999;}
.news-detail p{font: 500 16px/2em 'PingFang SC';color: #666; text-indent: 2em;}
.news-detail img{display: block; margin:20px auto; max-width: 600px;}
.news-detail strong{ margin-right:2px; font: 700 18px/50px 'PingFang SC';color: #0f4696;}
.news-detail b{font-weight: 700}
.more-info{ display: none;}
@media screen and (max-width: 1200px){
  .en_i_top_m{width: 800px;}
  .en_i_top_menu li a{font-size:14px; padding: 0;}
  .en_i_top_menu li b{right: -7px;}
  .i-cont-a dd img{ height: 150px;}
}
@media screen and (max-width: 800px){
  .en_i_top_m{width: 600px;}
  .en_i_top_menu li{margin-left: 5px;}
  .en_i_top_menu li a{padding: 0 5px;}  
  .i-cont-a dd img{ height: 100px;}
  .bgl-p .box p{ font-size: 14px;}
}

.msg-main{width:980px; min-height:300px; margin:150px auto 0;}
.msg-main table{ width: 100%;}
.msg-main table, .msg-main table th, .msg-main table td{ border-collapse: collapse; border:1px solid #eee;}
.msg-main table th, .msg-main table td{padding:5px; font:500 13px/24px 'PingFang SC'; color:#fff;}
.msg-main table th{ text-align: center;}
.msg-main table td{ text-align: left; }
.msg-main table .tc{text-align: center}
.msg-main .btn-all{ margin-bottom: 20px;}
.msg-main .btn-all a{ display:inline-block; width: 80px; height: 30px; margin-right:10px; font:500 13px/30px 'PingFang SC'; text-align: center; color:#666; background: #fff;}
.msg-main .btn-all a:hover{ text-decoration: none;color: #fff; background:#f57e3b; }
.msg-main table a{ margin:0 5px;  font:500 13px/30px 'PingFang SC'; color: #fff; text-decoration: underline; }
.msg-main table a:hover{ color: #f36e22;}

.msg-new{display:none; position: relative; width:500px; margin:0 auto; padding:5px 20px; background: #fff;}
.msg-new-a{ position:fixed;left: 50%; top: 25%; z-index: 100; margin-left: -250px;}
.news{display: block;}
.news-a{ display: none;}
.msg-new h4{margin-bottom: 20px; font:500 16px/30px 'PingFang SC'; color:#000;}
.msg-new dd{height: auto; overflow: hidden; margin-top: 10px;}
.msg-new label{float: left; width: 60px; height: 30px; font:500 14px/30px 'PingFang SC'; color:#000;}
.msg-new .txt{ float: right; width: 428px; height:14px; padding: 7px 5px; font:500 14px/30px 'PingFang SC'; color:#666; border: 1px solid #eee;}
.msg-new textarea{ float: right; width: 428px; height: 200px; padding:4px 5px; font:500 14px/22px 'PingFang SC'; color:#666; border: 1px solid #eee;}
.msg-new p{ float: right; width: 428px;padding:4px 5px; font:500 14px/22px 'PingFang SC'; color:#666;}
.msg-new a{ display:inline-block; width: 80px; height: 30px; margin:10px 20px; font:500 13px/30px 'PingFang SC'; text-align: center; color:#fff; background:#f36e22;}
.msg-new a:hover{ text-decoration: none;color: #fff; background:#f57e3b; }
.close-new{cursor:pointer; position: absolute; right: 10px; top: 10px; width: 20px; height: 20px; display: inline-block;  background: url(../images/close_g.png) no-repeat; background-size: contain;}
.news textarea{ height: 100px;}
.news-list{ height: 200px; overflow: auto;}
.news-list li{ height: 30px; padding-left: 10px; line-height: 30px; background: url(../images/dot.png) no-repeat 2px 14px; background-size: 3px 3px}
.news-list li strong{ float: left; width: 300px; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news-list li strong a{ display: inline-block; width: auto; height: auto; margin:0;font:500 14px/30px 'PingFang SC'; color:#666; background: none;}
.news-list li strong a:hover{text-decoration: underline; background: none; color: #666;}
.news-list li em{ float: right;font:500 13px/30px 'PingFang SC'; color:#666;}
.news-list li span{cursor: pointer; float: right; margin:0 30px 0 10px; font:500 13px/30px 'PingFang SC'; color:#f00;}
.news-list li span:hover{text-decoration: underline; }

.msg-contact{display:none; position:relative; width: 260px; min-height:400px; margin: 0 auto; padding:10px 20px 20px; background: #fff;}
.msg-contact-a{ position:fixed;left: 50%; top: 25%; z-index: 100; margin-left: -130px;}
.msg-contact h4{margin-bottom:10px; font:500 16px/24px 'PingFang SC'; color:#000;}
.msg-contact h5{ position: relative; padding-left: 15px;}
.msg-contact h5, .msg-contact h5 em{ font:700 13px/24px 'PingFang SC'; color:#333;}
.msg-contact h5 em{ cursor: pointer;}
.msg-contact h5 i{cursor:pointer; position: absolute; left:4px; top: 7px; display: inline-block; width: 0; height: 0px; border: 5px solid #fff; border-left:5px solid #aaa;}
.msg-contact h5 i.r{ left:0; top: 10px;  border: 5px solid #fff; border-top:5px solid #aaa;}
.contact-list input{float: right; vertical-align:middle; margin:6px 20px 0 0; }
.msg-contact ul{display: none;}
.msg-contact li{padding-left: 15px;}
.msg-contact li strong{ font:500 12px/24px 'PingFang SC'; color:#999;}
.contact-list{ height: 350px; overflow: auto;}
.msg-contact a{ display:block; width: 80px; height: 30px; margin:0 auto; font:500 13px/30px 'PingFang SC'; text-align: center; color:#fff; background: #f36e22;}
.msg-contact a:hover{ text-decoration: none;color: #fff; background:#f57e3b; }
.paging{ margin-top: 30px;}
.paging a{ display: inline-block; padding:0 10px; margin:0 10px; font:500 12px/24px 'PingFang SC';color: #666; background:#fff; }
.paging a:hover{ text-decoration: none; color: #fff;  background: #f60;}

.bg-black{display: none; width: 100%; position: fixed; left: 0; top: 0; z-index: 99; background: #000; opacity: 0.5;}
.pop-tips{box-sizing: border-box; position: fixed; left: 50%; top: 50%; z-index: 100; width: 500px; height: 600px; padding-top: 370px; margin:-300px 0 0 -250px; background: #fff url(../images/tips_word.jpg) no-repeat center 40px; border-radius:10px ; -webkit-border-radius:10px ; -moz-border-radius:10px ; -ms-border-radius:10px ; -o-border-radius:10px ; }
.pop-tips p{font:500 16px/26px 'PingFang SC';color: #000;}
.pop-tips p strong{font:500 16px/26px 'PingFang SC';color: #fa742b;}
.pop-tips .btn-all{ margin-top: 25px;}
.pop-tips em.close{cursor:pointer; position: absolute;right: 20px; top: 20px; display:block; width:30px; height: 30px; background: url(../images/close_g.png) no-repeat; background-size: 30px 30px; }

@media screen and (max-width: 600px) {
  .msg-main-m{width:100%; box-sizing: border-box; margin:0; height: 100%;min-height: initial; padding-top:0;}
  .msg-new h4{border-bottom: 1px solid #eee; line-height: 40px; margin-bottom: 10px; padding-left:5px; }
  .news-b{ width: 100%; box-sizing: border-box; padding:0 10px }
  .news-list{ height: auto;overflow: initial;}
  .news-list li strong{ width:50%;}
  .news-detail .news-a{ width: 100%; box-sizing: border-box; padding:0 10px }
  .msg-new label{width:auto; padding-left:5px;}
  .msg-new .txt{ float: none; width: 100%; box-sizing: border-box; height: 30px;}
  .msg-new textarea{ float: none; width: 100%; box-sizing: border-box; height: auto; }
  .msg-new p{display: inline-block; float: none; width: auto; box-sizing: border-box; height: auto;}
  .news-detail .news-a .close-new{ display: none;}
  .msg-new .back-home{ margin: 0; color: #000; font-size: 16px; width: auto; padding-left: 15px; text-decoration: underline; background: url(../images/back.png) no-repeat left center; background-size:12px 12px}
  .msg-new .back-home:hover{ text-decoration: underline;color: #000;  background: url(../images/backa.png) no-repeat left center; background-size:12px 12px}
  .bgl-ex .live-box{ width: 94%;padding: 5px 10px 20px!important;}
  .bgl-ex .live-box h4{margin-top:10px; line-height: 36px; padding-left: 5px;}
  .live-cont .txt-s{ width: 57%;}
  .live-cont .txt-l{ width: 57%;}
  .live-cont{ margin-top: 10px;}
  .btn-create{ width: 80px; height: 30px; margin:0 5px; line-height: 30px; letter-spacing: 0; font-size: 13px; background-size: 80px 30px;}
  .feng-wrap{ width: 100%; height: 214px;}
  .feng-wrap .fe{ width: 100%}
  .bgl-ex .live-box .qcode{bottom: initial;right: initial;left:50%; top:50%; margin-left: -65px; margin-top: -65px;}
  .live-cont textarea{ margin: 0 0 10px 20px; width: 65%;}
  .live-cont .feng{ margin: 0; width: 100%; height: auto;}
  .live-cont .feng img{float: none; width: 100%; height: auto;}
  .live-cont .feng .btn-change{display:block; float: none; width:92px; height: 38px; margin:10px auto; background-size: 92px 38px;}
  .foot-a, .i-top-ex{ display:none }
  .bgl-ex{padding-top: 20px !important}
  .bgl-ex .live-box .img-a { margin: 20px 0;}
  .bgl-ex .live-box .img-a img{width: 90%;}
  .pop-tips{ left: 0; bottom: 0; top: initial; width:100%; height:370px; padding-top:215px; margin: 0; border-radius:0;  -webkit-border-radius:0 ; -moz-border-radius:0 ; -ms-border-radius:0 ; -o-border-radius:0 ; background-size:220px 177px;  }
  .pop-tips p,.pop-tips p strong{ font-size: 14px;}
  .bgl-ex .box p.tips-a{ font-size: 13px; line-height: 22px;}
  .bgl-ex .box p.tips-phone{ display: block;}
  .bgl-ex .box p.tips-pc{ display: none;}
  .success-wrap h3{ margin: 30px 0; font-size: 18px;}
  .success-wrap .class-sum p{margin-bottom: 5px; padding: 0 10px; line-height: 24px; font-size: 14px;}
  .success-wrap .class-sum p.tips{ font-size: 12px; padding: 0 10px; line-height: 24px;}
  .success-wrap .class-sum p.tips-b{display: block; margin: 0 0 10px;}
  .stu-name input{ width: 50%; margin-bottom:25px;}
  img#avatar{ width: 98%}
  .bgl-ex .box p.copy-url{ display: none;}
}

@media screen and (max-width: 320px) {
  .pop-tips p,.pop-tips p strong{ font-size: 12px;}
}
/*new*/
.swipslider{padding:0!important}
.sw-bullet{bottom: 20%!important;}
.sw-bullet li{ margin:0 10px !important; background: #8c8c8c !important; }
.sw-bullet li.active{ background: #2a6cda!important;}
.new-header{ width:1200px; margin:0 auto; height: 50px; background: #fff;}
.new-header-abs{position: absolute; left: 0; top: 0; width: 100%;}
.new-logo{width:30%; height:50px; padding-top: 7px; box-sizing:border-box; margin:0; text-align: center;}
.new-logo img{height: 36px;}
.new-nav{ display: none;}
.new-menu{ width: 70%; box-sizing: border-box; text-align: center}
.new-menu li{cursor:pointer; position:relative; display: inline-block; margin: 0 3%;}
.new-menu li:first-child{ margin-left: 0;}
.new-menu li:last-child{margin-right:0;}
.new-menu li a{ font: 500 14px/50px 'PingFang SC'; color: #333;}
.new-menu li b{ font: 500 14px/50px 'PingFang SC'; color: #333;}
.new-menu .login{margin-top: 10px;}
.new-menu .login a{ height: 30px; line-height: 28px; display: inline-block; padding: 0 20px; color: #fff; background: #3ea3f9; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; box-shadow:5px 5px 20px #eee }
.menu-pop{display:none; position: absolute; z-index:100; left:-25px; top: 50px; width: 90px; padding:0 10px; background: #fff; border:1px solid #eee; border-top:none; text-align: center}
.new-menu .menu-pop a{display: block; font: 500 14px/40px 'PingFang SC';border-bottom: 1px solid #ddd;}
.new-menu .menu-pop a:last-child{border-bottom:none;}
.new-menu li:hover .menu-pop{display: block}
.new-banner img{width: 100%; cursor: pointer;}
.new-main{padding-top: 70px; background: url(../images/new_main_bg.jpg) no-repeat center 980px;}
.new-main-a{padding-top: 90px; background: none;}
.new-main-b{padding-top: 0; background: none;}
.new-cont{margin-bottom: 180px;}
.new-cont h4{ font: 500 36px/70px 'PingFang SC'; text-align: center; color: #313131; letter-spacing: 0.2em;}
.new-cont h5 ,.new-cont h6{display:block; font: 500 18px/30px 'PingFang SC'; text-align: center; color: #313131;}
.new-cont h6{ display: none}
.new-main-a .new-cont h4{ font: 700 42px/60px 'PingFang SC'; }
.new-main-a .new-cont h5{ font: 500 16px/30px 'PingFang SC';letter-spacing: 0.1em; }
.new-cont-m{ background: url(../images/new_title_a.jpg) no-repeat right top;}
.new-cont-a{padding-top: 40px;}
.new-cont-a dd{ display: inline-block; vertical-align: top; width: 29%; margin:0 2%; padding-left: 70px; box-sizing: border-box;}
.new-cont-a dd.a{ background: url(../images/new_icon_a.jpg) no-repeat;}
.new-cont-a dd.b{ background: url(../images/new_icon_b.jpg) no-repeat 10px top;}
.new-cont-a dd.c{ background: url(../images/new_icon_c.jpg) no-repeat 20px top;}
.new-cont-a dd span{ display: inline-block; height: 38px; padding:0 35px; font: 500 24px/38px 'PingFang SC'; color:#fff; background: #6bb4f5; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; box-shadow: 5px 10px 20px #ddd; }
.new-cont-a dd p{margin-top: 15px;padding:0 110px 0 5px; font: 500 14px/28px 'PingFang SC'; color: #313131;}
.new-cont-b{padding-top: 40px;}
.new-cont-b dd{float: left; vertical-align: top; width: 27%; margin:0 3%; box-sizing: border-box;}
.new-cont-b-a dd{width: 21%; margin:0 2%; text-align: center;}
.new-cont-b dd span{ display: inline-block;margin-left: 65px; height: 38px; padding:0 35px; font: 500 24px/38px 'PingFang SC'; color:#fff; background: #6bb4f5; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; box-shadow: 5px 5px 20px #ddd; }
.new-cont-b dd p{height: 150px; margin-top: 15px;padding:0 50px 0 65px; font: 500 14px/28px 'PingFang SC'; color: #313131;}
.new-cont-b dd img{max-width:100%; box-shadow: 10px 10px 40px #bbb}
.new-cont-b-a dd span{ margin: 0;}
.new-cont-b-a dd p{height: 70px;margin-bottom: 10px; padding:0 45px; text-align: left}
.new-cont-b-a dd img{box-shadow: none;}
.new-cont-c{padding: 60px 0;}
.new-cont-c dd{ display: inline-block; vertical-align: top; width: 27%; margin:0 3%; box-sizing: border-box;}
.new-cont-c dd span{ display: inline-block;margin-left: 77px; height: 38px; padding:0 35px; font: 500 24px/38px 'PingFang SC'; color:#fff; background: #53a253; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; box-shadow: 5px 5px 20px #999; }
.new-cont-c dd p{height: 70px; margin-top: 15px;padding:0 50px; font: 500 14px/28px 'PingFang SC'; color: #313131; text-align: center}
.new-cont-c dd img{ width: 339px; max-width: 100%; height: 220px;}
.new-cont-c dd a{position: relative; display: block;}
.new-cont-c dd .bg{display:none; width:100%; height:100%; position: absolute; left: 0; top:0; z-index: 9; background: #ffffff50}
.new-cont-c dd .play{ display: none; position: absolute; left: 50%; top: 50%; z-index: 10; width: 107px; height: 107px; margin:-53px 0 0 -53px; background: url(../images/new_icon_play.png) no-repeat;}
.new-cont-c dd a:hover .bg, .new-cont-c dd a:hover .play{ display: block;}
.new-cont-d{ padding: 40px 0 0;}
.new-cont-d .new-img-a{ display: block;}
.new-cont-d .new-img-b, .new-cont-d .new-img-c{display: none;}
.new-cont-m .new-cont-d p{ margin-top:70px; font: 500 14px/28px 'PingFang SC'; color: #313131;}
.new-cont-e{ padding: 50px 0 10px}
.new-cont-e dd{float: left;  width:23%; margin: 0 1%; box-sizing: border-box;}
.new-cont-e dd img{ width: 290px; max-width: 100%; height: 212px;}
.new-cont-e dd h6{display:block; margin-top: 10px; font: 500 18px/30px 'PingFang SC'; color: #1f8bc9; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.new-cont-e dd p{ font: 500 14px/24px 'PingFang SC'; color: #313131;overflow : hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical; }
.new-cont strong a{margin-left: 10px; font: 500 18px/30px 'PingFang SC'; color: #1f8bc9;}
.new-footer{margin-top: 20px; padding:30px 0 20px; background: #244581;}
.new-footer-a{margin: 0;}
.new-footer .new-foot-logo{ margin-right: 70px;}
.new-foot-cont{ margin-right: 150px;}
.new-foot-cont h6{ font: 500 18px/30px 'PingFang SC'; color: #fff; }
.new-footer img{ margin-right: 20px;}
.new-foot-cont h5{ font: 500 24px/30px 'PingFang SC'; color: #fff; }
.new-footer p{ font: 500 14px/28px 'PingFang SC'; color: #fff; }
.new-footer .copyright{ padding-top: 30px;}
.new-footer .copyright p, .new-footer .copyright p a{ font: 500 12px/20px 'PingFang SC'; color: #ccc; }
.new-try-main{ width: 100%; height: 960px; box-sizing: border-box; background: url(../images/new_try_bg_a.jpg) no-repeat top center;}
.new-try-main h4{float:right; width: 540px; margin: 50px 0 80px; font: 500 44px/72px 'PingFang SC'; color: #313131; letter-spacing: 0.1em; text-align: center}
.new-try-main h5{float:right; clear: both; width: 540px;margin-bottom: 20px; font: 700 26px/72px 'PingFang SC'; color: #183ca6; text-align: center}
.new-try-main dl{width: 520px;}
.new-try-main dd{margin-bottom: 20px;}
.new-try-main dd:last-child{margin-top: 40px;}
.new-try-main label{font: 500 20px/50px 'PingFang SC'; color: #313131; vertical-align: top;}
.new-try-main input[type='text']{ width: 348px; height: 50px; box-sizing: border-box; padding:10px; font: 500 20px/30px 'PingFang SC'; color: #313131; background: #dadada; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; }
.new-try-main input[type='submit']{cursor: pointer; width: 180px; height: 85px; font: 500 26px/80px 'PingFang SC'; color: #fff; text-align: center; background: url(../images/new_btn_bg.png) no-repeat 0 10px; background-size: contain; }
.new-try-main p{float:right; width:540px; margin-top: 110px; font: 500 18px/44px 'PingFang SC'; color: #313131;}
.new-try-main .img-box{ width: 540px; padding:20px 0; float: right;}
.new-try-main-a{ width: 100%; height: 960px; box-sizing: border-box; background: url(../images/new_try_bg_a.jpg) no-repeat top center;}
.new-try-main-a h5{margin-bottom:20px; padding:280px 0 0 700px; font: 600 34px/44px 'PingFang SC'; color: #313131;}
.new-try-main-a p{ padding:0 0 0 700px; font: 500 20px/60px 'PingFang SC'; color: #313131;}
.new-try-main-a a{ width: 160px; height: 54px; display: block; margin:15px 0 0 700px; letter-spacing: 0.2em; font: 500 24px/54px 'PingFang SC'; text-align: center; color: #fff; box-shadow:1px 1px 5px #ccc; background: #6bb4f5; border-radius:7px ; -webkit-border-radius:7px ; -moz-border-radius:7px ; -ms-border-radius:7px ; -o-border-radius:7px ; }
.new-try-main-a a:hover{text-decoration:none; background: #f60;}

.float-bar{position: fixed; right: 30px; bottom: 15%; z-index: 100; background:#6bb4f5; box-shadow:0 0 2px #999}
.float-bar li{box-sizing:border-box; width: 40px; height: 40px; padding:3px 0; border-bottom: 1px solid #fff;}
.float-bar li:last-child{border: none;}
.float-bar li.a{ background: url(../images/icon_chat.png) no-repeat center center; background-size:60%}
.float-bar li.b{ background: url(../images/icon_pc.png) no-repeat center center; background-size: 60%}
.float-bar li.c{ background: url(../images/icon_qrcode.png) no-repeat center center; background-size:55%}
.float-bar li.d{ background: url(../images/icon_top.png) no-repeat center center; background-size:55%}
.float-bar li:hover{ background: #fff; border-bottom: 1px solid #6bb4f5;}
.float-bar .qrcode{display: none; position: absolute; left:-110px; top: -28px; padding:5px; background: #fff;  box-shadow:0 0 5px #ccc}
.float-bar li a{display: none; font: 500 13px/18px 'PingFang SC'; color: #fff;  text-align: center;}
.float-bar li:hover .qrcode,
.float-bar li:hover a{display: block;}
.float-bar li a:hover{text-decoration: none; color:#6bb4f5 }

.docs-center-main{ padding-top:80px;}
.docs-center-title{ height: 160px; width:100%; background:#666 url(../images/banner_bg.png) no-repeat; background-size:cover;}
.docs-center-title h3{ font: 500 30px/160px 'PingFang SC'; color: #ddd; text-align:center;}
.docs-center-cont{ width: 1000px; margin:0 auto; box-sizing:border-box; padding:40px;}
.docs-center-cont ul{padding-top:100px;}
.docs-center-cont li{box-sizing:border-box; float:left; width:400px; margin:30px 30px 100px; padding-left:80px;}
.docs-center-cont li a{ display: block;  font:500 24px/60px 'PingFang SC'; color: #666; border-bottom: 1px solid #ccc;}
.docs-center-cont li a:hover{text-decoration:none; color:#f60}
.docs-center-cont li.a{ background: url(../images/icon_audio_video.png) no-repeat 10px 10px; background-size:50px 50px;}
.docs-center-cont li.b{ background: url(../images/icon_whiteboard.png) no-repeat 10px 10px; background-size:50px 50px;}
.docs-center-cont li.c{ background: url(../images/icon_chata.png) no-repeat 10px 10px; background-size:50px 50px;}
.docs-center-cont li.d{ background: url(../images/icon_setttings.png) no-repeat 5px 8px; background-size:55px 55px;}
.docs-center-cont li.e{ background: url(../images/icon_docment.png) no-repeat 5px 8px; background-size:55px 55px;}
.docs-center-cont h4{margin-bottom:10px; font:600 16px/32px 'PingFang SC'; color: #666;}
.docs-center-cont h5{margin:0 0 10px; font:600 15px/32px 'PingFang SC'; color: #666;}
.docs-center-cont h6{text-indent:2em; margin:0 0 10px; font:600 14px/32px 'PingFang SC'; color: #666;}
.docs-center-cont p{text-indent:2em; margin:10px 0; font:500 14px/30px 'PingFang SC'; color: #666;}
.docs-center-cont img{margin:10px auto 20px; max-width:1000px; max-height:500px; box-shadow:1px 1px 3px #ccc;}
.docs-center-cont .indent{text-indent:2em;}
.docs-center-cont .red{color:#f00}


.test-main{ width: 100%; min-height:350px; padding-top:350px; background:url(../images/test_bg.jpg) no-repeat center top; }
.test-main-new{ background:url(../images/test_bg_new.jpg) no-repeat center top; }
.test-main h5{width:1000px; margin:0 auto; font:500 18px/30px "PingFang SC"; color:#808080; text-indent: 2em;}
.test-main h5 span{font:500 18px/30px "PingFang SC"; color:#808080; color: #f60}
.test-main .video-box{width:1000px; margin:0 auto; padding:20px 0;}
.video-box .video-cont{ float:left; width: 400px; height:300px; line-height:300px; margin:20px 50px; background:#000; }
.video-box .video-cont video{ max-width:400px; max-height: 300px; object-fit: cover; background: #000;vertical-align: middle;}
.test-main .video-btn{clear:both; padding:20px 0 40px;}
.test-main .video-btn button{cursor: pointer; display: inline-block; width: 130px; height: 36px; margin:0 7px; font:500 18px/36px "PingFang SC"; color:#fff; text-align: center; background: #6bb4f5; border: none;} 
.test-main .video-btn button:hover{text-decoration:none; background:#f60;}
.test-main .video-btn button[disabled]{ cursor: not-allowed; background: #ccc;}
.test-main p{font:500 13px/22px "PingFang SC"; color:#808080;}
.test-main p b{font-weight:600; color:#f60;}
.test-main p strong{cursor:pointer; margin:0 3px; font-weight:600; color: #1c4cc8}
.test-main #errorMsg{ width: 600px; margin:0 auto;font:500 14px/24px "PingFang SC"; color:#e75353;}