.pagesize a.next {
    background-position: -16px 0;
}
.gonggao .pagesize {
    position: absolute;
    right: 5px;
    top: 3px;
}
.pagesize a {
    background: rgba(0, 0, 0, 0) url("/images/scrolldiv.png") no-repeat scroll 0 0;
    display: block;
    height: 16px;
    line-height: 0;
    margin-bottom: 7px;
    overflow: hidden;
    text-indent: -999em;
    width: 16px;
}
.pagesize a.prev:hover {
    background-position: 0 -16px;
}
.pagesize a.next:hover {
    background-position: -16px -16px;
}
#miniNewsRegion div a {
    display: block;
    float: left;
    font-size: 14px;
    line-height: 44px;
}
#miniNewsRegion div em {
    color: #afafaf;
    float: right;
    line-height: 44px;
}
.gonggao {
    background: #f4f4f4 none repeat scroll 0 0;
    border: 1px solid #cbcbcb;
    height: 45px;
    line-height: 150%;
    margin: auto;
    overflow: hidden;
    padding-left: 35px;
    padding-right: 45px;
    position: relative;
    width: 600px;
}
.gonggao strong {
    background: #ff0505 none repeat scroll 0 0;
    color: #fff;
    font-weight: normal;
    height: 54px;
    left: 0;
    overflow: hidden;
    padding: 3px 8px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 12px;
}
.grid {
    overflow: hidden;
    padding: 10px;
    position: relative;
}
.xc_info {
    margin-top: 20px;
}
.xc_info ul li {
    border-bottom: 1px dashed #efefef;
    color: #999;
    line-height: 20px;
    margin-left: 20px;
    padding: 5px 0;
}
.liji_jiance {
    float: right;
    margin-top: -55px;
    width: 135px;
}
.liji_jiance a img {
    display: block;
    margin-top: -3px;
}
.grid:nth-child(2n) {
    border-right: medium none !important;
}
.grid_img {
    float: left;
    height: 140px;
    left: 0;
    position: absolute;
    top: 10px;
    width: 160px;
    z-index: 1;
}
.grid_title span i {
    color: #fff;
    float: right;
    font-family: "宋体";
    font-size: 12px;
    font-weight: 400;
    height: 16px;
    line-height: 16px;
    margin-left: 4px;
    margin-top: 6px;
    text-align: center;
    width: 16px;
}
.grid_title a {
    color: #ef6a6f;
    display: block;
    float: left;
    font-size: 30px;
    line-height: 18px;
    width: 450px;
}
.grid_title ul {
    display: block;
    float: left;
}
.grid_title li {
    float: left;
    font-size: 14px;
    font-weight: 100;
    margin-left: 0;
    width: 140px;
}
.clr {
    clear: both;
}
.grid_con em {
    display: block;
    max-height: 53px;
    overflow: hidden;
    padding-left: 50px;
}
.xian i {
    background-color: #ff4302;
    padding-left: 2px;
    width: 15px;
}
.tui i {
    background-color: #239c89;
}
.hot i {
    background-color: #ff9600;
}
.grid_con .inner {
    padding-left: 139px;
}
.grid_con h2 {
    border-bottom: 2px solid #d2d2d2;
    color: #000;
    font-size: 18px;
    font-weight: 700;
    margin-left: 30px;
    padding-bottom: 6px;
    padding-left: 20px;
    z-index: 2;
}
.grid_con p {
    color: #444;
    float: left;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    padding-left: 50px;
    padding-top: 10px;
    width: 750px;
}
.grid_con .liji_jiance {
    margin-top: 20px;
    overflow: hidden;
    padding-left: 50px;
}
.price {
    line-height: 30px;
}
.price .orange {
    color: #f60;
    font-size: 30px;
    margin-right: 2px;
}
.deanproductsboxs .grid {
    border: medium none !important;
}
.lunwen {
    border-right: 1px solid #efefef;
    float: left;
    height: 100%;
    width: 50%;
}
.new_zixun {
    float: right;
    height: 100%;
    width: 49%;
}
.newsBox_left {
    float: left;
    margin: 20px 0 0 105px;
    width: 360px;
}
.newsBox dt {
    overflow: hidden;
    padding-bottom: 12px;
}
.newsBox dt p {
    color: #373737;
    float: left;
    font: bold 26px/1.1 Microsoft yahei;
}
.newsBox dt a {
    color: #c5c5c5;
    float: right;
    font: bold 26px/1.1 Microsoft yahei;
}
.newsBox dd {
    overflow: hidden;
    padding: 8px 0;
}
.newsBox dd a {
    color: #333;
    float: left;
    font: 12px/1.1 Microsoft yahei;
}
.newsBox dd span {
    color: #c5c5c5;
    float: right;
    font: 12px/1.1 Microsoft yahei;
}
.jiance_daili {
    background-color: #fff;
    border: 1px dashed #d3efef;
    clear: both;
    margin: 0 auto;
    width: 1124px;
}
.jd_title {
    background-color: #f8fdfe;
    height: 80px;
    padding: 0 30px;
}
.jd_daili_main {
    overflow: hidden;
    padding: 20px 0 30px;
}
.jd_title h1 {
    color: #000;
    float: left;
    font: bold 24px/80px "微软雅黑";
}
.jd_title .join_us {
    background-image: -moz-linear-gradient(90deg, rgb(236, 253, 255) 0%, rgb(255, 255, 255) 100%);
    border-color: rgb(0, 168, 255);
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    color: #00a8ff;
    float: right;
    font-size: 20px;
    height: 42px;
    line-height: 42px;
    margin-top: 18px;
    text-align: center;
    width: 148px;
}
.jd_list {
    box-sizing: border-box;
    float: left;
    margin-top: 20px;
    min-height: 266px;
    padding-left: 30px;
    padding-right: 30px;
    width: 50%;
}
.jd_list dt {
    color: #3c3c3c;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 20px;
    overflow: hidden;
}
.jd_list span {
    float: left;
}
.jd_list .more {
    background-color: #f1f7f8;
    color: #3c3c3c;
    cursor: pointer;
    display: inline-block;
    float: right;
    font-size: 12px;
    font-weight: normal;
    height: 22px;
    line-height: 22px;
    text-align: center;
    width: 60px;
}
.jd_list dd {
    margin-bottom: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 400px;
}
.wp, #wp {
    width: 100%;
}
.flexslider {
    background: #44a8f3 url("/images/loading.gif") no-repeat scroll 50% center;
    height: 350px;
    left: 0;
    margin-bottom: 20px;
    min-width: 1180px;
    overflow: hidden;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 11;
}
.flexslider ul li a {
    display: block;
    height: 350px;
}
.slides {
    position: relative;
    z-index: 1;
}
.slides li {
    height: 350px;
}
.flex-control-nav {
    bottom: 20px;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 2;
}
.flex-control-nav li {
    display: inline-block;
    height: 3px;
    margin: 0 3px;
    width: 40px;
}
.flex-control-nav a {
    background: #fff none repeat scroll 0 0;
    cursor: pointer;
    display: inline-block;
    height: 3px;
    line-height: 100px;
    width: 40px;
}
.flex-control-nav a:hover {
    background: #44a6f2 none repeat scroll 0 0;
}
.flex-control-nav .flex-active {
    background: #44a6f2 none repeat scroll 0 0;
}
.flex-direction-nav {
    margin: 0 auto;
    position: relative;
    width: 100%;
    z-index: 3;
}
.flex-direction-nav li a {
    cursor: pointer;
    display: block;
    height: 50px;
    overflow: hidden;
    position: absolute;
    width: 50px;
}
.flex-direction-nav li a.flex-prev {
    background: rgba(0, 0, 0, 0) url("http://bbs.chachongba.com/template/dean_futures_160217/deancss/flash/arrowsleft.png") no-repeat scroll center center;
    left: 5%;
    opacity: 0.6;
}
.flex-direction-nav li a.flex-prev:hover {
    opacity: 1;
}
.flex-direction-nav li a.flex-next {
    background: rgba(0, 0, 0, 0) url("/images/arrowsright.png") no-repeat scroll center center;
    opacity: 0.6;
    right: 5%;
}
.flex-direction-nav li a.flex-next:hover {
    opacity: 1;
}
.deanproducts {
    background: #fff none repeat scroll 0 0;
    margin: 0 auto;
    max-width: 1350px;
    min-width: 1350px;
    padding: 40px 0 0;
    width: 1350px;
}
.right-nav-wrap {
    float: right;
    margin-top: 20px;
    width: 305px;
}
.right-nav-wrap .nav-item:first-of-type {
    margin-top: 0;
}
.right-nav-wrap .nav-item .title {
    background: #56abe4 none repeat scroll 0 0;
    color: #fff;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    margin: -1px -1px 0;
    padding-left: 12px;
}
.right-nav-wrap .nav-item .inner-content {
    min-height: 88px;
}
.right-nav-wrap .nav-item .inner-content .big-system-name {
    color: #44a8f3;
    font-size: 26px;
    height: 40px;
    line-height: 40px;
    margin-top: 20px;
    text-align: center;
}
.right-nav-wrap .nav-item .inner-content .small-sub-name {
    color: #23bc99;
    font-size: 12px;
    height: 20px;
    line-height: 19px;
    text-align: center;
}
.right-nav-wrap .nav-item, .right-nav-wrap .nav-item * {
    cursor: default;
}
.right-nav-wrap .nav-item .inner-content .big-check-count {
    color: #23bc99;
    font-size: 30px;
    line-height: 88px;
    text-align: center;
}
.right-nav-wrap .nav-item .inner-content .big-check-count .num {
    color: #56abe4;
}
.right-nav-wrap .nav-item .inner-content .big-check-count .unit {
    color: #555;
    font-size: 16px;
    padding-left: 2px;
}
.right-nav-wrap .nav-item .inner-content .chat-list-wrap {
    padding: 30px 20px 20px 16px;
}
.right-nav-wrap .nav-item .inner-content .chat-list-wrap .chat-item {
    color: #44a8f3;
    padding-bottom: 10px;
    text-align: center;
}
.right-nav-wrap .nav-item .inner-content .notice-list-wrap {
    padding: 28px 8px 24px;
}
.right-nav-wrap .nav-item .inner-content .notice-list-wrap .notice-item::before {
    background: #56abe4 none repeat scroll 0 0;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 7px;
    margin-right: 5px;
    position: relative;
    top: -2px;
    width: 7px;
}
.right-nav-wrap .nav-item .inner-content .help-list-wrap {
    line-height: 22px;
    padding: 28px 12px 80px 28px;
}
.right-nav-wrap .nav-item .inner-content .help-list-wrap .help-item {
    padding-bottom: 10px;
}
.right-nav-wrap .nav-item .inner-content .help-list-wrap .help-item .help-title {
    border-bottom: 2px solid #82c1eb;
    display: inline-block;
    line-height: 20px;
    margin-bottom: -5px;
    padding: 0 1px 2px;
}
.right-nav-wrap .nav-item .inner-content .help-list-wrap .help-item .red1 {
    color: #d9534f;
    font-weight: bold;
    padding: 0 2px;
}
.right-nav-wrap .nav-item .inner-content .notice-list-wrap .notice-item, .right-nav-wrap .nav-item .inner-content .notice-list-wrap .notice-item * {
    cursor: pointer;
}
.right-nav-wrap .nav-item {
    border: 1px solid #ddd;
}
.right-nav-wrap .nav-item .inner-content .notice-list-wrap .notice-item {
    border-bottom: 1px dotted #ddd;
    color: #555;
    display: block;
    font-size: 13px;
    line-height: 26px;
    margin-bottom: 6px;
    overflow: hidden;
    padding: 0 2px 4px;
    position: relative;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: normal;
}
.deanpubtitles {
    text-align: center;
}
.deanpubtitles h3 {
    color: #44a6f2;
    font-size: 18px;
    letter-spacing: 3px;
    margin-bottom: 4px;
    text-transform: uppercase;
}
.deanpage-description-slider {
    color: #9a9a9a;
    display: inline-block;
    font-size: 14px;
    letter-spacing: 5px;
    margin-bottom: 30px;
    position: relative;
    text-transform: uppercase;
    word-spacing: 2px;
}

