.pagenumber {
    width: 100%;
    height: 40px;
    text-align: center;
   /* margin-top: 60px;*/
}

.pagenumber a, .pagenumber b {
    padding: 5px 10px;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    font-size: 16px;
    color: #333;
    margin-right: 20px;
    font-weight: 100;
    transition: all .2s;
}

.pagenumber a:hover, .pagenumber b {
    border-color: #c82821;
    color: #c82821;
}

.products_nav {
    width: 100%;
    height: 60px;
    line-height: 60px;
  /*  border-bottom: 1px solid #f0f0f0;*/
   /* margin: 5px 0 20px;*/
}

.products_nav .container {
    text-align: justify;
    overflow: hidden;
}

.products_nav a {
    font-size: 20px;
    color: #222;
    font-weight: 100;
    display: inline-block;
    transition: all .2s;
}

.products_nav a:after {
    content: " ";
    display: block;
    width: 0;
    height: 1px;
    background: #c82821;
    margin: 0 auto;
    transition: all .2s;
}

.products_nav a.on, .products_nav a:hover {
    color: #c82821;
}

.products_nav a.on:after, .products_nav a:hover:after {
    width: 100%;
}

.products_nav a.none {
    opacity: 0;
}

/*----------small banner------------*/
.small_banner {
    width: 100%;
    height: 400px;
    background: url("../images/sb_products.jpg") center;
    overflow: hidden;
    margin-bottom: 80px;
}

.small_banner dl {
    width: 340px;
    height: 100px;
    background: url("../images/bg_sbcons.png") no-repeat;
    margin-top: 160px;
    text-indent: 40px;
    font-weight: 100;
}

.small_banner dl dt {
    width: 100%;
    height: 70px;
    line-height: 70px;
    font-size: 26px;
    color: #FFFFFF;
}

.small_banner dl dd {
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #c82821;
}

.small_banner dl dd a {
    color: #c82821;
}

.marb0 {
    margin-bottom: 0;
}

/*-----------pro box--------------*/
.probox, .casebox {
    width: 105%;
}

.probox:after, .casebox:after {
    content: " ";
    display: block;
    clear: both;
}

.probox .ltit, .casebox .ltit {
    margin-bottom: 50px;
}

.probox dl, .casebox dl {
    width: 243px;
    height: 278px;
    padding: 20px;
    float: left;
    border: 1px solid #f0f0f0;
    margin-right: 20px;
    border-radius: 4px;
    margin-bottom: 20px;
}

.probox dl *, .casebox dl * {
    transition: all .2s;
}

.probox dl dt, .casebox dl dt {
    width: 100%;
    height: 162px;
    background: #f5f5f5;
}

.probox dl dt img, .casebox dl dt img {
    width: 100%;
}

.probox dl dd, .casebox dl dd {
    text-align: center;
    color: #333;
    margin-top: 20px;
    padding-top: 20px;
    font-size: 14px;
    white-space: nowrap;
}

