@charset "utf-8";

/* CSS Document */

.index-product {
    width: 100%;
    float: left;
    padding-top: 25px;
    padding-bottom: 25px;
    background: #f0f0f0;
    border-bottom: 1px solid #e3e3e3;
}

.index-product-left {
    float: left;
    width: 271px;
    //position: fixed;
    //top: 176px;
}

.comm-border1 {
    position: fixed;
    top: 175px;
}

.index-product-title {
    width: 267px;
    border: 2px solid #fff;
    height: 47px;
    color: #000000;
    font-size: 20px;
    line-height: 50px;
    text-indent: 25px;
    float: left;
    background: #dfdfdf;
}

.index-product-lister {
    width: 267px;
    border: 2px solid #fff;
    border-top: 1px solid #fff;
    float: left;
    min-height: 340px;
}

.index-product-lister li {
    width: 100%;
    float: left;
    height: 46px;
    line-height: 48px;
    font-size: 18px;
    text-indent: 33px;
}

.index-product-lister li a {
    display: block;
    height: 46px;
    color: #333;
}

.index-product-lister li:hover {
    background: #f04923;
}

.index-product-lister li:hover a {
    color: #fff;
}

.index-product-lister .bj-color1 {
    background: #f04923;
}

.index-product-lister .bj-color1 a {
    color: #fff;
}

.banner {
    float: right;
    width: 880px;
    height: 395px;
    overflow: hidden;
}

.www51buycom {
    width: 100%;
    float: left;
    position: relative;
}

.www51buycom li {
    width: 100%;
    float: left;
    height: 395px;
}

.www51buycom li img {
    width: 100%;
}


/*数字按钮样式*/

.www51buycom .num {
    bottom: 15px;
    display: inline-block;
    text-align: center;
    overflow: hidden;
    position: absolute;
    z-index: 3;
    zoom: 1;
    left: 0px;
    right: 0px;
    margin: 0;
}

.www51buycom .num ul {
    display: inline-block;
    text-align: center;
    left: 0px;
    right: 0px;
    margin: 0;
    *margin-left: 45%;
}

.www51buycom .num li {
    width: 10px;
    height: 10px;
    font-size: 0px;
    background: #Fff;
    margin-right: 3px;
    margin-left: 3px;
    border-radius: 50%;
    cursor: pointer;
    float: left;
}

.www51buycom .num li.on {
    background: #ff0000;
    color: #ff0000;
}


/*最新公告*/

.index-news {
    width: 100%;
    float: left;
    padding-bottom: 45px;
}

.indexmaindiv {
    height: 210px;
    float: left;
    width: 1180px;
    margin-top: 70px;
}

.indexmaindiv1 .stylesgoleft {
    float: left;
    width: 17px;
    height: 28px;
    background: url(../images/ia9.png) no-repeat;
    cursor: pointer;
    margin-top: 90px;
}

.indexmaindiv1 .stylesgoright {
    float: right;
    width: 17px;
    height: 28px;
    background: url(../images/ia10.png) no-repeat;
    cursor: pointer;
    margin-top: 90px;
}


/*滚动*/

div.maindiv1 {
    float: left;
    width: 1115px;
    height: 210px;
    overflow: hidden;
    position: relative;
    margin-left: 15px;
}

.maindiv1 ul {
    position: absolute;
    left: 0;
    top: 0;
}

div.maindiv1 ul li {
    float: left;
    width: 345px;
    height: 210px;
    margin-right: 45px;
}

.ind-news-ti {
    width: 100%;
    float: left;
}

.ind-news-ti em {
    display: block;
    float: left;
    width: 73px;
    height: 73px;
    border-radius: 50%;
    background: #f04923;
    color: #fff;
    font-size: 14px;
    text-align: center;
}

.ind-news-ti em span {
    display: block;
    font-size: 30px;
    margin-top: 12px;
    margin-bottom: 5px;
}

.ind-news-ti h2 {
    width: 250px;
    float: right;
    color: #200000;
    font-size: 20px;
    line-height: 36px;
}

.ind-news-con {
    width: 100%;
    float: left;
    height: 48px;
    overflow: hidden;
    margin-top: 35px;
}

.ind-news-con p {
    font-size: 18px;
    color: #555555;
}

.ind-news-cn {
    width: 100%;
    float: left;
    font-size: 18px;
    color: #555555;
}


/*下载专区*/

.index-down {
    width: 100%;
    float: left;
    background: #f0f0f0;
    padding-bottom: 45px;
}