.deanpage-description-slider::before {
    background-color: #e5e5e5;
    content: "";
    height: 1px;
    left: -66px;
    position: absolute;
    top: 9px;
    width: 48px;
}
.deanpage-description-slider::after {
    background-color: #e5e5e5;
    content: "";
    height: 1px;
    position: absolute;
    right: -66px;
    top: 9px;
    width: 48px;
}
.deanproducts_tab {
    border: 1px solid #44a6f2;
    display: table;
    margin: 0 auto;
}
.deanproducts_tab ul {
}
.deanproducts_tab ul li {
    color: #44a6f2;
    cursor: pointer;
    float: left;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    width: 128px;
}
.deanproducts_tab ul li:hover {
    background: #44a6f2 none repeat scroll 0 0;
    color: #fff;
}
.deanproducts_tab ul li.cur {
    background: #44a6f2 none repeat scroll 0 0;
    color: #fff;
}
.deanproducts_list {
    margin-top: 20px;
}
.deanproductsbox dl {
    width: 1180px;
}
.deanproductsbox dl dd {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #f1f1f1;
    float: left;
    height: 316px;
    margin: 18px 18px 0 0;
    padding: 20px;
    width: 239px;
}
.deanproductsbox dl dd:hover {
    box-shadow: 1px 1px 1px #f1f1f1;
}
.deanpic {
    height: 239px;
    width: 239px;
}
.deanpic img {
    height: 239px;
    transition: all 0.5s ease-out 0s;
    width: 239px;
}
.deanpic:hover img {
    margin-left: -3px;
}
.deanproductsbox dl dd h5 {
    height: 35px;
    line-height: 35px;
    overflow: hidden;
    text-align: center;
}
.deanproductsbox dl dd h5 a {
    color: #666;
    font-size: 14px;
    font-weight: normal;
}
.deanproductsbox dl dd h5 a:hover {
    color: #44a6f2;
}
.deanproductsbox dl dd p {
    color: #999;
    font-size: 12px;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    text-align: center;
    width: 238px;
}
.deanprice {
    color: #44a6f2;
    font-family: fantasy;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
}
.deanprice i {
    font-family: Microsoft Yahei;
    font-style: normal;
    font-weight: bold;
}
.deanfeature {
    background: rgba(0, 0, 0, 0) url("/images/banner1.jpg") no-repeat fixed center center / cover ;
    min-width: 1180px;
    padding: 50px 0 70px;
    width: 100%;
}
.deanfeature h3 {
    color: #fff;
}
.deanfeature .deanpage-description-slider {
    color: #fff;
}
.index_video {
}
.index_video ul {
    width: 1200px;
}
.index_video ul li {
    background: rgba(0, 0, 0, 0) url("/images/index_video_line.png") no-repeat scroll right center;
    float: left;
    height: 160px;
    padding: 0 30px;
    text-align: center;
    width: 235px;
}
.index_video ul li span {
    background: rgba(0, 0, 0, 0) url("/images/sq.png") no-repeat scroll center center;
    color: #fff;
    display: block;
    font-size: 22px;
    height: 100px;
    line-height: 100px;
    margin: 0 auto;
    width: 100px;
}
.index_video ul li strong {
    color: #ccc;
    display: block;
    font-size: 12px;
    font-weight: normal;
    margin-top: 20px;
}
.deansideads {
    border: 3px solid #44a6f2;
    float: left;
    height: 483px;
    width: 230px;
}
.deansidetop {
    background: #44a6f2 none repeat scroll 0 0;
    padding: 30px 15px;
    width: 200px;
}
.deansidetop1 {
    background: rgba(0, 0, 0, 0) url("/images/bgb.png") no-repeat scroll center center;
    color: #44a6f2;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    width: 100px;
}
.deansidetop2 {
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    margin: 5px 0;
}
.deansidetop3 {
    color: #a2d3fa;
    font-size: 12px;
}
.deaninfos {
    height: 359px;
}
.deaninfos ul {
    width: 1000px;
}
.deaninfos ul li {
    float: left;
    height: 236px;
    margin-bottom: 15px;
    width: 472px;
}
.deaninfopics {
    float: left;
    height: 236px;
    width: 236px;
}
.deaninfopics img {
    height: 236px;
    width: 236px;
}
.deaninfobox {
    background: #fff none repeat scroll 0 0;
    float: left;
    height: 196px;
    padding: 20px;
    text-align: center;
    width: 196px;
}
.deanbankuai {
    color: #999;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
}
.deanbt {
    margin-bottom: 10px;
}
.deanbt a {
    color: #333;
    font-size: 14px;
    font-weight: bold;
}
.deanbt a:hover {
    color: #44a6f2;
}
.deaninfobox p {
    color: #999;
    font-size: 12px;
    height: 45px;
    line-height: 22px;
    overflow: hidden;
}
.deanmore {
}
.deanmore a {
    border: 1px solid #666;
    color: #666;
    display: block;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    margin: 20px auto;
    text-align: center;
    width: 150px;
}
.deanmore a:hover {
    background: #44a6f2 none repeat scroll 0 0;
    border-color: #44a6f2;
    color: #fff;
}
.deaninfopics1 {
    float: right !important;
}
.deaninfobox1 {
    float: left !important;
}
.deansidebottom {
    padding: 10px;
}
.deansidebottom ul li {
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    width: 200px;
}
.deansidebottom ul li a {
    background: rgba(0, 0, 0, 0) url("/images/cicle.png") no-repeat scroll left center;
    color: #666;
    display: block;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    padding-left: 15px;
}
.deansidebottom ul li a:hover {
    color: #44a6f2;
}
.deanpcpd {
}
.deanpcpd ul {
    width: 1210px;
}
.deanpcpd ul li {
    background: #fff none repeat scroll 0 0;
    float: left;
    margin: 0 20px 20px 0;
    width: 280px;
}
.deanpcpics {
    height: 200px;
    width: 280px;
}
.deanpcpics img {
    height: 200px;
    width: 280px;
}
.deanpcinfo {
    padding: 10px;
    position: relative;
}
.deanpcavator {
    float: left;
    width: 140px;
}
.deanpcavator img {
    background: #fff none repeat scroll 0 0;
    border-radius: 100%;
    float: left;
    height: 50px;
    padding: 4px;
    position: absolute;
    top: -25px;
    width: 50px;
}
.deanpcavator span {
    color: #999;
    display: block;
    float: left;
    font-size: 12px;
    margin-left: 60px;
    overflow: hidden;
    width: 60px;
}
.deanpcdetails {
    float: right;
}
.deanpcdetails span {
    color: #999;
    display: inline-block;
    font-size: 12px;
    margin-left: 5px;
    padding-left: 30px;
}
.deanpcdetails span.deanviews {
    background: rgba(0, 0, 0, 0) url("/images/view1.png") no-repeat scroll left center;
}
.deanpcdetails span.deanreplys {
    background: rgba(0, 0, 0, 0) url("/images/comment1.png") no-repeat scroll left center;
}
.deaninners {
    padding: 0 10px 10px;
}
.deaninners h5 {
    height: 25px;
    line-height: 25px;
    margin-bottom: 5px;
    overflow: hidden;
    width: 100%;
}
.deaninners h5 a {
    color: #333;
    font-size: 14px;
    font-weight: normal;
}
.deaninners h5 a:hover {
    color: #44a6f2;
}
.deaninners p {
    color: #999;
    font-size: 12px;
    height: 47px;
    line-height: 22px;
    overflow: hidden;
}
.deanbrands {
}
.deanbrands ul {
    width: 1200px;
}
.deanbrands ul li {
    float: left;
    height: 78px;
    margin-bottom: 30px;
    overflow: hidden;
    text-align: center;
    width: 100%;
}
.deanyl {
    padding: 20px 0 40px;
}
.deanyl h5 {
    color: #666;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 15px;
}
.deanyl a {
    color: #999;
    display: inline-block;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
}
.deanyl span {
    color: #dadada;
    display: inline-block;
    font-size: 14px;
    padding: 0 10px;
}
.deanyl a:hover {
    color: #44a8f2;
}
#floatDivBoxs {
    background: #fff none repeat scroll 0 0;
    position: fixed;
    right: 0;
    top: 90px;
    width: 70px;
    z-index: 999;
}
#floatDivBoxs .floatDtt {
    background: #f08326 none repeat scroll 0 0;
    color: #fff;
    font-size: 18px;
    height: 45px;
    line-height: 45px;
    position: relative;
    text-indent: 22px;
    width: 100%;
}
#floatDivBoxs .floatDqq {
    padding: 0 14px;
}
#floatDivBoxs .floatDqq li {
    border-bottom: 1px solid #e3e3e3;
    font-size: 15px;
    height: 45px;
    line-height: 45px;
    padding: 0 0 0 50px;
}
#floatDivBoxs .floatDtxt {
    color: #333;
    font-size: 18px;
    padding: 12px 14px;
}
#floatDivBoxs .floatDtel {
    padding: 0 0 15px 10px;
}
#floatDivBoxs .floatDtel img {
    display: block;
}
#floatDivBoxs .floatDbg {
    background: rgba(0, 0, 0, 0) url("/images/online_botbg.jpg") no-repeat scroll 0 0;
    box-shadow: -2px 0 3px rgba(0, 0, 0, 0.25);
    height: 20px;
    width: 100%;
}
.floatShadow {
    background: #fff none repeat scroll 0 0;
    box-shadow: -2px 0 3px rgba(0, 0, 0, 0.25);
}
#rightArrow {
    background: rgba(0, 0, 0, 0) url("/images/online_arrow.jpg") no-repeat scroll 0 0;
    height: 45px;
    position: fixed;
    right: 170px;
    top: 90px;
    width: 50px;
    z-index: 999;
}
#rightArrow a {
    display: block;
    height: 45px;
}
.index_news {
    margin: 0 auto;
    width: 1200px;
}
.index_news ul li {
    float: left;
    margin: 0 5%;
    width: 40%;
}
.index_news ul li h3 {
    border-bottom: 1px solid #ccc;
    font-size: 16px;
    line-height: 40px;
}
.index_news ul li h3 span {
    float: right;
    margin-right: 15px;
}
.index_news ul li h3 span a {
    color: #09f;
}
.index_news dl dt span {
    float: right;
    margin-right: 10px;
}
.index_news dl dt {
    background: rgba(0, 0, 0, 0) url("../images/li_icon.png") no-repeat scroll left center;
    border-bottom: 1px dashed #ccc;
    line-height: 30px;
}
.index_news dl dt a {
    font-size: 13px;
    padding-left: 10px;
}