.probox dl dd span, .casebox dl dd span {
    display: block;
    font-weight: normal;
    color: #333;
    line-height: 30px;
    font-size: 15px;
    transition: all .2s;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.probox dl:hover, .casebox dl:hover {
    border-color: #c82821;
}

.probox dl:hover dd, .casebox dl:hover dd {
    border-top-color: #c82821;
}

.probox dl:hover dd span, .casebox dl:hover dd span {
    color: #c82821;
}

.casebox dl {
    width: 285px;
    border: none;
    height: 310px;
    border-radius: 0;
    padding: 0;
}

.casebox dl dt {
    height: 214px;
    overflow: hidden;
}

.casebox dl dt img {
    width: 100%;
    transition: all .2s;
}

.casebox dl dd {
    border: none;
    margin-top: 0;
    height: 100px;
}

.casebox dl:after {
    content: " ";
    display: block;
    width: 0;
    height: 1px;
    background: #c82821;
    margin: 0 auto;
    transition: all .2s;
}

.casebox dl:hover dt img {
    transform: scale(1.05);
}

.casebox dl:hover {
    border-color: #f0f0f0;
}

.casebox dl:hover:after {
    width: 100%;
}

/*--------service strip-------------*/
.service_strip {
    width: 100%;
    height: 88px;
    border: 1px solid #f0f0f0;
    border-left: none;
    border-right: none;
    margin: 70px 0;
}

.service_strip span {
    display: block;
    float: left;
    height: 88px;
    line-height: 88px;
    font-size: 16px;
    color: #222;
    font-weight: 100;
    margin-right: 50px;
}

.service_strip span:before {
    display: inline-block;
    width: 40px;
    height: 30px;
    content: " ";
    background: url("../images/icons.png") -525px -103px;
    vertical-align: middle;
    margin-right: 10px;
}

.service_strip span:after {
    display: inline-block;
    width: 1px;
    height: 30px;
    content: " ";
    background: #f0f0f0;
    float: right;
    margin-top: 29px;
}

.service_strip span.cor {
    width: 210px;
}

.service_strip span.qtb {
    width: 290px;
}

.service_strip span.qtb:before {
    background-position-y: -142px;
}

.service_strip span.ciw {
    width: 295px;
}

.service_strip span.ciw:before {
    background-position-y: -183px;
}

.service_strip span.pat {
    float: right;
    margin-right: 0;
}

.service_strip span.pat:before {
    background-position-y: -224px;
}

.service_strip span.pat:after {
    display: none;
}

.service_strip span:hover {
    color: #c82821;
}

.service_strip span:hover:before {
    background-position-x: -576px;
}

/*---------form-----------*/
/*.form_quotation{ font-weight: 100; input,textarea{outline:none;} .left,.right{width: 580px;height: 180px;margin-top: 20px;} .left{float: left;width: 620px;} .right{float: right;} .lab{ width: 578px;height: 38px;border: 1px solid #cccccc;margin-bottom: 20px;font-size: 16px;color: #999999;line-height: 38px; span{display: block;float: left;width:80px;text-align: right;} input{width: 450px;height:36px;text-indent: 10px;border:none;color:#333;} i{color: $color;font-style: normal;} } .sns_select,.sns_id{border: 1px solid #cccccc;float: left;margin-right: 20px;} .sns_select{ span{text-indent: 20px;display: block;float: left;margin-right: 20px;} width: 308px;height: 38px;float: left;line-height: 38px;color: #333333; select{outline: none;border: none;font-size: 16px;width: 110px;} } .sns_id{width: 248px;height: 38px;text-indent: 10px;} .fuel_cho,.appli_cho{ width: 100%;color: #666666;line-height: 36px; span{display: block;float: left;font-size: 18px;margin-right: 50px;} li{ float: left;line-height: 36px;margin-right: 28px;cursor:pointer; &:before{display: inline-block;width: 10px;height: 10px;margin-right: 10px;background: url("../images/icons.png") -565px -281px;content: " ";} &.on,&:hover{ color:$color; &:before{background-position-x: -545px;} } } &:hover span{color: $color} } .appli_cho span{height:85px;} .message{ width: 100%;color: #666666; span{margin-bottom: 15px;display: block;} textarea{width: 1198px;height: 118px;border:1px solid #CCCCCC;line-height: 36px;font-size: 16px;text-indent: 20px;color: #333333;} } .sub{width: 220px;height: 44px;line-height: 44px;color:#FFFFFF;background: $color;font-size: 18px;border-radius: 4px;margin: 30px auto;border:none;cursor:pointer;display: block;}
}*/
.form_quotation {
    font-weight: 100;
}

.form_quotation input, .form_quotation textarea, .form_quotation textarea {
    outline: none;
    font-family: "Proxima";
    font-weight: 100;
}

.form_quotation .left, .form_quotation .right {
    width: 580px;
    height: 180px;
    margin-top: 20px;
}

.form_quotation .left {
    float: left;
    width: 620px;
}

.form_quotation .right {
    float: right;
}

.form_quotation input {
    font-size: 16px;
}

.form_quotation .lab {
    width: 578px;
    height: 38px;
    border: 1px solid #cccccc;
    margin-bottom: 20px;
    font-size: 16px;
    color: #999999;
    line-height: 38px;
}

.form_quotation .lab span {
    display: block;
    float: left;
    width: 80px;
    text-align: right;
}

.form_quotation .lab input {
    width: 450px;
    height: 36px;
    text-indent: 10px;
    border: none;
    color: #222;
}

.form_quotation .lab i {
    color: #c82821;
    font-style: normal;
}

.form_quotation .lab select {
    outline: none;
    border: none;
    font-size: 16px;
    width: 300px;
    margin-left: 10px;
    height: 100%;
}

.form_quotation textarea {
    width: 578px;
    height: 98px;
    border: 1px solid #CCCCCC;
    line-height: 36px;
    font-size: 16px;
    text-indent: 20px;
    color: #222;
}

.form_quotation .fuel_cho, .form_quotation .appli_cho {
    width: 100%;
    color: #333;
    line-height: 36px;
}

.form_quotation .fuel_cho span, .form_quotation .appli_cho span {
    display: block;
    float: left;
    font-size: 18px;
    margin-right: 50px;
}

.form_quotation .fuel_cho li, .form_quotation .appli_cho li {
    float: left;
    line-height: 36px;
    margin-right: 28px;
    cursor: pointer;
}

.form_quotation .fuel_cho li:before, .form_quotation .appli_cho li:before {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 10px;
    background: url("../images/icons.png") -565px -281px;
    content: " ";
}

.form_quotation .fuel_cho li.on, .form_quotation .fuel_cho li:hover, .form_quotation .appli_cho li.on, .form_quotation .appli_cho li:hover {
    color: #c82821;
}

.form_quotation .fuel_cho li.on:before, .form_quotation .fuel_cho li:hover:before, .form_quotation .appli_cho li.on:before, .form_quotation .appli_cho li:hover:before {
    background-position-x: -545px;
}

.form_quotation .fuel_cho:hover span, .form_quotation .appli_cho:hover span {
    color: #c82821;
}

.form_quotation .appli_cho span {
    height: 85px;
}

.form_quotation .sub {
    width: 220px;
    height: 44px;
    line-height: 44px;
    color: #FFFFFF;
    background: #c82821;
    font-size: 18px;
    border-radius: 4px;
    margin: 30px auto;
    border: none;
    cursor: pointer;
    display: block;
}

.chat_form {
    float: right;
    font-size: 18px;
    color: #c82821;
    height: 22px;
    line-height: 22px;
}

.chat_form a {
    color: #c82821;
}

.chat_form a:before, .chat_form a:after {
    display: inline-block;
    background: url("../images/icons.png");
    content: " ";
    vertical-align: middle;
}

.chat_form a:before {
    width: 20px;
    height: 22px;
    background-position: -510px -278px;
    margin-right: 5px;
}

.chat_form a:after {
    width: 30px;
    height: 10px;
    background-position: -587px -280px;
    margin-left: 10px;
}

/*-----------footer---------------*/
.footer {
    width: 100%;
    background: #303030;
    height: 565px;
    border-top: #cc3333 2px solid;
    overflow: hidden;
    color: #cccccc;
    font-size: 16px;
    position: relative;
    padding-top: 35px;
    margin-top: 80px; /*--------------*/
}

.footer a {
    color: #cccccc; /* transition: all .2s;*/
}

.footer a:hover {
    color: #c82821;
}

.footer * {
    z-index: 99999;
}

.footer canvas {
    opacity: .2;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9998;
    pointer-events: none;
}

.footer .help {
    width: 300px;
    margin: 0 0 40px 0;
    color: #ffffff;
    font-size: 16px;
    font-weight: 100;
    height: 40px;
    line-height: 40px;
    float: left;
}

.footer .help span {
    display: inline-block;
    margin-left: 20px;
    cursor: pointer;
}

.footer .help span:before {
    display: block;
    float: left;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #FFFFFF;
    content: " ";
    margin: 14px 8px 0 0;
}

.footer .help span.on:before {
    background: #c82821;
}

.footer .f_nav {
    width: 820px;
    height: 290px;
    float: left;
}

.footer .f_nav ul {
    float: left;
    margin-right: 85px;
}

.footer .f_nav ul li {
    line-height: 34px;
    font-weight: 100;
}

.footer .f_nav ul li:first-child {
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: normal;
}

.footer .cons_sns {
    width: 380px;
    float: right;
    height: 290px;
    color: #cccccc;
}

.footer .cons_sns .tit {
    font-size: 20px;
    margin-bottom: 10px;
    line-height: 34px;
}

.footer .cons_sns p {
    color: #ccc;
    font-size: 16px;
    line-height: 30px;
    border-bottom: 1px solid #666;
    padding-bottom: 8px;
    margin-bottom: 15px;
}

.footer .cons_sns ul.cons_foot {
    width: 100%;
}

.footer .cons_sns ul.cons_foot li {
    width: 50%;
    float: left;
    height: 20px;
    line-height: 20px;
    margin-bottom: 10px;
    font-weight: 100;
}

.footer .cons_sns ul.cons_foot li:before {
    width: 20px;
    height: 20px;
    float: left;
    display: block;
    content: " ";
    background: url("../images/icons.png") -50px -211px;
    margin-right: 5px;
}

.footer .cons_sns ul.cons_foot li.tel:before {
    background-position-x: -76px;
}

.footer .cons_sns ul.cons_foot li.phone:before {
    background-position-x: -98px;
}

.footer .cons_sns ul.cons_foot li.fax:before {
    background-position-x: -120px;
}

.footer .cons_sns .sns {
    width: 110%;
    margin-top: 15px;
}

.footer .cons_sns .sns a {
    width: 25px;
    height: 25px;
    display: block;
    float: left;
    margin-right: 44px;
    background: url("../images/icons.png") -4px -254px;
}

.footer .cons_sns .sns a.tw {
    background-position-x: -30px;
}

.footer .cons_sns .sns a.yt {
    background-position-x: -61px;
}

.footer .cons_sns .sns a.gp {
    background-position-x: -92px;
}

.footer .cons_sns .sns a.in {
    background-position-x: -126px;
}

.footer .cons_sns .sns a.sky {
    background-position-x: -157px;
}

.footer .cons_sns .sns a.wk {
    background-position-x: -189px;
}

.footer .cons_sns .sns a.tt {
    background-position-x: -226px;
}

.footer .cons_sns .sns a:hover {
    background-position-y: -281px;
}

.footer .langs {
    text-align: center;
    border-top: 1px solid #4d4d4d;
}

.footer .langs .mia {
    text-align: center;
    margin: 32px 0 10px;
}

.footer .langs .mia a {
    display: inline-block;
    width: 60px;
    height: 30px;
    background: url("../images/icons.png") -85px -110px;
    margin-right: 20px;
}

.footer .langs .mia a.eso {
    width: 30px;
    background-position-x: -150px;
}

.footer .langs .mia a.eac {
    width: 30px;
    background-position-x: -189px;
}

.footer .langs .mia a:hover {
    background-position-y: -142px;
}

form#phone {
    width: 570px;
    height: 40px;
    background: #222222;
    border-radius: 4px;
    float: right;
    overflow: hidden;
}