.index-title {
    width: 100%;
    float: left;
    height: 52px;
    margin-top: 18px;
    border-bottom: 3px solid #ededed;
}

.index-title h2 {
    float: left;
    height: 52px;
    border-bottom: 3px solid #f04923;
    font-size: 30px;
    line-height: 54px;
}

.index-title a {
    float: right;
    height: 52px;
    line-height: 54px;
    color: #f04923;
    font-size: 18px;
}

.index-title a img {
    display: block;
    float: right;
    margin-top: 16px;
    margin-left: 8px;
}

.index-down-lister {
    width: 100%;
    float: left;
}

.index-down-lister li {
    width: 25%;
    float: left;
    margin-top: 50px;
}

.index-down-lister li i {
    width: 152px;
    height: 121px;
    background: url(../images/ima1.png);
    display: block;
    margin: auto;
}

.index-down-lister li p {
    text-align: center;
    color: #000000;
    font-size: 24px;
    margin-top: 25px;
}

.index-down-lister li:hover i {
    width: 152px;
    height: 121px;
    background: url(../images/ima1h.png);
    display: block;
    margin: auto;
}


/*登陆*/

.login-mune {
    border: 3px solid #fff;
    width: 1174px;
    float: left;
    background: #eeeeee;
}

.login-box {
    margin-top: 110px;
    margin-bottom: 110px;
    width: 530px;
    min-height: 418px;
    background: #fff;
    margin-left: 320px;
    border: 1px solid #f04923;
}

.login-title {
    width: 100%;
    float: left;
    margin-top: 50px;
}

.login-title h2 {
    color: #000000;
    font-size: 24px;
    text-align: center;
}

.login-title p {
    color: #000000;
    font-size: 18px;
    line-height: 36px;
    text-align: center;
    margin-top: 25px;
}

.login-title .pass1 {
    display: block;
    height: 36px;
    line-height: 36px;
    color: #000000;
    font-size: 18px;
    margin-top: 45px;
    margin-bottom: 40px;
}

.login-title .pass1 i {
    float: left;
    display: block;
    margin-right: 12px;
    margin-left: 200px;
}

.login-form {
    width: 100%;
    float: left;
    margin-top: 30px;
}

.login-form ul {
    float: left;
    margin-left: 100px;
}

.login-form ul li {
    width: 320px;
    height: 43px;
    border: 1px solid #f04923;
    float: left;
    margin-bottom: 17px;
    border-radius: 2px;
    overflow: hidden;
}

.login-form ul li i {
    display: block;
    float: left;
    margin-left: 14px;
    margin-top: 13px;
}

.text1 {
    border: 0px;
    width: 278px;
    float: right;
    height: 43px;
    font-size: 16px;
    color: #000000;
}

.text1h {
    border: 0px;
    width: 305px;
    float: right;
    height: 43px;
    font-size: 16px;
    color: #f04923;
}

.login-form ul li label {
    float: left;
    color: #000000;
    font-size: 16px;
    line-height: 43px;
    cursor: pointer;
}

.login-form ul li label .check1 {
    display: block;
    float: left;
    /*margin-top:14px;*/
    margin-right: 5px;
}

.login-form ul li .wj {
    float: right;
    line-height: 43px;
    color: #f04923;
    font-size: 16px;
}

.submit1 {
    display: block;
    height: 41px;
    border: 2px solid #fff;
    color: #fff;
    cursor: pointer;
    background: #f04923;
    width: 100%;
    font-size: 18px;
    border-radius: 4px;
}

.announcement-title {
    float: left;
}

.announcement-title h2 {
    float: left;
    font-size: 30px;
    color: #fff;
    font-weight: bold;
    line-height: 49px;
}

.announcement-title i {
    display: block;
    float: left;
    margin-top: 8px;
    margin-left: 5px;
}

.announcement-box {
    margin: 55px 25px 50px 25px;
}

.announcement-box h2 {
    color: #000000;
    font-size: 24px;
    margin-bottom: 15px;
}

.announcement-box p {
    color: #000000;
    font-size: 16px;
    line-height: 28px;
    margin-top: 10px;
}

.announcement-sub {
    width: 317px;
    height: 47px;
    border: 2px solid #f04923;
    border-radius: 3px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
    position: relative;
}

.announcement-sub h2 {
    width: 311px;
    height: 41px;
    border: 0px solid #fff;
    border-radius: 3px;
    background: #f04923;
    text-align: center;
    line-height: 41px;
    color: #fff;
    margin-left: 3px;
    margin-top: 3px;
    font-size: 18px;
    cursor: pointer;
}

