﻿/*-用户案例-*/
.banner2b{width:100%; position: relative; overflow: hidden; text-align: center;}
.banner2b div.img{float: left; position:relative; left:50%;}
.banner2b div.img img{float: left; position: relative; right: 50%;}
.banner2b .divone{width:1200px; position: absolute; left:50%; top:185px; margin-left:-600px; color:#fff;}
strong{font-weight:bold;}
.banner2b .fwdivtow{}
.banner2b .fwdivtow .ct{width:662px; float: right;}
.banner2b .fwdivtow .img{width:268px; position: absolute; left:0; top:-160px;}
.banner2b .fwdivtow .img img{right:0;}
/*.banner2b .fwdivtow .p1{font-size:30px!important; font-weight:bold;}
.banner2b .fwdivtow .p2{font-size:30px!important;}*/
.banner2b .divone .p1{font-size:48px; line-height: 1.5em;}
.banner2b .divone .p2{font-size:36px; line-height: 1.5em;}
.banner2b .divtwo{width:100%; text-align: center; margin-top:40px;}
.banner2b .divtwo span{display:inline-block; width:138px; height:47px; text-align: center; line-height:47px; border:1px solid #fff; font-size:24px; margin:0 14px; cursor: pointer; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.banner2b .divtwo span:hover{background: #f7af43; color:#fff; border:1px solid #f7af43; transition:all .3s ease-in .1s; -webkit-transition:all .3s ease-in .1s; -moz-transition:all .3s ease-in .1s;}
.slideBox4{width:100%; overflow: hidden; position: relative; margin:20px 0 74px 0;}
.slideBox4 .bd ul li{width:300px; height:140px; position: relative; float: left; text-align: center; cursor:pointer;}
.slideBox4 .bd ul li span{width:43px; height:21px; display:block; background: url(../images/loginonicon.png) no-repeat center; position: absolute; left:50%; margin-left:-21px; bottom:0; display: none;}
.slideBox4 .bd ul li span.on{display: block; }
.slideBox4 .bd ul li .img{width:100%; height:120px; overflow: hidden; position: relative;}
.slideBox4 .bd ul li img{max-width:300px; height:auto; position: absolute; left:0; right:0; top:0; bottom:0; margin:auto;}
.slideBox4 .prev,.slideBox4 .next{width:20px; height:37px; display: block; position: absolute; top:50%; margin-top:-28px; cursor: pointer; z-index:10; display: none;}
.slideBox4 .prev{left:0; background: url(../images/caselfticon.png);}
.slideBox4 .next{right:0; background: url(../images/indexcaserfticon.png);}
.slideBox4:hover .prev,.slideBox4:hover .next{display: block;}

.bigchangebox{width:100%; overflow: hidden;}
.bigchangebox .lft{width:700px; float: left; margin-bottom:120px;}
.bigchangebox .rft{width:463px; float: right; margin-bottom:120px;}
.bigchangebox .smallbox{display: none;}
.blankappbigbox{width:100%; min-height: 150px; font-size:18px; overflow: hidden; padding-top:60px; border-top:1px solid #e4e4e3;}
.blankappbigbox p{line-height: 2em;}
.blankappbigbox .logobox{width:252px; float: left;}
.blankappbigbox .blankapplication{width:900px; float: right;}
.clearline_box{overflow: hidden; height:1px; clear:both; border-top:1px solid #e4e4e3; width:100%; margin:120px 0 60px 0;}

/*-产品与服务-*/
.fwdivone{text-align: right;}
.fwdivone .divtwo{text-align:right;}
.bannerbottommenu{width:100%; height:100px; background:#f0f0f0;}
.bannerbottommenucontent{width:1200px; margin:0 auto; overflow: hidden;}
.bannerbottommenucontent h3{float: left; width:200px; height:100px; background: #ff9900; color:#fffefe;}
.bannerbottommenucontent h3 strong,.bannerbottommenucontent h3 span{display: block; text-align: center;}
.bannerbottommenucontent h3 strong{font-size:24px; margin-top:30px;}
.bannerbottommenucontent h3 span{font-size:12px; font-family: "arial";}
.bannerbottommenucontent ul{float: left;}
.bannerbottommenucontent ul li{float: left;}
.bannerbottommenucontent ul li a{min-width:100px; text-align: center; height:100px; line-height: 100px; display: block; padding:0 17px;}
.bannerbottommenucontent ul li a:hover{background:#318dc5; color:#fff; transition:all .3s ease-in .1s; -webkit-transition:all .3s ease-in .1s; -moz-transition:all .3s ease-in .1s; font-size:18px;}
.bannerbottommenucontent ul .on{background:#318dc5;}
.bannerbottommenucontent ul .on a{ color:#fff; font-size:18px;}
.psition{width:1200px; margin:0 auto 22px; height:56px; line-height: 56px; text-align:right;}
.psition strong{display: inline-block; background: url(../images/onpageicon.png) no-repeat left center; padding-left:27px;}
.psition a:hover{color:#318dc5; transition:all .3s ease-in .1s; -webkit-transition:all .3s ease-in .1s; -moz-transition:all .3s ease-in .1s; }
.boxbox{width:100%;}
.boxbox .title{width:100%; height:70px; position: relative; margin-bottom:60px;}
.boxbox .title2{padding-top:150px; margin-bottom:0;}
.boxbox .title3{padding-top:150px;}
.boxbox .title div{width:700px; height:1px; border-top:1px solid #d9d9d9; position: absolute; left:50%; margin-left:-350px; top:50%; margin-top:-1px; text-align: center;}
.boxbox .title div span{display:inline-block; width:344px; height:70px; line-height: 70px; font-size:36px; color:#318dc5; font-weight: bold; position:absolute;background: #fff; padding:0 25px; left:50%; top:50%; margin-left:-172px; margin-top:-35px;}
.boxbox .title2 div span{background:rgba(0,0,0,0.85); color:#fff;}
.basecontent{width:1200px; margin:0 auto 80px; text-align: center; position: relative; overflow: hidden;}
.basecontent .div1{width:255px; position: absolute; left:0; top:40px; text-align: right; font-size:18px;}
.basecontent .div2{width:255px; position: absolute; right:0; top:110px; text-align: left; font-size:18px;}
.basecontent .div3{width:255px; position: absolute; left:0; bottom:200px; text-align: right; font-size:18px;}
.basecontent .div4{width:255px; position: absolute; right:0; bottom:80px; text-align: left; font-size:18px;}
.basecontent .dv strong{font-size:30px; display: block; margin-bottom:24px;}
.basecontent .dv  span{display: block; margin-bottom:3px;}

.basecontent .dz{font-size:24px; color:#ffffff;}
.basecontent .dz1{ position:absolute; left:300px; top:40px;}
.basecontent .dz2{ position:absolute; right:150px; top:250px;}
.basecontent .dz3{ position:absolute; left:100px; bottom:160px;}

.basecontent2{width:835px; margin:0 auto 60px; min-height: 500px}
.basecontent .jslft{width:326px; text-align:left;}
.basecontent .jsrft{width:406px; font-size:24px; text-align:left; padding-top:40px;}

/*-思酷职播-*/
.skzb{width:1200px; margin:50px auto;}
.skzb .title{width:100%; text-align: center; margin-bottom:120px;}
.skzb .title h3{font-size:36px; color:#318dc5; font-weight: bold; margin-bottom:18px;}
.skzb .title div{}
.slideBox5{width:1200px; overflow: hidden;}
.slideBox5 .bd{width:262px; height:539px; overflow: hidden; float: left; background: url(../images/zbphonebg.png) no-repeat top center; margin-left:146px;}
.slideBox5 .bd .bdr{width:230px; margin:62px auto 0;}
.slideBox5 .bd ul li{width:230px; height:412px; float: left;}
.slideBox5 .hd{ width:604px; float: left; margin-left:137px; padding-top:57px;}
.slideBox5 .hd ul li{margin-bottom:108px; height:78px;}
.slideBox5 .hd ul li strong{font-size:30px; color:#333333; margin-bottom:15px; display: block;}
.slideBox5 .hd ul li.on strong{color:#318dc5;}
.slideBox5 .hd ul li div{font-size:20px; width:100%; height:27px; line-height: 27px; overflow: hidden;}
.slideBox5 .hd ul li div p{height:27px; line-height: 27px;}

/*-产品与服务微课-*/
.wkbox{width:100%;}
.wkysbox{width:1200px; margin:0 auto; padding:40px 0 0 0 ;}
.wkysbox .title{width:100%; text-align:center; margin-bottom:80px;}
.wkysbox .title h3{font-size:36px; color:#000; margin-bottom:10px;}
.wkysbox ul{width:100%; overflow: hidden; min-height:500px; margin-bottom:30px;}
.wkysbox ul li{width:33.3333%; float: left; text-align: center;}
.wkysbox ul li .img{width:236px; height:236px; margin:0 auto 45px; overflow: hidden; position: relative;}
.wkysbox ul li .img div{width:90%; padding:0 5%; position:absolute; left:0; bottom:34px; text-align: center; font-size:20px; color:#fff;}

.wkbox1{width:100%;}
.wkbox1 .wkysbox1{width:1200px; margin:0 auto; padding:122px 0 0 0 ;}
.wkbox1 .title{width:100%; text-align:center; margin-bottom:80px;}
.wkbox1 .title h3{font-size:36px; color:#000; margin-bottom:10px;}
.wkbox1 .title .smalltitle{font-size:20px; color:#999999;}
.slideBox6{width:906px; margin:0 auto; overflow: hidden; position:relative;}
.slideBox6 .bd{width:330px; height:678px; float: left; background: url(../images/bzwkphonebg.png) no-repeat top center; margin-left:15px;}
.slideBox6 .bd .dbr{width:296px; height:522px; margin:76px auto 0;}
.slideBox6 .bd ul li{width:296px; height:522px; float: left;}
.slideBox6 .hd{width:424px; float: right;}
.slideBox6 .hd ul li{height:110px; margin-bottom:38px;}
.slideBox6 .hd ul li strong{display: block; font-size:24px; color:#333333; margin-bottom:8px;}
.slideBox6 .hd ul li.on strong{color:#318dc5;}
.slideBox6 .hd ul li div{font-size:18px;}

.wkdzbox{width:100%;}
.wkdzlc{width:1108px; height:300px; background: url(../images/wkdzbg.png) no-repeat top center; margin:0 auto 180px; overflow: hidden;}
.wkdzlc li{width:277px; float: left; text-align: center;}
.wkdzlc li .img{width:100%; height:247px; text-align: center; margin-bottom:15px;}
.wkdzlc li span{font-size:20px;}
.highkemainbox{background: #fafafa; padding-bottom:180px;}
.highkebox{width:100%;}
.highkebox  img{max-width: 100%; height:auto;}

/*-产品与服务 牚上学院-*/
.banner3b{width:100%; height:600px; text-align:left; position: relative; overflow: hidden;}
.zsxy1,.zsxy2,.zsxy3{width:1200px; height:600px; position: absolute; left:50%; top:0; margin-left:-600px; z-index:10;}
.banner3b .bd{position: relative; left:50%; float: left;}
.banner3b .bd .bdcenter{position:relative; right:50%; float: left;}
.banner3b .bd ul li{width:1920px; height:600px; position: relative;}
.banner3b .hd{width:100%; position: absolute; left:0; bottom:30px; text-align: center; z-index: 100;}
.banner3b .hd ul li{width:13px; height:13px; display: inline-block; *display: inline; zoom:1; margin:0 6px; background: #6f6c6a; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%;}
.banner3b .hd ul li.on{background: #fff;}
.zsxy1 .img1{position:absolute; right:-50px; top:50px;}
.zsxy1 .ct1{position: absolute; left:0; top:120px; color:#fff;}
.zsxy1 .ct1 .p1,.zsxy2 .ct2 .p1,.zsxy3 .ct3 .p1{font-size:36px; margin-bottom:28px;}
.zsxy1 .ct1 .p2,.zsxy2 .ct2 .p2,.zsxy3 .ct3 .p2{font-size:18px; margin-bottom:28px;}
.zsxy1 .ct1 .p1 p,.zsxy2 .ct2 .p1 p{line-height: 1.8em;}
.zsxy1 .divtwo span,.zsxy2 .divtwo span,.zsxy3 .divtwo span{display:inline-block; width:138px; height:47px; text-align: center; line-height:47px; border:1px solid #fff; font-size:24px; margin-right:28px; cursor: pointer; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.zsxy1 .divtwo span:hover,.zsxy2 .divtwo span:hover,.zsxy3 .divtwo span:hover{background: #f7af43; color:#fff; border:1px solid #f7af43; transition:all .3s ease-in .1s; -webkit-transition:all .3s ease-in .1s; -moz-transition:all .3s ease-in .1s;}

.zsxy2 .img2{left:0; top:57px; width:50%; position: absolute;}
.zsxy2 .ct2{right:0; top:120px; width:50%; position: absolute; color:#fff; text-align:right;}
.zsxy3 .img3{right:0; top:46px; width:50%; position: absolute; text-align: right;}
.zsxy3 .ct3{left:0; top:120px; width:50%; position:absolute; color:#fff;}

.zsxybox{width:100%;  padding-bottom:78px;}
.zsxyboxcontent{width:1200px; margin:0 auto;}
.zsxyboxcontent .title{width:100%; text-align: center; margin-bottom:68px;}
.zsxyboxcontent .title h3{font-size:48px; color:#1d1d1d; margin-bottom:20px;}
.zsxyboxcontent .title p{font-size:20px; color:#999;}
.zsxyboxmain{width:100%;}

.slideBox8{width:100%; overflow: hidden; position: relative; margin-bottom:60px;}
.slideBox8 .bd{width:330px; height:678px; background: url(../images/bzwkphonebg.png) no-repeat top center; float: left; margin-left:130px;}
.slideBox8 .bd .bdr{width:296px; margin:79px auto 0;}
.slideBox8 .bd ul li{width:296px; height:522px; overflow:hidden; float: left;}
.slideBox8 .hd{width:506px; float: left; padding-top:70px; margin-left:154px;}
.slideBox8 .hd ul li{margin-bottom:26px;}
.slideBox8 .hd ul li strong{display: block; font-size:24px; color:#333333; margin-bottom:10px;}
.slideBox8 .hd ul li div{font-size:18px; color:#666666;}
.slideBox8 .hd ul li.on strong{color:#318dc5;}

.zsxyboxgly{background: #f7f7f7; padding-top:78px;}

.slideBox9{width:100%; overflow: hidden; position: relative; margin-bottom:30px;}
.slideBox9 .hd{width:460px; float: left;}
.slideBox9 .hd ul li{margin-bottom:20px;}
.slideBox9 .hd ul li.on strong{color:#318dc5;}
.slideBox9 .hd ul li strong{display: block; font-size:24px; color:#333333; margin-bottom:10px;}
.slideBox9 .hd ul li div{font-size:18px; color:#333333;}
.slideBox9 .bd{width:640px; height:533px; float: right; background: url(../images/zsxyglybg.png) no-repeat top center;}
.slideBox9 .bd .dbr{width:579px; height:317px; margin:34px auto 0; overflow: hidden;}
.slideBox9 .bd ul li{width:579px; height:317px; float: left;}

.slideBox10{width:100%; overflow: hidden; position: relative; padding-top:30px;}
.slideBox10 .hd,.slideBox10 .hd ul{width:100%; overflow: hidden;}
.slideBox10 .hd ul li{ width:600px; height:95px; float: left; margin-left:0; text-align:right; margin-bottom:82px;}
.slideBox10 .hd ul li.last{float: right; margin-right: 0; text-align:left; overflow: hidden;}
.slideBox10 .hd ul li strong{display: block; font-size:24px; margin-bottom:8px;}
.slideBox10 .hd ul li .dv{width:278px;  min-height:65px;}
.slideBox10 .hd ul li .dv{float: left;}
.slideBox10 .hd ul li.last .dv{float: right; margin-right:0;}
.slideBox10 .bd{width:330px; height:678px; position: absolute; left:50%; margin-left:-165px; background: url(../images/bzwkphonebg.png) no-repeat top center;}
.slideBox10 .bd .dbr{width:296px; height:522px; overflow: hidden; margin:78px auto 0;}
.slideBox10 .hd ul li:hover strong{color:#318dc5;}
.slideBox10 .hd ul li.on strong{color:#318dc5;}

/*-服务支持-*/
.fwzcbox{width:1200px; margin:0 auto;}
.fwzcbox ul li{width:100%; overflow: hidden; height:207px; position: relative; padding-bottom:40px; margin-bottom:40px; border-bottom:1px solid #e5e5e5;}
.fwzcbox ul li .img{width:310px; height:207px; overflow: hidden; float: left; position: relative;}
.fwzcbox ul li .img img{position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; max-width: 100%; height:auto;}
.fwzcbox ul li .ct{width:858px; float: right;}
.fwzcbox ul li .title{font-size:24px; color:#333333; display: block; margin-bottom:15px;}
.fwzcbox ul li .data{font-size:16px; color:#999999; display: block; margin-bottom:10px;}
.fwzcbox ul li div{width:100%; height:84px;}
.fwzcbox ul li .more{display: inline-block; position: absolute; right:0; bottom:40px; font-size:14px; color:#333333; background: url(../images/fwicon1.png) no-repeat right center; padding-right:22px;}

/*-分页-*/
.pages{width:100%; text-align: center; margin:80px 0 80px 0;}
.pages a{padding:4px 8px; display: inline-block; border:1px solid #cbcbcb; margin:0 4px;}
.pages a:hover{color:#fff; background: #318dc5; }

/*-关于我们-*/
.aboutbox{width:100%;}
.aboutbox1{width:1200px; margin:0 auto 80px;}
.aboutbox1 img{max-width: 100%; overflow: hidden; height:auto;}

.aboutlxff{width:100%; padding:55px 0; background: #fbfbfb;}
.aboutbox2{width:1200px; margin:0 auto;}
.xianxilit{width:100%; overflow: hidden;}
.xianxilit li{width:50%; float: left; margin-bottom:30px;}
.xianxilit li.last{float: right; padding-left:10%; width:40%;}
.xianxilit li img{vertical-align: middle; margin-right:8px;}
.aboutmap{width:100%; overflow:hidden; margin-bottom:40px;}

/*-人才招聘-*/
.jobtable{width:1200px; margin:0 auto 50px;}
.jobtable th{width:20%; text-align: center; height:60px; background: #318dc5; color:#fff; font-size:18px;}
.jobtable tr td{padding:20px 0; text-align: center; border-bottom:1px dotted #d8d8d8;}
.jobtable tr td.zws1 .sb{color:#318dc5; font-weight:bold; cursor: pointer;}

.zws1 .zwsjdcbox{width:100%; height:100%; position: fixed; left:0; top:0; background:rgba(0,0,0,0.5); z-index:100; display: none;}
.zws1 .zwsjdcboxmain{width:1050px; height:722px; background:#fff; position: absolute; left:50%; top:50%; margin-left:-525px; margin-top:-361px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;text-align:left;}
.zws1 .zwsjdcboxcontent{width:985px; height:530px; overflow-y:auto; margin:44px auto 50px; font-size:14px;}
.zws1 .zwsjdcboxcontent h3{font-size:16px; color:#318dc5; font-weight: bold; margin-bottom:5px;}
.zws1 .zwsjdcboxcontent h3 span{margin-right:60px;}
.zws1 .lysqbtn{width:118px; height:46px; line-height: 46px; text-align: center; font-size:16px; color:#ffffff; font-weight: bold; background: #318dc5; display: block; margin:0 auto;}
.zws1 .zwsjdcboxmain .closebtn{width:40px; height:40px; background: url(../images/closebtn.png) no-repeat center; position: absolute; right:25px; top:25px; display: block; cursor: pointer;}

/*-渠道代理-*/
.qdbox{width:100%; padding:64px 0;}
.qdboxmain{width:1200px; margin:0 auto;} 
.qdboxmain .title{width:100%; text-align: center; font-size:36px; color:#318dc5; margin-bottom:78px;}
.qdboxmain ul{width:100%; overflow:hidden; margin-bottom:40px;}
.qdboxmain ul li{width:25%; text-align: center; float: left; text-align:center;}
.qdboxmain ul li .img{width:184px; height:184px; overflow: hidden; margin:0 auto; position:relative; margin-bottom:38px;}
.qdboxmain ul li .img span{ display: block; width:90%; padding:0 5%; position: absolute; left:0; bottom:22px; font-size:20px; color:#ffffff; font-weight: bold; }
.qdboxmain ul li .list{width:254px; margin:0 auto; font-size:14px;}

.dlzgbox{width:785px; margin:0 auto 30px; font-size:18px; color:#666666;}
.dlzgbox p{line-height: 1.8em;}

.sqingfrm{width:100%; overflow: hidden; margin-bottom:40px;}
.sqingfrm .lft{width:522px; float: left;}
.sqingfrm .rft{width:570px; float: right; text-align: left;}
.sqingfrm .rft ul{margin:20px;}
.sqingfrm .rft ul li{width:486px; height:46px; overflow: hidden; border:1px solid #f0f0f0; margin-bottom:26px;}
.sqingfrm .rft ul li label{float: left; width:140px; height:46px; line-height: 46px;}
.sqingfrm .rft ul li input{width:240px; padding:0 5px; float: left; height:46px; line-height: 46px; border:none;}
.sqingfrm .sbmit{width:446px; height:46px; line-height: 46px; text-align: center; display: block; border:none; background: #318dc5; font-size:18px; color:#fff; font-family: "微软雅黑"; letter-spacing: 10px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}

/*-新闻详情-*/
.newsxq{width:1200px; margin:0 auto;}
.newsxq .title{width:100%; border-bottom:1px dotted #e5e5e5; margin-bottom:38px;}
.newsxq .title h3{color:#318dc5; font-size:30px; text-align: center; width:100%; margin-bottom:36px;}
.newsxq .title div{width:100%; text-align:left; font-size:14px; color:#a7a9a9; margin-bottom:10px;}
.circlepage{width:100%; margin-bottom:70px; border-top:1px solid #bcbcbc; padding-top:25px; position: relative;}
.circlepage .returnbt{position: absolute; right:0; top:25px; cursor: pointer;}
.circlepage div{margin-bottom:8px;}
.circlepage div:hover span{color:#318dc5;}
.newsxqcontent{width:100%;}
.newsxqcontent img{max-width: 100%; height:auto;}