form#phone input.phone {
    width: 480px;
    float: left;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #FFFFFF;
    outline: none;
    border: none;
    background: #222222;
    text-indent: 25px;
}

form#phone input.sub {
    width: 80px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #FFFFFF;
    background: #c82821;
    float: right;
    border: none;
    outline: none;
    font-size: 16px;
    font-weight: 100;
    cursor: pointer;
}

/*---------*/
.copyright {
    width: 100%;
    position: absolute;
    height: 64px;
    background-color: #232323;
    bottom: 0;
    color: #686868;
    line-height: 64px;
    font-size: 14px;
}

.copyright .f_logo {
    width: 100px;
    height: 28px;
    display: inline-block;
    background: url("../images/icons.png") -383px 0;
    line-height: 64px;
    margin-top: 18px;
}

/*.copyright .cpt {
    float: right;
}*/

/*---------------news list----------------------*/
.related_info, .news_list_ind {
    width: 100%;
    margin: 70px auto;
}

.related_info ul, .news_list_ind ul {
    width: 100%;
    margin-top: 50px;
}

.related_info ul li, .news_list_ind ul li {
    width: 49%;
    float: left;
    height: 54px;
    line-height: 54px;
    font-size: 18px;
    border-bottom: 1px solid #f0f0f0;
}