.announcement-sub #agree_btn {
    width: 311px;
    height: 41px;
    border: 0px solid #fff;
    border-radius: 3px;
    background: #f04923;
    text-align: center;
    line-height: 41px;
    color: #fff;
    margin-left: 3px;
    margin-top: 3px;
    font-size: 18px;
    cursor: pointer;
}


/*商品列表*/

.comm-border1 {
    width: 271px;
}

.comm-border2 {
    width: 267px;
    border: 2px solid #fff;
}

.comm-border3 {
    margin-top: 0px;
    border-top: 1px solid #fff;
    background: #eeeeee;
}

.commodity-right {
    width: 885px;
    float: right;
}


/*筛选条件*/

.commodity-filter {
    max-width: 883px;
    width: 100%;
    float: left;
    padding-bottom: 15px;
    background: #fff;
    border: 1px solid #e7e7e7;
    box-shadow: 0px 3px 5px #e7e7e7;
}

.commodity-filter dl {
    width: 855px;
    float: left;
    margin-left: 18px;
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 10px;
}

.commodity-filter dl dt {
    width: 110px;
    float: left;
    margin-top: 10px;
}

.commodity-filter dl dt p {
    color: #000000;
    font-size: 18px;
}

.commodity-filter dl dd {
    width: 740px;
    float: left;
}

.commodity-filter dl dd label {
    float: left;
    color: #919191;
    font-size: 16px;
    margin-top: 10px;
    margin-right: 20px;
    cursor: pointer;
}

.commodity-filter dl dd label .check2 {
    display: block;
    float: left;
    margin-top: 6px;
    margin-right: 5px;
}

.commodityfilter-mune {
    width: 855px;
    float: left;
    margin-left: 18px;
    margin-top: 17px;
}

.commodityfilter-mune p {
    line-height: 24px;
    color: #858585;
    font-size: 16px;
    float: left;
}

.commodityfilter-mune .com2 {
    float: right;
}

.commodityfilter-mune .com2 li {
    margin-left: 7px;
    height: 22px;
    width: 22px;
    border: 1px solid #d9d7d8;
    float: left;
    background: #f0f0f0;
    cursor: pointer;
}

.commodityfilter-mune .com2 li:hover {
    border: 1px solid #060606;
}

.commodity-filter dl dd .monery {
    width: 100%;
    float: left;
}

.commodity-filter dl dd .monery li {
    float: left;
    margin-right: 45px;
    margin-top: 10px;
    color: #919191;
    font-size: 16px;
    cursor: pointer;
}

.commodity-filter dl dd .monery li.bj-color2 {
    color: #f04923;
}


/*商品列表*/

.commodity-lister {
    width: 100%;
    float: left;
    margin-top: 20px;
}

.commodity-lister dl {
    border: 1px solid #e8e8e8;
    height: 439px;
    width: 294px;
    background: #fff;
    float: left;
    margin-top: -1px;
    margin-left: -1px;
}

.commodity-lister dl dt {
    width: 100%;
    height: 294px;
    position: relative;
    float: left;
    overflow: hidden;
}

.commodity-lister dl dt .comm-img {
    width: 100%;
    float: left;
}

.commodity-lister dl dt .comm1 {
    position: absolute;
    z-index: 9;
    width: 100%;
    height: 40px;
    background: rgba(0, 0, 0, 0.8);
    bottom: 0px;
}

.commodity-lister dl dt .comm1 li {
    float: left;
    width: 46%;
}

.commodity-lister dl dt .comm1 li a {
    display: block;
}

.commodity-lister dl dt .comm1 li i {
    display: block;
    float: left;
    margin-top: 10px;
    margin-left: 6px;
    margin-right: 10px;
}

.commodity-lister dl dt .comm1 li p {
    float: left;
    line-height: 40px;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.8);
}

.commodity-lister dl dt .comm1 li:nth-child(2) {
    width: 54%;
}

.commodity-lister dl dt .comm1:hover {
    background: rgba(240, 73, 35, 0.8);
}

.commodity-lister dl dd {
    width: 100%;
    float: left;
    padding-top: 30px;
    height: 115px;
    border-top: 1px solid #e9e9e9;
}

.commodity-lister dl dd h2 {
    padding-left: 10px;
    padding-right: 10px;
    color: #000000;
    font-size: 18px;
    line-height: 30px;
    height: 60px;
    overflow: hidden;
}

