﻿@charset "utf-8";
/* ==========================================================================
   矢量图标
   ========================================================================== */
.iconfont {
    font-family:"iconfont" !important;
    font-size:16px;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
@font-face {
    font-family: 'iconfont';
    src: url('../icon-all/iconfont.eot'); /* IE9*/
    src: url('../icon-all/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../icon-all/iconfont.woff') format('woff'), /* chrome、firefox */
    url('../icon-all/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../icon-all/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

html, body, button, input, select, textarea {
	font-family: Helvetica,tahoma,"Microsoft Yahei","微软雅黑",sans-serif;font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.q_iconfont {
    font-family:"q_iconfont" !important;
    font-size:16px;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
@font-face {
    font-family: 'q_iconfont';
    src: url('../icon-quick/iconfont.eot'); /* IE9*/
    src: url('../icon-quick/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../icon-quick/iconfont.woff') format('woff'), /* chrome、firefox */
    url('../icon-quick/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../icon-quick/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.ks-clear {
  *zoom: 1;
}
.ks-clear:before,
.ks-clear:after {
  display: table;
  content: "";
}
.ks-clear:after {
  clear: both;
}



.home-w {
    background-color: white;
    border: 3px solid #D1D1D1;
    position: relative;
    z-index: 1000;
	width:612px;
    box-shadow: 0 1px 3px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.home-w-t {
    font-weight: 700;
    margin-bottom: 30px;
    border-bottom: solid 1px #E7E7E7;
    font-size: 16px;
    line-height: 42px;
    padding-left: 20px;
}

/*文件类型*/
.f-accdb,
.f-chm,
.f-doc,
.f-exe,
.f-htm,
.f-mdb,
.f-pdf,
.f-ppt,
.f-rar,
.f-txt,
.f-unknow,
.f-xls,
.f-video,
.f-audio,
.f-swf,
.f-wps,
.f-jpg,
.f-gif,
.f-iso { display: inline-block; zoom: 1; width: 16px; height: 18px; background: url(../images/file-trans.png) 3px -3px no-repeat; vertical-align: middle;}
.table-3 .f-accdb,
.table-3 .f-chm,
.table-3 .f-doc,
.table-3 .f-exe,
.table-3 .f-htm,
.table-3 .f-mdb,
.table-3 .f-pdf,
.table-3 .f-ppt,
.table-3 .f-rar,
.table-3 .f-txt,
.table-3 .f-unknow,
.table-3 .f-xls,
.table-3 .f-video,
.table-3 .f-audio,
.table-3 .f-swf,
.table-3 .f-wps,
.table-3 .f-jpg,
.table-3 .f-gif,
.table-3 .f-iso { margin-right: 4px; }
.f-chm { background-position: 0 -26px; }
.f-doc { background-position: 0 -52px; }
.f-exe { background-position: 0 -78px; }
.f-htm { background-position: 0 -101px; }
.f-mdb { background-position: 0 -127px; }
.f-pdf { background-position: 0 -153px; }
.f-ppt { background-position: 0 -179px; }
.f-rar { background-position: 0 -205px; }
.f-txt { background-position: 0 -230px; }
.f-unknow { background-position: 0 -256px; }
.f-xls { background-position: 0 -282px; }
.f-video { background-position: 0 -308px; }
.f-audio { background-position: 0 -334px; }
.f-swf { background-position: 0 -360px; }
.f-wps { background-position: 0 -386px; }
.f-jpg { background-position: 0 -412px; }
.f-gif { background-position: 0 -438px; }
.f-iso { background-position: 0 -464px; }

a{blr:expression(this.onFocus=this.blur());} /* 只支持IE*/
a:focus {-moz-outline-style: none; text-decoration: none;} /* IE不支持 */
a:focus {outline: none; text-decoration: none;} /*很多网站都会加的属性*/
*{margin:0px;padding:0px;}
li{list-style-type:none;}
a{color:#000;}
a:hover{color:#e14d43; text-decoration: none;}
strong{font-weight:normal;}
.fl{float:left;}
.fr{float:right;}
.blank-30{height:30px;}

embed{width:100%;}

/*注册*/
.register{width:100%;height:1080px;background:url(../images/registera_pic.jpg) center center no-repeat;}
.registera{height:700px;}
.main{width:1200px;margin:0 auto;}
.register-title{width:400px;height:35px;}
.register-title .register-tl{float:left;font-size:23px;color:#fff;line-height:35px;}
.register-title .register-tr{float:left;font-size:14px;color:#fff;margin:10px 0px 0px 30px;}
.register-title .register-tr a{color:#e14d43;font-size:14px;margin:0px 0px 0px 5px;}
.register-tab{width:346px;height:40px;background:#323131;margin:20px 0px 0px 0px;}
.register-tab span{float:left;width:173px;height:40px;line-height:40px;text-align:center;color:#fff;font-size:14px;cursor:pointer;}
.register-tab span.active{width:173px;height:48px;background:url(../images/register_hover.png) 0px 0px no-repeat;}
.register-tab span:hover{width:173px;height:48px;background:url(../images/register_hover.png) 0px 0px no-repeat;}
.register-nav{margin:20px 0px 0px 0px;}
.main .hide{display:none;}
.form-horizontal .re-controls{width:348px;height:62px;margin-left:0px;}
.register-position{width:600px;position:relative;}
.register-position .form-horizontal .control-group .re-prompt{position:absolute;height:35px;left:350px;}
.register-position .form-horizontal .control-group .re-prompt i{float:left;width:11px;height:35px;line-height:35px;color:#f26e6d;filter:alpha(opacity=80);opacity:0.8;}
.register-position .form-horizontal .control-group .re-prompt span{float:left;color:#fff;line-height:35px;text-align:center;background:rgba(242,110,109,0.8);padding:0px 10px;}
.register-position .form-horizontal .control-group .prompta{top:5px;}
.register-position .form-horizontal .control-group .promptb{top:133px;}
.register-position .form-horizontal .control-group .promptc{top:72px;}
.register-position .form-horizontal .control-group .promptd{top:262px;}
.register-position .form-horizontal .control-group .prompte{top:136px;}
.register-position .form-horizontal .control-group .promptf{top:202px;}
.register-position .form-horizontal .control-group .promptg{top:8px;}
.register-position .form-horizontal .control-group .prompth{top:73px;}
.form-horizontal .re-controls input{width:348px;padding:13px;font-size:14px;border-radius:4px;
background:rgba(255,255,255,0.4);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33ffffff,endColorstr=#33ffffff);/*兼容IE8*/border:none;
color:#333;}
.form-horizontal .re-controls .code{float:left;width:114px;}
.form-horizontal .re-controls .icon{float:left;width:70px;height:30px;margin:10px 0px 0px 70px;}
.form-horizontal .re-controls .change{float:right;line-height:49px;font-size:14px;color:#fff;cursor:pointer;}
.form-horizontal .re-controls .change:hover{color:#e14d43;}
.form-horizontal .re-controls .message{float:left;width:135px;height:47px;line-height:47px;text-align:center;border-radius:4px;background:#c4c3c3;color:#fff;font-size:14px;margin:0px 0px 0px 25px;cursor:pointer;}
.form-horizontal .control-group .agree{color:#aaaaaa;font-size:14px;}
.form-horizontal .control-group .agree a{color:#33b0f8;}
.form-horizontal .control-group .check{margin-top:5px;}
.form-horizontal .re-button{width:348px;height:49px;font-size:16px;color:#fff;text-align:center;line-height:49px;background:#33b0f8;border-radius:4px;margin:23px 0px 0px 0px;cursor:pointer;}
.form-horizontal .re-button:hover{background:#22aaf9;}
.form-horizontal .re-controls-c{width:348px;height:25px;margin:8px 0px;}
.form-horizontal .re-controls-c .radiobox{float:left;width:116px;height:25px;line-height:25px;}
.form-horizontal .re-controls-c .radiobox span{float:left;width:12px;height:12px;border-radius:50%;border:1px solid #fff;margin:6px 0px 0px 0px;cursor:pointer;}
.form-horizontal .re-controls-c .radiobox strong{float:left;font-size:16px;color:#fff;margin:0px 0px 0px 10px;}
.form-horizontal .re-controls-c .active span{background:#33b0f8;border:1px solid #33b0f8;}
.form-horizontal .re-controls-c .active strong{color:#33b0f8;}
/*登录*/
.logo-in{width:348px;height:21px;}
.logo-in span{float:left;color:#fff;font-size:14px;line-height:21px;}
.logo-in .password{float:right;color:#fff;font-size:14px;line-height:21px;}
.logo-in .password:hover{color:#e14d43;}
.user{float:left;position:relative;}
.user .user-a{display:block;height:45px;line-height:45px;color:#fff;font-size:16px;margin:0px 10px 0px 0px;padding:0px 10px;}
.user .user-a:hover{color:#e14d43;}
.user-select{position:absolute;top:45px;right:20px;width:190px;background:#fff;border:1px solid #f3f3f3;z-index:100000;display:none;}
.user-select-one{height:70px;padding:10px 0px;margin:0px 10px;border-bottom:1px solid #eee;}
.user-select-one .user-select-da{float:left;width:50px;height:50px;}
.user-select-one .user-select-da img{width:50px;height:50px;border-radius:50%;}
.user-select-dl{float:left;margin:0px 0px 0px 10px;}
.user-select-dl a{display:block;height:20px;line-height:20px;font-size:14px;}
.user-select-dl span{display:block;height:20px;line-height:20px;font-size:14px;color:#999;margin:5px 0px 0px 0px;cursor:default;}
.user-select-two{margin:0px 10px;padding:5px 0px;border-bottom:1px solid #eee;}
.user-select .user-select-a{display:block;padding:8px;line-height:20px;color:#555;font-size:12px;}
.user-select .user-select-a:hover{background:#f0f0f0;color:#e14d43;}
.user-select-three{margin:0px 10px;padding:5px 0px;}
.user.current>.user-a{color:#e14d43;}
.logo-con{width:400px;margin:200px auto 0px;}
/*首页*/
.top{width:100%;height:45px;background:#34332f;}
.top-sign{float:left;height:45px;padding-left:30px;line-height:45px;}
.top-sign span{float:left;color:#fff;font-size:16px;color:#fbb03b;}
.top-sign strong{float:left;color:#fff;font-size:12px;margin:0px 0px 0px 40px;}
.top-nav{float:right;height:45px;padding-right:30px;}
.top-nav .logoin{float:left;font-size:16px;color:#fff;line-height:45px;}
.top-nav .logoin:hover{color:#e14d43;}
.top-nav .border{float:left;height:15px;border:1px solid #cccccb;margin:14px 15px 0px 15px;}
.banner{width:100%;position:relative;}
.banner-content{height:651px;overflow:hidden;}
.banner .banner-a{position:absolute;left:0;right:0;top:0;bottom:0;}
.banner .banner-dot{position:absolute;bottom:17px;left:0;right:0;text-align:center;}
.banner .banner-dot span{display:inline-block;width:12px;height:12px;background:url(../images/banner_scrool.png) 0px 0px no-repeat;margin:0px 5px;cursor:pointer;}
.banner .banner-dot span.active{display:inline-block;width:12px;height:12px;background:url(../images/banner_scrool.png) -21px 0px no-repeat;}
.banner .banner-dot span:hover{display:inline-block;width:12px;height:12px;background:url(../images/banner_scrool.png) -21px 0px no-repeat;}
.nav{position:absolute;top:0px;left:0px;width:100%;height:77px;background:rgba(0,0,0,0.2);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000,endColorstr=#33000000);/*兼容IE8*/}
.nav-left{float:left;height:77px;padding-left:30px;}
.nav-left .logo{float:left;width:233px;height:70px;padding:8px 0px 0px 0px;}
.nav-left ul{float:left;height:77px;margin:0px 0px 0px 75px;}
.nav-left ul li{float:left;height:77px;line-height:77px;}
.nav-left ul li a{display:block;font-size:18px;color:#fff;margin:0px 35px 0px 0px;}
.nav-left ul li a.active{color:#e14d43;}
.nav-left ul li a:hover{color:#e14d43;}
.nav-right{float:right;height:77px;padding-right:30px;}
.nav-search{float:left;height:33px;border:1px solid #e5e5e5;border-radius:3px;margin:22px 50px 0px 0px;padding:0px 10px;}
.nav-sl{float:left;height:33px;position:relative;}
.nav-sl .seach-chang{display:block;line-height:33px;cursor:pointer;}
.nav-sl .seach-chang strong{color:#fff;font-size:14px;}
.nav-sl .seach-chang i{color:#fff;font-size:12px;margin:0px 0px 0px 3px;}
.nav-sc{float:left;width:69px;padding:0px 0px 0px 5px;}
.nav-sc input{width:69px;height:33px;line-height:33px;color:#fff;border:none;padding:0px;background:none;border-radius:0px;
-webkit-box-shadow:inset 0 0 0 rgba(0, 0, 0, 0);-moz-box-shadow:inset 0 0 0 rgba(0, 0, 0, 0);box-shadow:inset 0 0 0 rgba(0, 0, 0, 0);}
.nav-sc input:focus{outline:none;border-color:rgba(0, 0, 0, 0);
-webkit-box-shadow:inset 0 0 0 rgba(0,0,0,0), 0 0 0px rgba(0,0,0,0);-moz-box-shadow:inset 0 0 0 rgba(0,0,0,0), 0 0 0 rgba(0,0,0,0); 
box-shadow:inset 0 0 0 rgba(0,0,0,0), 0 0 0 rgba(0,0,0,0);}
.seach-list{position:absolute;width:110px;top:34px;left:-10px;background:#fff;z-index:100000;display:none;}
.seach-list span{display:block;width:110px;height:30px;line-height:30px;font-size:14px;text-align:center;cursor:pointer;overflow:hidden;}
.seach-list span:hover{background:#db6d4c;color:#fff;}
.nav-sr{float:left;height:33px;line-height:33px;cursor:pointer;}
.nav-sr i{color:#fff;font-size:18px;}
.nav-tel{float:left;height:77px;line-height:77px;}
.nav-tel i{font-size:25px;color:#fff;}
.nav-tel span{font-size:16px;color:#fff;margin:0px 0px 0px 10px;}
@media only screen and (min-width:1424px) and (max-width:1524px){
	.nav-left ul li a{margin:0px 25px 0px 0px;}
	.nav-left ul{margin:0px 0px 0px 45px;}
}
@media only screen and (min-width:1323px) and (max-width:1423px){
	.nav-left ul li a{margin:0px 20px 0px 0px;}
	.nav-left ul{margin:0px 0px 0px 40px;}
}
@media only screen and (min-width:1285px) and (max-width:1322px){
	.nav-left ul li a{margin:0px 20px 0px 0px;}
	.nav-left ul{margin:0px 0px 0px 35px;}
}
@media only screen and (min-width:1230px) and (max-width:1284px){
	.nav-left ul li a{margin:0px 15px 0px 0px;}
	.nav-left ul{margin:0px 0px 0px 30px;}
	.nav-search{margin: 22px 25px 0px 0px;}
}
@media only screen and (min-width:1200px) and (max-width:1229px){
	.nav-left ul li a{margin:0px 15px 0px 0px;}
	.nav-left ul{margin:0px 0px 0px 15px;}
	.nav-search{margin: 22px 25px 0px 0px;}
}
@media screen and (max-width:1199px){
	.nav{width:1183px;overflow:hidden;}
}
.frame{position:absolute;bottom:150px;right:100px;background:#fff;padding:15px;overflow:hidden;}
.frame-title{font-size:18px;color:#000;border-bottom:1px solid #cbcbcb;padding:0px 0px 10px 0px;}
.frame-list{border-bottom:1px dashed #cbcbcb;padding:12px 0px;overflow:hidden;}
.frame-list .frame-time{float:left;width:78px;height:36px;background:#f2f2f2;text-align:center;line-height:36px;color:#616161;}
.frame-list .frame-time span{font-size:16px;}
.frame-list .frame-time strong{font-size:12px;}
.frame-list .frame-name{float:left;width:192px;height:36px;line-height:18px;font-size:14px;margin:0px 0px 0px 12px;overflow:hidden;}
.frame-active{border-bottom:1px dashed #db6d4c;}
.frame-active .frame-time{background:#db6d4c;color:#fff;}
.frame-active .frame-name{color:#db6d4c;}
.software{height:481px;background:url(../images/software_bg.jpg) 0px 0px repeat-x;}
.is-title{width:1200px;height:110px;text-align:center;}
.is-title img{width:645px;height: auto;padding:35px 0px 0px 0px;}
.is-con{width:1200px;height:268px;padding:50px 0px 0px 0px;}
.is-list{float:left;margin:0px 39px;}
.is-list .s-ag{display:block;width:222px;height:223px;}
.is-list .s-ag img{width:222px;height:223px;}
.is-list .s-name{display:block;width:222px;height:25px;font-size:18px;text-align:center;margin:20px 0px 0px 0px;line-height:25px;overflow:hidden;}
.ic-title{width:1200px;padding:40px 0px 0px 0px;}
.ic-tl{height:40px;text-align:center;line-height:40px;}
.ic-tl img{width:11px;height:28px;}
.ic-tl span{font-size:30px;color:#4f5559;padding:0px 15px;}
.ic-tla span{color:#fff;}
.ic-tc{color:#e14d43;line-height:25px;font-size:25px;text-align:center;margin:8px 0px 0px 0px;}
.ic-tca{color:#fff;}
.ic-tr{text-align:center;margin:20px 0px 0px 0px;}
.ic-tr img{width:271px;height:8px;}
.ic-con{width:1200px;height:384px;margin:30px 0px 0px 0px;overflow:hidden;}
.ic-left{float:left;width:584px;height:384px;position:relative;cursor:pointer;}
.ic-left .ic-lpic{width:584px;height:384px;}
.ic-left .ic-lmess{position:absolute;bottom:5px;left:10px;}
.ic-left .ic-lmess span{display:block;width:564px;height:20px;line-height:20px;font-size:14px;color:#fff;overflow:hidden;}
.ic-left .ic-lmess strong{display:block;width:564px;height:20px;line-height:20px;font-size:14px;color:#fff;overflow:hidden;}
.ic-rlist .ic-lmess{position:absolute;bottom:5px;left:10px;}
.ic-rlist .ic-lmess span{display:block;width:260px;height:20px;line-height:20px;font-size:14px;color:#fff;overflow:hidden;}
.ic-rlist .ic-lmess strong{display:block;width:260px;height:20px;line-height:20px;font-size:14px;color:#fff;overflow:hidden;}
.ic-left .ic-lhover{position:absolute;top:0px;left:0px;width:584px;height:384px;background:rgba(0,0,0,0.7);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000);/*兼容IE8*/display:none;}
.ic-left .ic-lhover .video{width:50px;height:50px;position:absolute;top:167px;left:267px;}
.ic-left .ic-lhover span{position:absolute;bottom:25px;left:10px;display:block;width:564px;height:20px;line-height:20px;font-size:14px;color:#fff;overflow:hidden;}
.ic-left .ic-lhover strong{position:absolute;bottom:5px;left:10px;display:block;width:564px;height:20px;line-height:20px;font-size:14px;color:#fff;overflow:hidden;}
.ic-right{float:left;width:616px;height:384px;overflow:hidden;}
.ic-rlist{float:left;width:280px;height:184px;margin:0px 0px 16px 28px;position:relative;}
.ic-rlist .ic-rpic{width:280px;height:184px;}
.ic-rlist .ic-rhover{position:absolute;top:0px;left:0px;width:280px;height:184px;background:rgba(0,0,0,0.7);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000);/*兼容IE8*/display:none;}
.ic-rlist .ic-rhover .video{width:50px;height:50px;position:absolute;top:67px;left:115px;}
.ic-rlist .ic-rhover span{position:absolute;bottom:25px;left:10px;display:block;width:260px;height:20px;line-height:20px;font-size:14px;color:#fff;overflow:hidden;}
.ic-rlist .ic-rhover strong{position:absolute;bottom:5px;left:10px;display:block;width:260px;height:20px;line-height:20px;font-size:14px;color:#fff;overflow:hidden;}
.animation{width:100%;}
.an-con{width:100%;height:577px;background:url(../images/ani_bg.jpg) center center no-repeat;margin:30px 0px 0px 0px;}
.an-center{width:1200px;height:344px;margin:0 auto;padding:77px 0px 0px 0px;}
.an-list{float:left;position:relative;margin:0px 16px;cursor:pointer;}
.an-list:hover .an-mess{background:#f1b002;color:#333;}
.an-list:hover .an-mess a{color:#333;}
.an-list img{display:block;width:208px;height:277px;}
.an-mess{padding:10px 15px;color:#fff;background:rgba(146,116,51,0.7);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2927433,endColorstr=#B2927433);/*兼容IE8*/}
.an-mess a{display:inline-block;max-width:178px;font-size:16px;color:#fff;}
.an-mess span{display:block;width:178px;height:18px;line-height:18px;font-size:12px;overflow:hidden;}
.an-list .an-intro{position:absolute;top:0px;left:0px;height:217px;padding:30px 15px;background:rgba(0,0,0,0.5);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);/*兼容IE8*/display:none;}
.an-list .an-intro p{width:178px;height:225px;color:#fff;font-size:14px;margin-top:0px;margin-bottom:0px;line-height:25px;overflow:hidden;}
.an-list .an-intro p span{color:#fff;font-size:14px;}
.dr-con{width:1200px;height:400px;margin:14px 0px 0px 0px;overflow:hidden;}
.dr-left{float:left;width:280px;height:400px;}
.dr-llist{width:280px;height:184px;margin:16px 0px 0px 0px;position:relative;cursor:pointer;}
.dr-llist .dr-lpic{width:280px;height:184px;}
.dr-llist .dr-lhover{position:absolute;top:0px;left:0px;width:280px;height:184px;background:rgba(0,0,0,0.7);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000);/*兼容IE8*/display:none;}
.dr-llist .dr-lhover .video{width:50px;height:50px;position:absolute;top:67px;left:115px;}
.dr-llist .dr-lhover span{position:absolute;bottom:25px;left:10px;display:block;width:260px;height:20px;text-align:center;line-height:20px;font-size:16px;color:#fff;overflow:hidden;}
.dr-center{float:left;width:584px;height:400px;margin:0px 28px;position:relative;cursor:pointer;}
.dr-center .dr-cpic{width:584px;height:384px;padding:16px 0px 0px 0px;}
.dr-center .dr-chover{position:absolute;top:16px;left:0px;width:584px;height:384px;background:rgba(0,0,0,0.7);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000);/*兼容IE8*/display:none;}
.dr-center .dr-chover .video{width:50px;height:50px;position:absolute;top:167px;left:267px;}
.dr-center .dr-chover span{position:absolute;bottom:125px;left:10px;display:block;width:564px;height:20px;text-align:center;line-height:20px;font-size:16px;color:#fff;overflow:hidden;}
.navigator{width:100%;background:#f1f0f0;}
.nav-list{float:left;width:277px;height:323px;margin:0px 11px;position:relative;cursor:pointer;}
.nav-list img{width:277px;height:323px;}
.nav-list .nav-hover{position:absolute;top:0px;left:0px;width:247px;height:263px;padding:30px 15px;background:rgba(0,0,0,0.7);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000);/*兼容IE8*/display:none;}
.nav-list .nav-hover p{width:247px;height:227px;font-size:14px;color:#fff;line-height:25px;margin-top:0px;margin-bottom:0px;overflow:hidden;}
.nav-list .nav-hover span{display:block;height:26px;font-size:14px;margin:10px 0px 0px 0px;}
.nav-list .nav-hover span .nav-name{float:left;width:130px;height:26px;line-height:26px;color:#e14d43;overflow:hidden;}
.nav-list .nav-hover span .nav-free{float:right;width:90px;height:26px;background:#e14d43;color:#fff;line-height:26px;text-align:center;}
.use-list{float:left;width:139px;height:139px;position:relative;margin:0px 50px 50px 50px;cursor:pointer;}
.use-list .use-pic{width:139px;height:139px;}
.use-list .use-hover{position:absolute;top:0px;left:0px;width:139px;height:139px;border-radius:50%;background:rgba(0,0,0,0.7);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000);/*兼容IE8*/display:none;}
.use-list .use-hover .video{width:50px;height:50px;position:absolute;top:44px;left:44px;}
.ser-list{width:100%;margin:30px 0px 0px 0px;overflow:hidden;}
.ser-list img{display:block;max-width:100%;margin:0 auto;}
.main .advice{display:block;width:200px;height:46px;line-height:46px;text-align:center;color:#e14d43;font-size:25px;border:2px solid #ff5d5d;margin:30px auto 0px;}
.information{width:100%;background:url(../images/infor_bg.jpg) center center #f8f8f8 no-repeat;margin:30px 0px 0px 0px;}
.infor-list ul{overflow:hidden;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap;justify-content:space-between;}
.infor-list ul li{float:right;font-size:14px;height:20px;margin:0px 40px 15px 0px;width:46%;}
.infor-list ul li a{float:left;max-width:420px;height:20px;line-height:20px;}
.infor-list ul li span{float:right;height:20px;line-height:20px;}
.partner{width:100%;background:#e14d43;}
.partner-con{width:1200px;padding:40px 0px;}
.scroll{width:1200px;height:99px;}
.scroll-left{float:left;height:99px;line-height:99px;}
.scroll-left i{font-size:30px;color:#fff;cursor:pointer;}
.scroll-right{float:right;height:99px;line-height:99px;}
.scroll-right i{font-size:30px;color:#fff;cursor:pointer;}
.scroll-pic{float:left;width:1140px;height:99px;overflow:hidden;}
.scroll-pic ul{width:1140px;height:99px;}
.scroll-pic li{float:left;width:190px;text-align:center;}
.scroll-pic li a img{width:99px;height:99px;}
.navs{height:60px;position:fixed;top:0px;left:0px;z-index:100000;background:#34332f;display:none;}
.navs .nav-left{height:60px;}
.navs .nav-left .logo{width:195px;height:55px;padding:4px 0px 0px 0px;}
.navs .nav-left ul{height:60px;}
.navs .nav-left ul li{height:60px;line-height:60px;}
.navs .nav-right{height:60px;}
.navs .nav-tel{height:60px;line-height:60px;}
.nav-right .user .user-a{height:60px;line-height:60px;margin:0px 40px 0px 0px;}
.nav-right .user .user-select{right:50px;}
.roll-logo{float:left;height:60px;margin:0px 40px 0px 0px;}
.roll-logo .logoin{float:left;font-size:16px;color:#fff;line-height:60px;}
.roll-logo .logoin:hover{color:#e14d43;}
.roll-logo .border{float:left;height:15px;border:1px solid #cccccb;margin:22px 15px 0px 15px;}
.cases-con{width:100%;height:547px;background:url(../images/case_bg.png) center center no-repeat;margin:30px 0px 0px 0px;}
.case-left{float:left;width:600px;}
.case-lup{width:600px;height:362px;position:relative;}
.case-lup img{width:600px;height:362px;}
.cases-con .case-hovera{position:absolute;width:95px;height:100%;top:0px;right:0px;background:rgba(255,255,255,0.6);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff,endColorstr=#99ffffff);/*兼容IE8*/display:none;}
.cases-con .case-hovera span{display:block;max-height:105px;position:absolute;color:#000;font-size:14px;bottom:20px;left:5px;right:5px;overflow:hidden;}
.case-ldown{width:600px;height:179px;margin:6px 0px 0px 0px;}
.case-lda{float:left;width:297px;height:179px;margin:0px 6px 0px 0px;}
.case-lda img{width:297px;height:179px;}
.case-center{float:left;width:294px;margin:0px 0px 0px 6px;}
.case-ldb{width:294px;height:177px;margin:0px 0px 8px 0px;}
.case-ldb img{width:294px;height:177px;}
.case-last{margin:0px;}
.leader-con{width:1200px;height:323px;margin:30px 0px 0px 0px;overflow:hidden;}
.use-con{width:1200px;margin:30px 0px 0px 0px;padding:0px 0px 40px 0px;}
.use-con .link-ul{padding:0px 0px 30px 0px;}
.use-con .link-ul li{float:left;width:171px;}
.use-con .link-ul li a{display:block;max-width:150px;height:20px;line-height:20px;font-size:14px;margin:0px 0px 10px 0px;overflow:hidden;}
/*作品*/
.case{width:100%;height:330px;background:url(../images/case_pic.jpg) center center no-repeat;}
.sign{height:30px;padding:30px 0px 0px 0px;}
.sign-con{float:right;height:30px;line-height:30px;}
.sign-con span{float:left;font-size:16px;}
.sign-con a{float:left;font-size:16px;color:#333;}
.sign-con a:hover{color:#e14d43;}
.sign-con i{float:left;color:#333;font-size:20px;padding:0px 5px;}
.condition{border-bottom:1px solid #dfdede;padding:15px 0px 5px 0px;}
.condition-last{border:none;}
.condition .cond-name{float:left;height:31px;line-height:31px;font-size:14px;}
.cond-style{margin:0px 0px 0px 65px;}
.cond-style span{float:left;font-size:14px;padding:5px 10px;margin:0px 15px 10px 0px;border-radius:3px;color:#666;cursor:pointer;}
.cond-style span.active{color:#fff;padding:5px 10px;background:#0099ff;}
.cond-style span:hover{color:#e14d43;}
.cond-style span.active:hover{color:#fff;}
.switch{height:44px;border-bottom:1px solid #dedddd;background:#f1f0f0;}
.switch span{float:left;height:42px;line-height:42px;font-size:16px;padding:0px 15px;margin:0px 15px 0px 0px;cursor:pointer;}
.switch span.active{color:#0099ff;border-bottom:2px solid #0099ff;}
.switch span:hover{color:#0099ff;border-bottom:2px solid #0099ff;}
.switch-list{margin:0px 0px 50px 0px;}
.case-list{float:left;background:#fff;width:280px;border-left:1px solid #e1e0df;border-right:1px solid #e1e0df;border-bottom:1px solid #e1e0df;border-radius:0px 0px 3px 3px;margin:30px 9px 0px 9px;position:relative;}
.case-list .case-pic{display:block;width:280px;height:184px;}
.case-mess{padding:5px 10px;}
.case-mess a{display:inline-block;max-width:260px;line-height:30px;font-size:14px;}
.case-mess span{display:block;width:260px;height:25px;line-height:25px;color:#999;}
.case-list .case-hover{position:absolute;top:0px;left:0px;width:280px;height:184px;background:rgba(0,0,0,0.7);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000);/*兼容IE8*/display:none;}
.case-list .case-hover .video{width:50px;height:50px;position:absolute;top:67px;left:115px;}
.case-list:hover{box-shadow:0 4px 8px rgba(0, 0, 0, 0.2);}
.works-title{font-size:16px;margin:30px 0px 0px 0px;font-weight:normal;}
.works-video{width:1200px;margin:20px 0px 0px 0px;overflow:hidden;height:600px;}
.works-dl{height:62px;margin:20px 0px 0px 0px;}
.works-dl dt{float:left;width:62px;height:62px;}
.works-dl dt a{display:block;width:62px;height:62px;}
.works-dl dt a img{width:62px;height:62px;}
.works-dl dd{float:left;margin:6px 0px 0px 20px;}
.works-dl dd a{font-size:16px;}
.works-dl dd span{display:block;color:#666;font-size:14px;margin:5px 0px 0px 0px;}
.works-mess{margin:10px 0px 0px 0px;}
.works-intro span{font-size:16px;margin:0px 20px 0px 0px;}
.works-intro i{font-size:16px;color:#ff1000;font-size:22px;}
.works-mess p{color:#999;font-size:14px;margin:5px 0px 0px 0px;padding:0px 0px 0px 30px;line-height:25px;}
.works-label{margin:10px 0px 0px 0px;padding:0px 0px 0px 30px;}
.works-label span{font-size:14px;color:#666;}
.works-label strong{color:#f8b500;font-size:14px;margin:0px 20px 0px 0px;}
.works-eva{margin:20px 0px 0px 0px;}
.eva-text .textareb{width:1170px;height:100px;color:#999;padding:6px 14px;font-size:14px;resize:none;}
.work-left{float:left;width:1032px;}
.work-left p{font-size:14px;margin:10px 0px 0px 0px;line-height:25px;color:#333;}
.work-left p a{color:#e14d43;}
.reply-text .textareb{width:1128px;height:40px;color:#999;padding:6px 14px;font-size:14px;resize:none;}
.work-reply{width:990px;}
/*制作*/
.make{width:100%;height:476px;background:url(../images/make_pic.jpg) center center no-repeat;}
.business{width:100%;height:476px;background:url(../images/business_bg.jpg) center center no-repeat;margin:30px 0px 0px 0px;}
.business-con{width:1200px;margin:0 auto;padding:80px 0px 0px 0px;}
.business-con h2{height:45px;line-height:45px;color:#1066dc;font-size:40px;margin-top:0px;margin-bottom:0px;}
.business-con span{display:block;height:30px;line-height:30px;color:#fff;font-size:26px;margin:10px 0px 0px 0px;}
.business-con p{color:#fff;font-size:16px;line-height:30px;margin:100px 0px 0px 0px;}
.news{width:100%;height:609px;background:url(../images/news_bg.jpg) center center no-repeat;}
.news-con{width:1200px;margin:0 auto;padding:80px 0px 0px 0px;}
.news-list h2{height:45px;line-height:45px;color:#1066dc;font-size:40px;margin-top:0px;margin-bottom:0px;text-align:right;}
.news-list span{display:block;height:30px;line-height:30px;font-size:26px;color:#000;margin:10px 0px 0px 0px;text-align:right;}
.news-list p{float:right;width:310px;color:#666;font-size:16px;line-height:30px;margin:100px 0px 0px 0px;}
.ad{width:100%;height:623px;background:url(../images/ad_bg.jpg) center center no-repeat;}
.ad-con span{color:#000;}
.ad-con p{color:#000;}
.others{width:100%;height:476px;background:url(../images/others_bg.jpg) center center no-repeat;}
.others-list span{color:#fff;}
.others-list p{width:610px;color:#fff;}
.re-list{width:270px;height:45px;line-height:45px;text-align:center;color:#e14d43;font-size:25px;border:2px solid #ff5d5d;margin:0 auto;cursor:pointer;}
.require{margin:30px 0px 50px 0px;}
.require p{font-size:16px;color:#666;text-align:center;margin:0px 0px 10px 0px;}
.make-case{margin:30px 0px 40px 0px;}
.make-list{float:left;width:238px;background:#f8f8f8;border:1px solid #eeeeed;position:relative;}
.make-list .make-pic{display:block;width:238px;height:168px;}
.make-list .make-name{display:block;width:218px;height:40px;font-size:14px;text-align:center;line-height:40px;color:#999;padding:0px 10px;}
.make-list .make-hover{position:absolute;top:0px;left:0px;width:238px;height:168px;background:rgba(0,0,0,0.7);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000);/*兼容IE8*/display:none;}
.make-list .make-hover .video{width:50px;height:50px;position:absolute;top:59px;left:94px;}
/*软件*/
.soft-left{float:left;width:830px;margin:20px 0px 50px 0px;}
.soft-lc{border:1px solid #dedddd;background:#fff;padding:0px 25px 25px 25px;}
.soft-list{overflow:hidden;padding:25px 0px 0px 0px;}
.soft-list .soft-limg{float:left;width:277px;height:323px;}
.soft-list .soft-limg img{width:277px;height:323px;}
.soft-list dl{margin:10px 0px 0px 297px;}
.soft-list dl dt a{display:inline-block;font-size:16px;max-width:100%;}
.soft-list dl .soft-lmess{width:100%;height:197px;font-size:14px;color:#666;line-height:25px;margin:25px 0px 0px 0px;overflow:hidden;}
.soft-list dl .soft-lbutton{float:right;height:37px;margin:25px 0px 0px 0px;}
.soft-list dl .soft-lbutton .soft-video{float:left;width:97px;height:37px;font-size:14px;color:#000;background:#fcc800;text-align:center;line-height:37px;}
.soft-list dl .soft-lbutton .soft-pay{float:left;width:97px;height:37px;font-size:14px;color:#fff;background:#0099ff;text-align:center;line-height:37px;margin:0px 0px 0px 20px;}
.soft-right{float:right;width:350px;margin:20px 0px 0px 20px;flex:none;}
.soft-rlist{border:1px solid #dedddd;background:#fff;padding:20px 0px;margin:0px 0px 20px 0px;}
.soft-rtitle{font-size:16px;border-left:2px solid #0099ff;padding:0px 0px 0px 20px;}
.soft-service{float:left;width:136px;margin:20px 19px 0px 19px;}
.soft-service img{width:136px;height:138px;}
.soft-service span{display:block;width:136px;height:25px;line-height:25px;text-align:center;font-size:16px;color:#4f5559;}
.soft-service span strong{color:#e14d43;margin:0px 2px 0px 0px;}
.soft-rlist .soft-advice{display:block;width:120px;height:30px;line-height:30px;text-align:center;color:#e14d43;font-size:16px;border:2px solid #ff5d5d;margin:20px auto 0px;}
.soft-class{float:left;width:163px;height:107px;margin:20px 0px 0px 7px;position:relative;}
.soft-class img{width:163px;height:107px;}
.soft-class .soft-chover{position:absolute;bottom:0px;left:0px;width:158px;height:25px;line-height:25px;font-size:12px;padding:0px 0px 0px 5px;
background:rgba(255,255,255,0.7);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2ffffff,endColorstr=#B2ffffff);/*兼容IE8*/display:none;}
.soft-rcon .soft-discuss{float:left;width:163px;height:109px;margin:20px 0px 0px 7px;}
.soft-rcon .soft-discuss img{width:163px;height:109px;}
.soft-product{height:794px;background:url(../images/soft_dc.jpg) center center no-repeat;}
.soft-dtitle{font-size:40px;color:#fff;text-align:center;padding:40px 0px 0px 0px;}
.soft-plist{float:left;width:280px;margin:30px 0px 0px 16px;position:relative;}
.soft-plist .case-pic{width:280px;height:184px;}
.softp-mess{margin:6px 0px 0px 0px;}
.softp-mess a{display:inline-block;max-width:280px;font-size:16px;color:#fff;}
.soft-plist .case-hover{position:absolute;top:0px;left:0px;width:280px;height:184px;background:rgba(0,0,0,0.7);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000);/*兼容IE8*/display:none;}
.soft-plist .case-hover .video{width:50px;height:50px;position:absolute;top:67px;left:115px;}
.same{width:100%;height:77px;background:url(../images/same_bg.jpg) center center no-repeat;}
.soft-img{width:100%;overflow:hidden;} 
.soft-img img{display:block;max-width:100%;margin:0 auto;}
.soft-ptitle{width:100%;background:#3b3b3b;text-align:center;}
.soft-ptitle .main span{display:block;height:170px;font-size:48px;color:#fa4639;line-height:170px;}
.soft-box{position:relative;;width:1200px;margin:0 auto;}
.soft-box .soft-bicon{position:absolute;right:0px;top:10px;}
.soft-box .soft-bicon a{display:inline-block;background:#f01404;padding:10px 20px;margin:0px 0px 0px 20px;}
.soft-box .soft-bicon a span{color:#fff;font-size:16px;border-right:1px solid #fff;padding:0px 15px 0px 0px;}
.soft-box .soft-bicon a i{color:#fff;font-size:20px;color:#fff;padding:0px 0px 0px 15px;}
/*课程*/
.class-con{background:#f1f0f0;border:1px solid #f1f0f0;}
.class-soft{width:324px;margin:20px auto 0px;}
.class-soft a{display:block;width:324px;height:124px;}
.class-soft img{width:324px;height:124px;}
.class-switch{height:44px;border:1px solid #dedddd;background:#fff;}
.class-tab{float:right;height:44px;padding:0px 15px 0px 0px;}
.class-tab span{float:left;height:42px;line-height:42px;font-size:16px;padding:0px 15px;margin:0px 15px 0px 0px;cursor:pointer;}
.class-tab strong{float:left;height:42px;line-height:42px;font-size:16px;padding:0px 5px;cursor:pointer;}
.class-tab .price{margin-right:0px;padding:0px 5px;}
.class-tab span.active{color:#0099ff;border-bottom:2px solid #0099ff;}
.class-tab span:hover{color:#0099ff;border-bottom:2px solid #0099ff;}
.class-nav{background:#fff;padding:0px 25px 25px 25px;border-left:1px solid #dedddd;border-right:1px solid #dedddd;border-bottom:1px solid #dedddd;}
.class-list{height:200px;padding:25px 0px 0px 0px;}
.class-list .class-pic{float:left;width:280px;height:184px;position:relative;}
.class-list .class-pic img{width:280px;height:184px;}
.class-list .class-pic .class-now{position:absolute;top:0px;right:0px;display:block;width:97px;height:37px;line-height:37px;text-align:center;font-size:14px;color:#fff;background:#66cc33;}
.class-list .class-pic .class-before{position:absolute;top:0px;right:0px;display:block;width:97px;height:37px;line-height:37px;text-align:center;font-size:14px;color:#fff;background:#fbb03b;}
.class-list .class-pic .class-start{position:absolute;top:0px;right:0px;display:block;width:97px;height:37px;line-height:37px;text-align:center;font-size:14px;color:#fff;background:#0099ff;}
.class-list dl{margin:10px 0px 0px 300px;}
.class-list dl dt a{display:inline-block;font-size:16px;max-width:100%;}
.class-list dl .class-mess{width:100%;height:73px;font-size:14px;color:#666;line-height:24px;margin:5px 0px 0px 0px;overflow:hidden;}
.class-list dl .class-icon{height:20px;line-height:20px;margin:10px 0px 0px 0px;}
.class-list dl .class-icon span{float:left;margin:0px 15px 0px 0px;}
.class-list dl .class-icon .free{color:#66cc33;margin:2px 15px 0px 0px;}
.class-list dl .class-icon span i{color:#f5361a;font-size:18px;}
.class-list dl .class-icon span strong{color:#666;}
.class-list dl .class-button{float:right;height:37px;}
.class-list dl .class-button .class-study{float:left;width:97px;height:37px;font-size:14px;color:#fff;background:#0099ff;text-align:center;line-height:37px;}
.class-details{width:100%;height:565px;background:url(../images/cdetails_bg.jpg) center center no-repeat;}
.details-main{width:1200px;margin:-400px auto 0px;position:relative;}
.details-top{background:#fff;height:301px;}
.de-tcon{float:left;padding:20px 0px 20px 20px;}
.de-tcon .de-tpic{float:left;width:397px;height:261px;}
.de-tcon .de-tpic img{width:397px;height:261px;}
.de-tmess{float:left;width:600px;margin:0px 0px 0px 20px;}
.de-title{width:600px;height:auto;overflow:hidden;}
.de-title .class-infotitle{display:inline-block;max-width:600px;font-size:20px;}
.de-title p{font-size:14px;line-height:25px;color:#666;margin:5px 0px 0px 0px;} 
.de-tma{height:35px;line-height:35px;margin:5px 0px 0px 0px;}
.de-tma .score{float:left;height:35px;}
.de-tma .score i{float:left;font-size:24px;color:#ff6600;margin:0px 5px 0px 0px;}
.de-tma strong{float:left;font-size:14px;color:#999;} 
.de-tmb{height:34px;margin:10px 0px 0px 0px;}
.de-tmbl{float:left;height:34px;line-height:34px;}
.de-tmbl .money{float:left;font-size:14px;}
.de-tmbl .prices{float:left;font-size:24px;margin:0px 0px 0px 5px;}
.de-tmbl .free{float:left;font-size:24px;margin:0px 0px 0px 5px;color:#60bd46;}
.de-tmbl i{float:left;font-size:30px;color:#f5361a;margin:0px 0px 0px 10px;}
.de-tmbr{float:left;height:34px;line-height:34px;margin:0px 0px 0px 60px;}
.de-tmbr span{color:#666;font-size:14px;}
.de-tmbr strong{color:#45b035;font-size:14px;}
.de-tmc{height:45px;margin:15px 0px 0px 0px;}
.de-tmc .de-buttona{float:left;width:180px;height:45px;background:#0099ff;font-size:22px;color:#fff;text-align:center;line-height:45px;margin:0px 10px 0px 0px;}
.class-information{float:right;height:301px;background:#0099ff;}
.class-inlist{display:block;margin:0px 20px;border-bottom:1px solid #33adff;text-align:center;padding:23px 0px;}
.class-inlist i{display:block;font-size:30px;color:#fff;}
.class-inlist span{font-size:16px;color:#fff;}
.live-inlist{padding:12px 0px;}
.class-inlast{border-bottom:none;}
#rolltcon{width:348px;height:498px;position:relative;}
#rollmain{width:348px;height:498px;overflow:hidden;}
#rolltul{width:10000px;height:498px;position:relative;}
.rteach-list{width:348px;height:498px;float:left;}
.rteach-name{background:#ff6600;height:30px;line-height:30px;margin:20px 10px 0px 10px;padding:0px 20px;}
.rteach-name a{float:left;max-width:98px;color:#fff;font-size:14px;}
.rteach-name span{float:left;max-width:180px;height:30px;color:#fff;margin:0px 0px 0px 10px;overflow:hidden;}
.rteach-list dl{height:133px;margin:20px 10px 0px 10px;}
.rteach-list dl dt{float:left;width:100px;height:133px;}
.rteach-list dl dt a{display:block;width:100px;height:133px;}
.rteach-list dl dt a img{width:100px;height:133px;}
.rteach-list dl dd{float:left;width:218px;height:133px;margin:0px 0px 0px 10px;line-height:19px;overflow:hidden;}
.rteach-list p{height:20px;line-height:20px;margin:20px 0px 0px 20px;}
.rteach-list p i{float:left;font-size:30px;margin:-2px 0px 0px 0px;}
.rteach-list p span{float:left;font-size:14px;}
#rollleft{position:absolute;top:-24px;right:50px;color:#666;cursor:pointer;font-weight:bold;}
#rollright{position:absolute;top:-24px;right:30px;color:#666;cursor:pointer;font-weight:bold;}
#rollleft:hover{color:#ff6600;}
#rollright:hover{color:#ff6600;}
.class-left{float:left;width:828px;border:1px solid #dedddd;background:#fff;margin:20px 0px 50px 0px;}
.class-title{height:44px;border-bottom:1px solid #dedddd;padding:0px 30px;}
.class-title a{float:left;height:43px;line-height:42px;font-size:16px;padding:0px 15px;margin:0px 15px 0px 0px;cursor:pointer;}
.class-title a.active{color:#0099ff;border-bottom:2px solid #0099ff;}
.class-title a:hover{color:#0099ff;border-bottom:2px solid #0099ff;}
.class-block{padding:30px 30px 0px 30px;}
.class-btitle{height:30px;line-height:30px;}
.class-btitle i{float:left;color:#0099ff;font-size:30px;}
.class-btitle span{float:left;color:#0099ff;font-size:20px;margin:0px 0px 0px 8px;}
.class-block p{font-size:14px;color:#666;line-height:25px;margin:15px 0px 0px 0px;}
.catalog{margin:15px 0px 0px 0px;}
 .catalog-title .ca-tleft{margin:0px 0px 0px 2px;}
.catalog-title .ca-tleft i{color:#0099ff;}
.catalog-title .ca-tleft span{color:#666;font-size:14px;margin:0px 0px 0px 10px;}
.catalog-title .ca-tright{float:right;height:23px;line-height:23px;border:1px solid #0099ff;color:#0099ff;text-align:center;padding:0px 10px;cursor:pointer;}
.catalog-title .ca-tright span{float:left;font-size:14px;margin:0px 0px 0px 5px;}
.catalog-title .ca-tright i{float:left;font-size:12px;}
.catalog ul{padding:0px 0px 0px 30px;margin:20px 0px 0px 0px;display:none;}
.cataloga ul{display:block;padding:0px 0px 0px 5px;}
.catalog ul li{height:30px;margin:0px 0px 10px 0px;padding:0px 10px;cursor:pointer;}
.catalog ul li:hover{background:#f2f0f0;}
.catalog ul li .experience{color:#f60;border-radius:2px;padding:1px;border:1px solid #f60}
.catalog ul li i{float:left;color:#0099ff;height:30px;line-height:30px;}
.catalog ul li .catalog-cname{float:left;font-size:14px;max-width:600px;height:30px;line-height:30px;margin:0px 0px 0px 10px;}
.catalog ul li .catalog-zname{float:left;font-size:14px;max-width:300px;height:30px;line-height:30px;margin:0px 0px 0px 10px;}
.catalog ul li span{float:left;font-size:14px;width:240px;height:30px;line-height:30px;margin:0px 0px 0px 10px;overflow:hidden;}
.catalog ul li span stron   g{color:#0099ff;}
.catalog ul li .catalog-return{float:right;height:30px;font-size:14px;line-height:30px;color:#0099ff;text-align:center;padding:0px 8px;}
.catalog ul li .catalog-in{float:right;height:30px;font-size:14px;line-height:30px;color:#e14d43;text-align:center;padding:0px 8px;}
.catalog ul li .catalog-wait{float:right;height:30px;font-size:14px;line-height:30px;color:#999;text-align:center;padding:0px 8px;}
.catalog ul li .catalog-video{float:right;height:30px;line-height:30px;}
.catalog ul li .catalog-video i{font-size:38px;margin:3px 0px 0px 0px;}
.eva-title{height:30px;line-height:30px;margin:15px 0px 0px 0px;}
.eva-title i{float:left;font-size:24px;color:#b2b2b2;}
.eva-title span{float:left;font-size:14px;color:#b2b2b2;margin:0px 0px 0px 20px;}
.eva-text{margin:15px 0px 0px 0px;}
.eva-text .textarea{width:738px;height:100px;color:#999;padding:6px 14px;font-size:14px;resize:none;}
.eva-button{margin:15px 0px 0px 0px;text-align:right;}
.eva-button .publish{display:inline-block;background:#0099ff;color:#fff;padding:6px 20px;cursor:pointer;}
.eva-button .prohibit{display:inline-block;background:#aaa;color:#fff;padding:6px 20px;}
.evas{padding:0px 0px 50px 0px;}
.eva-all{font-size:16px;height:44px;line-height:44px;border-bottom:1px solid #ebebeb;margin:15px 0px 0px 0px;}
.eva-nav{border-bottom:1px solid #ebebeb;padding:20px 0px;}
.eva-nav .eva-icon{display:block;height:22px;line-height:22px;}
.eva-nav .eva-icon i{float:left;color:#ff1000;font-size:22px;margin:0px 5px 0px 0px;}
.eva-left{float:left;width:600px;}
.eva-left p{font-size:14px;margin:10px 0px 0px 0px;line-height:25px;color:#333;}
.eva-left p a{color:#e14d43;}
.eva-nav dl{width:168px;float:left;text-align:right;margin:5px 0px 0px 0px;}
.eva-nav dl dt a{display:inline-block;width:42px;height:42px;}
.eva-nav dl dt a img{width:42px;height:42px;border-radius:50%;}
.eva-nav dl dd{margin:5px 0px 0px 0px;}
.eva-nav dl dd a{display:inline-block;width:100px;font-size:14px;}
.eva-time{height:20px;line-height:20px;margin:10px 0px 0px 0px;font-size:14px;}
.eva-time span{margin:0px 0px 0px 20px;cursor:pointer;}
.reply-box{border:1px solid #ebebeb;background:#fdfdfd;margin:10px 0px 0px 0px;padding:20px 20px 0px 20px;position:relative;display:none;}
.reply-box .reply-icon{position:absolute;top:-6px;right:66px;width:13px;height:6px;background:url(../images/horn.png) 0px 0px no-repeat;}
.reply-text .textarea{width:696px;height:40px;color:#999;padding:6px 14px;font-size:14px;resize:none;}
.reply-button{margin:10px 0px 0px 0px;height:30px;}
.reply-button strong{float:left;color:#999;line-height:30px;}
.reply-button span{float:right;background:#0099ff;color:#fff;padding:6px 20px;cursor:pointer;}
.reply-list{border-top:1px solid #ebebeb;padding:20px 0px;margin:20px 0px 0px 0px;}
.reply-left{width:558px;}
.roll-class{width:100%;height:45px;position:fixed;top:60px;left:0px;background:#fff;z-index:99999;border-bottom:1px solid #dedddd;display:none;}
.roll-class .main{width:1200px;height:45px;margin:0 auto;}
.roll-ctitle{width:1200px;height:45px;padding:0px;border-bottom:none;}
/*课程学习页*/
.class-head{width:100%;background:url(../images/class-bg.png) 0px 0px repeat-x;overflow:hidden;position:relative;}
.class-head .hide{display:none;}
.voidcon{width:100%;}
.class-htitle{width:100%;height:60px;}
.class-htitlel{float:left;height:60px;}
.class-htitlel a{float:left;width:40px;height:60px;line-height:60px;text-align:center;}
.class-htitlel a i{color:#ccc;font-size:26px;}
.class-htitlel a:hover{background:#333;}
.class-htitlel span{float:left;color:#ccc;font-size:16px;padding:19px 0px 0px 10px;}
.class-htitler{float:right;height:60px;margin:0px 20px 0px 0px;}
.class-htitler span{float:left;height:60px;line-height:60px;margin:0px 0px 0px 20px;padding:0px 10px;cursor:pointer;}
.class-htitler span i{color:#ccc;font-size:24px;margin:0px 5px 0px 0px;}
.class-htitler span strong{color:#ccc;font-size:16px;}
.class-htitler span:hover{background:#333;}
.class-htitler span:hover i{color:#fff;}
.class-htitler span:hover strong{color:#fff;}
.class-hvoid{width:100%;height:800px;}
.course-tab{position:absolute;top:50%;left:-50px;width:50px;margin-top:-160px;}
.course-tab span{float:left;width:50px;height:60px;background:#333;text-align:center;cursor:pointer;margin:0px 0px 10px 0px;}
.course-tab span i{display:block;color:#fff;padding:10px 0px 0px 0px;}
.course-tab span strong{display:block;color:#fff;}
.course-tab span:hover{background:#f01400;}
.course-tab span.light{background:#f01400;}
.course-tab span.active{background:#f01400;}
.course-list{width:330px;height:760px;padding:20px;overflow:hidden;overflow-y:scroll;overflow-y:auto;}
.course-lt{font-size:16px;color:#ccc;}
.course-ln{font-size:14px;color:#ccc;margin:20px 0px 0px 0px;padding:0px 0px 0px 8px;}
.course-list ul{margin:10px 0px 0px 0px;}
.course-list ul li{height:25px;color:#ccc;padding:9px 20px;cursor:pointer;}
.course-list ul li span{float:left;width:200px;height:25px;line-height:25px;overflow:hidden;margin:0px 0px 0px 10px;}
.course-list ul li .befor{float:right;color:#009900;}
.course-list ul li .now{float:right;height:25px;line-height:25px;color:#009900;font-size:12px;}
.course-list ul li .after{float:right;color:#666;}
.course-list ul li:hover{background:#333;}
.coursecon{position:absolute;top:60px;right:0px;width:370px;height:800px;background:#14191e;z-index:999;}
.study-list{padding:0px 30px;}
.study-think{margin:20px 0px 0px 0px;}
.class-szta{height:30px;line-height:30px;}
.class-szta .class-snum{float:left;width:30px;height:30px;background:#fa7a20;text-align:center;line-height:30px;font-size:20px;color:#fff;}
.class-szta .class-sztitle{float:left;width:728px;height:30px;font-size:16px;margin:0px 0px 0px 10px;overflow:hidden;}
.class-sztb{padding:0px 0px 0px 40px;}
.class-shm{padding:20px 0px;border-bottom:1px dashed #dedddd;}
.class-sfj .class-hms{color:#666;font-size:14px;}
.class-shm p{color:#666;margin:10px 0px 0px 0px;line-height:25px;}
.class-sfj{padding:20px 0px;}
.class-fjlist{height:20px;margin:15px 0px 0px 0px;}
.class-fjlist i{float:left;margin:2px 0px 0px 0px;}
.class-fjlist a{float:left;height:20px;line-height:20px;color:#666;margin:0px 0px 0px 5px;}
.class-fjlist a:hover{color:#e14d43;}
.class-down{margin:50px 0px 0px 0px;}
.class-dlist{height:20px;margin:0px 0px 15px 0px;}
.class-dlist i{float:left;height:20px;line-height:20px;font-size:25px;}
.class-dlist a{float:left;height:20px;line-height:20px;font-size:14px;color:#666;margin:0px 0px 0px 5px;}
.class-dlist a:hover{color:#e14d43;}
.soft-right .class-kca{float:left;width:84px;text-align:center;margin:20px 0px 0px 24px;}
.soft-right .class-kca img{width:42px;height:42px;}
.soft-right .class-kca span{display:block;max-width:84px;line-height:20px;text-align:center;color:#666;}
.soft-right .class-kca:hover span{color:#e14d43;}
.f-list{height:30px;line-height:30px;margin:0px 0px 20px 0px;}
.f-list span{float:left;width:84px;text-align:right;font-size:14px;margin:2px 0px 0px 0px;}
.f-list .f-licon{float:left;height:30px;margin:0px 0px 0px 10px;}
.f-list .f-licon i{font-size:30px;margin:0px 10px 0px 0px;color:#ff6600;}
.f-list strong{float:left;color:#fa8e12;font-size:24px;margin:2px 0px 0px 10px;}
.apply-con .form-horizontal .score-label{width:100px;}
.apply-con .form-horizontal .score-controls{margin-left:110px;}
.apply-con .form-horizontal textarea{resize:none;}
/*关于*/
.about-left{float:left;width:272px;border:1px solid #cfcdcc;background:#fff;margin:20px 0px 0px 0px;padding:0px 0px 50px 0px;}
.about-left dt{font-size:20px;height:55px;line-height:55px;padding:0px 0px 0px 50px;}
.about-left dd a{display:block;height:45px;line-height:45px;font-size:16px;color:#b0b0b0;padding:0px 0px 0px 50px;}
.about-left dd a.active{background:#f1f0f0;color:#ff9900;border-right:2px solid #ff9900;}
.about-left dd a:hover{background:#f1f0f0;color:#ff9900;border-right:2px solid #ff9900;}
.about-right{float:left;width:904px;border:1px solid #cfcdcc;margin:20px 0px 50px 20px;background:#fff;padding:0px 0px 50px 0px;}
.about-right .about-pic{display:block;width:904px;height:260px;}
.about-name{font-size:18px;color:#ff9900;padding:30px 30px 0px 30px;}
.about-list{padding:30px 30px 0px 30px;}
.about-list span{font-size:16px;}
.about-list p{font-size:14px;color:#666;line-height:25px;margin:20px 0px 0px 0px;}
/*活动*/
.active-top{height:190px;margin:30px 0px 0px 0px;}
.active-tleft{float:left;background:#fff;width:930px;height:170px;padding:20px 0px 0px 20px;}
.active-tleft h3{margin:0px 0px 20px 0px;font-weight:normal;}
.active-tleft h3 span{display:inline-block;color:#171116;font-size:20px;border-bottom:1px solid #ebebeb;padding:0px 0px 10px 0px;}
.active-tleft p{display:block;font-size:14px;color:#666;margin:0px 0px 10px 0px;}
.active-tright{float:right;width:250px;height:190px;line-height:190px;text-align:center;background:#ff4231;color:#fff;font-size:40px;cursor:pointer;}
.active-left{float:left;width:143px;margin:20px 0px 0px 0px;border:1px solid #dedddd;background:#fff;padding:20px 0px 50px 0px;position:absolute;left:0;top:0;}
.active-left a{display:block;width:141px;border-right:2px solid #fff;height:40px;line-height:40px;text-align:center;font-size:14px;color:#b0b0b0;}
.active-left a.active{background:#f1f0f0;color:#ff9900;border-right:2px solid #ff9900;}
.active-left a:hover{background:#f1f0f0;color:#ff9900;border-right:2px solid #ff9900;}
.active-right{margin:20px 0px 50px 165px;position:static;}
.active-rtop{border:1px solid #dedddd;background:#fff;padding:0px 30px 30px 30px;margin:0px 0px 20px 0px;}
.active-rlist{max-width:973px;padding:20px 0px 0px 0px;overflow:hidden;}
.active-rlist img{display:block;max-width:973px;margin:20px auto 0px;overflow:hidden;}
.active-name{width:274px;height:32px;background:url(../images/active_name.png) 0px 0px no-repeat;color:#fff;font-size:16px;line-height:32px;padding:0px 0px 0px 30px;}
.active-rlist p{font-size:14px;line-height:25px;margin:20px 0px 0px 0px;text-indent:30px;}
.active-com{margin:20px 0px 0px 0px;}
.active-com span{display:block;font-size:14px;margin:0px 0px 10px 0px;}
.active-com span strong{margin:0px 0px 0px 15px;}
.active-prize{text-align:center;}
.active-prize span{display:block;font-size:14px;margin:10px 0px 0px 0px;}
.active-code{text-align:center;padding:40px 0px 0px 0px;}
.active-code img{width:177px;height:175px;}
.active-code p{text-align:center;font-size:14px;margin:5px 0px 0px 0px;}
.active-icon{height:56px;width:304px;margin:20px auto 0px;}
.active-icon a{float:left;width:56px;height:56px;margin:0px 20px 0px 0px;}
.active-icon .a-icona{background:url(../images/active_icon.png) 0px 0px no-repeat;}
.active-icon .a-iconb{background:url(../images/active_icon.png) -72px 0px no-repeat;}
.active-icon .a-iconc{background:url(../images/active_icon.png) -145px 0px no-repeat;}
.active-icon .a-icond{background:url(../images/active_icon.png) -219px 0px no-repeat;}
.active-tel{margin:80px 0px 0px 0px;}
.active-tel p{font-size:14px;margin:0px 0px 10px 0px;}
.active-rbottom{background:#fff;border:1px solid #dedddd;padding:20px 0px 30px 0px;z-index:1000;position:relative;}
.active-rbtitle{font-size:18px;text-align:center;}
.active-rbnav{float:left;width:190px;margin:20px 0px 0px 12px;border:1px solid #eeeeed;}
.active-rbnav .ac-bdpic{display:block;width:190px;height:125px;}
.active-rbnav .ac-bdpic img{width:190px;height:125px;}
.active-rbnav .ac-bdname{display:block;width:170px;height:40px;font-size:14px;padding:5px 10px;overflow:hidden;}
.active-tab{height:44px;border:1px solid #f1f0f0;background:#f1f0f0;margin:30px 0px;}
.active-tab span{float:left;height:42px;line-height:42px;font-size:16px;padding:0px 15px;margin:0px 15px 0px 0px;cursor:pointer;}
.active-tab span.active{color:#0099ff;border-bottom:2px solid #0099ff;}
.active-tab span:hover{color:#0099ff;border-bottom:2px solid #0099ff;}
.active-con{padding:25px 0px 50px 0px;}
.active-list{border:1px solid #dedddd;background:#fff;margin:0px 0px 25px 0px;}
.active-list .active-pic{float:left;width:829px;height:397px;overflow:hidden;}
.active-list .active-pic img{width:829px;height:397px;}
.active-nav{float:left;width:309px;padding:17px 30px;}
.active-navt{border-bottom:1px solid #ebebeb;padding:0px 0px 4px 0px;}
.active-navt a{display:block;width:309px;max-height:63px;font-size:20px;overflow:hidden;}
.active-navct{margin:20px 0px 0px 0px;}
.active-navct i{color:#0099ff;font-size:22px;}
.active-navct span{color:#0099ff;font-size:18px;}
.active-nav p{width:304px;height:66px;color:#666;font-size:14px;margin:10px 0px 0px 0px;line-height:22px;padding:0px 0px 0px 5px;overflow:hidden;}
.active-nav .ac-time{display:block;width:304px;height:20px;line-height:20px;color:#666;font-size:14px;padding:0px 0px 0px 5px;overflow:hidden;}
.active-nav .ac-adress{display:block;width:304px;max-height:40px;line-height:20px;color:#666;font-size:14px;padding:0px 0px 0px 5px;overflow:hidden;}
.pos-r{position:relative;}
/*资讯*/
.soft-down{float:left;width:163px;height:190px;position:relative;margin:20px 0px 0px 8px;}
.soft-down img{width:163px;height:190px;}
.soft-down .soft-dhover{position:absolute;bottom:0px;left:0px;width:158px;height:28px;line-height:28px;font-size:12px;padding:0px 0px 0px 5px;
overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgba(255,255,255,0.7);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2ffffff,endColorstr=#B2ffffff);/*兼容IE8*/display:none;}
.hot-mess{margin:20px 20px 0px 25px;}
.hot-mess li{position:relative;padding:0px 0px 20px 0px;border-left:1px solid #9d9a9b;}
.hot-mess .last{border:none;}
.hot-mess li .color{color:#0097fb;position:absolute;left:-8px;top:-5px;}
.hot-mess li a{display:block;font-size:14px;padding:0px 0px 0px 20px;}
.hot-mess li .incolor{color:#b7b6b5;position:absolute;left:-8px;top:-5px;}
.infor-ltop{border:1px solid #dedddd;background:#fff;padding:10px 30px 30px 30px;margin:0px 0px 20px 0px;}
.infor-ltop h3{font-size:18px;text-align:center;font-weight:normal;}
.infor-mess{color:#666;text-align:center;}
.infor-mess strong{margin:0px 20px 0px 0px;}
.infor-ltop p{font-size:14px;text-indent:30px;line-height:25px;margin:20px 0px 0px 0px;}
.infor-ltop img{display:block;max-width:768px;margin:20px auto 0px;overflow:hidden;}
.infor-key{margin:30px 0px 0px 0px;}
.infor-key span{color:#f8b500;margin:0px 20px 0px 0px;}
.infor-note{margin:30px 0px 0px 0px;color:#ff3300;}
.infor-btitle{font-size:18px;padding:0px 0px 0px 20px;}
.infor-blist{float:left;width:190px;margin:20px 0px 0px 14px;position:relative;}
.infor-blist .infor-bpic{display:block;width:190px;height:125px;}
.infor-blist .infor-bpic img{width:190px;height:125px;}
.infor-blist .infor-bname{display:block;width:170px;height:30px;line-height:30px;padding:0px 10px;font-size:14px;}
.infor-blist span{position:absolute;bottom:30px;left:0px;width:180px;height:25px;color:#fff;line-height:25px;padding:0px 5px;
overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgba(0,0,0,0.3);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);/*兼容IE8*/display:none;}
.infor-ltop .infor-page{margin:30px 0px 0px 0px;}
.infor-ltop .infor-page li{margin:10px 0px 0px 0px;font-size:14px;color:#666;}
.infor-ltop .infor-page li a{color:#666;}
.infor-ltop .infor-page li a:hover{color:#e14d43;}
.indu-top{background:#fff;border:1px solid #dedddd;margin:30px 0px 0px 0px;}
.indu-tab{height:44px;border-bottom:1px solid #dedddd;background:#fff;}
.indu-tab a{float:left;height:42px;line-height:42px;font-size:16px;padding:0px 15px;margin:0px 15px 0px 0px;}
.indu-tab a.active{color:#0099ff;border-bottom:2px solid #0099ff;}
.indu-tab a:hover{color:#0099ff;border-bottom:2px solid #0099ff;}
.indu-tcon{width:1158px;padding:30px 0;overflow:hidden;}
.indu-tleft{float:left;width:559px;height:384px;margin-left:25px;position:relative;}
.indu-tleft .indu-tlpic{display:block;width:100%;height:384px;}
.indu-tleft .indu-tlpic img{width:100%;height:384px;}
.indu-tleft .indu-thover{position:absolute;bottom:0px;left:0px;width:574px;height:40px;line-height:40px;font-size:16px;background:rgba(225,225,225,0.6);padding:0px 0px 0px 5px;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff,endColorstr=#99ffffff);/*兼容IE8*/display:none;}
.indu-tright{float:left;width: 564px;height:384px;overflow:hidden;margin-left: 10px;}
.indu-trnav{float:left;width: 275px;height:184px;position:relative;margin:0px 0px 16px 7px;}
.indu-trnav .indu-trpic{display:block;width: 275px;height:184px;}
.indu-trnav .indu-trpic img{width: 275px;height:184px;}
.indu-trnav .indu-thover{position:absolute;bottom:0px;left:0px;width:275px;height:40px;line-height:40px;font-size:16px;background:rgba(225,225,225,0.6);padding:0px 0px 0px 5px;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff,endColorstr=#99ffffff);/*兼容IE8*/display:none;}
.indu-lcon{margin:0px 0px 0px 300px;}
.indu-lname{height:24px;line-height:24px;}
.indu-lname a{float:left;font-size:16px;max-width:80%;}
.indu-lname span{float:right;font-size:14px;margin:0px 0px 0px 20px;color:#666;}
.indu-lstyle{margin:10px 0px 0px 0px;font-size:14px;}
.indu-lstyle strong{color:#ef7e00;margin:0px 20px 0px 0px;}
.indu-lcon p{width:100%;height:91px;font-size:14px;color:#666;margin:10px 0px 0px 0px;line-height:23px;overflow:hidden;}
.indu-lnum{margin:10px 0px 0px 0px;color:#999;}
.infor-share{border-bottom:1px solid #e7e7e7;padding-bottom:10px;margin:30px 0px 0px 0px;}
/*直播*/
.zb-switch{height:44px;border:1px solid #dedddd;background:#fff;}
.zb-switch span{float:left;height:42px;line-height:42px;font-size:16px;padding:0px 15px;margin:0px 15px 0px 0px;cursor:pointer;}
.zb-switch span.active{color:#0099ff;border-bottom:2px solid #0099ff;}
.zb-switch span:hover{color:#0099ff;border-bottom:2px solid #0099ff;}
.class-form{position:relative;}
.zb-level{position:absolute;top:-46px;right:10px;height:46px;line-height:46px;}
.zb-level span{float:left;font-size:14px;margin:0px 15px 0px 0px;cursor:pointer;}
.zb-level strong{float:left;font-size:14px;margin:0px 5px 0px 0px;cursor:pointer;}
.zb-level span.active{color:#0099ff;}
.zb-level span:hover{color:#0099ff;}
.zb-level .price{margin:0px 5px 0px 0px;}
/*合作*/
.partners{width:100%;height:476px;background:url(../images/partner_bg.jpg) center center no-repeat;}
.partner-tab{width:600px;height:54px;border:1px solid #f1f0f0;background:#f1f0f0;margin:0px auto;}
.partner-tab a{float:left;height:52px;line-height:52px;font-size:16px;padding:0px 15px;margin:0px 15px 0px 0px;cursor:pointer;}
.partner-tab a.active{color:#0099ff;border-bottom:2px solid #0099ff;}
.partner-tab a:hover{color:#0099ff;border-bottom:2px solid #0099ff;}
.partner-title{padding:40px 0px 0px 0px;text-align:center;}
.partner-title img{width:173px;height:5px;}
.partner-title span{color:#0099ff;font-size:40px;padding:0px 15px;}
.partner-nav p{width:588px;margin:20px auto 0px;text-align:center;}
.partner-nav p span{display:block;color:#666;font-size:16px;margin:0px 0px 5px 0px;}
.partner-nav h3{font-size:30px;font-weight:normal;text-align:center;margin:20px 0px 0px 0px;}
.partner-nav h3 span{color:#f7ab00;}
.partner-nav h3 strong{color:#000;}
.partner-bg{width:100%;height:503px;background:url(../images/partner_a.jpg) center center no-repeat;margin:20px 0px 0px 0px;}
.partnera-bg{background:url(../images/partner_b.jpg) center center no-repeat;}
.partnerb-bg{background:url(../images/partner_c.jpg) center center no-repeat;}
.partnerc-bg{background:url(../images/partner_d.jpg) center center no-repeat;}
.partner-bg .main{padding:50px 0px 0px 0px;}
.partner-company{width:1200px;padding:20px 0px 0px 0px;}
.pscroll{height:139px;}
.pscroll-left{height:139px;line-height:139px;}
.pscroll-left i{color:#666;}
.pscroll-right{height:139px;line-height:139px;}
.pscroll-right i{color:#666;}
.pscroll-pic{height:139px;}
.pscroll-pic ul{height:139px;}
.pscroll-pic li a img{width:139px;height:139px;}
.partner-contact{width:100%;height:364px;background:url(../images/partner_e.jpg) center center no-repeat;margin:20px 0px 0px 0px;}
.partner-contact h3{color:#f7ab00;font-size:34px;margin-top:0px;margin-bottom:0px;padding:70px 0px 0px 0px;}
.partner-cnum{margin:20px 0px 0px 0px;}
.partner-cnum a{float:left;margin:30px 0px 0px 50px;color:#fff;background:#0099ff;padding:10px 20px;font-size:16px;}
.partner-cnum span{display:block;font-size:18px;color:#fff;margin:0px 0px 10px 0px;}
.partner-cnum span strong{margin:0px 10px 0px 0px;}
.rjoin{background:#f1f0f0;width:100%;height:56px;position:fixed;top:60px;left:0px;z-index:99999;display:none;}
.partner-main{width:1020px;margin:0 auto;padding:52px 0px 0px 0px;}
.partnera-main{padding:145px 0px 0px 0px;}
.partnerb-main{padding:22px 0px 0px 0px;}
.partnerc-main{padding:200px 0px 0px 0px;}
.partner-main p{color:#fff;font-size:18px;margin:0px 0px 10px 0px;;line-height:40px;}
.partner-main p span{font-size:45px;}
/*师资*/
.teacher{width:100%;height:304px;background:url(../images/teacher_bg.jpg) center center no-repeat;}
.teach-center{width:1200px;height:304px;margin:0 auto;position:relative;}
.teach-center .teach-apply{position:absolute;bottom:0px;right:0px;display:block;color:#fff;font-size:18px;width:200px;height:50px;line-height:50px;text-align:center;background:#0099ff;}
.teach-con{width:1194px;border:1px solid #dedddd;margin:10px auto 0px;}
.teach-left{float:left;width:238px;border-right:1px solid #dedddd;}
.teach-last{border:none;}
.teach-left .teach-lpic{display:block;width:238px;height:317px;}
.teach-left .teach-lpic img{width:238px;height:317px;}
.teach-nav{padding:20px;}
.teach-lmess{width:198px;height:37px;text-align:center;overflow:hidden;}
.teach-lmess i{color:#d44c41;font-size:24px;}
.teach-lmess a{margin:0px 0px 0px 10px;font-size:24px;color:#d44c41;}
.teach-nav .teach-name{width:198px;height:24px;text-align:center;color:#999;font-size:16px;margin-top:0px;margin-bottom:0px;overflow:hidden;}
.teach-nav .teach-position{text-align:center;margin:5px 0px 0px 0px;}
.teach-nav .teach-position span{display:block;width:198px;height:21px;font-size:14px;overflow:hidden;}
.teach-nav .teach-intro{width:198px;height:180px;border-top:1px dashed #494949;font-size:14px;color:#666;padding:10px 0px 0px 0px;line-height:25px;text-indent:30px;margin:15px 0px 0px 0px;overflow:hidden;}
.teach-list{margin:30px 16px 0px 16px;}
.teachers{width:100%;height:328px;background:url(../images/teachera_bg.jpg) center center no-repeat;}
.teach-center dl{float:left;height:164px;margin:105px 0px 0px 0px;}
.teach-center dl dt{float:left;width:123px;height:164px;}
.teach-center dl dt img{width:123px;height:164px;}
.teach-center dl dd{float:left;margin:30px 0px 0px 20px;}
.teach-center dl dd span{display:block;font-size:22px;color:#fff;}
.teach-center dl dd strong{display:block;font-size:16px;color:#fff;border-bottom:1px solid #fff;padding:0px 0px 6px 0px;margin:10px 0px 0px 0px;}
.teach-advice{float:right;margin:105px 0px 0px 0px;}
.teach-advice a{display:block;padding:5px 20px;margin:20px 0px 0px 0px;border:1px solid #fff;}
.teach-advice a i{color:#fff;font-size:28px;}
.teach-advice a span{color:#fff;font-size:20px;margin:0px 0px 0px 10px;}
.teach-details{width:1198px;background:#fff;margin:-22px auto 0px;border: 1px solid #dedddd;padding:0px 0px 50px 0px;position:relative;z-index:10000;}
.teachd-list{float:left;background:#fff;width:280px;margin:30px 0px 0px 4px;position:relative;}
.teachd-list .case-pic{width:280px;height:184px;}
.teachd-mess{margin:6px 0px 0px 0px;padding:0px 10px;}
.teachd-mess a{display:inline-block;max-width:260px;font-size:14px;}
.teachd-money{height:25px;margin:5px 0px 0px 0px;padding:0px 10px;}
.teachd-money .teachd-l{float:left;height:25px;line-height:25px;}
.teachd-money .teachd-l .red{color:#f5361a;font-size:20px;}
.teachd-money .teachd-l strong{font-size:16px;margin:0px 0px 0px 5px;}
.teachd-money .teachd-l .free{color:#66cc33;font-size:14px;margin:0px;}
.teachd-money .teachd-r{float:right;max-width:100px;height:25px;font-size:12px;color:#999;line-height:25px;overflow:hidden;}
.teachd-list .case-hover{position:absolute;top:0px;left:0px;width:280px;height:184px;background:rgba(0,0,0,0.7);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000);/*兼容IE8*/display:none;}
.teachd-list .case-hover .video{width:50px;height:50px;position:absolute;top:67px;left:115px;}
.teach-more{text-align:right;}
.teach-more a{font-size:14px;padding:0px 25px 0px 0px;color:#0099ff;}
.teach-row{padding:30px 0px 50px 0px;}
/*页码*/
.page-con{height:23px;margin:50px 0px 0px 0px;}
.page-num{height:23px;float:right;padding:0px 10px 0px 0px;}
.page-num a{float:left;font-size:14px;}
.page-num .upper{border:1px solid #008df3;width:76px;height:21px;line-height:21px;text-align:center;}
.page-num .upper:hover{color:#008df3;}
.page-num .first{margin:0px 20px;}
.page-num .first:hover{color:#008df3;}
.page-num .number{margin:0px 5px;}
.page-num .number:hover{color:#008df3;}
/*弹出层*/
.home-w .s-close{position:absolute;top:4px;right:12px;z-index:2000;}
.home-w .s-close i{font-size:20px;}
.apply-con{padding:0px 20px 20px 20px;}
.apply-icon{height:60px;line-height:60px;text-align:center;}
.apply-con .layer-i{display:block;font-size:50px;color:#00b7ee;}
.apply-con .layer-p{font-size:16px;text-align:center;}
.coll-button{text-align:right;padding:0px 20px 30px 20px;}
.coll-button .sure{display:inline-block;background:#ff8712;color:#fff;padding:6px 10px;border-radius:3px;cursor:pointer;}
.coll-button .dely{display:inline-block;background:#ebebeb;color:#666;padding:6px 10px;border-radius:3px;margin:0px 0px 0px 10px;cursor:pointer;}
.apply-con table th{text-align:center;}
.apply-con table td{text-align:center;}
.apply-con table td a{display:inline-block;height:22px;line-height:22px;border:1px solid #a3d2f8;color:#039ae3;border-radius:3px;padding:0px 5px;}
/*搜素*/
.search-title{background:#fff;padding:30px;margin:30px 0px 0px 0px;}
.search-tab{float:left;height:40px;}
.search-tc{float:left;height:38px;border-left:1px solid #e5e5e5;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
.search-tcl{float:left;height:38px;line-height:38px;position:relative;}
.search-tcl .seach-chang{display:block;height:38px;line-height:38px;padding:0px 20px;background:#eeeeee;cursor:pointer;}
.search-tcl .seach-chang strong{font-size:14px;color:#666;}
.search-tcl .seach-chang i{font-size:12px;color:#666;}
.seach-nav{display:none;position:absolute;top:38px;left:0px;width:110px;border-top:1px solid #e5e5e5;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;background:#fff;z-index:1000;}
.seach-nav span{display:block;width:110px;height:35px;line-height:35px;text-align:center;font-size:14px;color:#666;cursor:pointer;overflow:hidden;}
.seach-nav span strong{display:block;}
.seach-nav span:hover{background:#eeeeee;}
.search-tcr{float:left;width:400px;height:38px;padding:0px 0px 0px 15px;}
.search-tcr input{float:left;width:375px;height:38px;line-height:38px;color:#999;border:none;padding:0px;background:none;border-radius:0px;
-webkit-box-shadow:inset 0 0 0 rgba(0, 0, 0, 0);-moz-box-shadow:inset 0 0 0 rgba(0, 0, 0, 0);box-shadow:inset 0 0 0 rgba(0, 0, 0, 0);}
.search-tcr input:focus{outline:none;border-color:rgba(0, 0, 0, 0);
-webkit-box-shadow:inset 0 0 0 rgba(0,0,0,0), 0 0 0px rgba(0,0,0,0);-moz-box-shadow:inset 0 0 0 rgba(0,0,0,0), 0 0 0 rgba(0,0,0,0); 
box-shadow:inset 0 0 0 rgba(0,0,0,0), 0 0 0 rgba(0,0,0,0);}
.search-tcr i{float:left;font-size:12px;color:#999;line-height:38px;cursor:pointer;}
.search-tb{float:left;height:40px;line-height:40px;background:#e14d43;color:#fff;font-size:16px;padding:0px 20px;cursor:pointer;}
.search-tb span{margin:0px 0px 0px 5px;}
.search-pot{float:left;height:40px;line-height:40px;font-size:14px;margin:0px 0px 0px 50px;}
.search-pot span{color:#666;}
.search-pot span strong{color:#fa9a05;padding:0px 5px;}
.search-con{background:#fff;padding:0px 30px 50px 30px;margin:30px 0px 50px 0px;}
.search-teach{margin:30px 10px 0px;}
.search-work{margin:30px 1px 0px;}
.search-con .search-p{padding:50px 0px 0px 0px;margin-top:0px;margin-bottom:0px;text-align:center;font-size:16px;color:#666;}
/*回到顶部*/
#back-top{position:fixed;bottom:100px;right:10px;width:29px;height:64px;background:url(../images/back_top.png) 0px 0px no-repeat;cursor:pointer;display:none;}
#back-top:hover{background:url(../images/back_top.png) 0px -65px no-repeat;}
/*尾部*/
.bottom{width:100%;background:#34332f;}
.bottom-con{width:1200px;margin:0 auto;background:url(../images/footer_bg.jpg) center center repeat-y;}
.bottom-auto{width:1100px;margin:0 auto;padding:40px 0px;}
.bottom-left{float:left;width:180px;}
.bottom-left img{width:180px;height:47px;}
.bottom-left span{display:block;margin:15px 0px 0px 0px;padding:0px 0px 0px 8px;}
.bottom-left span strong{display:block;font-size:12px;color:#d6d5d4;}
.bottom-center{float:left;}
.bottom-center dl{float:left;margin:0px 0px 0px 100px;}
.bottom-center dl a:hover{color:#e14d43;}
.bottom-center dl dt a{display:inline-block;width:108px;height:24px;line-height:24px;color:#fff;font-size:18px;overflow:hidden;}
.bottom-center dl dd{margin:30px 0px 0px 0px;}
.bottom-center dl dd a{display:block;width:85px;height:20px;line-height:20px;font-size:14px;color:#d6d5d4;margin:0px 0px 15px 0px;overflow:hidden;}
.bottom-right{float:right;margin-top:0px;margin-bottom:0px;}
.bottom-right dt{color:#fff;font-size:18px;}
.bottom-right dd{font-size:14px;color:#d6d5d4;}
.bottom-right .f-titme{margin:30px 0px 0px 0px;}
.bottom-right .b-titme{margin:30px 0px 0px 0px;}
.bottom-right .bottom-advice{display:block;width:125px;height:40px;background:#0099ff;text-align:center;font-size:14px;line-height:40px;color:#fff;margin:15px 0px 0px 0px;}
.bottom-right .b-social{font-size:18px;margin:15px 0px 0px 0px;}
.bottom-right .b-sicon{height:36px;margin:10px 0px 0px 0px;}
.bottom-right .b-sicon .b-bicon{float:left;width:36px;height:35px;margin:0px 10px 0px 0px;background:url(../images/footer_icon.png) -49px 0px no-repeat;}
.bottom-right .b-sicon .b-cicon{float:left;width:36px;height:35px;margin:0px 10px 0px 0px;background:url(../images/footer_icon.png) -97px 0px no-repeat;}
.bottom-right .b-sicon .b-dicon{float:left;width:36px;height:35px;margin:0px 10px 0px 0px;background:url(../images/footer_icon.png) -142px -1px no-repeat;}
.bottom-right .b-sicon #wx-box{float:left;position:relative;margin:0px 10px 0px 0px;cursor:pointer;}
.bottom-right .b-sicon #wx-box strong{display:block;width:36px;height:35px;background:url(../images/footer_icon.png) 0px 0px no-repeat;}
.bottom-right .b-sicon #wx-box span{display:block;position:absolute;top:40px;left:0px;width:184px;display:none;}
.bottom-right .b-sicon #wx-box span img{float:left;width:80px;height:80px;margin:0px 5px 5px 0px;}
/*底部*/
.footer{width:100%;background:#181712;}
.footer-con{width:1200px;margin:0 auto;padding:40px 0px;}
.footer-pic{height:45px;text-align:center;}
.footer-pic a{display:inline-block;width:118px;height:45px;margin:0px 10px;}
.footer-pic a img{width:118px;height:45px;}
.footer-con p{font-size:12px;color:#aaa;text-align:center;margin:20px 0px 0px 0px;}
.footer-con p span{margin:0px 20px 0px 0px;}
/*简版底部*/
.simple-main{margin:0px 0px 40px 0px;}
.simple-center{float:left;width:700px;margin:0px 0px 0px 50px;padding:40px 0px 0px 0px;}
.simple-center a{float:left;font-size:16px;color:#fff;margin:0px 30px 0px 0px;}
.simple-center a:hover{color:#e14d43;}
.simple-right{float:right;width:230px;padding:35px 0px 0px 0px;}
.simple-right .b-bicon{float:left;width:36px;height:35px;margin:0px 10px 10px 0px;background:url(../images/footer_icon.png) -49px 0px no-repeat;}
.simple-right .b-cicon{float:left;width:36px;height:35px;margin:0px 10px 10px 0px;background:url(../images/footer_icon.png) -97px 0px no-repeat;}
.simple-right .b-dicon{float:left;width:36px;height:35px;margin:0px 10px 10px 0px;background:url(../images/footer_icon.png) -142px -1px no-repeat;}
.simple-right #wx-box{float:left;position:relative;margin:0px 10px 10px 0px;cursor:pointer;}
.simple-right #wx-box strong{display:block;width:36px;height:35px;background:url(../images/footer_icon.png) 0px 0px no-repeat;}
.simple-right #wx-box span{display:block;position:absolute;top:40px;left:0px;width:184px;display:none;}
.simple-right #wx-box span img{float:left;width:80px;height:80px;margin:0px 5px 5px 0px;}




.logo-accounts{height:20px;margin:40px 0px 0px 0px;}
.logo-accounts strong{float:left;width:80px;height:1px;background:#ececec;margin:10px 0px 0px 0px;}
.logo-accounts span{float:left;width:188px;color:#fff;text-align:center;line-height:20px;}
.logo-icon{width:348px;text-align:center;height:35px;margin:40px 0px 0px 0px;}
.logo-icon a{display:inline-block;width:37px;height:37px;margin:0px 10px;}
.logo-icon a.weixin{background:url(../images/logo_icon.png) -122px 0px no-repeat;}
.logo-icon a.weibo{background:url(../images/logo_icon.png) 0px 0px no-repeat;}
.logo-icon a.qq{background:url(../images/logo_icon.png) -61px 0px no-repeat;}

.logo-icon a.weixin:hover{background:url(../images/logo_iconhover.png) -122px 0px no-repeat;}
.logo-icon a.weibo:hover{background:url(../images/logo_iconhover.png) 0px 0px no-repeat;}
.logo-icon a.qq:hover{background:url(../images/logo_iconhover.png) -61px 0px no-repeat;}

.flex{
    display:-webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.hidden{
	display: none;
}


/* 图书馆 */
header{
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	position: relative;
	background-image: url(../images/lib-bg.jpg);
    background-position: 50% 100px;
}

.cover{
	height: 800px;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    position: relative;
    float: left;
    width: 100%;
}

.cover .title{
	color: #fff;
	font-size: 60px;
	font-weight: 400;
	padding: 0px 50px;
	margin-top: 150px;
	margin-left: 20%;
	letter-spacing: 2px
	
}
.cover .subtitle{
	color: #fff;
	font-size: 36px;
	margin-top: 30px;
	margin-left: 40%;
	letter-spacing: 2px
}


.enter-btn {
	width: 500px;
	margin: 30px auto 0;
}
.read-btn {
	width: 220px;
	padding:10px 0px;
	border: 1px solid #fff;
	background-color: #F05000;
	cursor: pointer;
	margin: 30px auto 0;
	text-align: center;
}

.qr-code{
	float: left;
	margin: -50px 0 0 50px;
}
.qr-code img{
	width: 200px;
	height: auto;
}
.qr-code p{
	width: 200px;
	color: #fff;
	font-size: 18px;
	text-align: center;
} 

.read-btn:hover{
	background-color: #e05000;
}
.read-btn p{
	width: 180px;
	color: #fff;
	font-size: 32px;
	font-weight: 700;
	margin: 0 auto;
	text-align: center;
}

.cover .enter-btn{
	margin-top: 100px;
}
.cover .read-btn{
	float: left;
}

.section{
	width: 100%;
	height: 700px;
}

.section .title{
	width: 600px;
	color: #555;
	font-size: 48px;
	font-weight: 200;
	margin: 130px auto 0;
	text-align: center;
	letter-spacing: 2px
}
.section .subtitle{
	width: 550px;
	color: #555;
	font-size: 20px;
	font-weight: 200;
	margin: 30px auto 0;
	text-align: center;
	letter-spacing: 2px
}

#section-1{
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
	background-image: url(../images/lib-bg1.jpg);
}

#section-2{
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
	background-image: url(../images/lib-bg2.jpg);
}

#section-3{
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
	background-image: url(../images/lib-bg3.jpg);
}

#section-3 .title, #section-3 .subtitle{
	color: #fff;;
}

.circle{
	background-color: #fff;
	width: 20px;
	height: 20px;
	border: 1px solid #333;
	border-radius: 50%;
}
.tssm-txt{
	width: 400px;
	font-size: 60px;
	border-bottom: 1px solid #333;
	padding: 15px;
	margin: 40px auto;
	text-align: center;
}

.tssm .circle{
	margin: -50px auto 30px;
} 

/* 找回密码 */
.wsxx-ctitle {
    width: 910px;
    height: 74px;
    background: url(../images/wsxx-bg.gif) 0px 0px no-repeat;
    font-size: 18px;
    color: #fff;
    line-height: 55px;
    margin: 0px 40px;
    padding: 0px 0px 0px 50px;
}
.zh-password {
    color: #999;
    margin-left: 130px;
}
.wsxx-jut {
    height: 55px;
    margin: 0px 90px;
    position: relative;
    border: 1px solid #fff;
}
.wsxx-jut-nav {
    width: 804px;
    height: 32px;
    background: #f1f1f1;
    border: 1px solid #ccc;
    border-radius: 20px;
    margin: 11px 0px;
}
.wjma-jut-ul {
    height: 55px;
    overflow: hidden;
    position: absolute;
    top: 0px;
    left: 55px;
}
.wsxx-jut-ul li {
    float: left;
    height: 53px;
    line-height: 53px;
    font-size: 16px;
    color: #888;
    text-align: center;
    padding: 0px 45px;
}
.wsxx-jut-ul .active {
    width: 180px;
    height: 47px;
    background: url(../images/jut-hover.gif) 0px 0px no-repeat;
    margin: 8px 0px 0px 0px;
    padding: 0px;
    color: #fff;
    line-height: 39px;
}
.new-wjma-jut-ul li {
    padding: 0px 80px;
}
.new-wjma-jut-ul .active {
    margin: 8px 0px 0px 20px;
}
.zhuce-success {
    margin: 0px 0px 0px 0px;
}
.zhuce-success-t span {
    font-size: 20px;
    color: #fff;
}
.zhuce-success-t i{
    color: #66cc99;
	font-size: 24px;
}
.zhuce-success-t .zhuce-success-p {
    margin: 10px 0px 0px 25px;
    color: #eee;
    font-size: 14px;
}
.wsxx-cnav {
	width:350px;
    height: 35px;
    border-bottom: 1px solid #ccc;
}
.wsxx-cnav span {
    display: inline-block;
    height: 33px;
    border-bottom: 3px solid #ffa800;
    color: #fff;
    font-size: 22px;
}

.joinus{
	float: left;
	color: #fff;
	font-size: 14px;
	padding: 13px;
	cursor: pointer;
	background-color: #ff7052;
}

.joinus:hover{
	background-color: #ee7052;
}

.btn-primary {
	background-color: #33b0f8;
	border-color: #33b0f8;
}
.btn-primary:hover {
	background-color: #22aaf9;
	border-color: #22aaf9;
}
.class-inlast{
    display: block;
    position: relative;
}
#share{
    position: absolute;
    right:100px;
    bottom:100px;
}
#goTy{
    width: 140px;
    opacity: .6;
}
@media(min-width:0) and (max-width:1200px){
    .top{width:1200px}
    .banner{width:1200px}
    .footer{width:1200px}
    .an-con{width:1200px}
    .software{width:1200px}
    .animation{width:1200px}
    .navigator{width:1200px;}
    .information{width:1200px;}
    .partner{width:1200px;}
    .news{width:1200px;}
    .ad{width:1200px;}
    .others{width:1200px;}
    .register{width:1200px;}
    .nav{width:1200px}
    .section{width:1200px}
    .cover{width:1200px}
}


