@charset "UTF-8";
/**
* @Author: chendianhuai ()
* @Date:   2016-07-11 14:10:34
* @Desc:   快启动官网样式模板
* @Last Modified by :   chendianhuai
* @Last Modified time: 2016-12-19 16:04:55
*/
body,button,input,select,textarea {font:400 12px/1.5 'Lantinghei SC','Microsoft Yahei','Hiragino Sans GB','Microsoft Sans Serif','WenQuanYi Micro Hei',sans-serif;outline:none;}
* {margin:0;padding:0;}
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,menu,nav,section {margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display:block;}
audio,canvas,progress,video {display:inline-block;vertical-align:baseline;}
audio:not([controls]) {display:none;height:0;}
[hidden],template {display:none;}
ul,ol {list-style:none;}
li {*vertical-align:top;}
a {color:#333;background-color:transparent;text-decoration:none;}
a:active,a:hover {outline:0;}
abbr[title] {border-bottom:1px dotted;}
b,strong {font-weight:bold;}
dfn {font-style:italic;}
mark {background:#ff0;color:#000;}
small {font-size:80%;}
sub,sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}
img {border:0;}
svg:not(:root) {overflow:hidden;}
figure {margin:1em 40px;}
hr {box-sizing:content-box;height:0;}
pre {overflow:auto;}
code,kbd,pre,samp {font-family:monospace,monospace;font-size:1em;}
button,input,optgroup,select,textarea {color:inherit;font:inherit;}
button {overflow:visible;}
button,select {text-transform:none;}
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance:button;cursor:pointer;}
button[disabled],html input[disabled] {cursor:default;}
button::-moz-focus-inner,input::-moz-focus-inner {border:0;padding:0;}
input {line-height:normal;}
input[type="checkbox"],input[type="radio"] {box-sizing:border-box;padding:0;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height:auto;}
input[type="search"] {-webkit-appearance:textfield;box-sizing:content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
input::-ms-clear {display:none;}
fieldset {border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}
legend {border:0;padding:0;}
textarea {overflow:auto;}
optgroup {font-weight:bold;}
table {border-collapse:collapse;border-spacing:0;}
.fl {float:left !important;_display:inline;}
.fr {float:right;}
.disn {display:none}
.pt40 {padding-top:40px;}
.pt50 {padding-top:50px;}
.pt90 {padding-top:90px;}
.pos_r {position:relative;}
.mar-r-0 {margin-right:0 !important;}
.pad-m {padding-bottom:48px !important;}
.clearfix:before,.clearfix:after {content:"";display:table;}
.clearfix:after {clear:both;}
.clearfix {zoom:1;}
em {font-style:normal}
/* 单行文字溢出虚点显示*/
.ell {text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
/*  多行溢出隐藏 */
.l-ell {display:-webkit-box;display:box;word-wrap:break-word;word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;box-orient:vertical;
    /* 几行隐藏 */
    -ms-line-clamp:2;-moz-line-clamp:2;-webkit-line-clamp:2;line-clamp:2;}
.main {width:1160px;margin:0 auto;}
.aside .icon,.aside i{
    background: url("icon.png") no-repeat;
    display: inline-block;
}
.aside .icon,.aside i{
    *display: inline;
}
/* 首页开始 */
/*头部*/
.header {width:100%;height:86px;line-height:86px;background-color:#0072fe;border-bottom:1px solid #4b9cfe;min-width:1160px;z-index:99999;transition:all .5s;position:fixed;}
.header-dow {width:100%;height:86px;line-height:86px;background:#0072fe;}
.header_warp {width:1160px;height:86px;margin:0 auto;overflow:hidden;position:relative;}
.header_warp .logo {width:160px; float:left;position:relative;top:24%;transition:all .5s;}
.header_warp .logo a {display:block;width:160px;height:48px;text-indent:-99em;white-space:nowrap;overflow:hidden; background:url("logo.png") no-repeat;transition:all .5s;-moz-background-size:contain;-o-background-size:contain;background-size:contain;}
.header_warp .nav {
	float:right;
	height:86px;
	margin-right:50px;
	transition:all .5s;
	}
.header_warp .nav ul li {float:left;transition:all .5s;}
.header_warp .nav ul li:hover,.header_warp .nav ul li.on {background-color:#0265de;}
.header-dow .header_warp .nav ul li:hover,.header-dow .header_warp .nav ul li.on {background-color:#0265de;}
.header_warp .nav ul li a {display:block;width:112px;height:86px;line-height:86px;font-size:16px;color:#fff;text-align:center;transition:all .5s;}
.header_warp .search_box {position:absolute;right:0;top:24px;transition:all .5s;}
.header_warp .search_box .search_bt {width:39px;height:39px;display:block;background:url("all_bg.png") no-repeat;background-position:-2px -2px;border:none;position:absolute;right:0;top:0;}
.header_warp .search_box .search_bt-on {background-position:-41px -2px;}
.header_warp .search_box .search_text {width:0px;height:39px;line-height:39px;display:block;background:url("all_bg.png") no-repeat;background-position:-80px -2px;border:none;text-indent:15px;position:absolute;right:19px;top:0;}
.header-active {height:46px;line-height:46px;transition:all .2s;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.2);-moz-box-shadow:0 2px 10px rgba(0,0,0,.2);box-shadow:0 2px 10px rgba(0,0,0,.2);}
.header-active .logo {top:10%;}
.header-active .header_warp {height:46px;}
.header-active .header_warp .logo a {display:block;width:120px;height:36px;text-indent:-99em;white-space:nowrap;overflow:hidden; background:url("logo-small.png") no-repeat;transition:all .5s;-moz-background-size:contain;-o-background-size:contain;background-size:contain;}
.header-active .header_warp .nav {height:46px;line-height:46px;}
.header-active .header_warp .nav ul li a {height:46px;line-height:46px;}
.header-active .header_warp .search_box {top:4px;}
/*banne开始*/
.banner {width:100%;height:538px;padding-top:87px;background-color:#2b89fe;overflow:hidden;margin:0 auto;position:relative;min-width:1160px;}
.banner_content {width:1160px;height:538px;margin:0 auto;position:relative;}
.banner_left {position:absolute;left:66px;top:63px;}
.banner_right {position:absolute;top:58px;left:680px;width: 480px;}
.ban-tit {float:left;width:100%;}
.link-group {width:100%;margin-top:38px;float:left;padding-bottom:15px;}
.link-group .link-1,.link-group .link-2 {width:227px;height:55px;display:block;/*float:left;*/background:url(link-btn.png) no-repeat -233px 0;position:relative;text-indent:-9999em;}
.link-group .link-1:before,.link-group .link-2:before {display:none\9;content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:url(link-btn.png) no-repeat 0 -55px;opacity:0;filter:alpha(opacity=0);}
.link-group .link-2:before {background-position:-233px -55px;}
.link-group .link-1:hover:before,.link-group .link-2:hover:before {-webkit-animation:scaleUp 1s;-moz-animation:scaleUp 1s;-ms-animation:scaleUp 1s;-o-animation:scaleUp 1s;animation:scaleUp 1s;}
.link-group .link-2 {background-position:0px 0;position:relative;}
.link-group .link-2 .show-div1 {display:none;width:233px;height:57px;padding-top:25px;position:absolute;top:35px;left:50%;margin-left:-116px;z-index:99}
.link-group .link-2:hover .show-div1 {display:block;}
/*.link-r {margin-top:23px;}*/
.xl-dow,.bd-dow {font-size:16px;font-weight:bold;color:#fff;}
/*.xl-dow i,.jc-link i {width:6px;height:6px;display:block;float:left;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;background-color:#fff;margin:8px;}*/
.xl-dow:hover,.bd-dow:hover,.jc-link:hover,.hov-show:hover {color:#f8e650;}
.xl-dow:hover i,.jc-link:hover i {background-color:#f8e650;}
.jc-link {font-size:16px;color:#f8e650;margin-top:5px;/*float:left;*/margin-left:24px;}
.ban-r p {font-size:16px;color:#fff;margin-top:5px;float:left;width:100%;}
.dow-btn {
    /*margin-left:24px;float:left;*/
    margin: 20px 0;
}
.dow-btn span {font-size:16px;color:#fff;margin:0 11px;}
.hov-show {width:211px;height:19px;font-size:16px;color:#fff;cursor:pointer;float:left;margin-bottom:18px;position:relative;}
.hov-show .qb {width:211px;height:19px;display:block;background:url(difference01.png) no-repeat;overflow:hidden;text-indent:-999em;white-space:nowrap;position:absolute;top:0px;left:0px;cursor:pointer;}
.show-div {display:none;width:510px;height:135px;position:absolute;top:30px;left:50%;margin-left:-255px;z-index:9999;}
.show-div1 img,.show-div img {width:100%;height:100%;float:left;}
.hov-show:hover .show-div {display:block;}
.gfqq {width:100%;float:left;}
.gfqq a {font-size:16px;color:#fff;line-height:20px;}
.gfqq:hover a {color:#f8e650;}
.gfqq i {width:20px;height:20px;display:inline-block;background:url(all_bg.png) no-repeat -542px -2px;float:left;margin-right:8px;vertical-align:-2px;}
.gfqq:hover i {background-position:-561px -2px;}
/*底部波浪*/
#banner_bolang_bg_1 {height:85px;background:url("wave1.png") repeat-x;position:absolute;bottom:-24px;width:400%;left:-236px;z-index:999;}
#banner_bolang_bg_2 {height:100px;background:url("wave2.png") repeat-x;position:absolute;bottom:-24px;width:400%;left:0px;z-index:998;}
.banner_shadow {height:25px;background:url("wave3.jpg") repeat-x;width:100%;position:absolute;bottom:0;}
/* function */
.ft-main {width:1160px;height:338px;margin:0 auto;}
.ft-list {width:1160px;margin:0 auto;}
.ft-list li {width:33%;height:338px;position:relative;float:left;}
.ft-list a {display:block;width:100%;height:338px;cursor:pointer;text-align:center}
.ft-list h3,.ft-list p,.icon-one,.icon-two,.icon-three {position:absolute;z-index:3;}
.ft-list h3,.ft-list p {width:100%;height:24px;line-height:24px;left:0;text-align:center;overflow:hidden;}
.ft-list h3 {bottom:104px;font-size:18px;color:#504dbe;font-weight:normal}
.ft-list p {bottom:72px;color:#898989;font-size:14px;}
.icon-one,.icon-two,.icon-three {display:block;width:158px;height:124px;top:58px;left:50%;margin-left:-79px;background:url(all_bg.png);background-repeat:no-repeat;position:absolute;}
.icon-one {background-position:-226px -165px;}
.icon-two {background-position:-384px -165px;}
.icon-three {background-position:-542px -165px;}
.radius {display:none;width:166px;height:166px;background:url(all_bg.png) no-repeat -2px -41px;position:absolute;left:50%;margin-left:-83px;top:34px;}
.zoom {display:block;animation-name:zoom;-webkit-animation:zoom 0.4s linear 0s normal none;-moz-animation:zoom 0.4s linear 0s normal none;animation:zoom 0.4s linear 0s normal none;}
.ft-list li:hover .radius {display:block}
.ft-list li:hover .icon-one {background-position:-226px -41px;}
.ft-list li:hover .icon-two {background-position:-384px -41px;}
.ft-list li:hover .icon-three {background-position:-542px -41px;}
/*功能大全*/
.theFunction {width:1160px;margin:0 auto;}
.theFunction h2 {color:#504dbe;font-size:26px;font-weight:normal;border-left:7px solid #c7c6fa;padding-left:10px;height:26px;line-height:26px;margin:13px 0;}
.theFunction img {width:100%;height:218px;}
/*教程*/
.tutorial{
    width: 100%;
    min-width: 1160px;
    background-color: #f8f8ff;
}
.tutorial_c{
    width: 1160px;
    padding: 34px 0 0px 0;
    margin: 0 auto;
}
.tutorial_c .item1{
    float: left;
    margin-right: 31px;
    width: 366px;
    -moz-box-shadow:0px 3px 3px #F3F3FA; -webkit-box-shadow:0px 3px 3px #F3F3FA; box-shadow:0px 3px 3px #F3F3FA;
}
.tutorial_c .item1 .hd{
    color: #444;
    font-size: 18px;
    font-weight: normal;
    border-left: 7px solid #bbd6fe;
    padding-left: 10px;
    height: 20px;
    line-height: 20px;
    margin: 17px 0;
}
.tutorial_c .item1 .hd a{
    float: right;
    display: block;
    width: 19px;
    height: 19px;
    background:url("all_bg.png") -384px -2px ;
}
.tutorial_c .item1 .hd a:hover{
    background-position: -360px -2px ; ;
}
.tutorial_c .item1 .bd{
    background-color: #fff;
    padding-bottom: 18px;
}
.tutorial_c .item1 .bd .bd-pic{
    width: 366px;
    height: 161px;
}
.tutorial_c .item1 .bd .bd-pic a{
    display: block;
}
.tutorial_c .item1 .bd .bd-pic img{
    width: 100%;
    height: 100%;
}
.tutorial_c .item1 .bd .bd-tit{
    margin-top: 9px;
    padding: 0 15px;
    height: 37px;
    text-align: left;
    line-height: 37px;
    font-size: 16px;
    overflow: hidden;
    color: #676767;
}
.tutorial_c .item1 .bd .bd-tit a{
    color: #676767;
}
.tutorial_c .item1 .bd .bd-tit a:hover{
    color: #8584dd;
}
.tutorial_c .item1 .bd  .bd-tit-art{
    padding: 0 15px;
    font-size: 12px;
    color: #828282;
}
.tutorial_c .item1 .bd  .bd-tit-art a{
    color: #828282;
}
.tutorial_c .item1 .bd  .bd-tit-art a:hover{
    color: #ff7149;
}
.tutorial_c .item1 .bd  .bd-list{
    padding: 0 15px;
    margin-top: 10px;
}
.tutorial_c .item1 .bd  .bd-list ul li{
    height: 26px;
    line-height: 26px;
    overflow: hidden;
}
.tutorial_c .item1 .bd  .bd-list ul li a{
    color: #676767;
    font-size: 14px;
    width: 100%;
}
.tutorial_c .item1 .bd  .bd-list ul li em{
    width: 18px;
    height: 17px;
    display: inline-block;
    background: url("all_bg.png") -621px -2px;
    vertical-align: -7px;
    margin-right: 5px;
}
.tutorial_c .item1 .bd  .bd-list ul li:hover a{
    color: #0272fd;
}
.tutorial_c .item1 .bd  .bd-list ul li:hover em{
    background-position: -603px -2px;
}
.tutorial_c .item1 .bd  .bd-list ul li em.num{
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    display: inline-block;
    background: url("all_bg.png") -653px -2px;
    vertical-align: 0px;
    font-size: 14px;
    color: #fff;
    font-family: arial;
}
.tutorial_c .item3 .bd  .bd-list{
    padding-top: 20px;
}
.tutorial_c .item3 .bd  .bd-list li{
    height: 28px !important;
    line-height: 28px !important;
}
.tutorial_c .spjc .bd .bd-pic a{position: relative}
.tutorial_c .spjc .bd .bd-pic p.mark{
    position: absolute;
    left: 0;
    top: 0px;
    width: 366px;
    height: 161px;
    background-color: #000;
    filter:alpha(opacity=40);       /* IE */
    -moz-opacity:0.4;              /* 老版Mozilla */
    -khtml-opacity:0.4;              /* 老版Safari */
    opacity: 0.4;
}
.tutorial_c .spjc .bd .bd-pic i.tit1{
    width: 11px;
    height: 18px;
    background: url("all_bg.png") -2px -249px no-repeat;
    position: absolute;
    left: 176px;
    top: 73px;
}
.tutorial_c .spjc .bd .bd-pic i.tit2{
    width: 54px;
    height: 54px;
    background: url("circle.png") no-repeat;
    position: absolute;
    left: 154px;
    top: 55px;
    -moz-animation: rotate 1.7s linear infinite;
    -webkit-animation: rotate 1.7s linear infinite;
    -o-animation: rotate 1.7s linear infinite;
    -ms-animation: rotate 1.7s linear infinite;
    animation: rotate 1.7s linear infinite;
}
/*热键查询*/
.seachbox {width:1160px;min-width:1160px;height:73px;background-color:#eaeaff;margin:37px auto;border-bottom:3px solid #cacafc}
.seachbox h2 {font-weight:normal;color:#504dbe;line-height:73px;float:left;margin-right:30px;margin-left:20px;font-size:22px;}
.seachbox h2.relues {margin-right:0;font-weight:normal;color:#676767;line-height:73px;float:left;font-size:16px;}
.seachbox h2 i {width:35px;height:35px;background:url(all_bg.png) no-repeat -418px -2px;display:block;float:left;margin:21px 15px 0 0;}
.seachbox h2 a {color:#504dbe;font-size:16px;}
.seachbox h2 a:hover {color:#504dbe;text-decoration:underline}
.relues span {color:#7d7bff;margin-right:20px;font-size:20px;color:#7d7bff}
/* U盘启动热键查询 */
.seachbox .cx_2{ float: left; margin-top: 13px; }
.seachbox .cx_2 > li{ float: left; margin-right: 25px;position: relative;z-index: 989999 }
.seachbox .cx_2 li span{ display: inline-block; width:166px; height: 48px; line-height: 48px; background-color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; border: 1px solid #bed5fd; font-size: 18px; color: #8a8a8a; cursor: pointer; padding-left: 40px; position: relative;}
.seachbox .cx_2 li span em { width: 0; height: 0;
    border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #797979;
    position: absolute; top: 21px; right: 27px; }
.seachbox .cx_2 li span.on { border: 1px solid #8b88f2; }
.seachbox .cx_2 li span.on em { border-bottom: 8px solid #8b88f2;}
.seachbox .cx_2 li .lx-l,
.seachbox .cx_2 .lx-ls{
    border: 1px solid #bed5fd;
    -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px;
    border-radius: 5px; background: #fff; overflow: hidden; position: absolute; z-index: 111; margin-top: 5px;left: 1px;bottom: 52px;
}
.lx-ls{
    width: 300px; padding: 5px 10px;
}
.seachbox .cx_2 li .lx-l li,
.seachbox .cx_2 .lx-ls li{
    width: 161px;
    padding-left: 44px;
    /*text-align: center;*/
    height: 37px;
    line-height: 37px;
    font-size: 16px;
    color: #797979;
    background: #fff;
    cursor: pointer;
    display: inline-block;
}
.seachbox .cx_2 .lx-ls li {width: 135px; height: 30px; line-height: 30px; font-size: 14px; padding-left: 14px; }
.seachbox .cx_2 li .lx-l li:hover,
.seachbox .cx_2 li .lx-ls li:hover{ background-color: #bed5fd; color: #fff; }
/*友情链接*/
.friendly-list{
    width: 100%;
    background-color: #f6f7f9;
    height: 54px;
    -webkit-transition: all .15s ease;
    -moz-transition: all .15s ease;
    -ms-transition: all .15s ease;
    -o-transition: all .15s ease;
    transition: all .15s ease;
}
.h-153{height: 153px;}
.link-c{
    width: 1160px;
    margin: 0 auto;
    background-color: #f6f7f9;
}
.friendly-list .item1{
    width: 115px;
    height: 54px;
    line-height: 54px;
    text-align: center;
    background-color: #ff7149;
    display: inline-block;
    float: left;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    position: relative;
}
.friendly-list .item1 i{
    position: absolute;
    right: -8px;
    top: 20px;
    width: 8px;
    height: 19px;
    background: url("all_bg.png") -2px -223px;
}
.friendly-list .item2{float:left;width:1014px;height: 54px;margin-left: 30px;overflow: hidden;}
.friendly-list .item2 ul li{float:left;/*height:54px;line-height: 54px;*/ margin-left: -1px; position: relative;}
.friendly-list .item2 ul li a{height:15px;line-height:15px;padding:0 10px;border-left:1px solid #8a8a8a;display:inline-block;overflow:hidden;font-size:14px;color:#8a8a8a;margin-top: 21px;}
.friendly-list .item2 ul li a:hover{color:#7e7efe;}

.friendly-list .item3{float:left;width:1014px;margin-left: 146px;margin-top: -12px;padding-bottom: 15px; overflow: hidden;}
.friendly-list .item3 ul li{float:left;/*height:54px;line-height: 54px;*/margin-left: -1px; position: relative;}
.friendly-list .item3 ul li a{height:15px;line-height:15px;padding:0 10px;border-left:1px solid #8a8a8a;display:inline-block;overflow:hidden;font-size:14px;color:#8a8a8a;margin-top: 5px;}
.friendly-list .item3 ul li a:hover{color:#7e7efe;}
/*底部*/
.ft {min-height:100px;width:100%;background: #0072fe;}
.ft-content {padding-top:10px;width:1000px;margin:0 auto;}
.ft-content .ft-content-top {height:250px;}
.ft-content .links {margin-left:24px;width:660px;}
.ft-content .links .link-title {font-size:18px;margin-top:5px;}
.ft-content .links .details li {float:left;overflow:hidden;height:auto;margin:10px 0px 0px 15px;}
.ft-content .links .details li a {color:#9b9b9b;}
.ft .ft-content .copyright {margin-top:10px;}
.ft .ft-content .copyright p {text-align:center;color:#d8d7fe;font-size:12px;}
.ft .ft-content .copyright .verifies {height:60px;width:1000px;margin-top:10px;text-align:center;}
.ft .ft-content .copyright .verifies img {margin-left:8px;}
.show {width:516px;height:381px;overflow:hidden;position:relative;}
.show-img,.show-img2 {width:100%;height:100%;position:absolute;top:0;left:0;}
.show-img {z-index:3;-webkit-animation:Opa 6.5s .1s ease both;-moz-animation:Opa 6.5s .1s ease both;}
.show-img2 {z-index:1;}
.zz1 {width:1032px;height:762px;z-index:4;position:absolute;background:url(BG.png) no-repeat right bottom;-webkit-animation:tada 5s .2s ease both;-moz-animation:tada 5s .2s ease both;}
.zz2 {width:200%;height:200%;z-index:2;position:absolute;background:url(BG.png) no-repeat right bottom;-webkit-animation:tada 6s 2.2s ease both;-moz-animation:tada 6s 2.2s ease both;}
.on {background:#f00;}
.xian {width:550px;height:414px;position:absolute;left:54px;top:47px;}
.xian em {position:absolute;background-color:#fff;}
.xian em.left {background:url(left.png) no-repeat left top;}
.xian em.left,.xian em.right {width:7px;-webkit-animation:shu 2s .1s ease-in both;-moz-animation:shu 2s .1s ease-in both;}
.xian em.right {width:1px;}
.xian em.top,.xian em.bottom {height:7px;-webkit-animation:heng 2s .1s ease-in both;-moz-animation:heng 2s .1s ease-in both;}
.xian em.top {height:1px;}
.xian em.bottom {background:url(bottom.png) no-repeat right bottom;}
.xian em.top {top:14px;right:4px;width:100%;}
.xian em.right {top:0;right:20px;height:100%;}
.xian em.bottom {bottom:11px;left:-4px;width:100%;}
.xian em.left {bottom:0;left:5px;height:100%;}
.xian span {position:absolute;display:block;width:15px;height:15px;font-size:18px;color:#fff;-webkit-animation:show .1s 2.2s ease-in both;-moz-animation:show .1s 2.2s ease-in both;}
.xian .zb-x {right:-26px;bottom:15px;}
.xian .zb-y {left:4px;top:-28px;}

/* 教程页 */
.course-banner { width: 100%; min-width: 1160px;height: 433px; background: url(jc-banner.jpg) center bottom; padding-top: 87px;}
.ban-main { width: 1160px; margin: 0 auto; position: relative;}
.jc-ban-pic { width: 471px; height: 149px; position: absolute; top: 117px; left: 48px;}
.jc-ban-tit { width: 565px; height: 176px; position: absolute; top:117px; left: 560px;}
.news-ban-pic { width: 450px; height: 305px; position: absolute; top: 60px; left: 90px;}
.news-ban-tit { width: 466px; height: 180px; position: absolute; top:127px; left: 625px;}

.jc-ban-pic img,
.jc-ban-tit img { width: 100%;}

.select-box { width: 1111px; margin-bottom:38px; border: 1px solid #f2f2f2; padding: 20px 25px 20px 22px;}
.select-box .course-pic { height: 250px; width: 383px; border: 1px solid #f2f2f2; position: relative; float: left; display: block;}
.course-pic img { height: 250px; width: 383px;}
.course-pic .titbg { width: 100%; height: 38px; position: absolute; bottom: 0; left: 0; background-color: #000;
    filter:alpha(opacity=40);/* IE */
    -moz-opacity:0.4;/* 老版Mozilla */
    -khtml-opacity:0.4;/* 老版Safari */
    opacity:0.4;}
.course-pic p {width: 100%; height: 38px; line-height: 38px; position: absolute; bottom: 0; left: 0; font-size: 16px; color: #fff; text-align: center;}

.select-box ul { width: 710px; float: left; margin: 25px 0 0 15px;}
.select-box li ,
.select-box li a { width: 342px; height: 40px; line-height: 40px; display: inline-block; *display: inline; zoom: 1; color: #676767; text-align: center; font-size: 14px;}
.select-box li { margin:0 0 14px 10px;}
.select-box li a:hover { text-decoration: underline;}
.select-box li a.link-1 { background-color: #f3f9cc;}
.select-box li a.link-2 { background-color: #dffcee;}
.select-box li a.link-3 { background-color: #ede6eb;}
.select-box li a.link-4 { background-color: #ede6e7;}
.select-box li a.link-5,
.select-box li a.link-8 { background-color: #d4f7f4;}
.select-box li a.link-6 { background-color: #e1eef5;}
.select-box li a.link-7 { background-color: #f8ead8;}

.course-left { width: 765px; float: left;}
.course-list-tit { width: 765px; background-color: #f8f8f8; border-top: 4px solid #e4e3e3; height: 46px;}
.course-list-tit li { float: left; font-size: 16px; line-height: 46px;}
.course-list-tit a { display: block; padding: 0 20px; color: #676767;}
.course-list-tit .cur,
.course-list-tit a:hover { color: #0272fd; border-top: 4px solid #bbd6fe; margin-top: -4px; position: relative; background-color: #fff;}

.course-list { width: 100%;}
.course-list li { width: 100%; margin-top: 26px; padding-bottom: 22px; border-bottom: 1px solid #e0e0e0; float: left;}
.cou-lis { width: 210px; height: 145px; border: 1px solid #f1f1f1; float: left;}
.cou-lis span { width: 210px; height: 145px; display: table-cell; vertical-align: middle; text-align: center;}
.cou-lis img { max-width: 210px; max-height: 145px; opacity: .9;}
.course-list li:hover .cou-lis img { opacity: 1;}
.cou-lis-r { width: 525px; float: left; margin-left: 25px;}
.cou-lis-r .cou-lis-tit { color: #515151; font-size: 16px; max-width: 525px; display: block; line-height: 30px; margin-bottom: 10px;}
.cou-lis-r p { color: #a8a8a8; width: 100%; font-size: 14px; line-height: 24px;}
.cou-lis-r .cou-lis-con { max-height: 50px; overflow: hidden; }
.cou-bot { margin-top: 20px;}
.cou-bot span { display: inline-block; *display: inline; zoom: 1;}
.cou-bot .cou-date { padding-left: 25px; background: url(all_bg.png) no-repeat -680px -318px;}
.cou-bot .cou-title { padding-left: 25px; background: url(all_bg.png) no-repeat -680px -350px; margin-left: 30px; vertical-align: middle;}
.cou-bot .cou-title a { color: #a8a8a8;}
.cou-bot .cou-title a:hover { text-decoration: underline}
.cou-bot a.cou-a { padding: 0 20px; height: 30px; line-height: 30px; text-align: center; color: #a5a5a5; border: 1px solid #a5a5a5; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; display: inline-block;*display: inline; zoom: 1; float: right;}
.cou-bot a.cou-a i { width: 18px; margin-right: 8px; height: 30px; display: inline-block; *display: inline-block; zoom: 1; background: url(all_bg.png) no-repeat -334px 5px;vertical-align:middle;}
.course-list li:hover a.cou-a i { background: url(all_bg.png) no-repeat -316px 5px;}
.course-list li:hover .cou-bot a.cou-a{ color: #fff; border: 1px solid #338dfc; background-color: #338dfc;}
.course-list li:hover .cou-lis-tit { color: #338dfc;}

/* 右栏 */
.course-right { float: left; width: 365px; margin-left: 28px;}

.ab-cou,
.ab-cou-vid { width: 325px; padding: 18px 20px; background-color: #fff; margin-bottom: 25px;}
.mp-no { width: 345px;padding: 0 0 18px 20px;margin-bottom: 0;}
.cou-rig-tit { width: 100%; border-bottom: 1px solid #e0e0e0; padding-bottom: 14px;}
.cou-rig-tit span { display: block; border-left: 7px solid #bbd6fe; color: #676767; font-size: 20px; padding-left: 10px; height: 20px; line-height: 20px;}

.ab-cou-list,
.cou-vid-list { width: 325px; margin: 22px 0; float: left;}
.ab-cou-list li { width: 100%; float: left; font-size: 14px; line-height: 20px; color: #676767;}
.ab-cou-list li i { width: 16px; height: 20px; display: inline-block; *display: inline; zoom: 1; background: url(all_bg.png) no-repeat -621px 2px; margin-right: 10px;}
.ab-cou-list li a {max-width: 295px; display: inline-block; *display: inline; zoom: 1;}
.ab-cou-list li a:hover { color: #338dfc;}
.ab-cou-list li:hover i { background-position: -603px 2px;}
.cou-vid-list li h2 {max-width: 295px; padding-left: 26px; float: left; background: url(all_bg.png) no-repeat -680px -379px; font-size: 14px; line-height: 31px; color: #676767; font-weight: normal; float: left;}
.lishow { width: 323px; margin: 10px 0; float: left; display: none; }
.lipic { width: 149px; height: 108px; float: left; margin-right: 13px; position: relative;}
.lipic span { width: 149px; height: 108px; display: table-cell; vertical-align: middle; text-align: center; border:1px solid #d0d0d5;}
.lipic img { max-width: 149px; max-height: 108px; vertical-align: middle;}
.piczz { width: 100%; height: 100%; display: block; background-color: #000;     filter:alpha(opacity=40);/* IE */
    -moz-opacity:0.4;/* 老版Mozilla */
    -khtml-opacity:0.4;/* 老版Safari */
    opacity:0.4;}
.lishow-r p { color: #676767; font-size: 16px; margin: 10px 0;}
.lishow-r span { width: 78px; height: 22px; display: block; float: left; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; line-height: 22px; text-align: center; background-color: transparent; border: 1px solid #676767; color: #676767;font-size: 12px;}

.lipic .piczz { width: 100%; height: 100%; position: absolute; top:1px; left: 1px; z-index: 3;}
.lipic .pic-icon { width: 45px; height: 45px; position: absolute; top:50%; left: 50%; z-index: 3; margin: -23px 0 0 -23px; background: url(all_bg.png) no-repeat -159px -320px; }

.cou-vid-list li.active .lishow { display: block;}
.cou-vid-list li.active h2 { display: none;}
.lishow-r p:hover { color: #338dfc; font-size: 16px; margin: 10px 0;}
.lishow-r span:hover { background-color: #338dfc; color: #fff; font-size: 12px;border: 1px solid #338dfc;}


/* 教程详情页 */
.course-data { width: 100%; min-width: 1160px; background-color: #f1f1f1; padding-bottom: 40px;}
.bread-nav { margin: 20px 0 8px;}
.bread-nav li { height: 50px; line-height: 50px; font-size: 12px; display: inline-block; margin-left: 5px; color: #676767; font-size: 14px;}
.bread-nav li a{ color: #676767; }
.bread-nav li a:hover,.bread-nav li b{ font-weight: normal; color: #338dfc; }
.bread-nav li span { padding-left: 20px; background: url(all_bg.png) no-repeat -685px -288px;}
.index-ranking { background-color: #fff; padding: 20px;}
.index-ranking .tit_g { text-align:center; font-size:24px; font-weight:normal;color:#4d4c4c; }
.index-ranking .ly_box { text-align:center; height:50px; overflow:hidden; margin-bottom:10px; border-bottom: 1px solid #cdcdcd; position:relative; }

.index-ranking .ly_box span { font-size:12px; color:#515151; margin-right:30px; line-height:40px;}

.index-ranking .con { font-size:14px; color:#666666; line-height:200%; padding-bottom:20px; }
/* .index-ranking .con p ,.index-ranking .con a { text-align:left;}
.index-ranking .con a {border-bottom: 1px solid #0000ff;color: #0000ff;font-weight: bolder;}
.index-ranking .con br{ line-height:40px;display:inline;} */
.index-ranking .con img { margin:10px 0px; max-width:800px;}

/* 下载 */

.dow-banner { width: 100%; min-width: 1160px;height: 433px; background: url(dow-bg.jpg) center bottom; padding-top: 87px;}
.course-right.mt { margin-top: 30px;}
.bdow-ban-right .ban-tit {float:none;width:100%; text-align: center; margin-top: 50px;}
.bdow-ban-right {width:100%;margin-top:38px;float:left;padding-bottom:30px;}
.bdow-ban-right .link-1,
.bdow-ban-right .link-2 {width:262px;height:66px;display:block;float:left;background:url(link-btn2.png) no-repeat 0 0;position:relative;text-indent:-9999em;}
.bdow-ban-right .link-1:before,
.bdow-ban-right .link-2:before {display:none\9;content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:url(link-btn2.png) no-repeat 0 -70px;opacity:0;filter:alpha(opacity=0);}
.bdow-ban-right .link-2:before {background-position:-262px -70px;}
.bdow-ban-right .link-1:hover:before,
.bdow-ban-right .link-2:hover:before {-webkit-animation:scaleUp 1s;-moz-animation:scaleUp 1s;-ms-animation:scaleUp 1s;-o-animation:scaleUp 1s;animation:scaleUp 1s;}
.bdow-ban-right .link-2 {background-position:-0px 0px;position:relative;}
.bdow-ban-right .link-2 .show-div1 {display:none;width:233px;height:57px;padding-top:25px;position:absolute;top:35px;left:50%;margin-left:-116px;z-index:99}
.bdow-ban-right .link-2:hover .show-div1 {display:block;}
.bdow-ban-right .link-l,
.bdow-ban-right .link-r {/* width: 480px;*/width: 300px;/* margin-top:23px;*/ display: inline-block; *display: inline; zoom: 1;}
.bdow-ban-right .link-group { text-align: center; float: none;}
.bdow-ban-right .link-group em { width: 50px; height: 88px; display: inline-block; *display: inline; zoom: 1; background: url(all_bg.png) no-repeat -170px -208px;}
.bdow-ban-right .xl-dow,.bd-dow {font-size:16px;font-weight:bold;color:#fff;}
.bdow-ban-right .xl-dow i,.jc-link i {width:6px;height:6px;display:block;float:left;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;background-color:#fff;margin:8px;}
.bdow-ban-right .xl-dow:hover,
.bdow-ban-right .bd-dow:hover,
.bdow-ban-right .jc-link:hover,
.bdow-ban-right .hov-show:hover {color:#f8e650;}
.bdow-ban-right .xl-dow:hover i,
.bdow-ban-right .jc-link:hover i {background-color:#f8e650;}
.bdow-ban-right .jc-link {font-size:16px;color:#fff100;margin-top:5px;margin-left:24px;}
.bdow-ban-right .ban-r p {font-size:16px;color:#fff;margin-top:5px;float:left;width:100%;}
.bdow-ban-right .dow-btn {margin-left:0;float:left;}
.bdow-ban-right .dow-btn span {font-size:16px;color:#fff;margin:0 11px;}
.bdow-ban-right .hov-show {width:215px;height:19px;font-size:16px;color:#fff;cursor:pointer;float:none;margin:18px auto;position:relative;}
.bdow-ban-right .hov-show .qb {width:215px;height:22px;display:block;background:url(difference12.png) no-repeat 0 0;overflow:hidden;text-indent:-999em;white-space:nowrap;position:absolute;top:0px;left:0px;cursor:pointer;}
.bdow-ban-right .show-div {display:none;width:510px;height:135px;position:absolute;top:30px;left:50%;margin-left:-255px;z-index:9999;}
.bdow-ban-right .show-div1 img,
.bdow-ban-right .show-div img {width:100%;height:100%;float:left;}
.bdow-ban-right .hov-show:hover .qb{ background-position: 0 -31px;}
.bdow-ban-right .hov-show:hover .show-div {display:block;}
.bdow-ban-right .gfqq {width:100%;float:left;}
.bdow-ban-right .gfqq a {font-size:16px;color:#fff;line-height:20px;}
.bdow-ban-right .gfqq:hover a {color:#f8e650;}
.bdow-ban-right .gfqq i {width:20px;height:20px;display:inline-block;background:url(all_bg.png) no-repeat -542px -2px;float:left;margin-right:8px;vertical-align:-2px;}
.bdow-ban-right .gfqq:hover i {background-position:-561px -2px;}

.dow-data { width: 1120px; padding: 20px; background-color: #fff; margin-bottom: 25px;}

.dow-da-pic { width: 274px; height: 192px; border: 1px solid #f2f2f2; float: left; margin-right: 37px;}
.dow-da-pic span { width: 274px; height: 192px; display: table-cell; vertical-align: middle; text-align: center;}

.dow-da-pic span img { max-width: 274px; max-height: 192px;opacity: 0.9;}
.dow-da-pic:hover img { opacity: 1;}

.dow-da { width: 450px; height: 192px; float: left; border-right: 1px solid #f6f6f6; line-height: 35px;}
.dow-da p { font-size: 20px; color: #333; margin-top: 30px;}
.dow-da span { color: #676767; font-size: 14px;}
.dow-da span i { width: 15px; height: 15px; display: inline-block; *display: inline; zoom: 1; background: url(all_bg.png) no-repeat -685px 0;}
.dow-link-gro { width: 450px; float: left; margin-top: 15px;}
/*.dow-link-gro a {width: 123px; height: 40px; display: inline-block; *display: inline; zoom: 1; margin-right: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; position: relative;}*/
.dow-link-gro a { background: #5ba6f5 none repeat scroll 0 0; border-radius: 8px;color: white; font-size: 17px;width: 105px;   display: inline-block; *display: inline; zoom: 1; margin-right: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; position: relative;}
a.bdxz { background: #31cc7c url(btn-tit.png) no-repeat 0 0;}
a.xlxz { background: #ffa200 url(btn-tit.png) no-repeat -142px 0;}
a.bdwp { background: #5ba6f5 url(btn-tit.png) no-repeat -285px 0;}

a.bdxz:before,
a.xlxz:before,
a.bdwp:before {display:none/9;content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:url(btn-tit.png) no-repeat 0 -70px;opacity:0;filter:alpha(opacity=0);}
a.bdxz:before {background-position: 0 0;}
a.xlxz:before {background-position: -142px 0;}
a.bdwp:before {background-position: -285px 0;}

a.bdxz:hover:before,
a.xlxz:hover:before,
a.bdwp:hover:before {-webkit-animation:scaleUp 1s;-moz-animation:scaleUp 1s;-ms-animation:scaleUp 1s;-o-animation:scaleUp 1s;animation:scaleUp 1s;}
.dow-da-r { width: 310px; float: left; margin-top: 10px;}
.dow-da-r p { width: 100%; float: left; margin-left: 30px; color: #676767; font-size: 14px; line-height: 30px; line-height: 24px;}

.dow-bbh { width: 100%; margin-top: 20px; line-height: 30px; float: left; font-size: 14px;}
.dow-bbh p { float: left; color: #676767;}
.dow-bbh p.dow-width { width: 190px;}
.dow-bbh span { float: left; color: #a8a8a8;}
.dow-cent { width: 100%; color: #676767; font-size: 14px;}
.dow-cent span { width: 100%; margin-top: 20px; line-height: 30px; display: block; float: left;}
.dow-cent p { line-height: 22px; float: left;}
.dow-cent-pic { margin-top: 20px; float: left;}
.dow-cent-pic span { width: 722px; display: table-cell; vertical-align: middle; text-align: center;}
.dow-cent-pic span img { max-width: 722px; height: auto;}

.dow-link,
.cour-soft { background-color: #fff; padding: 20px; margin-top: 25px;}
.dow-link ul { margin-top: 20px;}
.dow-link ul,
.dow-link ul li { width: 100%;float: left; font-size: 14px; line-height: 30px;}

.dow-link li i { width: 6px; height: 6px; margin: 12px 10px 0 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;  background-color: #676767; display: block; float: left;}
.dow-link li a { max-width: 620px; float: left;}
.dow-link li span { float: right;}

.dow-link li:hover a,
.dow-link li:hover span {color: #8584dd;}
.dow-link li:hover i { background-color: #8584dd;}

.cour-soft{}
.cour-soft ul { width: 100%; float: left; margin:30px 0 0 -5px; position: relative;}
.cour-soft li ,
.cour-soft li a { width: 234px; height: 34px; line-height: 34px; display: inline-block; *display: inline; zoom: 1; color: #676767; text-align: center; font-size: 14px;}
.cour-soft li { margin:0 0 10px 5px;}
.cour-soft li a:hover { text-decoration: underline;}
.cour-soft li a.link-1 { background-color: #f3f9cc;}
.cour-soft li a.link-2 { background-color: #dffcee;}
.cour-soft li a.link-3 { background-color: #ede6eb;}
.cour-soft li a.link-4 { background-color: #ede6e7;}
.cour-soft li a.link-5,
.cour-soft li a.link-8 { background-color: #d4f7f4;}
.cour-soft li a.link-6 { background-color: #e1eef5;}
.cour-soft li a.link-7 { background-color: #f8ead8;}
/* 404 */
.page-err { width: 100%; min-width: 1160px; min-height: 530px; vertical-align: middle; text-align: center; background-color: #F9FBFA; padding-top: 90px;}
.page-err-pic { width: 360px; height: 450px; margin: 0 auto;}
.page-err-pic a { width: 152px; height: 43px; line-height: 43px; text-align: center; background-color: #0072fe; color: #fff; font-size: 18px; display: inline-block; *display: inline; zoom: 1; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; margin-top: 40px;}

.page-err-pic a:hover { text-decoration: underline;}

.fanye { width: 100%; margin: 35px 0 15px;}
.fanye a { width: 332px; height: 40px; line-height: 40px; text-align: center; color: #45403f; font-size: 14px;}
.fanye span { width: 317px; display: block; float: left; background-color: #dadada; line-height: 40px;
    padding-left:5px;}
.fanye span a {width: 255px; float: right; background-color: #f1f1f1; display: block; padding:0 5px; overflow: hidden;}
.fanye span:hover { color: #706df1; background-color: #deddff;}
.fanye span:hover a { color: #fff; background-color: #0072fe;}

.fenye { width: 100%; padding: 30px 0;text-align: center;}
.fenye ul { float: right;}
.fenye li { display: inline-block; *display: inline; zoom: 1; height: 30px;}
.fenye li a { display: block; height: 30px; line-height: 30px; padding: 0 10px; border:1px solid #dfdfdf; font-size: 16px;}
.fenye li.thisclass{ padding: 0 10px;font-size: 16px;}
.fenye li a.fyact,
.fenye li a:hover { border-color: #338dfc; color: #338dfc; }
.ml10 { margin-left: 10px;}
.mr10 { margin-right: 10px;}
.colf3 {background-color: #f3f2f2;}
.colf3 .ft-content .copyright p { color: #676767;}
.colff {background-color: #fff;}
.colff .ft-content .copyright p { color: #676767;}

.aside{
    position: fixed;
    width: 67px;
    height: 146px;
    left: 93%;
    z-index: 1000;
    bottom: 147px;
}
.aside .icon{
    width: 65px;
    height: 67px;
    margin-bottom: 8px;
    cursor: pointer;
    position: relative;
    z-index: 10;
}
.aside .weixin{
    background-position: 0 0;
}
.aside .weibo{
    background-position: 0 -69px;
}
.aside .weixin:hover{
    background-position: -68px 0;
}
.aside .weibo:hover{
    background-position: -68px -69px;
}
.aside .code{
    width: 94px;
    position: absolute;
    top: -25px;
    border: 1px solid #0272fd;
    border-radius: 4px;
    opacity: 0;
    right: 0;
    background-color: #ffffff;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
    filter:alpha(opacity=0);
    -webkit-transition:all 1s;
    -moz-transition:all 1s;
    -ms-transition:all 1s;
    -o-transition:all 1s;
    transition:all 1s;
}
.aside .code img{
    border-radius: 3px 3px 0 0;
}
.aside .code .txt{
    width: 100%;
    height: 24px;
    background-color: #0272fd;
    line-height: 24px;
    text-align: center;
    font-size: 13px;
    color: #ffffff;
    border-radius: 0 0 3px 3px;
}
.aside .code i{
    width: 7px;
    height: 13px;
    position: absolute;
    right: -8px;
    top: 46px;
    background-position: -143px 0;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
    filter:alpha(opacity=0);
    opacity: 0;
}
.aside .code.act{
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
    filter:alpha(opacity=100);
    opacity: 1;
    right: 90px;
}
.aside .code.act i{
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
    filter:alpha(opacity=100);
    opacity: 1;
}


/*消息滚动*/
.kqd-tips-box{width: 1160px;margin: 5px auto;position: relative;border-left: 7px solid #bbd6fe;height: 26px;}
.kqd-tips-box .tips-lb{position: absolute;left: 8px; top: 0}
.kqd-tips-box .xq-tb{margin-left: 50px;line-height: 24px;width: 70%}
.kqd-tips-box a{display:block; text-decoration:none;color: #444;font-size: 18px}
.kqd-tips-box .bt-ckxq{width: 92px;height: 34px;display: inline-block;text-align: center;color: #fff;font-size: 16px;line-height: 34px;background: #2b89fe;text-indent: 0;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;}
.kqd-tips-box .bt-ckxq:hover{background-color: #5099f5}
/*热门教程*/
.hot-jc{width: 347px;}
.hot-jc-h{font-size: 20px;color: #fff;text-align: center;height: 45px;line-height: 45px;background-color: #338dfc;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.hot-jc-b{border: 1px solid #e2e2e2;border-top: none;padding: 27px 10px 7px 10px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;}
.hot-jc-b ul li{float: left;*display: inline;width: 327px;height: 23px;line-height: 23px;margin-bottom: 20px;}
.hot-jc-b ul li a{display: block;width: 100%;height: 100%;font-size: 14px;color: #676767;text-align: center}
.hot-jc-b ul li a:hover{text-decoration: underline}

/*01-12*/
.btn-down-12{display: block;width: 280px;height: 60px;background: url("btn-12-1.png") no-repeat;position: absolute;left: 525px;top: 280px}
.btn-down-12:hover{background: url("btn-12-2.png") no-repeat;}/*移上去*/
.btn-down-12:active{background: url("btn-12-3.png") no-repeat;}/*动作*/


/*css3动画*/
@-webkit-keyframes scaleUp {0% {opacity:.85;}
    30% {opacity:0;-webkit-transform:scale3d(1.3,1.3,1.3);}
}
@-moz-keyframes scaleUp {0% {opacity:.85;}
    30% {opacity:0;-moz-transform:scale3d(1.3,1.3,1.3);}
}
@-ms-keyframes scaleUp {0% {opacity:.85;}
    30% {opacity:0;-ms-transform:scale3d(1.3,1.3,1.3);}
}
@-o-keyframes scaleUp {0% {opacity:.85;}
    30% {opacity:0;-o-transform:scale3d(1.3,1.3,1.3);}
}
@-webkit-keyframes zoom {from {opacity:0;-webkit-transform:scale(0,0);}
    to {opacity:1;-webkit-transform:scale(1,1);}
}
@-moz-keyframes zoom {from {opacity:0;-moz-transform:scale(0,0);}
    to {opacity:1;-moz-transform:scale(1,1);}
}
@keyframes zoom {from {opacity:0;transform:scale(0,0);}
    to {opacity:1;transform:scale(1,1);}
}
@-webkit-keyframes rotate {0% {transform:rotate(0deg);-webkit-transform:rotate(0deg)}
    50% {transform:rotate(180deg);-webkit-transform:rotate(180deg)}
    100% {transform:rotate(360deg);-webkit-transform:rotate(360deg)}
}
@-moz-keyframes rotate {0% {transform:rotate(0deg);-webkit-transform:rotate(0deg)}
    50% {transform:rotate(180deg);-webkit-transform:rotate(180deg)}
    100% {transform:rotate(360deg);-webkit-transform:rotate(360deg)}
}
@-ms-keyframes rotate {0% {transform:rotate(0deg);-webkit-transform:rotate(0deg)}
    50% {transform:rotate(180deg);-webkit-transform:rotate(180deg)}
    100% {transform:rotate(360deg);-webkit-transform:rotate(360deg)}
}
@-o-keyframes rotate {0% {transform:rotate(0deg);-webkit-transform:rotate(0deg)}
    50% {transform:rotate(180deg);-webkit-transform:rotate(180deg)}
    100% {transform:rotate(360deg);-webkit-transform:rotate(360deg)}
}
@keyframes rotate {0% {transform:rotate(0deg);-webkit-transform:rotate(0deg)}
    50% {transform:rotate(180deg);-webkit-transform:rotate(180deg)}
    100% {transform:rotate(360deg);-webkit-transform:rotate(360deg)}
}
@-webkit-keyframes tada {0% {top:-100%;left:-100%;}
    100% {top:100%;left:150%;}
}
@-moz-keyframes tada {0% {top:-100%;left:-100%;}
    100% {top:100%;left:150%;}
}
@-webkit-keyframes Opa {0% {opacity:1;}
    100% {opacity:0;}
}
@-moz-keyframes Opa {0% {opacity:1;}
    100% {opacity:0;}
}
@-webkit-keyframes heng {0% {width:0;}
    100% {width:100%;}
}
@-moz-keyframes heng {0% {width:0;}
    100% {width:100%;}
}
@-webkit-keyframes shu {0% {height:0;}
    100% {height:100%;}
}
@-moz-keyframes shu {0% {height:0;}
    100% {height:100%;}
}
@-webkit-keyframes show {0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes show {0% {opacity:0;}
    100% {opacity:1;}