.commodity-lister dl dd p {
    padding-left: 10px;
    padding-right: 10px;
    color: #ff0000;
    font-size: 18px;
    line-height: 32px;
    margin-top: 3px;
}


/*商品详情*/

.commodity-title-lister {
    width: 100%;
    float: left;
}

.commodity-title-lister li {
    float: left;
    color: #6b6b6b;
    font-size: 18px;
}

.commodity-title-lister li a {
    color: #6b6b6b;
    display: block;
    float: left;
    margin-right: 5px;
}

.commodity-title-lister li:last-child {
    color: #f04923;
}

.commodity-title-lister li:last-child a {
    color: #f04923;
}

.commodity-one {
    width: 100%;
    float: left;
    margin-top: 18px;
}

.commodity-one-product {
    float: left;
    width: 455px;
    border: 3px solid #ffffff;
}

.commodity-one-right {
    width: 385px;
    float: right;
}

.commodity-one-right h2 {
    color: #f04923;
    font-size: 24px;
}

.commodity-one-list {
    width: 100%;
    float: left;
}

.commodity-one-list dl {
    width: 385px;
    float: left;
    min-height: 33px;
    margin-top: 20px;
}

.commodity-one-list dl dt {
    width: 135px;
    line-height: 33px;
    color: #757474;
    float: left;
    font-size: 18px;
}

.commodity-one-list dl dd {
    width: 220px;
    float: left;
    line-height: 33px;
}

.commodity-one-list dl dd .com3 {
    color: #ff0000;
    font-size: 24px;
}

.commodity-one-list dl dd .com4 {
    color: #414042;
    font-size: 18px;
}

.commodity-one-list dl dd .com5 {
    color: #f04923;
    font-size: 18px;
}

.commodity-one-list dl dd .up1 {
    display: block;
    float: left;
    width: 31px;
    border: 1px solid #000000;
    border-right: 0px;
    background: #f0f0f0;
    text-align: center;
    line-height: 31px;
    cursor: pointer;
}

.commodity-one-list dl dd .num {
    width: 98px;
    height: 31px;
    border: 1px solid #000000;
    text-align: center;
    color: #000000;
    font-size: 18px;
    float: left;
    background: #f0f0f0;
}

.commodity-one-list dl dd .down1 {
    display: block;
    float: left;
    width: 31px;
    border: 1px solid #000000;
    border-left: 0px;
    background: #f0f0f0;
    text-align: center;
    line-height: 31px;
    cursor: pointer;
}

.commodity-one-subm {
    width: 100%;
    float: left;
    margin-top: 55px;
}

.commodity-one-subm li {
    float: left;
    width: 167px;
    margin-right: 30px;
    height: 47px;
    border: 2px solid #999999;
    border-radius: 4px;
}

.commodity-one-subm li a {
    display: block;
    float: left;
    width: 161px;
    height: 41px;
    border: 3px solid #fff;
    line-height: 41px;
    text-align: center;
    font-size: 18px;
    background: #999999;
    color: #fff;
}

.commodity-one-subm li:last-child {
    margin-right: 0px;
}

.commodity-one-subm li:hover {
    border: 2px solid #f04923;
}

.commodity-one-subm li:hover a {
    background: #f04923;
}

.commodity-two {
    width: 100%;
    float: left;
    margin-top: 28px;
}

.commodity-two-title {
    width: 100%;
    float: left;
    height: 40px;
    border-bottom: 1px solid #f04923;
}

.commodity-two-title h2 {
    height: 40px;
    float: left;
    line-height: 40px;
    color: #000000;
    font-size: 18px;
    padding-right: 10px;
    border-bottom: 2px solid #000000;
}

.commodity-two-box {
    width: 100%;
    float: left;
}

.commodity-two-box .com1 {
    float: left;
    margin-left: 40px;
    margin-top: 20px;
    color: #414141;
    font-size: 16px;
    width: 360px;
}

.about-bann {
    width: 100%;
    float: left;
}

.about-mune {
    max-width: 1140px;
    width: 100%;
    float: left;
    margin-top: 20px;
    background: #fff;
    padding: 20px;
}

.about-lister {
    display: inline-block;
    text-align: center;
    width: 100%;
    float: left;
}

.about-lister ul {
    display: inline-block;
    text-align: center;
    left: 0px;
    right: 0px;
    margin: auto;
}