.related_info ul li a, .news_list_ind ul li a {
    color: #333;
    font-weight: 100;
    display: block;
    transition: all .2s;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.related_info ul li a:before, .news_list_ind ul li a:before {
    display: block;
    width: 10px;
    height: 54px;
    content: " ";
    float: left;
    background: url("../images/icons.png") -227px -100px;
    margin-right: 10px;
    transition: all .2s;
}

.related_info ul li a:after, .news_list_ind ul li a:after {
    display: block;
    height: 1px;
    content: " ";
    background: #c82821;
    transition: all .2s;
    width: 0;
}

.related_info ul li a span, .related_info ul li a i, .news_list_ind ul li a span, .news_list_ind ul li a i {
    display: block;
    height: 54px;
    line-height: 54px;
}

.related_info ul li a span, .news_list_ind ul li a span {
    width: 70%;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.related_info ul li a i, .news_list_ind ul li a i {
    width: 20%;
    float: right;
    font-style: normal;
}

.related_info ul li:nth-child(2n), .news_list_ind ul li:nth-child(2n) {
    float: right;
}

.related_info ul li:hover a, .news_list_ind ul li:hover a {
    color: #c82821;
}

.related_info ul li:hover a:before, .news_list_ind ul li:hover a:before {
    background-position-x: -239px;
}

.related_info ul li:hover a:after, .news_list_ind ul li:hover a:after {
    width: 100%;
}

.related_info ul:after, .news_list_ind ul:after {
    content: " ";
    display: block;
    clear: both;
}

.news_list_ind ul li a:before {
    background: none;
}

dl.more {
    width: 100%;
    height: 90px;
    margin-top: 30px;
}

dl.more dt {
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 58px;
    margin: 0 auto 10px;
    color: #c82821;
    border: 1px solid #c82821;
    font-size: 55px;
    border-radius: 50%;
    font-weight: 100;
}

dl.more dd {
    font-size: 16px;
    text-align: center;
    color: #c82821;
}

/*---------------news content-------------------*/
.news_art {
    width: 100%;
}

.news_art h2 {
    text-align: center;
    font-weight: 100;
    font-size: 30px;
    color: #c82821;
}

.news_art span.newstime {
    font-size: 16px;
    color: #333;
    text-align: center;
    display: block;
    margin: 15px 0 50px;
    font-weight: 100;
}

.news_art p {
    margin-bottom: 25px;
}

.news_art img {
    display: block;
    margin: 0 auto;
    width: 600px;
    height: 400px;
}

.news_art a {
    text-decoration: underline;
    transtion: all .2s;
}

.news_art a:hover {
    color: #c82821;
}

.hotqian {
    width: 100%;
    height: 30px;
    line-height: 30px;
    margin-top: 30px;
}

.hotqian dt, .hotqian span {
    float: left;
    font-size: 18px;
    color: #c82821;
    margin-right: 30px;
}

.hotqian dt:before, .hotqian span:before {
    display: block;
    content: " ";
    width: 27px;
    height: 30px;
    background: url("../images/icons.png") -460px -149px;
    float: left;
    margin-right: 8px;
}

.hotqian dd {
    float: left;
    font-size: 16px;
    font-weight: 100;
}

.hotqian a {
    margin-right: 25px;
    color: #333;
}

.hotqian a:hover {
    color: #c82821;
}

.pn {
    width: 100%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 16px;
    color: #999999;
    margin-top: 70px;
}

.pn .pan, .pn .back_list {
    background: #f5f5f5;
    float: left;
}

.pn .pan a, .pn .back_list a {
    color: #333;
}

.pn .pan {
    width: 588px;
    height: 60px;
    margin-right: 3px;
    font-size: 15px;
}

.pn .pan a:hover {
    color: #c82821;
}

.pn .back_list {
    background: #f5f5f5;
    width: 118px;
}

.pn .back_list a {
    display: block;
}

.pn .back_list:hover {
    background: #c82821;
}

.pn .back_list:hover a {
    color: #FFFFFF;
}

/*-------other public--------*/
.vicon {
    width: 100px;
    height: 30px;
    position: absolute;
    left: 25px;
    bottom: 25px;
    background: url("../images/icons.png") #FFFFFF 0 -172px;
    border-radius: 4px;
    cursor: pointer;
}

.vicon span {
    display: block;
    float: right;
    width: 70px;
    height: 30px;
    text-align: center;
    line-height: 32px;
    color: #c82821;
    font-size: 14px;
}

.arrow {
    width: 148px;
    height: 34px;
    line-height: 34px;
    border-radius: 4px;
    border: 1px solid #c82821;
    display: block;
    text-align: center;
    font-size: 16px;
    font-weight: 100;
    color: #c82821;
}

.arrow:after {
    width: 22px;
    height: 34px;
    display: inline-block;
    content: " ";
    background: url("../images/icons.png") -590px -14px;
    vertical-align: middle;
    margin-left: 10px;
}

.case_special .hd, .equipment .hd {
    width: 100%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-bottom: 1px solid #f0f0f0;
}

.case_special .hd span, .equipment .hd span {
    font-size: 30px;
    font-weight: 100;
    padding: 0 10px;
    cursor: pointer;
    display: inline-block;
    position: relative;
    margin: 0 30px;
    transition: all .2s;
}

.case_special .hd span:after, .equipment .hd span:after {
    display: block;
    width: 0;
    height: 1px;
    background: #c82821;
    content: " ";
    left: -5%;
    position: absolute;
    transition: all .2s;
}

.case_special .hd span.on, .case_special .hd span:hover, .equipment .hd span.on, .equipment .hd span:hover {
    color: #c82821;
}

.case_special .hd span.on:after, .case_special .hd span:hover:after, .equipment .hd span.on:after, .equipment .hd span:hover:after {
    width: 110%;
}

.equipment .hd span:after {
    left: 0;
    margin: 0 auto;
    position: relative;
}

.equipment .hd span:hover:after, .equipment .hd span.on:after {
    width: 100%;
}

/**-----**/
.mask2 {
    position: fixed;
    background-color: rgba(51, 51, 51, 0.4);
    width: 100%;
    height: 100%;
    z-index: 8;
    top: 0px;
    left: 0px;
    display: none;
}

.mask2 video {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -480px;
    margin-top: -270px;
}

.mask2 .imgclo {
    cursor: pointer;
    position: fixed;
    top: 15%;
    right: 25%;
    z-index: 999;
    font-size: 55px;
    color: red;
}

.notfound {
    margin-top: 150px;
    text-align: center;
    font-size: 18px;
    line-height: 26px;
}

.notfound em {
    font-style: normal;
    display: block;
    font-size: 30px;
    margin: 40px 0 30px;
}

.notfound span {
    color: #c82821;
}

.notfound img {
    display: block;
    margin: 0 auto;
}

.notfound .probox {
    margin-top: 80px;
}

/*# sourceMappingURL=public.css.map */