/* inmain */
.inmain { border-top: 3px solid #f68a0a; padding: 10px 0; }
.inbanner { height: 180px; background-position: center center; background-repeat: no-repeat; margin-bottom: 10px; }
/* sidebar */
.sidebar { position: relative; top: 0; width: 220px;	/*! background: #eee; */ z-index: 99; }
.sidebar .head { position: relative; width: 100%; height: 80px; border-bottom: 1px solid #bbb; font-size: 18px; color: #fff; background: #f68a0a; text-align: center; line-height: 80px; }
.sidebar .head:before { position: absolute; content: ''; width: 34px; height: 80px; opacity: 1; top: 0px; left: -34px; background: url(../images/sidebarh-deco.png) no-repeat center center; }
.sidebar .body { width: 100%; padding-top: 4px; }
.sidebar .body li { position: relative; width: 100%; height: 40px; margin-bottom: 4px; background: #eee; color: #333; }
.sidebar .body li a { display: block; width: 100%; height: 100%; line-height: 40px; text-align: center; font-size: 14px; }
.sidebar .body li.on, .sidebar .body li:hover { background-color: #f68a0a; color: #fff; }
.sidebar .body li.menu_head { background-image: url(../images/arrow_gray.png); background-position: 200px 16px; background-repeat: no-repeat; }
.sidebar .body li.menu_head:hover { background-image: url(../images/arrow_white.png) }
.sidebar .body li .menu { position: absolute; left: 100%; top: 0; display: none; z-index: 5002 }
.sidebar .body li .menu a { display: block; width: 240px; height: 40px; line-height: 40px; padding-left: 30px; text-align: left; background: url(../images/menu_icon.png) no-repeat 10px center #f68a0a; color: #fff; font-size: 12px; }
.sidebar .body li .menu a:hover { background-color: #555; color: #fff; }
.sidebar .body li:hover .menu { display: block }
.sidebar .footer-btn { display: block; font-size: 15px; color: #f68a0a;			/*! padding-top: 30px; */			/*! padding-left: 10px; */ width: 100%; height: 42px; margin-top: 20px; background: transparent; text-align: center; line-height: 40px; border: 1px solid #f68a0a; }
.sidebar .footer-btn { margin-right: 8px; }
.sidebar .footer-btn:hover { border-color: #fff; background: #f5f5f5; }
/* mainc 主体内容 */
.mainc { width: 960px; background: #fff; border: 1px solid #ddd; padding: 10px; z-index: -1; }
.rside_top { width: 100%; border-bottom: 1px solid #ddd; line-height: 44px; font-size: 12px; color: #888; /*! padding-top: 10px; */ /*! background: #eee; */ }
.rside_top .name { font-size: 16px; padding-left: 30px; background: url(../images/arrow_blue.png) no-repeat 10px center; color: #282128; }
.rside_top .posi a { padding: 0 4px; font-size: 12px; }
.rside_top .posi a.on { color: #f68a0a; }
.rside_main { padding: 20px; }
/* 新闻列表 */
.newsul { }
.newsul li { height: 42px; line-height: 42px; border-bottom: 1px solid #f1f1f1; }
.newsul li a { color: #555555; font-size: 14px; }
.newsul li a:hover { color: #f68a0a; }
.newsul li span { color: #aaaaaa; font-size: 14px; }
/* 块状分页样式 */
.page { text-align: center; font-size: 14px; display: block; clear: both; height: 30px; line-height: 30px; margin-top: 18px; }
.page a { margin: 0 5px 0 0; padding: 8px 14px; background: #f1f1f1; color: #666; font-size: 14px; }
.page a:hover { background: #f68a0a; color: #fff; }
.page a.active { background: #f68a0a; border-color: #009bff !important; color: #fff !important; }
.page a.number { border: 1px solid #ddd; }
.newsDel_main h1 { color: #444; font-size: 18px; line-height: 26px; padding: 10px 0; text-align: center; /*! padding-bottom: 8px; */ border-bottom: 1px solid #f1f1f1; font-weight: bold; background: #f2f2f2; border-radius: 2px; }
.newsDel_main .p2 { text-align: center; color: #aaaaaa; font-size: 14px; margin: 12px 0 22px 0 }
.newsDel_main_m { padding-bottom: 40px; border-bottom: 1px solid #f1f1f1; }
.newsDel_main_m p { color: #555555; font-size: 14px; line-height: 28px; }
/* 上下篇 */
.pagep3 { text-align: center; padding-top: 15px; }
.pagep3 a { color: #aaaaaa; font-size: 14px; padding: 0 25px; }
.pagep3 a:hover { color: #f68a0a; }
.np { width: 100%; line-height: 28px; font-size: 14px; color: #666; border-top: 1px #eee solid; padding-top: 5px; margin-top: 20px; }
/* 产品列表 */
.proul ul { width: 1220px; }
.proul ul li { float: left; width: 292px; margin-right: 20px; border: 1px solid #ccc; height: auto; font-size: 15px; margin-bottom: 20px; overflow: hidden; }
.proul ul li:hover { border-color: #f68a0a; }
.proul ul li .img { background-color: #f5f5f5; background-position: center center; background-size: 100% 100%; width: 270px; margin: 8px auto 0 auto; height: 230px; overflow: hidden; border: 1px solid #eee; }
.proul ul li:hover .img { background-size: 108% 108%; }
.proul ul li .name { width: 100%; height: 30px; line-height: 40px; text-align: center; font-weight: bold; color: #666; }
.proul ul li .info { width: 100%; height: 30px; line-height: 30px; text-align: center; font-size: 12px; color: #888; }
.proul ul li:hover .name, .proul ul li:hover .info { color: #f68a0a; }
/* 产品详情 */
.pro-top {	/*! height: 280px; */ }
/* 产品大图 */
.pro-top .img { width: 300px; height: 220px; float: left; padding: 2px; border: 1px solid #e0e1dc; }
.pro-top .img img { }
.pro-top .small { width: 292px; height: 212px; }
.jqzoom { text-decoration: none; float: left; }
.pro-top .txt { width: 560px; height: 220px; overflow: hidden; }
.pro-top .txt .name { padding-left: 16px; line-height: 30px; padding-bottom: 6px; border-bottom: 1px solid #ddd; font-size: 16px; color: #575757; font-weight: bold; }
.pro-top .txt .jianjie li { line-height: 30px; font-size: 12px; color: #666; height: 31px; border-bottom: 1px dashed #ddd; padding : 0 20px; }
.pro-detail .detail { margin-top: 30px; border-top: 1px dotted #666; }
.pro-detail .detail-h .h1 { position: relative; width: 120px; height: 30px; line-height: 30px; text-align: center; background: #f68a0a; color: #fff; font-size: 15px; margin-bottom: 30px; margin-top: -15px; }
.pro-detail .detail-h .h1:after { position: absolute; bottom: -8px; left: 0; content: ''; width: 0; height: 0; border-top: 8px solid #f68a0a; border-left: 60px solid transparent; border-right: 60px solid transparent; }
.pro-detail .detail-h .zixun-btn { position: relative; padding: 0 14px; height: 30px; line-height: 30px; text-align: center; background: #eee; color: #888; font-size: 12px; margin-bottom: 30px; margin-top: -15px; }
.pro-detail .detail-h .zixun-btn:hover { background: #f68a0a; color: #fff; }
/* 翻页样式 */
.page_control { width: 100%; margin-top: 50px; border-top: 1px solid #ddd; }
.page_control .button { width: 66px; height: 36px; line-height: 34px; margin: 0 auto; font-size: 14px; padding: 0; text-align: center; margin-top: -18px; }
.page_control .page_go { width: 50%; font-size: 12px; }
.page_control .page_go a { line-height: 33px; font-size: 13px; }
.inbanner { position: relative; width: 100%; height: 120px; overflow: hidden; }
#canvas { width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0; left: 0; background-color: #f68a0a; }
div.canvas-content { position: relative; z-index: 2000; color: #fff; text-align: center; padding-top: 30px; }
.inbanner .animated { height: 77px; position: relative; text-transform: uppercase; }
.inbanner .animated span { position: absolute; top: 20px; left: 0; display: block; width: 100%; height: 100%; font-size: 34px; color: #fff; line-height: 77px; animation: fadeInKey 1s both ease; animation-delay: .8s !important; }
.about { padding: 30px 0; }
    .about .head {
        height: 24px;
        margin-bottom: 20px;
        font-size: 24px;
        line-height: 34px;
        font-weight: 500;
        color: #333;
        text-transform: capitalize;
    }
        .about .body{line-height:36px;}
/*feedback*/
.cf-column { position: relative; }
.cf-column p { font-weight: 500; padding: 10px 0 6px; }
.cf-column .text { display: inline-block; width: 100%; height: 40px; padding: 6px 12px; font-size: 14px; color: #000; vertical-align: middle; background-color: #fcfcfc; background-image: none; border: 1px solid #e6e6e6; -moz-transition: all ease-in-out .15s; -webkit-transition: all ease-in-out .15s; transition: all ease-in-out .15s; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; outline: none; }
.cf-column .text:focus { background-color: #fff; -moz-transition: all ease-in-out .15s; -webkit-transition: all ease-in-out .15s; transition: all ease-in-out .15s; border: 1px solid #ccc; }
.cf-column .code { position: absolute; right: 0; bottom: 0; }
.news { position: relative; width: 1200px; margin-top: 40px; margin-bottom: 30px; }
.news_nav { position: absolute; top: 0; right: 0; width: 220px; }
.news_nav .title { height: 32px; width: 100%; border-left: 5px solid #f68a0a; margin-bottom: 14px; line-height: 32px; padding-left: 10px;
    text-transform: uppercase;
    font-size: 24px;
    font-weight:bold; }
.news_nav ul { padding-bottom: 20px; padding-left: 10px; border-left: 1px solid #bbb; }
.news_nav li { font-size: 16px; color: #666; padding-left: 10px; padding-bottom: 14px; border-bottom: 1px dotted #bbb; margin-bottom: 14px; }
.news_nav li.now { color: #f68a0a; font-weight: bold; }
.news_nav li:hover a { color: #f68a0a; font-weight: bold; }
.news_left { width: 960px;/*margin: 0 auto;*/
}
.news_list ul { width: 100%; }
.news_list ul li { position: relative; width: 100%; height: 220px; /*background: #fff0eb;*/
color: #222; margin-bottom: 24px; }
.news_list ul li .time { position: absolute; top: 0; left: 0; width: 80px; height: 80px; background: #f68a0a; color: #fff; text-align: center; padding: 10px; overflow: hidden; border-radius: 5px; }
.news_list ul li .time .day { font-size: 20px; line-height: 40px; }
.news_list ul li .time .year { font-size: 14px; line-height: 16px; }
.news_list ul li .img { position: absolute; top: 0; left: 100px; width: 280px; height: 180px; overflow: hidden; border: 1px solid transparent; }
.news_list ul li .img:hover { border-color: #fd8965; }
.news_list ul li .img img { width: 100%; height: 100%; }
.news_list ul li .txt { position: absolute; top: 0; right: 20px; width: 540px; height: 280px; overflow: hidden; }
    .news_list ul li .txt .title {
        font-size: 18px;
        height: 40px;
        width: 100%;
        padding: 0 10px;
        line-height: 40px;
        border-bottom: 1px solid #bbb;
        color: #333;
        font-weight: bold;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
.news_list ul li .txt .intro { font-size: 14px; min-height: 100px; max-height: 200px; width: 100%; padding: 20px 10px; line-height: 28px; }
.news_list ul li .txt .btn_wrap { font-size: 14px; height: 30px; width: 100%; }
.news_list ul li .txt .btn_wrap a.btn { display: block; float: right; }
.pagination { text-align: center; line-height: 30px; margin: 30px 0; display: flex; justify-content: center; }
.pagination a:nth-child(1), .pagination a:nth-child(2), .pagination a:nth-last-child(2), .pagination a:last-child { font-size: 14px; display: block; color: #555; text-decoration: none; border-right: none; background: #f4f4f4; width: 40px; height: 40px; line-height: 40px; margin-right: 3px; border-radius: 3px; }
.pagination .number { margin-right: 3px; width: 40px; height: 40px; font-size: 14px; display: block; line-height: 40px; color: #555; text-decoration: none; border-right: none; background: #f4f4f4; border-radius: 3px; }
.pagination .number.current { font-size: 14px; display: block; color: #fff; background: #ec3a43; }
.pagination a:hover { text-decoration: underline; }
.btn { padding: 0 20px; height: 32px; background: #eee; color: #666; line-height: 32px; text-align: center; cursor: pointer; transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; }
.btn:hover { background: #ddd; }
.btn-radius { border-radius: 4px; overflow: hidden; }
.btn-main { background: #555; color: #fff; }
.btn-main:hover { background: #f68a0a; }
.news_detail .news-detail-title { }
.news_detail .news-detail-title h3 { display: block; border-bottom: 1px solid #cccccc; padding-bottom: 20px; font-size: 20px; text-align: center; line-height: 32px; color: #1a1a1a; }
.news_detail .news-detail-title-info { text-align: center; color: #666; font-size: 13px; padding: 20px 10px 15px; }
.news_detail .news-detail-title-info span { padding-right: 10px; position: relative; top: -3px;  *top: 2px;
_top: 1px; }
.news_detail_container { padding: 20px 10px 40px; }
.pro_nav {text-align: center; margin-top: 40px; margin-bottom: 40px; }
.pro_nav a { display: inline-block; padding:5px 20px; height: 100%; border-left: transparent; font-size: 15px; color: #666; line-height: 34px; transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; background: #f5f5f5; }
.pro_nav a:hover, .pro_nav a.current { background: #f68a0a; color: #fff; }
.pro_list { overflow: hidden; margin-bottom: 30px; }
.pro_list ul  
{
    display:flex;
    flex-wrap: wrap;
    }
.pro_list li { width: 360px;margin-right:40px; padding: 8px; margin-bottom: 40px; background: #fff; border-radius: 5px; position: relative; overflow: hidden; /*! border: solid 1px #ccc; */
box-shadow: 0 0 5px #eee; opacity: 1; background-color: #fff; transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; border-radius: 5px; }
.pro_list li:hover { background: #f68a0a; }
.pro_list ul li .a-img { width: 100%; height: 360px; display: block; position: relative;}
.pro_list ul li .a-img img { max-width: 100%;
    max-height: 100%;
    display: block;
    margin: 0 auto;}
.pro_list ul li .li-title { width: 100%; height: 40px; padding: 0 5px; line-height: 40px; font-size: 14px; color: #555; text-align: center; background: #fff; }
.pro_detail .b_head { margin-top: 30px; font-size: 12px; height: 51px; border-bottom: 1px solid #bbb; color: #666; padding: 0 10px; }
.pro_detail .b_head .bigword { font-size: 57px; line-height: 34px; color: #C00; margin-right: 6px; }
.pro_detail .b_head .smword { font-size: 15px; line-height: 20px; color: #333; }
.location { font-size: 14px; color: #999; padding-top: 10px; line-height: 40px; }
.location a { padding: 0 6px; }
.location a:hover { color: #fd8965; }
.pro_detail .b_body { font-size: 14px; min-height: 300px; margin-bottom: 30px; color: #666; padding: 50px 10px 0 10px; }
.pro_detail .b_body .left { width: 700px; }
.pro_detail .b_body .left .title { color: #222; font-size: 24px; margin-bottom: 24px; }
.pro_detail .b_body .left .imgshow { width: 100%; height: auto; border: 1px solid #ddd; border-radius: 6px; margin-bottom: 10px; overflow: hidden; text-align: center; }
.pro_detail .b_body .left .imgshow img { max-width: 100%; max-height: 400px; display: block; margin: 0 auto; }
.pro_detail .b_body .left .imggroup { width: 100%; height: 100px; overflow: hidden; margin-left: -4px; }
.pro_detail .b_body .left .imggroup .imgbox { position: relative; float: left; width: auto; height: 100%; border: 1px solid #bbb; margin: 0 4px; overflow: hidden; border-radius: 6px; cursor: pointer; }
.pro_detail .b_body .left .imggroup .imgbox.now { border-color: #fd8965; }
.pro_detail .b_body .left .imggroup .imgbox.now:after { content: ' '; display: block; position: absolute; top: -10px; left: 50%; margin-left: -7px; width: 14px; height: 14px; border-radius: 2px; transform: rotate(45deg); background: #fd8965; }
.pro_detail .b_body .left .imggroup .imgbox:hover { border-color: #fd8965; }
.pro_detail .b_body .left .imggroup .imgbox img { max-height: 100%; }
.pro_detail .b_body .right { width: 440px; }
.pro_detail .b_body .right .intro { padding-top: 44px; font-size: 14px; color: #666; line-height: 2em; }
.pro_detail .b_body .right .intro section { margin-bottom: 16px; }
.pro_detail .b_body .right .intro .p,  .pro_detail .b_body .right .intro .ul { padding-left: 10px; }
.pro_detail .b_body .right .intro h3 { font-size: 16px; font-weight: bold; text-transform: uppercase;text-align: center; padding: 5px 20px; display: block; width: 180px; margin-bottom: 10px; background: #f5f5f5; }
.pro_detail .detail { width: 100%; margin-top: 30px; }
.pro_detail .detail .detail_head { width: 100%; height: 30px; font-size: 16px; border-bottom: 1px solid #bbb; text-transform: uppercase;text-align: center; margin-bottom: 30px; padding-top: 20px; color: #222; font-weight: bold; }
.pro_detail .detail .detail_head span { display: inline-block; vertical-align: top;
    text-transform: uppercase; height: 20px; line-height: 20px; background: #fff; border-left: 3px solid #333; border-right: 3px solid #333; padding-bottom: 20px;padding-left:20px;padding-right:20px; font-size: 28px; color:#000}
.pro_detail .detail .detail_body { width: 100%; padding: 0 20px; line-height:25px; }
    .pro_detail .detail .detail_body img{
        max-width:90%;
    }
    .row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px;
    }
.col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}
.col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}
.contact-info-area h2 {
    font-weight: 600;
    margin: 0 0 15px;
    font-size: 35px;
    line-height: 30px;
}

.contact-info-area p {
    margin: 0 0 0px;
    font-size: 15px;
    color: #1f2226;
    line-height: 26px;
}

.contact-info-area .contact-info-wrap {
    margin: 60px 0 0;
}

@media only screen and (max-width: 767px) {
    .contact-info-area .contact-info-wrap {
        margin: 20px 0 30px;
    }
}

.contact-info-area .contact-info-wrap .single-contact-info {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 37px;
}

@media only screen and (max-width: 767px) {
    .contact-info-area .contact-info-wrap .single-contact-info {
        margin: 0 0 20px;
    }
}

.contact-info-area .contact-info-wrap .single-contact-info .contact-info-icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 62px;
    flex: 0 0 62px;
}
.contact-info-area .contact-info-wrap .single-contact-info .contact-info-icon img{
    height:35px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .contact-info-area .contact-info-wrap .single-contact-info .contact-info-icon {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50px;
        flex: 0 0 50px;
    }
}

@media only screen and (max-width: 767px) {
    .contact-info-area .contact-info-wrap .single-contact-info .contact-info-icon {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 44px;
        flex: 0 0 44px;
    }
}

.contact-info-area .contact-info-wrap .single-contact-info .contact-info-icon i {
    font-size: 36px;
    color: #ff3535;
    position: relative;
    top: 4px;
}

@media only screen and (max-width: 767px) {
    .contact-info-area .contact-info-wrap .single-contact-info .contact-info-icon i {
        font-size: 30px;
        top: 4px;
    }
}

.contact-info-area .contact-info-wrap .single-contact-info .contact-info-content p {
    margin: 0;
    font-size: 16px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .contact-info-area .contact-info-wrap .single-contact-info .contact-info-content p {
        font-size: 15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .contact-info-area .contact-info-wrap .single-contact-info .contact-info-content p {
        font-size: 15px;
    }
}

@media only screen and (max-width: 767px) {
    .contact-info-area .contact-info-wrap .single-contact-info .contact-info-content p {
        font-size: 14px;
    }
}

.contact-from {
    -webkit-box-shadow: 0 25px 45px rgba(1, 2, 2, 0.12);
    box-shadow: 0 25px 45px rgba(1, 2, 2, 0.12);
    padding: 50px;
    margin-left: 50px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .contact-from {
        margin-left: 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .contact-from {
        margin-left: 0px;
        padding: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .contact-from {
        margin-left: 0px;
        padding: 30px 20px;
    }
}

.contact-from input, .contact-from textarea {
    background: transparent;
    border: 1px solid #e5e5e5;
    font-size: 15px;
    height: 50px;
    padding: 2px 24px;
    margin-bottom: 15px;
    color: #1f2226;
    width: 100%;
}

.contact-from textarea {
    height: 120px;
    padding: 16px 24px 2px;
}

.contact-from button {
    border: none;
    padding: 0;
    background-color: transparent;
    text-align: center;
    color: #fff;
    background-color: #d0070c;
    display: block;
    width: 100%;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    padding: 16px 10px;
}

@media only screen and (max-width: 767px) {
    .contact-from button {
        padding: 13px 10px;
    }
}

.contact-from button:hover {
    background-color: #ff3535;
}

.contact-map #map {
    height: 500px;
}

@media only screen and (max-width: 767px) {
    .contact-map #map {
        height: 300px;
    }
}
.fl-button {
    border-radius: 50px;
    color: #fff;
    background: #333333;
    font-size: 16px;
    line-height: 1.2;
    padding: 15px 33px;
    display: inline-block;
    text-align: center;
    margin: 20px auto 0;
    background: linear-gradient(to bottom, #515151 0%, #333333 100%);
}

    .fl-button:hover {
        transition: all 0.2s linear !important;
        -moz-transition: all 0.2s linear !important;
        -webkit-transition: all 0.2s linear !important;
        -o-transition: all 0.2s linear !important;
        background: #ec3a43;
        color: #fff;
        background: linear-gradient(to bottom, #e44b4b 0%, #c62d2d 100%);
    }