.about-lister ul li {
    float: left;
    width: 223px;
    height: 52px;
    border: 1px solid #f04923;
    border-radius: 3px;
    line-height: 52px;
    text-align: center;
    margin-left: 15px;
    margin-right: 15px;
    color: #f04923;
    font-size: 18px;
    cursor: pointer;
}

.about-lister ul li a {
    color: #f04923;
    display: block;
    height: 52px;
}

.about-lister ul .color2 {
    color: #fff;
    background: #f04923;
}

.about-lister ul li:hover {
    color: #fff;
    background: #f04923;
}

.about-lister ul li:hover a {
    color: #fff;
}

.about-lister ul .color2 a {
    color: #fff;
}

.about-box {
    width: 100%;
    float: left;
    margin-top: 35px;
}

.about-content {
    width: 100%;
    float: left;
    display: none;
}

.about-one {
    width: 100%;
    float: left;
}

.about-one h2 {
    color: #f04923;
    font-size: 30px;
}

.about-one p {
    color: #9d9d9d;
    font-size: 16px;
    margin-top: 6px;
}

.about-two {
    width: 100%;
    float: left;
    margin-top: 10px;
}

.about-two li {
    width: 100%;
    float: left;
    border-bottom: 1px solid #9d9d9d;
    margin-top: 12px;
    padding-bottom: 10px;
}

.about-two li a {
    float: left;
    color: #9d9d9d;
    width: 100%;
    font-size: 16px;
}

.about-two li a h2 {
    width: 60%;
    float: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}

.about-two li em {
    float: right;
}

.about-two li:hover a {
    color: #f04923;
}


/*工程项目*/

.project-content {
    width: 100%;
    float: left;
    margin-top: 30px;
    background: #f4f4f4;
}

.project-excel {
    float: right;
    width: 147px;
    height: 47px;
    border: 2px solid #f04923;
    border-radius: 3px;
    background: #fff;
    cursor: pointer;
}

.project-excel span {
    display: block;
    margin-top: 3px;
    margin-left: 3px;
    width: 141px;
    height: 41px;
    border-radius: 3px;
    background: #f04923;
    color: #fff;
    text-align: center;
    line-height: 41px;
    font-size: 18px;
}

.project-excel-title {
    max-width: 1175px;
    width: 100%;
    border: 2px solid #fff;
    border-bottom: 0px;
    background: #f04923;
    float: left;
    margin-top: 6px;
}

.project-excel-title dl {
    width: 100%;
    float: left;
    height: 52px;
    line-height: 52px;
    font-size: 18px;
    color: #fff;
}

.project-excel-title dl dt {
    width: 90px;
    float: left;
    text-indent: 10px;
}

.project-excel-title dl dd {
    float: left;
    text-indent: 18px;
}

.project-excel-lister {
    width: 100%;
    float: left;
}

.project-table {
    width: 100%;
    float: left;
    background: #dfdfdf;
    border-collapse: collapse;
    border-bottom: 2px solid #fff;
}

.project-table tr td {
    border: 2px solid #fff;
    border-right: 0px;
    border-bottom: 0px;
    height: 52px;
    float: left;
    line-height: 52px;
    overflow: hidden;
}

.project-table tr td:last-child {
    border-right: 2px solid #fff;
}

.project-table tr td p {
    color: #000000;
    font-size: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-indent: 20px;
}

.project-table tr td:first-child p {
    text-indent: 10px;
    color: #000000;
    font-size: 16px;
}

.prod-tab {
    max-width: 1178px;
}

.project-filter-box1 {
    width: 100%;
    float: left;
    background: #ffffff;
    padding-top: 24px;
    padding-bottom: 24px;
}

.project-filter-box1 dl {
    float: left;
    width: 100%;
    position: relative;
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 8px;
    padding-top: 10px;
}

.project-filter-box1 dl {
    float: left;
    width: 100%;
    position: relative;
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 10px;
}

.project-filter-box1 dl dt {
    width: 120px;
    float: left;
    height: 35px;
    line-height: 35px;
}

.project-filter-box1 dl dt p {
    color: #000000;
    font-size: 16px;
    float: right;
    margin-right: 18px;
}

.text2 {
    /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
    float: left;
    width: 195px;
    height: 33px;
    border: 1px solid #dadada;
    background: #f0f0f0;
    font-size: 16px;
    text-indent: 10px;
    color: #000000;
    /*很关键：将默认的select选择框样式清除*/
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    /*在选择框的最右侧中间显示小箭头图片*/
    background: url(../images/ia8.png) no-repeat scroll right center transparent;
    /*为下拉小箭头留出一点位置，避免被文字覆盖*/
    padding-right: 14px;
    margin-right: 20px;
}


