body
{
    font-family: "微软雅黑"!important;
    font: 14px Microsoft YaHei!important;
    line-height: 24px;
}
body, div, p, span, ul, li, dl, dd, h1, h2, h3, a, input, img
{
    margin: 0;
    padding: 0;
    font-family: "微软雅黑"!important;
}
li, ol
{
    list-style: none;
}
a, input, img, textarea
{
    border: none;
    outline: none;
}
i, em
{
    font-style: normal;
}
.fl
{
    float: left;
}
.fr
{
    float: right;
}
.tc
{
    text-align: center;
}
.tr
{
    text-align: right;
}
.tl
{
    text-align: left;
}
.db
{
    display: block;
}
.ma
{
    margin: 0 auto;
}
.pr
{
    position: relative;
}
.pa
{
    position: absolute;
}
.pf
{
    position: fixed;
}
.transition
{
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
a
{
    text-decoration: none;
    color: #333;
}
a:focus
{
    text-decoration: none;
}
a:hover, a:focus
{
    text-decoration: none!important;
}
.hide
{
    display: none;
}
.show
{
    display: block;
}
.modal a
{
    outline: none;
}
label
{
    font-weight: normal;
    width: 100%;
}
a:hover
{
    color: #3fb03c;
}
a:focus
{
    outline: none;
    outline-offset: 0;
}
img
{
    vertical-align: middle;
}
.container
{
    margin: 0 auto;
}
.wow
{
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
}
.wower
{
    animation-duration: .8s;
    -webkit-animation-duration: .8s;
}
.fx
{
    position: fixed!important;
}
.wrapper
{
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
}
.wrap
{
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}
.img_c i
{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.img_c i img
{
    max-width: 100%;
    max-height: 100%;
}
.slick-slide
{
    outline: none;
}
.slick-slide a
{
    outline: none;
}
.updown_fenlei .cont_nav .one .o_li .one_a.on
{
    color: #fff;
    background: #3fb03c;
    text-align: left;
    font-weight: bold;
}
.updown_fenlei .cont_nav .one .o_li .one_a.on i
{
    background: url(../image/icon4_h.png) center no-repeat;
}
#model_contant_main .model_dec_adress a:hover
{
    color: #3fb03c;
}
.model-dectil-bottom .model-dectil-chose a:hover
{
    color: #3fb03c;
}
.model-result-two ul li a:hover
{
    color: #3fb03c;
}
.model_seach .model-seachdiv form .seabtn
{
    background: #3fb03c;
}
.model_page a.on, .model_page a:hover
{
    color: #3fb03c;
    border-bottom: 1px solid #3fb03c;
}
.model-phone-page span i
{
    color: #3fb03c;
}
.model-classify .model-classify-posnav
{
    background: #3fb03c;
}
.model-classify-nav .one .o_li .one_a i
{
    background: url(../image/icon6.png) center no-repeat;
}
.model-classify-nav .one .o_li a.ez
{
    color: #3fb03c;
}
.model-classify-nav .second a.sen_x
{
    color: #3fb03c;
}
.model-classify-nav .second a.sen_x:before
{
    background: #3fb03c;
}
.updown_fenlei .cont_nav .one .one_a i
{
    background: url(../image/icon4.png) center no-repeat;
}
.updown_posnav .nav_item a:hover, .updown_posnav .nav_item a.on
{
    color: #3fb03c;
}
.updown_fenlei .cont_nav .one .o_li:hover .one_a, .updown_fenlei .cont_nav .one .o_li a.ez
{
    background: #3fb03c;
}
.model-textlist-one ul .textlist-lifirst .textlist-text .textlist-more:hover
{
    border: 1px solid #3fb03c;
    background: #3fb03c url(../image/icon10.png) 90% center no-repeat;
}
.model-textlist-one ul li:hover
{
    border-bottom: 1px solid #3fb03c;
}
.model-textlist-one ul li:hover dt
{
    color: #3fb03c;
}
.model-textlist-two ul li a:hover .newtime
{
    background: #3fb03c;
}
.model-textlist-two ul li a:hover .textlist-l dt
{
    color: #3fb03c;
}
.model-textlist-two ul li a:hover .textlist-l p
{
    color: #3fb03c;
}
.model-textlist-three ul li a:hover, .model-textlist-three ul li a:hover dt
{
    color: #3fb03c;
}
.model-textlist-three ul li a:before
{
    background: #3fb03c;
}
.model-textlist-four ul li a:hover
{
    background: #3fb03c;
}
.model-textlist-four ul li .textlist-r dd
{
    color: #fbf0dd;
}
.model-imgtextlist-two ul li a:hover .imgtextlist-r dt
{
    color: #3fb03c;
}
.model-imgtextlist-one ul li a:hover .imgtextlist-l dt
{
    color: #3fb03c;
}
.model-imgtextlist-three ul li a:hover .imgtextlist-r dt
{
    color: #3fb03c;
}
.model-imgtextlist-three ul li .imgtextlist-r .time p
{
    color: #3fb03c;
}
.model-imgtextlist-four ul li a:hover .imgtextlist-text
{
    background: #3fb03c;
}
.model-imgtextlist-four ul li a:hover .imgtextlist-text p
{
    color: #fbf0dd;
}
.model-imgtextlist-four ul li .imgtextlist-text dd
{
    color: #fbf0dd;
}
.model-imglist-two ul li .pimg em span
{
    background: #3fb03c url(../image/icon7.png) center no-repeat;
}
.model-imglist-two ul li a:hover p
{
    background: #3fb03c;
}
.model-imglist-three ul li a:hover
{
    border: 2px solid #3fb03c;
}
.model-imglist-three ul li a:hover p
{
    color: #3fb03c;
    background: url(../image/icon6.png) right center no-repeat;
}
.model-imglist-one ul li a:hover p
{
    color: #3fb03c;
}
@media(max-width: 767px)
{
    .model-textlist-four ul li .textlist-r dd
    {
        color: #808080;
    }
    .model-textlist-four ul li .newtime
    {
        color: #808080!important;
    }
    .model-imgtextlist-four ul li a:hover .imgtextlist-text dt
    {
        color: #fff!important;
    }
    .model-imgtextlist-four ul li a:hover .imgtextlist-text p
    {
        color: #fbf0dd!important;
    }
    .model-imgtextlist-four ul li .imgtextlist-text dd
    {
        color: #808080;
    }
    .model-imgtextlist-four ul li a:hover .imgtextlist-text dd
    {
        color: #fbf0dd;
    }
    .model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-prev:after
    {
        border-right: 7px solid #3fb03c;
    }
    .model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-prev
    {
        border-right: 1px solid #3fb03c;
    }
    .model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-next:after
    {
        border-left: 7px solid #3fb03c;
    }
    .model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-next
    {
        border-left: 1px solid #3fb03c;
    }
}
.model_leftright_l .cont_nav .one .o_li.on a.one_a
{
    font-weight: bold;
    background: #fff;
    color: #3fb03c;
}
.model_leftright_l .l_posnav
{
    background: #3fb03c;
}
.model_leftright_l .cont_nav .one .o_li .one_a i
{
    background: url(../image/icon6.png) center center no-repeat;
}
.model_leftright_l .cont_nav .one .o_li a.one_a:hover, .model_leftright_l .cont_nav .one .o_li a.ez
{
    color: #3fb03c;
}
.model_leftright_l .cont_nav .second .e_li a:hover, .model_leftright_l .cont_nav .second .e_li a.sen_x
{
    color: #3fb03c;
}
.model_leftright_l .cont_nav .second .e_li a:hover:before, .model_leftright_l .cont_nav .second .e_li a.sen_x:before
{
    background: #3fb03c;
}
.moder_leftright_r .r_posnav p
{
    border-bottom: 4px solid #3fb03c;
}
.moder_leftright_r .r_posnav span a:hover
{
    color: #3fb03c;
}
#model_banner .slick-dots li.slick-active button
{
    background: #ffb800;
}
.model-dectil-img .slick-dots li button
{
    border: 1px solid #3fb03c;
}
.model-dectil-img .slick-dots li.slick-active button
{
    background: #3fb03c;
}
.model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-prev:before
{
    border-bottom: 12px solid #3fb03c;
}
.model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-prev:hover
{
    border-bottom: 1px solid #3fb03c;
}
.model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-next:before
{
    border-top: 12px solid #3fb03c;
}
.model-dectil-imgtwo .model-dectil-slick2 .slider-nav .slick-next:hover
{
    border-top: 1px solid #3fb03c;
}
.wrapper
{
    padding-top: 142px;
}
.header
{
    width: 100%;
    height: 142px;
    position: fixed;
    z-index: 10;
    background: #fff;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.1);
    top: 0;
    left: 0;
}
.header .container
{
    position: relative;
}
.logo
{
    width: 285px;
    height: 107px;
    font-size: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
}
.logo a
{
    display: block;
    height: auto;
    overflow: hidden;
}
.logo i
{
    width: 285px;
    height: 107px;
    display: table-cell;
    vertical-align: middle;
}
.logo i img
{
    max-width: 100%;
    max-height: 100%;
}
.nav
{
    width: 100%;
    padding: 0 0 0 34%;
}
.nav ul
{
    width: 100%;
}
.nav ul li
{
    font-size: 16px;
    position: relative;
    float: left;
    text-align: center;
}
.nav ul li a
{
    display: block;
    line-height: 107px;
    height: 107px;
    overflow: hidden;
    transition: 400ms;
    padding: 0 5px;
    position: relative;
}
.nav ul li a:before
{
    content: "";
    width: 100%;
    height: 100%;
    border-left: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    border-bottom: 5px solid #3fb03c;
    position: absolute;
    top: -100%;
    left: 0;
    transition: 400ms;
}
.nav ul li a:hover, .nav ul li.cu a, .nav ul li.on a
{
    color: #fff;
    background: #3fb03c url(../image/nav-hover.jpg) center 85px no-repeat;
}
.nav ul li a:hover:before, .nav ul li.cu a:before, .nav ul li.on a:before
{
    top: 0;
}
.nav ul li ul
{
    position: absolute;
    height: auto;
    overflow: hidden;
    background: #3fb03c;
    padding: 8px 0;
    display: none;
}
.nav ul li ul li
{
    width: 100%;
    font-size: 14px;
}
.nav ul li ul li a, .nav ul li.cu ul li a, .nav ul li.on ul li a
{
    line-height: 32px;
    height: 32px;
    color: #fff;
}
.nav ul li ul li a:before
{
    display: none;
}
.nav ul li ul li a:hover
{
    background: #ca7d09;
}
.nav_button
{
    width: 30px;
    height: 100%;
    background: url(../image/nav_button.png) center center no-repeat;
    background-size: 100%;
    position: absolute;
    top: 0;
    right: 15px;
    display: none;
}
#model_banner .slick-dots
{
    bottom: 12px;
    z-index: 3;
    line-height: 0;
    font-size: 0;
}
#model_banner .slick-dots li
{
    width: auto;
    height: auto;
    margin: 0 6px;
}
#model_banner .slick-dots li button
{
    width: 14px;
    height: 14px;
    background: url(../image/hd.png) center center no-repeat;
    background-size: 100%;
    border-radius: 100%;
    transition: 400ms;
    padding: 0;
    margin: 0;
}
#model_banner .slick-dots li.slick-active button
{
    background: url(../image/hd_on.png) center center no-repeat;
}
#model_banner .slick-dots li button:before
{
    display: none;
}
#model_banner .slick-arrow
{
    width: 66px;
    height: 66px;
    top: 50%;
    z-index: 2;
    transition: 400ms;
    border-radius: 50%;
    overflow: hidden;
    background-size: 100%!important;
}
#model_banner .slick-prev
{
    background: url(../image/prev_banner.png) rgba(0,0,0,.2) center center no-repeat;
    left: 8.5%;
}
#model_banner .slick-next
{
    background: url(../image/next_banner.png) rgba(0,0,0,.2) center center no-repeat;
    right: 8.5%;
}
#model_banner .slick-prev:hover
{
    background: url(../image/prev_banner.png) rgba(0,0,0,.5) center center no-repeat;
}
#model_banner .slick-next:hover
{
    background: url(../image/next_banner.png) rgba(0,0,0,.5) center center no-repeat;
}
#model_banner .slick-prev:before
{
    display: none;
}
#model_banner .slick-next:before
{
    display: none;
}
.banner_search
{
    width: 46.8%;
    position: absolute;
    bottom: 20.6%;
    left: 50%;
    margin-left: -23.4%;
    overflow: hidden;
    border-radius: 5px;
}
.banner_search form
{
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    padding: 0 18% 0 0;
    background: #fff;
    border-radius: 5px;
}
.banner_search form:after
{
    content: "";
    width: 66px;
    height: 100%;
    background: url(../image/banner_search.png) center center no-repeat;
    position: absolute;
    top: 0;
    left: 0;
}
.banner_search .btn_s
{
    width: 18%;
    line-height: 62px;
    height: 62px;
    overflow: hidden;
    background: #3fb03c;
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 24px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    font-family: "微软雅黑"!important;
    outline: none;
    border: none;
}
.banner_search .box_s
{
    width: 100%;
    padding: 0 66px;
    line-height: 62px;
    height: 62px;
    overflow: hidden;
    font-size: 18px;
    color: #666;
    font-family: "微软雅黑"!important;
    outline: none;
    border: none;
}
.product
{
    padding: 60px 0 80px;
    height: auto;
    overflow: hidden;
    background: #fcfcfc;
}
.headline
{
    margin-bottom: 50px;
    position: relative;
    border-bottom: 1px solid #eee;
}
.headline:after
{
    content: "";
    width: 70px;
    height: 3px;
    background: #3fb03c;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -2px;
}
.headline a
{
    display: block;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    line-height: 70px;
    height: 70px;
    overflow: hidden;
    color: #333;
}
.pro_data
{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 30px;
}
.pro_data ul
{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.pro_data ul li
{
    width: 30%;
    margin-right: 5%;
    height: auto;
    overflow: hidden;
    float: left;
    margin-bottom: 44px;
}
.pro_data ul li:nth-child(3n)
{
    margin-right: 0;
}
.pro_data ul li a
{
    display: block;
}
.pro_img
{
    width: 100%;
    height: auto;
    overflow: hidden;
    font-size: 0;
    text-align: center;
    margin-bottom: 15px;
}
.pro_img img
{
    width: 100%;
    transition: 400ms;
}
.pro_bt
{
    font-size: 18px;
    line-height: 26px;
    height: 26px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 10px;
    transition: 400ms;
}
.pro_nr
{
    font-size: 14px;
    line-height: 24px;
    height: 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #666;
}
.pro_data ul li a:hover .pro_img img
{
    transform: scale(1.05,1.05);
    -webkit-transform: scale(1.05,1.05);
    -moz-transform: scale(1.05,1.05);
    -ms-transform: scale(1.05,1.05);
}
.imore
{
    width: 122px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}
.imore a
{
    display: block;
    line-height: 44px;
    border: 1px solid #eee;
    color: #999;
    transition: 400ms;
    text-align: center;
    font-size: 16px;
}
.imore a:hover
{
    border: 1px solid #3fb03c;
    color: #fff;
    background: #3fb03c;
}
.tuijian
{
    padding: 60px 0 80px;
}
.tuijian_data
{
    position: relative;
}
.tuijian_img
{
    font-size: 0;
    height: auto;
    overflow: hidden;
    text-align: center;
}
.tuijian_img img
{
    max-width: 100%;
    max-height: 100%;
    transition: 400ms;
}
.tuijian_bt
{
    width: 100%;
    position: absolute;
    bottom: 12%;
    text-align: center;
    font-size: 0;
    line-height: 0;
}
.tuijian_bt a
{
    display: inline-block;
    padding: 0 40px;
    line-height: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 5px;
    background: rgba(255,158,0,.9);
    color: #fff;
    font-size: 18px;
    min-width: 250px;
    max-width: 50%;
}
.tuijian_data:hover .tuijian_img img
{
    transform: scale(1.05,1.05);
    -webkit-transform: scale(1.05,1.05);
    -moz-transform: scale(1.05,1.05);
    -ms-transform: scale(1.05,1.05);
}
.about
{
    padding: 60px 0 80px;
    background: #fcfcfc;
}
.about_area
{
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    margin-bottom: 80px;
    background: #fff;
}
.about_area:before
{
    content: "";
    width: 100%;
    height: 50px;
    background: #fcfcfc;
    position: absolute;
    top: 0;
    left: 0;
}
.about_right
{
    width: 50%;
    height: auto;
    overflow: hidden;
    float: right;
    position: relative;
    text-align: center;
    font-size: 0;
}
.about_right img
{
    max-width: 100%;
    width: 100%;
}
.about_right .slick-dots
{
    bottom: 0;
    z-index: 3;
    line-height: 0;
    font-size: 0;
    position: relative;
    margin: 32px 0;
    text-align: right;
    right: 24px;
}
.about_right .slick-dots li
{
    width: auto;
    height: auto;
    margin: 0 6px;
}
.about_right .slick-dots li button
{
    width: 14px;
    height: 14px;
    background: #e0e0e0;
    border: 1px solid #e0e0e0;
    border-radius: 50%;
    transition: 400ms;
    padding: 0;
    margin: 0;
}
.about_right .slick-dots li.slick-active button
{
    background: none;
    border: 1px solid #3fb03c;
}
.about_right .slick-dots li button:before
{
    display: none;
}
.about_left
{
    padding: 100px 50px 50px 50px;
    width: 50%;
    height: auto;
    overflow: hidden;
    float: left;
}
.about_nr
{
    font-size: 16px;
    line-height: 30px;
    max-height: 360px;
    overflow: hidden;
}
.tiyan
{
    padding: 60px 0 80px;
}
.tiyan .headline
{
    border-bottom: 1px solid #fff;
}
.tiyan .headline a
{
    color: #fff;
}
.tiyan .imore a
{
    border: 1px solid #fff;
    color: #fff;
}
.tiyan .imore a:hover
{
    border: 1px solid #3fb03c;
}
.tiyan_data
{
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    margin-bottom: 80px;
}
.tiyan_data ul li
{
    width: 47.9%;
    float: left;
    height: auto;
    overflow: hidden;
}
.tiyan_data ul li:nth-child(odd)
{
    margin-right: 4.2%;
}
.tiyan_data ul li a
{
    display: block;
    height: auto;
    overflow: hidden;
    background: rgba(255,255,255,.9);
}
.tiyan_img
{
    width: 100%;
    font-size: 0;
    height: auto;
    overflow: hidden;
    text-align: center;
}
.tiyan_img img
{
    max-width: 100%;
    max-height: 100%;
    transition: 400ms;
}
.tiyan_bt
{
    padding: 0 22px;
    font-size: 18px;
    line-height: 68px;
    height: 68px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: 400ms;
}
.tiyan_data ul li a:hover .tiyan_img img
{
    transform: scale(1.05,1.05);
    -webkit-transform: scale(1.05,1.05);
    -moz-transform: scale(1.05,1.05);
    -ms-transform: scale(1.05,1.05);
}
.news
{
    padding: 60px 0 80px;
}
.news_data ul
{
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin-bottom: 80px;
}
.news_data ul li
{
    width: 30.65%;
    float: left;
    margin-right: 4.025%;
}
.news_data ul li:nth-child(3n)
{
    margin-right: 0;
}
.news_data ul li a
{
    display: block;
    height: auto;
    overflow: hidden;
    background: #fcfcfc;
    transition: 400ms;
}
.news_time
{
    width: 100%;
    color: #999;
    padding: 16px 0 14px 80px;
    background: url(../image/news_time.png) #f6f6f6 right center no-repeat;
    background-size: auto 100%!important;
    position: relative;
    transition: 400ms;
}
.news_time:after
{
    content: "";
    width: 38px;
    height: 100%;
    background: url(../image/calendar.png) center center no-repeat;
    background-size: 100%!important;
    position: absolute;
    left: 20px;
    top: 0;
    transition: 400ms;
}
.news_y
{
    font-size: 12px;
    line-height: 16px;
    height: 16px;
    overflow: hidden;
}
.news_d
{
    font-size: 18px;
    line-height: 22px;
    height: 22px;
    overflow: hidden;
}
.news_intro
{
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 20px 20px 20px;
}
.news_img
{
    width: 100%;
    height: auto;
    overflow: hidden;
    font-size: 0;
    margin-bottom: 18px;
}
.news_img img
{
    width: 100%;
}
.news_bt
{
    font-size: 16px;
    line-height: 24px;
    height: 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #333;
    margin-bottom: 6px;
}
.news_nr
{
    line-height: 30px;
    height: 90px;
    color: #666;
    overflow: hidden;
    margin-bottom: 12px;
}
.news_imore
{
    float: left;
    padding-right: 20px;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    color: #999;
    transition: 400ms;
    background: url(../image/news_imore.png) right center no-repeat;
}
.news_data ul li a:hover
{
    background: #fff;
    box-shadow: 0 0 20px 0 rgba(0,0,0,.15);
}
.news_data ul li a:hover .news_time
{
    color: #fff;
    background: url(../image/news_time_h.png) #3fb03c right center no-repeat;
}
.news_data ul li a:hover .news_time:after
{
    background: url(../image/calendar_h.png) center center no-repeat;
}
.news_data ul li a:hover .news_imore
{
    background: url(../image/news_imore_h.png) right center no-repeat;
    color: #3fb03c;
}
.footer
{
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #fcfcfc;
    padding-bottom: 68px;
    padding-top: 66px;
    border-top: 1px solid #eee;
}
.others
{
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 80px 0 74px;
    border-bottom: 1px solid #eee;
    margin-bottom: 66px;
}
.others_item
{
    width: 25%;
    height: auto;
    overflow: hidden;
    float: left;
    text-align: center;
    padding: 0 15px;
}
.others_icon
{
    width: 118px;
    height: 118px;
    line-height: 118px;
    font-size: 0;
    margin: 0 auto 16px;
    border-radius: 50%;
    background: #fcf5ea;
    color: #3fb03c;
    text-align: center;
}
.others_icon i
{
    font-size: 40px;
}
.others_bt
{
    font-size: 18px;
    line-height: 36px;
    height: 36px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.others_nr
{
    line-height: 24px;
    height: 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #666;
}
.foot_area
{
    width: 100%;
    display: inline-block;
    vertical-align: top;
}
.foot_contact
{
    width: 38%;
    height: auto;
    overflow: hidden;
    float: left;
    padding-right: 40px;
}
.foot_tit
{
    font-size: 16px;
    line-height: 26px;
    height: 26px;
    overflow: hidden;
}
.fcon_nr
{
    line-height: 24px;
    padding-top: 12px;
    height: auto;
    overflow: hidden;
    color: #666;
}
.fcon_nr p
{
    line-height: 24px;
    padding: 6px 0;
    height: auto;
    overflow: hidden;
    padding-left: 42px;
    position: relative;
}
.fcon_nr p span
{
    line-height: 24px;
    height: 24px;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 6px;
}
.foot_website
{
    width: 40%;
    height: auto;
    overflow: hidden;
    float: left;
}
.foot_website ul
{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.foot_website ul li
{
    font-size: 16px;
    width: 33.33%;
    float: left;
    height: auto;
    overflow: hidden;
}
.foot_website ul li a
{
    display: block;
    line-height: 26px;
    height: 26px;
    overflow: hidden;
    padding-right: 20px;
    transition: 300ms;
}
.foot_website ul li a:hover
{
    color: #3fb03c;
}
.foot_website ul li ul
{
    padding-top: 12px;
    height: auto;
    overflow: hidden;
}
.foot_website ul li ul li
{
    width: 100%;
    font-size: 14px;
}
.foot_website ul li ul li a
{
    line-height: 36px;
    height: 36px;
    color: #666;
    transition: 300ms;
}
.foot_website ul li ul li a:hover
{
    color: #3fb03c;
}
.foot_follow
{
    width: 18%;
    float: left;
}
.foot_follow ul
{
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding-top: 25px;
}
.foot_follow ul li
{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 50px;
    transition: 300ms;
    background-size: 100%!important;
    float: left;
    position: relative;
}
.foot_follow ul li a
{
    display: block;
    height: 100%;
    overflow: hidden;
    transition: 300ms;
}
.foot_follow ul li.foot_wx
{
    background: url(../image/foot_wx.png) #5c5c5c center center no-repeat;
}
.foot_follow ul li.foot_wb
{
    background: url(../image/foot_wb.png) #5c5c5c center center no-repeat;
}
.foot_follow ul li.foot_qq
{
    background: url(../image/foot_qq.png) #5c5c5c center center no-repeat;
    margin-right: 0;
}
.foot_follow ul li.foot_wx:hover
{
    background: url(../image/foot_wx.png) #3fb03c center center no-repeat;
}
.foot_follow ul li.foot_wb:hover
{
    background: url(../image/foot_wb.png) #3fb03c center center no-repeat;
}
.foot_follow ul li.foot_qq:hover
{
    background: url(../image/foot_qq.png) #3fb03c center center no-repeat;
}
.foot_wx_hover
{
    width: 140px;
    height: auto;
    overflow: hidden;
    padding-top: 10px;
    text-align: center;
    position: absolute;
    left: 50%;
    margin-left: -70px;
    top: 40px;
    display: none;
}
.foot_wx_hover img
{
    max-width: 100%;
    max-height: 100%;
}
.linker
{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 18px;
}
.linker_bt
{
    width: 96px;
    height: 36px;
    line-height: 36px;
    overflow: hidden;
    text-align: center;
    color: #666;
    background: #eee;
    margin-bottom: 10px;
}
.linker ul
{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.linker ul li
{
    float: left;
    margin-right: 12px;
}
.linker ul li a
{
    display: block;
    line-height: 36px;
    height: 36px;
    overflow: hidden;
    color: #999;
    transition: 300ms;
}
.linker ul li a:hover
{
    color: #3fb03c;
}
.copyright
{
    line-height: 24px;
    color: #fff;
    background: #3fb03c;
    text-align: center;
    padding: 12px 0;
    height: auto;
    overflow: hidden;
}
.copyright a
{
    color: #fff;
}
.copyright a:hover
{
    text-decoration: underline!important;
}
@media(min-width: 960px)
{
    .pc-jianjie
    {
        width: 85%;
        margin: 0 auto;
        line-height: 2em;;
    }
}
@media(max-width: 768px)
{
    .mhide
    {
        display: none;
    }
}
.tc
{
    text-align: center;
}
.tr
{
    text-align: right;
}
.header .mytop
{
    height: 35px;
    background-color: #ededed;
}
.header .mytop .welcome
{
    width: 565px;
    height: 35px;
    line-height: 35px;
}
.header .mytop .top-nav
{
    width: 305px;
    height: 35px;
}
.mytop .top-nav li
{
    height: 35px;
    line-height: 35px;
}
.mytop .top-nav li a
{
    padding-left: 10px;
    padding-right: 10px;
}
.mytop .top-nav .tel
{
    background: url(../image/tel.png) left center no-repeat;
    padding-left: 20px;
    color: #3fb03c;
    font-weight: bold;
}
#myfooter
{
    width: 100%;
    height: 242px;
    background: url(../image/fot-bg.jpg) left top repeat-x;
}
.linian
{
    background-color: #44ad41;
}
.pt20
{
    padding-top: 20px;
    box-sizing: content-box;
}
.pb20
{
    padding-bottom: 20px;
    box-sizing: content-box;
}
.mt20
{
    margin-top: 20px;
}
.mb20
{
    margin-bottom: 20px;
}
.about-more
{
    background-color: #3fb03c;
    border-color: #3fb03c;
    padding-left: 25px;
    padding-right: 25px;
}
.about-more:hover
{
    background-color: #fda400;
    border-color: #fda400;
}
.peitao-more
{
    background-color: #fff;
    border-color: #3fb03c;
    padding-left: 25px;
    padding-right: 25px;
    color: #3fb03c;
}
.peitao-more:hover
{
    color: #fff;
    background-color: #3fb03c;
}
.peitao h3
{
    font-size: 1.2em;
    background-color: #e7e7e7;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 20px;
    transition: all .5s;
}
.peitao h3:hover, .peitao h3:hover a
{
    cursor: pointer;
    color: #fff;
    background-color: #3fb03c;
}
.peitao .col-md-3.col-xs-6 a img
{
    transition: all .5s;
    overflow: hidden;
    border: 1px solid #eee;
}
.peitao a img:hover
{
    transform: scale(1.1,1.1);
}
.news.index-news
{
    padding: 0!important;
}
.news .col-md-3 hr
{
    height: 5px;
    background-color: #3fb03c;
    border: none;
}
.news .col-md-3 h3
{
    padding-left: 15px;
    padding-right: 15px;
    font-size: 16px;
    font-weight: bold;
    height: 45px;
    line-height: 45px;
}
.news .col-md-3 p
{
    padding-left: 15px;
    padding-right: 15px;
}
.news .col-md-3 .cnt
{
    transition: all .5s;
}
.news .col-md-3 .cnt:hover
{
    background-color: #3fb03c;
    cursor: pointer;
}
.news .col-md-3 .cnt:hover a, .news .col-md-3 .cnt:hover p
{
    color: #fff;
}
img.img-responsive
{
    width: 100%;
}
.fot-ewm
{
    padding-top: 55px;
}
.fot-lm .nav
{
    padding: 0;
    padding-top: 40px;
    padding-bottom: 40px;
}
.fot-lm .nav a
{
    padding: 0;
    color: #fff;
    padding-left: 18px;
    font-size: 16px;
}
.fot-lm .nav a:hover
{
    color: #fff;
    background: none;
}
.fot-lm a:after
{
    content: "|";
    color: #fff;
    padding-left: 18px;
}
.banquan
{
    padding-left: 15px;
    color: #fff;
    font-size: 14px;
    line-height: 30px;
}
.banquan a
{
    color: #fff;
}
@media(max-width: 1920px) and (min-width: 1440px)
{
    .container
    {
        width: 1200px;
    }
    #single div#model_contant_main p
    {
        line-height: 1.75em;
        font-size: 16px;
        color: #515151;
        margin-top: 10px;
    }
}
@media(min-width: 1200px) and (max-width: 1439px)
{
    #model_banner .slick-arrow
    {
        width: 58px;
        height: 58px;
    }
    .banner_search
    {
        width: 52%;
        margin-left: -26%;
        bottom: 14%;
    }
    .banner_search .btn_s
    {
        font-size: 22px;
        line-height: 52px;
        height: 52px;
    }
    .banner_search .box_s
    {
        line-height: 52px;
        height: 52px;
    }
    #single div#model_contant_main p
    {
        line-height: 1.75em;
        color: #515151;
        margin-top: 10px;
    }
    .headline a
    {
        font-size: 28px;
    }
    .pro_data
    {
        margin-bottom: 24px;
    }
    .pro_data ul li
    {
        width: 31%;
        margin-right: 3.5%;
        margin-bottom: 28px;
    }
    .pro_bt
    {
        margin-bottom: 6px;
    }
    .imore a
    {
        line-height: 42px;
    }
    .about_area:before
    {
        height: 42px;
    }
    .about_left
    {
        padding: 86px 42px 50px 42px;
    }
    .about_nr
    {
        max-height: 308px;
        line-height: 28px;
    }
    .about_right .slick-dots
    {
        margin: 24px 0;
    }
    .tiyan_data
    {
        margin-bottom: 66px;
    }
    .tiyan_bt
    {
        line-height: 64px;
        height: 64px;
    }
    .news_data ul
    {
        margin-bottom: 66px;
    }
    .news_data ul li
    {
        width: 31%;
        margin-right: 3.5%;
    }
    .news_time
    {
        padding: 12px 0 10px 70px;
    }
    .news_time:after
    {
        width: 34px;
    }
    .news_nr
    {
        line-height: 28px;
        height: 84px;
        margin-bottom: 8px;
    }
    .footer
    {
        padding-bottom: 46px;
    }
    .others
    {
        padding: 58px 0 56px;
        margin-bottom: 56px;
    }
    .others_icon
    {
        width: 112px;
        height: 112px;
        line-height: 112px;
    }
    .fcon_nr p
    {
        padding: 4px 0;
        padding-left: 42px;
    }
    .fcon_nr p span
    {
        top: 4px;
    }
    .foot_website ul li ul li a
    {
        line-height: 32px;
        height: 32px;
    }
    .foot_follow
    {
        width: 22%;
    }
    .linker ul li a
    {
        line-height: 32px;
        height: 32px;
    }
}
@media(min-width: 992px) and (max-width: 1199px)
{
    .wrapper
    {
        padding-top: 84px;
    }
    .header
    {
        height: 84px;
    }
    .logo
    {
        width: 270px;
        height: 84px;
    }
    .logo i
    {
        width: 270px;
        height: 84px;
    }
    .nav
    {
        padding-left: 32%;
    }
    .nav ul li a
    {
        line-height: 84px;
        height: 84px;
    }
    .nav ul li ul
    {
        padding: 5px 0;
    }
    #model_banner .slick-arrow
    {
        width: 52px;
        height: 52px;
    }
    .banner_search
    {
        width: 52%;
        margin-left: -26%;
        bottom: 14%;
    }
    .banner_search form:after
    {
        width: 50px;
        background-size: 20px;
    }
    .banner_search .btn_s
    {
        font-size: 18px;
        line-height: 46px;
        height: 46px;
    }
    .banner_search .box_s
    {
        line-height: 46px;
        height: 46px;
        padding: 0 46px;
    }
    .product
    {
        padding: 42px 0 60px;
    }
    .headline
    {
        margin-bottom: 38px;
    }
    .headline a
    {
        font-size: 24px;
        line-height: 60px;
        height: 60px;
    }
    .pro_data
    {
        margin-bottom: 18px;
    }
    .pro_data ul li
    {
        width: 32%;
        margin-right: 2%;
        margin-bottom: 24px;
    }
    .pro_img
    {
        margin-bottom: 12px;
    }
    .pro_bt
    {
        margin-bottom: 4px;
        font-size: 17px;
    }
    .imore a
    {
        line-height: 40px;
    }
    .tuijian
    {
        padding: 46px 0 70px;
    }
    .tuijian_bt a
    {
        line-height: 46px;
        height: 46px;
        font-size: 17px;
    }
    .about
    {
        padding: 46px 0 68px;
    }
    .about_area
    {
        margin-bottom: 56px;
    }
    .about_area:before
    {
        height: 26px;
    }
    .about_left
    {
        padding: 58px 35px 40px 35px;
    }
    .about_nr
    {
        max-height: 252px;
        line-height: 28px;
        font-size: 15px;
    }
    .about_right .slick-dots
    {
        margin: 16px 0;
        right: 6px;
    }
    .about_right .slick-dots li button
    {
        width: 12px;
        height: 12px;
    }
    .tiyan
    {
        padding: 50px 0 70px;
    }
    .tiyan_data
    {
        margin-bottom: 56px;
    }
    .tiyan_bt
    {
        line-height: 58px;
        height: 58px;
        font-size: 17px;
    }
    .news
    {
        padding: 50px 0 66px;
    }
    .news_data ul
    {
        margin-bottom: 56px;
    }
    .news_data ul li
    {
        width: 32%;
        margin-right: 2%;
    }
    .news_time
    {
        padding: 10px 0 8px 54px;
    }
    .news_time:after
    {
        width: 26px;
        left: 16px;
    }
    .news_intro
    {
        padding: 16px;
    }
    .news_img
    {
        margin-bottom: 14px;
    }
    .news_nr
    {
        line-height: 26px;
        height: 78px;
        margin-bottom: 4px;
    }
    .footer
    {
        padding-bottom: 32px;
    }
    .others
    {
        padding: 46px 0 38px;
        margin-bottom: 34px;
    }
    .others_icon
    {
        width: 96px;
        height: 96px;
        margin-bottom: 12px;
        line-height: 96px;
    }
    .others_icon i
    {
        font-size: 36px;
    }
    .others_bt
    {
        font-size: 16px;
        line-height: 28px;
        height: 28px;
    }
    .foot_contact
    {
        width: 46%;
    }
    .fcon_nr
    {
        padding-top: 8px;
    }
    .fcon_nr p
    {
        padding: 2px 0;
        padding-left: 42px;
    }
    .fcon_nr p span
    {
        top: 2px;
    }
    .foot_website
    {
        width: 36%;
    }
    .foot_website ul li ul
    {
        padding-top: 8px;
    }
    .foot_website ul li ul li a
    {
        line-height: 28px;
        height: 28px;
    }
    .foot_follow
    {
        width: 18%;
    }
    .foot_follow ul li
    {
        width: 36px;
        height: 36px;
        margin-right: 28px;
    }
    .foot_wx_hover
    {
        width: 100px;
        margin-left: -50px;
        top: 36px;
    }
    .linker_bt
    {
        line-height: 32px;
        height: 32px;
    }
    .linker ul li a
    {
        line-height: 28px;
        height: 28px;
    }
}
@media(max-width: 991px)
{
    .wrapper
    {
        padding-top: 80px;
    }
    .header
    {
        height: auto;
    }
    .logo
    {
        width: 80%;
        height: auto;
        position: relative;
    }
    .logo i
    {
        width: 270px;
        height: 80px;
    }
    .nav
    {
        display: none;
    }
    .mytop
    {
        display: none;
    }
    .nav_button
    {
        display: block;
    }
    #model_banner .slick-arrow
    {
        width: 46px;
        height: 46px;
    }
    .banner_search
    {
        width: 56%;
        margin-left: -28%;
        bottom: 50px;
    }
    .banner_search form
    {
        padding-right: 88px;
    }
    .banner_search form:after
    {
        width: 40px;
        background-size: 16px;
    }
    .banner_search .btn_s
    {
        font-size: 16px;
        line-height: 38px;
        height: 38px;
        width: 88px;
    }
    .banner_search .box_s
    {
        line-height: 38px;
        height: 38px;
        padding: 0 38px;
        font-size: 16px;
    }
    .product
    {
        padding: 42px 0 60px;
    }
    .headline
    {
        margin-bottom: 30px;
    }
    .headline a
    {
        font-size: 22px;
        line-height: 50px;
        height: 50px;
    }
    .pro_data
    {
        margin-bottom: 18px;
    }
    .pro_data ul li
    {
        width: 48.5%;
        margin-right: 3%;
        margin-bottom: 24px;
    }
    .pro_data ul li:nth-child(3n)
    {
        margin-right: 3%;
    }
    .pro_data ul li:nth-child(2n)
    {
        margin-right: 0%;
    }
    .pro_img
    {
        margin-bottom: 12px;
    }
    .pro_bt
    {
        margin-bottom: 4px;
        font-size: 17px;
    }
    .imore a
    {
        line-height: 38px;
    }
    .tuijian
    {
        padding: 46px 0 70px;
    }
    .tuijian_bt a
    {
        line-height: 42px;
        height: 42px;
        font-size: 17px;
        padding: 0 32px;
    }
    .about
    {
        padding: 46px 0 62px;
    }
    .about_area
    {
        margin-bottom: 40px;
    }
    .about_area:before
    {
        display: none;
    }
    .about_right
    {
        width: 100%;
    }
    .about_right .slick-dots
    {
        margin: 20px 0;
        right: 14px;
    }
    .about_right .slick-dots li button
    {
        width: 13px;
        height: 13px;
    }
    .about_left
    {
        width: 100%;
        padding: 0 20px 24px 20px;
    }
    .about_nr
    {
        max-height: 252px;
        line-height: 28px;
        font-size: 15px;
    }
    .tiyan
    {
        padding: 50px 0 60px;
    }
    .tiyan_data
    {
        margin-bottom: 46px;
    }
    .tiyan_data ul li
    {
        width: 48.5%;
    }
    .tiyan_data ul li:nth-child(odd)
    {
        margin-right: 3%;
    }
    .tiyan_bt
    {
        line-height: 46px;
        height: 46px;
        font-size: 16px;
    }
    .news
    {
        padding: 50px 0 58px;
    }
    .news_data ul
    {
        margin-bottom: 18px;
    }
    .news_data ul li
    {
        width: 48.5%;
        margin-right: 3%;
        margin-bottom: 24px;
    }
    .news_data ul li:nth-child(3n)
    {
        margin-right: 3%;
        display: none;
    }
    .news_data ul li:nth-child(2n)
    {
        margin-right: 0%;
    }
    .news_time
    {
        padding: 10px 0 8px 54px;
    }
    .news_time:after
    {
        width: 26px;
        left: 16px;
    }
    .news_d
    {
        font-size: 16px;
        line-height: 20px;
        height: 20px;
    }
    .news_intro
    {
        padding: 16px;
    }
    .news_img
    {
        margin-bottom: 14px;
    }
    .news_nr
    {
        line-height: 26px;
        height: 78px;
        margin-bottom: 4px;
    }
    .footer
    {
        padding-bottom: 32px;
    }
    .others
    {
        padding: 42px 0 30px;
        margin-bottom: 24px;
    }
    .others_icon
    {
        width: 86px;
        height: 86px;
        margin-bottom: 10px;
        line-height: 86px;
    }
    .others_icon i
    {
        font-size: 34px;
    }
    .others_bt
    {
        font-size: 16px;
        line-height: 24px;
        height: 24px;
    }
    .foot_contact
    {
        width: 55%;
    }
    .fcon_nr
    {
        padding-top: 4px;
    }
    .fcon_nr p
    {
        padding: 1px 0;
        padding-left: 42px;
    }
    .fcon_nr p span
    {
        top: 1px;
    }
    .foot_website
    {
        width: 45%;
    }
    .foot_website ul li a
    {
        padding: 0 0 0 20px;
    }
    .foot_website ul li ul
    {
        padding-top: 4px;
    }
    .foot_website ul li ul li a
    {
        line-height: 26px;
        height: 26px;
    }
    .foot_follow
    {
        display: none;
    }
    .linker_bt
    {
        line-height: 30px;
        height: 30px;
    }
    .linker ul li a
    {
        line-height: 26px;
        height: 26px;
    }
}
@media(max-width: 767px)
{
    #quickbar-wrap .model_wrapper.wrapper
    {
        padding-top: 74px!important;
    }
    .logo i
    {
        width: 250px;
        height: 74px;
    }
    .nav_button
    {
        background-size: 28px;
    }
    #model_banner .slick-arrow
    {
        width: 42px;
        height: 42px;
    }
    .banner_search
    {
        display: none;
    }
    .product
    {
        padding: 32px 0 50px;
    }
    .headline
    {
        margin-bottom: 25px;
    }
    .headline a
    {
        font-size: 20px;
        line-height: 46px;
        height: 46px;
    }
    .pro_data
    {
        margin-bottom: 14px;
    }
    .pro_data ul li
    {
        margin-bottom: 18px;
    }
    .pro_img
    {
        margin-bottom: 10px;
    }
    .pro_bt
    {
        margin-bottom: 2px;
        font-size: 16px;
    }
    .imore a
    {
        line-height: 34px;
        font-size: 15px;
    }
    .tuijian
    {
        padding: 38px 0 58px;
    }
    .tuijian_bt a
    {
        line-height: 38px;
        height: 38px;
        font-size: 16px;
        padding: 0 24px;
        max-width: 60%;
    }
    .about
    {
        padding: 34px 0 52px;
    }
    .about_area
    {
        margin-bottom: 28px;
    }
    .about_right .slick-dots
    {
        margin: 18px 0 16px;
        right: 12px;
    }
    .about_right .slick-dots li button
    {
        width: 12px;
        height: 12px;
    }
    .about_left
    {
        padding: 0 18px 20px 20px;
    }
    .about_nr
    {
        max-height: 234px;
        line-height: 26px;
        font-size: 14px;
    }
    .tiyan
    {
        padding: 42px 0 46px;
    }
    .tiyan_data
    {
        margin-bottom: 36px;
    }
    .tiyan_bt
    {
        line-height: 40px;
        height: 40px;
        font-size: 14px;
        padding: 0 18px;
    }
    .news
    {
        padding: 38px 0 50px;
    }
    .news_data ul
    {
        margin-bottom: 14px;
    }
    .news_data ul li
    {
        margin-bottom: 18px;
    }
    .news_time
    {
        padding: 6px 0 6px 46px;
    }
    .news_time:after
    {
        width: 25px;
        left: 10px;
    }
    .news_d
    {
        font-size: 14px;
        line-height: 18px;
        height: 18px;
    }
    .news_intro
    {
        padding: 10px;
    }
    .news_img
    {
        margin-bottom: 10px;
    }
    .news_bt
    {
        margin-bottom: 4px;
    }
    .news_nr
    {
        line-height: 24px;
        height: 72px;
        margin-bottom: 2px;
    }
    .footer
    {
        display: none;
    }
}
@media(max-width: 567px)
{
    #quickbar-wrap .model_wrapper.wrapper
    {
        padding-top: 72px!important;
    }
    .logo i
    {
        width: 240px;
        height: 72px;
    }
    #model_banner .slick-dots li button
    {
        width: 12px;
        height: 12px;
    }
    #model_banner .slick-arrow
    {
        width: 36px;
        height: 36px;
    }
    #model_banner .slick-prev
    {
        left: 3.5%;
    }
    #model_banner .slick-next
    {
        right: 3.5%;
    }
    .product
    {
        padding: 30px 0 45px;
    }
    .headline
    {
        margin-bottom: 20px;
    }
    .headline a
    {
        font-size: 18px;
        line-height: 40px;
        height: 40px;
    }
    .pro_data
    {
        margin-bottom: 12px;
    }
    .pro_data ul li
    {
        margin-bottom: 14px;
    }
    .pro_img
    {
        margin-bottom: 8px;
    }
    .pro_bt
    {
        margin-bottom: 0;
        font-size: 15px;
    }
    .imore
    {
        width: 112px;
    }
    .imore a
    {
        line-height: 32px;
        font-size: 14px;
    }
    .tuijian
    {
        padding: 30px 0 45px;
    }
    .tuijian_bt a
    {
        line-height: 30px;
        height: 30px;
        font-size: 14px;
        padding: 0 20px;
        max-width: 100%;
    }
    .about
    {
        padding: 30px 0 45px;
    }
    .about_area
    {
        margin-bottom: 24px;
    }
    .about_right .slick-dots
    {
        margin: 14px 0 10px;
        right: 8px;
    }
    .about_right .slick-dots li button
    {
        width: 10px;
        height: 10px;
    }
    .about_left
    {
        padding: 0 14px 14px 18px;
    }
    .about_nr
    {
        max-height: 192px;
        line-height: 24px;
        font-size: 14px;
    }
    .tiyan
    {
        padding: 30px 0 45px;
    }
    .tiyan_data
    {
        margin-bottom: 12px;
    }
    .tiyan_data ul li
    {
        width: 100%;
        padding: 0 15px;
        margin-bottom: 14px;
    }
    .tiyan_data ul li:nth-child(odd)
    {
        margin-right: 0%;
    }
    .tiyan_data ul li:nth-child(2)
    {
        display: none;
    }
    .tiyan_bt
    {
        line-height: 36px;
        height: 36px;
        padding: 0 14px;
    }
    .news
    {
        padding: 30px 0 45px;
    }
    .news_data ul
    {
        margin-bottom: 12px;
    }
    .news_data ul li
    {
        width: 100%;
        margin-right: 0%;
        margin-bottom: 14px;
        padding: 0 15px;
    }
    .news_data ul li:nth-child(2n)
    {
        display: none;
    }
    .news_time
    {
        padding: 6px 0 6px 48px;
    }
    .news_time:after
    {
        left: 12px;
    }
    .news_intro
    {
        padding: 12px;
    }
    .news_bt
    {
        font-size: 15px;
    }
}
@media(max-width: 372px)
{
    #quickbar-wrap .model_wrapper.wrapper
    {
        padding-top: 68px!important;
    }
    .logo i
    {
        width: 230px;
        height: 68px;
    }
    .nav_button
    {
        background-size: 26px;
    }
    #model_banner .slick-dots li button
    {
        width: 10px;
        height: 10px;
    }
    #model_banner .slick-arrow
    {
        width: 32px;
        height: 32px;
    }
    .product
    {
        padding: 24px 0 38px;
    }
    .pro_data ul li
    {
        margin-bottom: 12px;
    }
    .pro_img
    {
        margin-bottom: 6px;
    }
    .pro_bt
    {
        font-size: 14px;
        line-height: 24px;
        height: 24px;
    }
    .pro_nr
    {
        font-size: 13px;
    }
    .imore
    {
        width: 102px;
    }
    .imore a
    {
        line-height: 28px;
    }
    .tuijian
    {
        padding: 24px 0 38px;
    }
    .tuijian_bt a
    {
        padding: 0 15px;
    }
    .about
    {
        padding: 24px 0 38px;
    }
    .about_right .slick-dots li button
    {
        width: 9px;
        height: 9px;
    }
    .tiyan
    {
        padding: 24px 0 38px;
    }
    .tiyan_data ul li
    {
        padding: 0 10px;
        margin-bottom: 12px;
    }
    .tiyan_bt
    {
        line-height: 34px;
        height: 34px;
    }
    .news
    {
        padding: 24px 0 38px;
    }
    .news_data ul li
    {
        margin-bottom: 12px;
        padding: 0 10px;
    }
    .news_d
    {
        font-size: 13px;
        line-height: 16px;
        height: 16px;
    }
    .news_bt
    {
        font-size: 14.5px;
    }
    .news_nr
    {
        line-height: 22px;
        height: 66px;
        font-size: 13px;
    }
}