.bgl{height:370px;}
.bgl video{display: none;}
.bgl-p{height: auto; overflow: hidden;padding:100px 0 20px; background-size:100% 250px;}
.bgl-p h3{ font-size: 24px; line-height: 30px;}
.bgl-p p{margin:10px 0 20px;}
.bgl-p .box{ height: auto;max-width: 94%; padding-bottom: 10px; overflow: hidden;}
.bgl-p .box dd{padding-top:10px; width: 50%;}
.bgl-p .box h5{font-size: 16px; margin-bottom:0;}
.bgl-p .box p{ font-size: 14px; line-height: 20px;margin-bottom: 20px;}
.p-cont{padding:20px 0;}
.p-cont h4{ font-size: 20px; line-height: 30px; padding-bottom: 25px;}
.p-cont-m{padding:10px 0 0;}
.p-cont-m dl:first-child{ padding:10px 0; margin-bottom: 10px; background-position:center -30px; background-size:200px 200px;}
.p-cont-m dd{ float: none; width: 100%; padding: 0 10px;}
.p-cont-m dd h6{ margin-bottom:0; font-size: 15px; color:#000; text-align: center;}
.p-cont-m dd p{margin:10px 0;font-size: 13px; line-height: 24px; color: #999; text-align: center;}
.p-cont-m dd h6.a{ padding: 0;}
.p-cont-m dd p em{margin: 0; width:80px; height:40px; line-height: 40px; font-size: 16px; border-radius:5px;}
.p-cont-m dd p em.a{ background: #fa7831;}
.p-cont-m .other dd h6{ display:block;}
.p-cont-img{padding-top: 10px;}
.p-cont-img img{ width: 100%;}
.i-top{height: 60px;}
.i-top .logo{display:block; height:20px; left: 20px; top:20px;}
.i-top .logo img{height: 25px;}
.menu, .sign, .en_i_top_m{display: none;}
.banner{top: 70px;}
.banner h1{margin:0 ; font-size: 16px;line-height: 30px;}
.banner h4{margin:0; font-size: 16px;letter-spacing: 0;}
.banner h5 img{ width: 120px;}
.banner .round img{width: 100%;}
.banner .line{margin:20px auto; width: 50px;}
.banner p.l{display: none;}
.banner p.s{display:block;font-size: 12px; line-height: 20px; color: #ccc; letter-spacing: 0;}
.banner a{margin-top:30px;font-size: 12px; line-height: 20px; padding-right: 15px;}
.i-main{height: 260px;padding:0; text-align:left; }
.i-main h3, .i-main-m dd a{display: none;}
.i-main-m, .i-main-m dd{margin: 0;}
.i-main-m{padding: 20px 20px 0;}
.i-main-m dd{display:block;position: relative; padding: 0; height: auto; overflow: hidden;}
.i-main-m dd:first-child {margin-bottom: 10px;}
.i-main-m dd img{display:inline-block; position: absolute;top:0;right: -45px; height: 100px; clip:rect(0px 150px 100px 50px)}
.i-main-m dd:first-child img{left:-50px;;}
.i-main-m h5, .i-main-m p{float: left;margin: 0; padding-left: 0; padding-right: 120px;}
.i-main-m dd:first-child h5, .i-main-m dd:first-child p{padding-left: 120px; padding-right: 0;}
.i-main-m h5{font-size: 20px; line-height: 30px;}
.i-main-m p{height:80px; font-size: 12px; line-height: 18px;}
.i-main-m p.l{display: none;}
.i-main-m p.s{display: block;}
.i-cont-b{height: 230px;}
.i-cont-b h4{padding-top: 90px; font-size: 16px; font-weight: 500;line-height: 25px;}
.i-cont-c{height: 230px;}
.i-cont-c h4{padding-top: 90px; font-size: 16px; font-weight: 500;line-height: 25px;}
.i-cont-ba h4{ margin-bottom: 10px;}
.i-cont-b a{ width: 70px; height: 30px; background-size: cover;}
.i-cont-a .kuang{padding-bottom: 10px; background-size: 40px 60px;}
.i-cont-a dd.a{ margin: 0 auto 10px; width: 30%; height: 130px;}
.foot{height:auto; padding-top:10px; overflow:hidden; background: #000;}
.foot-b { background: #00003b;}
.foot p{display: none; font-size: 12px;line-height: 20px}
.foot h6{display:block;padding: 0 10px 10px; font-size: 12px;line-height: 20px;}
.menu-small{display:block; position: fixed; right:15px; top: 15px}
.menu-small .more{display:inline-block; width: 30px; height: 30px; background: url(../images/more.png) no-repeat; background-size: cover;}
.menu-small .close{position: absolute; right:150px; top:0; display:none; width: 30px; height: 30px; background: url(../images/close.png) no-repeat; background-size: cover;}
.menu-small .ms-cont{display:none; position: absolute; top: -15px; right: -15px; width: 150px; overflow-y: auto; box-sizing: border-box; padding:0 20px; background: #f0f0f0; box-shadow: inset 10px 0 10px #ddd}
.menu-small .ms-cont li{float:none; height:auto; margin:0; padding:20px 0; border-bottom: 1px solid #dcdcdc;}
.menu-small .ms-cont li:last-child{ border-bottom: none; padding-bottom: 0;}
.menu-small .ms-cont a{display: block;height: auto; font: 500 12px/30px 'PingFang SC'; color: #000; text-align: center;}
.menu-small .ms-cont li.i a{ display: inline-block; width:50px;}
.menu-small .ms-cont li.i a:first-child{margin-right:5px}
.menu-small .ms-cont li.i a:last-child{ display: block; margin-top: 10px; width: auto;}
.menu-small .ms-cont a.t{ color: #fff; background:#fa742b; padding: 0; }
.menu-small .ms-cont a:hover{ color: #bebebe;}
.signin-box{width:90%; padding:20px; border-radius: 5px;}
.signin-box .t{display: none;}
.signin-box .m{margin-top: 0;}
.top .menu{display: none;}
.top .logo{margin-left: 20px;}
.top .logo img{height:25px; margin-top: 20px;}
.signin-box .m .txt{ margin-bottom: 7px;}
.side{ display: none; width: 120px;}
.docs-main .side h6{height: 40px;margin: 0; line-height: 40px; font-size: 13px;}
.docs-main .side li{height: 40px; margin-bottom: 0;}
.docs-main .side li a{font-size:12px; line-height: 40px;}
.main{width:100%; margin: 0;}
.main .more-a{display:block; position: fixed; top:24px; left:12px; z-index:10; width:12px; height: 10px; background: url(../images/more-a.png) no-repeat; background-size: contain;}
.main .on{left: 130px;}
.main-ml{margin-left: 120px;}
.docs-cont{padding:60px 10px 10px;}
.docs-main .main h5{position: fixed; width: 100%; height: 60px; line-height: 60px; padding-left:35px; text-align:left; font-size:16px;}
.docs-cont img{margin:10px 0; max-width: 90%;}
.main h5{line-height: 58px; padding:0 0 0 35px; }
.side dd{ height: 35px; line-height: 35px;}
.top-s{ height: 0;}
.top-s .logo{ display: none;}
.docs-main, .user-main{ padding: 0;}
.docs-main .side, .user-main .side{top:0;}
.side dd.a{height: 37px;}
.side dd.a a{padding:5px 0;}
.i-cont-a{padding: 20px 0 0;}
.i-cont-a h3{font-size: 16px; line-height: 30px;}
.i-cont-a p{ width: 90%; font-size:12px;}
.i-cont-a p strong{ font-weight: 700; font-size:14px;  color: #f36e22;}
.i-cont-a dl{padding:10px 0;}
.i-cont-a dd{ display:inline-block;margin:0 1% 20px; width: 30%;}
.i-cont-a dd:hover h5{ background: none; color: #000;}
.i-cont-a-b dd h5{ padding: 0; background: none; font-size: 14px; line-height: 30px; margin-bottom: 0;}
.i-cont-a-b dd p{ padding: 0; font-size: 13px;}
.i-cont-a dd img{ height: auto; width: 100%;}
.i-cont-a-a{ padding: 0 ;margin: 20px 0 0;}
.i-cont-a-a img{ width: 100%; margin: 20px 0;}
.i-cont-a-c dd{padding-bottom: 10px; height: 140px;}
.i-cont-a-c dd .play{ background-size: 40px 40px; width: 40px;  height: 40px; margin: -20px 0 0 -20px;}
.i-cont-a-c dd a{ margin-bottom: 0;}
.i-cont-a-c dd h5{text-align: center; line-height: 20px;}
.i-cont-a-c dd p{ font-size: 12px; line-height:20px; overflow : hidden; text-align: center;  text-overflow: ellipsis; white-space: initial;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical; text-overflow: initial;}
.i-cont-ba{ height: 120px; padding-top:40px;}
.i-cont-ba h4{padding-top: 0; font-size: 14px;}
.i-cont-ba a{ font-size: 13px; line-height: 30px;}
.news{ width: 100%; margin-top: 60px; min-height: auto;}
.news-l{ display: none; position:fixed; left:0; top:60px; width: 240px; max-height:400px; overflow: auto; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; border-bottom-right-radius:10px; border-top-right-radius:10px;}
.news-l h3{ display: none;}
.news-r{ width: 100%; padding: 10px 10px 30px; }
.news-detail h3{font-size: 20px; line-height: 32px;}
.news-detail img{display: block; margin:10px auto; max-width:100%;}
.more-info{float:left; display: block; position: fixed; left:0; top: 130px; width:40px; height: 32px; font: 500 14px/34px 'Microsoft YaHei'; text-align:center; color: #fff; background: #f00; border-top-right-radius:10px;  border-bottom-right-radius:10px;}
.more-info-on{left:240px;}

/* new */
.new-header{ display: none}
.new-banner{margin-top:60px;}
.new-banner .experbtn{ display: block; position: absolute; left: 50%; top: 65%; width: 80px; height: 30px; margin:-15px 0 0 -40px; font: 500 12px/30px 'Microsoft YaHei'; color: #fff; text-align: center; background: linear-gradient(135deg, #3b99f0 , #193ec0); z-index: 80; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; }
.new-nav{ display: block;}
.new-nav-a{margin-bottom: 80px;}
.new-nav .i-top-b{ background: #244580;}
.new-nav .menu-small .ms-cont li.i a:last-child{display:inline-block; width: 50px; margin-top:0;}
.sw-bullet{bottom: 12% !important; display:none !important;}
.new-main{ background-size: contain; padding-top: 50px; background-position: center 930px}
.new-main .wrap, .new-footer .wrap{ width: 100%;}
.new-cont{margin-bottom: 50px;}
.new-cont:last-child{ margin-bottom: 10px;}
.new-cont h4{font-size: 18px;line-height: 30px;}
.new-cont h5{display: none;}
.new-cont h6{display:block;padding:0 10px; font-size: 12px;line-height: 20px; color: #666;}
.new-cont-a{padding-top: 20px;}
.new-cont-a dd{float:left; padding: 0;text-align: center; background: none !important;}
.new-cont-a dd span{padding: 0 10px; font-size: 12px; height: 30px; line-height: 30px;box-shadow:2px 2px 5px #ddd;}
.new-cont-a dd p{ padding: 0 5px;font-size: 12px; line-height: 20px; text-align: left}
.new-cont-b{padding-top: 20px;}
.new-cont-b dd{float:left; padding: 0;text-align: center; background: none !important;}
.new-cont-b dd span{margin-left: 0;padding: 0 10px; font-size: 12px; height: 30px; line-height: 30px;box-shadow:2px 2px 5px #ddd;}
.new-cont-b dd p{ padding: 0 5px;font-size: 12px; line-height: 20px; text-align: left}
.new-cont-b dd img{box-shadow:2px 2px 10px #bbb;}
.new-cont-c{padding:20px 0;}
.new-cont-c dd{float:left; padding: 0;text-align: center; background: none !important;}
.new-cont-c dd span{margin-left: 0;padding: 0 10px; font-size: 12px; height: 30px; line-height: 30px;box-shadow:2px 2px 5px #ddd;}
.new-cont-c dd p{ padding: 0 5px;font-size: 12px; line-height: 20px; text-align: left}
.new-cont-c dd img{ width: 100%; height: auto;}
.new-cont-d{padding: 0; text-align: center}
.new-cont-d img{width: 98%;}
.new-cont-e{padding:10px 0;}
.new-cont-e dd img{ height: 60px;}
.new-cont-e dd h6{padding:0; font-size: 14px;line-height: 24px;}
.new-cont-e dd p{padding: 0 5px; font-size: 12px;line-height: 20px;}
.new-cont strong a{font-size: 14px; line-height: 20px;}
.new-footer{padding: 20px 0 10px;}
.new-foot-logo{display: none;}
.new-foot-cont{display: none;}
.new-qrcode{ float: none; text-align: center;}
.new-qrcode img{margin-right: 0;}
.new-footer .copyright{padding-top: 10px;}
.new-cont-c dd a:hover .bg, .new-cont-c dd a:hover .play{ display: none;}
.new-main-a .new-cont h4{font-size: 18px; line-height: 30px;}
.new-cont-b-a dd{ width: 46%; height: 160px; margin-bottom: 10px;}
.new-cont-b-a dd p{ height: 40px; vertical-align: top}
.new-cont-b-a dd img{width: 60px;}
.new-cont-d-d{padding-top: 20px;}
.new-cont-d .new-img-a{ display: none;}
.new-cont-d .new-img-b, .new-cont-d .new-img-c{display: block;}
.new-cont-d .new-img-b{margin-bottom: 10px;}
.new-cont-m{ background: none;}
.new-cont-m .new-cont-d p{margin:30px 0; margin-right: 10px; font-size: 12px; line-height: 30px;}
.new-try-main{ height: auto; padding-top: 200px;background-size:contain;}
.new-try-main h4{float: none; width: 100%; margin: 0 0 20px; font-size: 24px; line-height: 30px; text-align: center}
.new-try-main h5{float: none; width: 100%; margin: 0 0 20px; font-size: 20px; line-height: 30px; text-align: center}
.new-try-main dl{width: 100%;}
.new-try-main dd{margin-bottom: 10px; height: auto; overflow: hidden; box-sizing: border-box; padding: 0 20px;}
.new-try-main label{font-size: 14px; line-height: 40px; float: left; width: 30%; box-sizing: border-box; padding-right: 20px; text-align: right;}
.new-try-main input[type='text']{ height:40px; font-size: 14px; line-height: 40px; float: left; width: 70%; padding:10px;}
.new-try-main dd:last-child{margin-top: 0;}
.new-try-main input[type='submit']{ width: 143px; height: 60px; font-size: 20px;; line-height:70px;}
.new-try-main p{ box-sizing: border-box;width: 100%; margin:10px 0 20px; padding: 0 20px; font-size: 12px; line-height:30px;}
.new-try-main .img-box{ width: 100%;}
.new-try-main .img-box img{ width: 120px;}

.float-bar{position: fixed; right: 0; bottom: 50px; z-index: 100; background:#6bb4f5; box-shadow:0 0 7px #999}
.wrap-m{ width: 100%; padding-top: 180px;}
.new-try-main-a{ height: auto; padding:80px 0 0; background: url(../images/new_try_bg_a.jpg) no-repeat center 50px; background-size:contain;}
.new-try-main-a h5{ padding:0; margin: 0; font: 600 20px/36px 'Microsoft YaHei';  padding: 0 20px 20px; }
.new-try-main-a p{ padding:0; margin: 0; font: 500 16px/36px 'Microsoft YaHei'; padding: 0 20px; }
.new-try-main-a a{ margin: 30px auto; width: 100px; height: 32px; line-height: 32px; font-size: 16px; letter-spacing: 0;}

.docs-center-main .wrap{ width: 100%;}
.docs-center-title{height: 100px;}
.docs-center-title h3{line-height:100px; font-size:24px }
.docs-center-cont{ width: 100%; padding: 10px;}
.docs-center-cont ul{padding:20px 40px}
.docs-center-cont li.a, .docs-center-cont li.b, .docs-center-cont li.c, .docs-center-cont li.d, .docs-center-cont li.e{ display: block; width: 100%; margin:0 0 40px; float: none; padding-left: 50px; background-size: 40px 40px; background-position: 0 0;}
.docs-center-cont li a{line-height: 40px; font-size: 16px;}
.docs-center-cont img{ max-width: 100%;}

.test-main{min-height: auto; padding-top:150px; background: url(../images/test_bg.jpg) no-repeat center 60px; background-size: contain}
.test-main-new{background: url(../images/test_bg_new.jpg) no-repeat center 60px; background-size: contain}
.test-main h5{width:100%; box-sizing: border-box; padding: 0 10px; font-size:15px; line-height: 24px;}
.test-main h5 span{ font-size:15px; line-height: 24px;}
.test-main .video-box{width:100%; padding:20px 10px 0; box-sizing: border-box;}
.video-box .video-cont{ text-align: center; width: 48%; height: auto; max-height:120px; margin:10px 1%; line-height:120px;}
.video-box .video-cont video{ max-width:100%; height: auto; max-height:120px; vertical-align: top}
.test-main .video-btn button{ width:22%; margin:0 1%; height: 30px; font-size: 14px; line-height: 30px; margin-bottom:10px;}
.test-main .video-btn{padding:10px 0}
.test-main p{margin-bottom: 10px;}