/*清除ie的默认选择框样式清除，隐藏下拉箭头*/

.text2::-ms-expand {
    display: none;
}

.project-filter-box1 dl dd {
    width: 1050px;
    float: left;
}

.project-filter-box1 dl dd label {
    float: left;
    color: #919191;
    font-size: 16px;
    margin-right: 20px;
    cursor: pointer;
    height: 35px;
    line-height: 35px;
}

.project-filter-box1 dl dd label .check2 {
    display: block;
    float: left;
    margin-top: 10px;
    margin-right: 5px;
}

.button2 {
    float: left;
    line-height: 30px;
    color: #f04923;
    font-size: 16px;
    margin-right: 13px;
    border: 0px;
    background: none;
    cursor: pointer;
    margin-top: 20px;
    margin-left: 30px;
}


/*20160116*/

.announcement-sub .button {
    width: 311px;
    height: 41px;
    border: 0px solid #fff;
    border-radius: 3px;
    background: #f04923;
    text-align: center;
    line-height: 41px;
    color: #fff;
    margin-left: 3px;
    margin-top: 3px;
    font-size: 18px;
    cursor: pointer;
}

.announcement-sub .svdf {
    width: 311px;
    height: 41px;
    border: 0px solid #fff;
    border-radius: 3px;
    background: #f04923;
    text-align: center;
    line-height: 41px;
    color: #fff;
    margin-left: 3px;
    margin-top: 3px;
    font-size: 18px;
    cursor: pointer;
    position: absolute;
    z-index: 99999;
    left: 0px;
    opacity: 0;
}

.announcement-sub .buzcd {
    width: 311px;
    height: 41px;
    border: 0px solid #fff;
    border-radius: 3px;
    background: #f04923;
    text-align: center;
    line-height: 41px;
    color: #fff;
    margin-left: 3px;
    margin-top: 3px;
    font-size: 18px;
    cursor: pointer;
    position: absolute;
    z-index: 9999999;
    left: 0px;
    display: none;
    top: 0px;
}

.field-lister-one {
    width: 100%;
    float: left;
}

.field-lister-one li {
    float: left;
}

.field-lister-one li {
    float: left;
    color: #919191;
    font-size: 16px;
    margin-right: 20px;
    cursor: pointer;
    height: 35px;
    line-height: 35px;
}

.field-lister-one li i {
    width: 15px;
    height: 15px;
    background: url(../images/ico1.png) no-repeat;
    float: left;
    display: block;
    margin-right: 3px;
    margin-top: 10px;
    background-size: 100% 100%;
}

.field-lister-one .fonr-h1 {
    color: #2d91fc;
}

.field-lister-one .fonr-h1 i {
    width: 15px;
    height: 15px;
    background: url(../images/ico1h.png) no-repeat;
    float: left;
    display: block;
    margin-right: 3px;
    margin-top: 10px;
    background-size: 100% 100%;
}

.field-two-box {
    width: 100%;
    float: left;
}

.field-two-lister {
    width: 95%;
    float: left;
    display: none;
    border-top: 1px solid #e7e7e7;
    margin-top: 5px;
    padding-top: 5px;
}


/* 经销商培训 */

.train_main::after {
    content: '';
    display: block;
    clear: both;
}

.train_main {
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 50px;
    margin-top: 30px;
}

.videolist {
    float: left;
    width: 260px;
    height: 208px;
    margin-left: 28px;
    margin-top: 28px;
    margin-bottom: 30px;
}

.videolist .poster {
    position: relative;
    width: 260px;
    height: 208px;
    overflow: hidden;
}

.videolist .poster::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
}

.videolist:hover {
    cursor: pointer;
}

.videoed {
    width: 38px;
    height: 38px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -19px 0 0 -19px;
    z-index: 99;
    border-radius: 100%;
}

.PDF .poster {
    background: #e4e4e4 url(../images/pdf.png) no-repeat center center;
}

.PDF .poster::after {
    display: none;
}

.videos {
    display: none;
    border: 1px solid #080808;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -320px;
    margin-top: -210px;
    z-index: 999;
    width: 640px;
    height: 360px;
}

.vclose {
    position: absolute;
    right: 1%;
    top: 1%;
    border-radius: 100%;
    cursor: pointer;
}

.vtit {
    font-size: 14px;
    font-weight: bold;
}