@charset "UTF-8";@import url(iconfont.css);a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

body {
    line-height: 1
}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:after,blockquote:before,q:after,q:before {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

a:link {
    text-decoration: none
}

a:hover {
    text-decoration: none
}

.clear {
    clear: both
}

div,html {
    font-family: 'Helvetica Neue',Helvetica,Arial,'PingFang SC','Microsoft YaHei','Hiragino Sans GB','Heiti SC','WenQuanYi Micro Hei',sans-serif
}

body,html {
    -webkit-text-size-adjust: none;
    width: 100%;
    height: 100%
}

.fl {
    float: left
}

.fr {
    float: right
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    font-weight: 300
}

.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small {
    font-weight: 300
}

a {
    color: #333
}

a:hover {
    text-decoration: none;
    color: #b79f73
}

a:visited {
    text-decoration: none
}

a:focus {
    outline: 0;
    text-decoration: none
}


:root {
  --main-color: #b79f73;
}

.btn {
    -webkit-transition: all 225ms ease-in-out;
    -moz-transition: all 225ms ease-in-out;
    -o-transition: all 225ms ease-in-out;
    transition: all 225ms ease-in-out
}
@media (min-width: 1300px) {
    .container {
        width:1200px
    }
}

@media (min-width: 1400px) {
    .container {
        width:1430px
    }
}

@media (min-width: 1200px) {

    #header .navbar-default .navbar-brand {
        height:100px;
        display: flex;
        align-items: center
    }

    #header .navbar-default .navbar-nav>li>a {
        line-height: 100px;
        padding-left: 20px;
        padding-right: 20px
    }
}
@media (min-width: 1700px) {
    .navbar-right{
        margin-right: 60px;
    }
}

@media (min-width: 1499px) and (max-width:1699px) {
    .navbar-right{
        margin-right: 230px;
    }
}


@media (min-width: 1199px) and (max-width:1509px) {
     .topphone{
        display: none;
    }
}


@media (min-width: 992px) and (max-width:1199px) {
     .topphone{
        display: none;
    }
    #header .navbar-default .navbar-brand {
        height:80px;
        display: flex;
        align-items: center
    }

    #header .navbar-default .navbar-nav>li>a {
        line-height: 80px;
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (min-width: 768px) and (max-width:991px) {
    #header .navbar-default .navbar-brand {
        height:60px;
        display: flex;
        align-items: center
    }

    #header .navbar-default .navbar-nav>li>a {
        line-height: 60px;
        padding-left: 12px;
        padding-right: 12px
    }
}

@media (min-width: 768px) {
    #header .navbar-default .navbar-nav>li>a {
        padding-top:0;
        padding-bottom: 0;
        font-size: 16px;
        color: #fff
    }

    #header .navbar-default .navbar-nav>li>.dropdown-menu {
        width: 100%;
        min-width: auto;
        background-color: rgba(16,18,40,.9);
        border-width: 0
    }

    #header .navbar-default .navbar-nav>li>.dropdown-menu>li>a {
        padding: 0;
        font-size: 14px;
        line-height: 35px;
        text-align: center;
        color: #fff
    }

    #header .navbar-default .navbar-nav>li>.dropdown-menu>li>a:focus,#header .navbar-default .navbar-nav>li>.dropdown-menu>li>a:hover {
        text-decoration: none;
        background-color: #b79f73
    }
}

@media (max-width: 767px) {
    #header .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color:#fff
    }

    #header .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,#header .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
        color: #fff;
        background-color: #b79f73
    }
}

#header .navbar-default {
    border: 0;
    margin-bottom: 0;
    z-index: 1000;
    /*background-color: rgba(16,18,40,.9)*/
    background-color: rgba(24,46,87,.9);
}

#header .navbar-default .navbar-brand>img {
    height: 48px;
    max-height: 100%
}

#header .navbar-default .navbar-nav>li>a {
    color: #fff
}

#header .navbar-default .navbar-nav>li.on>a,#header .navbar-default .navbar-nav>li.open>a,#header .navbar-default .navbar-nav>li:hover>a {
    background-color: #b79f73
}

.index_product {
    width: 100%;
    height: auto;
    background: url(../images/bg1.png) center center no-repeat #f3f3f3;
    padding-top: 60px;
    padding-bottom: 45px
}

.index_product_introduce {
    margin-bottom: 30px
}

.index_product_introduce * {
    display: block;
    margin: 0 auto
}

.index_product_introduce i {
    font-family: TmsEBD,"Helvetica Neue",Helvetica,Arial,"PingFang SC","Microsoft YaHei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
    font-size: 30px;
    color: #b79f73
}

.index_product_introduce b {
    font-size: 36px;
    line-height: 60px;
    font-weight: 700;
    color: #172d56;
    position: relative
}

.index_product_introduce b:after {
    margin-top: 18px;
    display: block;
    content: "";
    width: 46px;
    height: 5px;
    background-color: #b79f73
}

.index_product_introduce span {
    font-size: 14px;
    line-height: 32px;
    color: #666;
    margin-top: 40px;
    margin-bottom: 16px
}

.index_product_introduce a {
    width: 160px;
    font-size: 16px;
    line-height: 40px;
    background-color: #b79f73;
    color: #fff;
    border-radius: 4px;
    text-align: center;
    text-transform: uppercase;
    float: left
}

.index_product_introduce a:hover {
    opacity: .8
}

.index_product_introduce_item {
    padding: 20px;
    height: 340px;
    background-color: #fff;
    border: 1px solid #c7cfd3;
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    text-align: center;
    color: #6a777f
}

.index_product_introduce_item i {
    font-size: 50px;
    margin-top: 20px;
    margin-bottom: 30px
}

.index_product_introduce_item b {
    font-family: "Taipei Sans TC Beta","Helvetica Neue",Helvetica,Arial,"PingFang SC","Microsoft YaHei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
    font-size: 24px;
    line-height: 30px
}

.index_product_introduce_item span {
    font-size: 14px;
    line-height: 24px;
    color: #666;
    padding-top: 32px;
    text-align: left;
    text-align: justify;
}

.index_product_type h3 {
    height: 100px;
    padding: 10px 0;
    background-color: #172d56;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-around
}

.index_product_type h3 i {
    font-family: TmsEBD,"Helvetica Neue",Helvetica,Arial,"PingFang SC","Microsoft YaHei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
    font-size: 24px;
    color: #b79f73
}

.index_product_type h3 b {
    font-size: 30px;
    font-weight: 700;
    color: #fff
}

.index_product_type ul {
    padding-top: 10px
}

.index_product_type ul li {
    height: 54px;
    line-height: 54px;
    text-align: center;
    margin-bottom: 1px;
    background-color: #fff
}

.index_product_type h5 {
    text-align: center;
    padding: 27px 0;
    background-color: #fff
}

.index_product_type h5 a {
    display: inline-block;
    width: 162px;
    height: 45px;
    line-height: 43px;
    border: 1px solid #e6e6e6
}

.index_product_list {
    background-color: #fff;
    padding: 15px 30px
}

.index_product_list_item {
    padding-top: 15px;
    padding-bottom: 15px;
    overflow: hidden;
    transition: transform .5s ease-out 0s,background-color .5s ease-out 0s
}

.index_product_list_item a {
    display: block;
    width: 100%
}

.index_product_list_item a .img {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    overflow: hidden
}

.index_product_list_item a .img img {
    transition: all .3s ease-out 0s;
    width: 100%;
    max-height: 193px;
    height: 193px
}

.index_product_list_item a .tit {
    font-size: 16px;
    height: 45px;
    line-height: 30px;
    padding-top: 15px;
    padding-left: 20px;
    padding-right: 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.index_product_list_item a .tit i {
    float: right;
    margin-left: 10px
}

.index_product_list_item:hover {
    background-color: #b79f73
}

.index_product_list_item:hover a .img img {
    transform: scale(1.1)
}

.index_product_list_item:hover a .tit {
    color: #fff
}

.index_order {
    height: 182px;
    padding-top: 62px;
    background: url(../images/bg2s.jpg) center center no-repeat
}

.index_order .container {
    display: flex;
    justify-content: flex-end;
    font-size: 36px;
    line-height: 55px;
    font-weight: 700
}

.index_order_phone {
    padding-left: 34px;
    padding-right: 28px;
    height: 55px;
    border: 1px solid #b79f73;
    border-radius: 5px;
    color: #fff;
    font-family: TmsEBD,"Helvetica Neue",Helvetica,Arial,"PingFang SC","Microsoft YaHei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
    margin-right: 30px
}

.index_order_phone i {
    font-size: 36px;
    font-weight: 400;
    padding-right: 12px
}

.index_order_button a {
    display: block;
    width: 258px;
    background-color: #b79f73;
    color: #fff;
    font-size: 24px;
    text-align: center;
    border-radius: 5px
}

.index_order_button a:hover {
    opacity: .8
}

.index_about {
    padding: 100px 0;
    background: url(../images/bg3.jpg) center center no-repeat #f3f3f3
}

.index_about_info {
    width: 100%;
    overflow: hidden
}

.index_about_info * {
    display: block;
    margin: 0 auto
}

.index_about_info i {
    font-family: TmsEBD,"Helvetica Neue",Helvetica,Arial,"PingFang SC","Microsoft YaHei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
    font-size: 30px;
    color: #b79f73
}

.index_about_info b {
    font-size: 36px;
    line-height: 60px;
    font-weight: 700;
    color: #172d56;
    position: relative;
    margin-bottom: 40px
}

.index_about_info b:after {
    margin-top: 18px;
    display: block;
    content: "";
    width: 46px;
    height: 5px;
    background-color: #b79f73
}

.index_about_info p {
    font-size: 14px;
    line-height: 30px;
    color: #666
}

.index_about_info a {
    margin-top: 46px;
    width: 160px;
    font-size: 16px;
    line-height: 40px;
    background-color: #b79f73;
    color: #fff;
    border-radius: 4px;
    text-align: center;
    text-transform: uppercase;
    float: left
}

.index_about_info a:hover {
    opacity: .8
}

.index_about_video {
    width: 100%;
    position: relative
}

.index_about_video img {
    width: 100%
}

.index_about_video span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.5)
}

.index_about_video span i {
    display: block;
    font-size: 68px;
    color: #fff
}

.index_advantage {
    padding: 75px 0;
    min-height: 881px;
    background: url(../images/bg5.jpg) center top no-repeat #fefefe
}

.index_advantage_title * {
    display: block;
    margin: 0 auto;
    text-align: center
}

.index_advantage_title i {
    font-family: TmsEBD,"Helvetica Neue",Helvetica,Arial,"PingFang SC","Microsoft YaHei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
    font-size: 30px;
    color: #b79f73
}

.index_advantage_title b {
    font-size: 36px;
    line-height: 80px;
    font-weight: 700;
    color: #172d56;
    position: relative
}

.index_advantage_title b:after {
    display: block;
    margin: 0 auto;
    content: "";
    width: 46px;
    height: 5px;
    background-color: #b79f73
}

.index_advantage_icon {
    margin-top: 20px;
    text-align: center;
    margin-bottom: 60px
}

.index_advantage_icon li {
    display: inline-block;
    padding: 0 25px;
    border-right: 1px solid #dddada
}

.index_advantage_icon li i {
    display: block;
    font-size: 36px;
    color: #666
}

.index_advantage_icon li span {
    display: block;
    font-size: 14px;
    line-height: 20px;
    margin: 15px auto 0;
    color: #999;
    padding-left: 15px;
    background: url(../images/icon1.png) left center no-repeat
}

.index_advantage_icon li:last-child {
    border-width: 0
}

.index_advantage_list .item {
    height: 400px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: #fff;
    padding-left: 25px;
    padding-right: 25px
}

.index_advantage_list .item b {
    font-size: 22px;
    line-height: 3em
}

.index_advantage_list .item p {
    font-size: 14px;
    line-height: 30px
}

.index_advantage_list:nth-child(1) .item {
    background-image: url(../images/bg4_1.png)
}

.index_advantage_list:nth-child(2) .item {
    background-image: url(../images/bg4_2.png)
}

.index_advantage_list:nth-child(3) .item {
    background-image: url(../images/bg4_3.png)
}

.index_advantage_list:nth-child(4) .item {
    background-image: url(../images/bg4_4.png)
}

.index_advantage_list:nth-child(2n) {
    padding-top: 65px
}

.index_advantage_list:nth-child(2n) .item {
    padding-top: 25px
}

.index_advantage_list:nth-child(2n+1) .item {
    padding-top: 190px
}

.index_case_top {
    padding-top: 30px;
    background: url(../images/bg6.jpg) center top no-repeat
}

.index_case_top .container {
    position: relative
}

.index_case_top_title {
    position: absolute;
    left: 0;
    top: 0;
    width: 370px;
    padding-top: 35px
}

.index_case_top_title * {
    display: block;
    margin: 0 auto
}
.ind_case_sweet{max-width: 1092px; float: right; overflow: hidden;}
.index_case_top_title i {
    font-family: TmsEBD,"Helvetica Neue",Helvetica,Arial,"PingFang SC","Microsoft YaHei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
    font-size: 30px;
    color: #fff
}

.index_case_top_title b {
    font-size: 36px;
    line-height: 60px;
    font-weight: 700;
    color: #fff;
    position: relative;
    margin-bottom: 40px
}

.index_case_top_title b:after {
    display: block;
    content: "";
    width: 46px;
    height: 5px;
    background-color: #fff
}

.index_case_top_slide {
    position: relative
}

.index_case_top_slide .hd {
    height: 15px;
    overflow: hidden;
    position: absolute;
    right: 0;
    bottom: 55px;
    z-index: 1;
    bottom: 10px;
}

.index_case_top_slide .hd ul {
    overflow: hidden;
    zoom:1;float: left
}

.index_case_top_slide .hd ul li {
    float: left;
    margin-right: 12px;
    cursor: pointer;
    font-size: 13px;
    color: #999
}

.index_case_top_slide .hd ul li.on {
    font-size: 15px;
    color: #fff
}

.index_case_top_slide .bd {
    position: relative
}

.index_case_top_slide .bd li {
    zoom:1}

.index_case_top_slide .bd li a {
    position: relative;
    display: block;
    width: 100%;
    max-width: 985px;
    height: 100%;
    float: right
}

.index_case_top_slide .bd li a img {
    width: 100%;
    height: 588px;
    display: block
}
.index_case_top_slide .bd li a span h3{
    margin-bottom: 10px;
}

.index_case_top_slide .bd li a span {
    display: block;
    width: 100%;
    height: 108px;
    padding: 10px 50px 0 50px;
    font-size: 15px;
    color: #fff;
    background-color: rgba(0,0,0,.75);
    position: absolute;
    left: 0;
    bottom: 0;
    line-height: 24px;
}

.index_case_top_slide .bd li a b {
    display: block;
    width: 145px;
    height: 175px;
    background-color: rgba(255,255,255,.2);
    position: absolute;
    left: -145px;
    bottom: 0;
    padding-left: 15px;
    padding-top: 30px;
    font-size: 18px;
    line-height: 30px;
    color: #fff
}

.index_case_top_slide .next,.index_case_top_slide .prev {
    display: block;
    width: 46px;
    height: 46px;
    position: absolute;
    /*top: -23px;
    right: 38px*/
    top: 255px;
    right: 0px;
}

.index_case_top_slide .prev {
    /*right: 97px;*/
    left: 0px;
    background: url(../images/icon2_l.png) center center no-repeat;
    opacity: .5
}

.index_case_top_slide .prev:hover {
    opacity: 1
}

.index_case_top_slide .next {
    background: url(../images/icon2_r.png) center center no-repeat;
    opacity: .5
}

.index_case_top_slide .next:hover {
    opacity: 1
}

.index_case_box {
    background: url(../images/bg7.jpg) center center no-repeat;
    padding: 60px 0 30px
}

.index_case_list_item {
    margin-bottom: 30px
}

.index_case_list_item a {
    display: block
}

.index_case_list_item a i {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    width: 100%;
    height: 220px;
    overflow: hidden
}

.index_case_list_item a i img {
    width: 100%;
    height: 220px;
    max-height: 100%;
    transition: all .3s ease-out 0s
}

.index_case_list_item a span {
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 32px;
    height: 32px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 25px auto 0
}

.index_case_list_item a:hover img {
    transform: scale(1.1)
}

.index_case_type ul {
    padding-top: 10px
}

.index_case_type ul li {
    height: 50px;
    line-height: 50px;
    text-align: right;
    margin-bottom: 25px
}

.index_case_type ul li a {
    display: inline-block;
    font-family: "Taipei Sans TC Beta","Helvetica Neue",Helvetica,Arial,"PingFang SC","Microsoft YaHei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
    font-size: 22px;
    color: #666;
    border-bottom: 1px solid #ccc
}

.index_case_type ul li a:hover {
    padding-left: 52px;
    background: url(../images/icon3.png) left center no-repeat;
    font-weight: 700;
    border-bottom-color: #172d56;
    color: #172d56
}

.index_case_type .casemore {
    display: block;
    width: 160px;
    line-height: 40px;
    background-color: #b79f73;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    margin-top: 190px;
    border-radius: 4px
}

.index_case_type .casemore:hover {
    opacity: .8
}

.index_news {
    padding: 30px 0;
    background: url(../images/bg8.jpg) center center no-repeat;
    background-size: auto 100%
}

.index_news_title {
    margin-bottom: 45px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.index_news_title .tit {
    width: 100%;
    max-width: 600px
}

.index_news_title .tit * {
    display: block;
    margin: 0 auto
}

.index_news_title .tit i {
    font-family: TmsEBD,"Helvetica Neue",Helvetica,Arial,"PingFang SC","Microsoft YaHei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
    font-size: 30px;
    color: #b79f73
}

.index_news_title .tit b {
    font-size: 36px;
    line-height: 60px;
    font-weight: 700;
    color: #172d56;
    position: relative
}

.index_news_title .tit b span {
    float: right;
    font-size: 20px;
    font-weight: 400;
    color: #333;
    letter-spacing: 5px
}

.index_news_title .tit:after {
    margin-top: 18px;
    display: block;
    content: "";
    width: 100%;
    height: 2px;
    background-color: #b79f73
}

.index_news_title .newsmore a {
    display: inline-block;
    width: 160px;
    line-height: 40px;
    background-color: #b79f73;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    border-radius: 4px
}

.index_news_title .newsmore a:hover {
    opacity: .8
}

.index_news_top {
    width: 100%;
    overflow: hidden
}

.index_news_top .img {
    padding: 10px;
    background-color: #fff
}

.index_news_top .img a {
    display: block;
    overflow: hidden
}

.index_news_top .img a img {
    width: 100%;
    transition: all .3s ease-out 0s;
    max-height: 367px;
}

.index_news_top .img a:hover img {
    transform: scale(1.1)
}

.index_news_top .desc {
    margin-top: 15px;
    background-color: #fff;
    padding: 20px 15px
}

.index_news_top .desc b {
    display: block;
    width: 100%;
    height: 36px;
    line-height: 36px;
    font-size: 18px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.index_news_top .desc b a {
    color: #676969
}

.index_news_top .desc b a:hover {
    color: #b79f73
}

.index_news_top .desc span {
    width: 100%;
    height: 48px;
    line-height: 24px;
    color: #999;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.index_news_item {
    margin-bottom: 25px
}

.index_news_item a {
    display: block;
    padding: 20px 20px 18px;
    background-color: #fff;
    border-bottom: 2px solid #fff;
    transition: all .5s
}

.index_news_item a b {
    display: block;
    width: 100%;
    height: 36px;
    line-height: 36px;
    font-size: 18px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #676969
}

.index_news_item a span {
    width: 100%;
    height: 48px;
    line-height: 24px;
    color: #999;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.index_news_item a em {
    display: block;
    font-style: normal;
    line-height: 35px;
    font-size: 14px;
    color: #999
}

.index_news_item a:hover {
    border-bottom: 2px solid #b79f73
}

.index_news_item a:hover b {
    color: #b79f73
}

.index_service {
    padding: 30px 0;
    background: url(../images/bg9.jpg) center center no-repeat;
    background-size: auto 100%
}

.index_service_title {
    margin-bottom: 60px
}

.index_service_title * {
    display: block;
    margin: 0 auto;
    text-align: center
}

.index_service_title i {
    font-family: TmsEBD,"Helvetica Neue",Helvetica,Arial,"PingFang SC","Microsoft YaHei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
    font-size: 30px;
    color: #b79f73
}

.index_service_title b {
    font-size: 36px;
    line-height: 60px;
    font-weight: 700;
    color: #172d56;
    letter-spacing: 4px
}
.index_service_info ul{
    display: flex;
    flex-wrap: nowrap;
}
.index_service_info li {
    display: block;
    /*float: left*/
}

.index_service_info li img {
    width: 100%
}

#footer {
    padding: 30px 0 10px;
    background: url(../images/bg10.jpg) center center no-repeat;
    background-size: auto 100%
}

#footer * {
    color: #fff
}

#footer * a:hover {
    color: #b79f73
}

#footer .footer_top {
    display: flex;
    justify-content: space-between;
    align-items: flex-end
}

#footer .footer_top_logo {
    width: 200px
}

#footer .footer_top_link {
    font-family: "Taipei Sans TC Beta","Helvetica Neue",Helvetica,Arial,"PingFang SC","Microsoft YaHei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
    font-size: 16px;
    line-height: 25px
}

#footer .footer_top_link a {
    margin: 0 5px
}

#footer .footer_middle {
    margin: 10px auto 40px;
    padding: 35px 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    display: flex;
    justify-content: space-between
}

#footer .footer_middle .footer_menu dl {
    float: left;
    min-width: 120px;
    margin-right: 40px;
    position: relative
}

#footer .footer_middle .footer_menu dl dt {
    font-size: 18px;
    font-weight: 400;
    line-height: 36px
}

#footer .footer_middle .footer_menu dl dd {
    font-size: 14px;
    line-height: 30px
}

#footer .footer_middle .footer_menu dl:after {
    display: block;
    content: "";
    width: 1px;
    height: 178px;
    background-color: #fff;
    position: absolute;
    top: 0;
    right: 0
}

#footer .footer_middle .footer_menu dl:nth-child(2) {
    width: 166px
}

#footer .footer_middle .footer_menu dl:nth-child(2) dd {
    width: 83px;
    float: left
}

#footer .footer_middle .footer_contact p {
    font-size: 16px;
    line-height: 48px
}

#footer .footer_middle .footer_contact p i {
    margin-right: 25px
}

#footer .footer_middle .footer_contact p:last-child {
/*    display: flex;
    align-items: flex-start*/
}

.footer_form {
    display: flex;
    justify-content: space-between
}

.footer_form input {
    width: 17.5%;
    height: 40px;
    line-height: 40px;
    border-radius: 8px;
    border: 0;
    outline: 0
}

.footer_form input[type=text] {
    padding: 0 10px;
    background-color: #fff;
    color: #666 !important;
}

.footer_form input[type=submit] {
    border-radius: 5px;
    background-color: #b79f73;
    color: #fff !important;
}

.footer_form input[type=submit]:hover {
    opacity: .9
}

#footer .footer_copyright {
    font-size: 18px;
    line-height: 36px;
    margin-top: 50px
}

.main_banner {
    width: 100%;
    text-align: center
}

.main_banner img {
    display: inline-block;
    max-width: 100%
}

.location {
    padding: 15px 0;
    line-height: 30px;
    border-bottom: 1px solid #b79f73
}

.location_info {
    float: left;
    font-size: 18px
}

.location_info i {
    font-size: 20px;
    color: #999;
    margin-right: 10px
}

.location_info a {
    color: #999
}

.location_type {
    float: right
}

.location_type li {
    display: inline-block;
    margin: 0 10px
}

.location_type li a {
    font-family: "Taipei Sans TC Beta","Helvetica Neue",Helvetica,Arial,"PingFang SC","Microsoft YaHei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #666;
    padding: 0 5px
}

.location_type li a:after,.location_type li a:before {
    opacity: 0;
    content: "◆";
    font-size: 12px;
    float: left
}

.location_type li a:after {
    float: right
}

.location_type li a.on,.location_type li a:hover {
    color: #b79f73
}

.location_type li a.on:after,.location_type li a.on:before,.location_type li a:hover:after,.location_type li a:hover:before {
    opacity: 1
}

.main_title {
    text-align: center;
    padding: 40px 0
}

.main_title * {
    display: block;
    margin: 0 auto
}

.main_title i {
    font-family: TmsEBD,"Helvetica Neue",Helvetica,Arial,"PingFang SC","Microsoft YaHei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
    font-size: 30px;
    color: #b79f73
}

.main_title b {
    font-size: 36px;
    line-height: 60px;
    font-weight: 700;
    color: #172d56;
    position: relative
}

.main_title b:after {
    margin-top: 18px;
    display: block;
    margin: 0 auto;
    content: "";
    width: 46px;
    height: 5px;
    background-color: #b79f73
}

.case_list {
    padding: 10px 0 20px
}

.case_list_item {
    margin-bottom: 30px
}

.case_list_item a {
    display: block
}

.case_list_item a i {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    width: 100%;
    height: 270px;
    overflow: hidden
}

.case_list_item a i img {
    width: 100%;
    max-height: 100%;
    height: 270px;
    transition: all .3s ease-out 0s
}

.case_list_item a span {
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 32px;
    height: 32px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 25px auto 0;
    text-align: center
}

.case_list_item a:hover img {
    transform: scale(1.1)
}

.paper_list {
    padding: 10px 0 20px
}

.paper_list_item {
    margin-bottom: 20px
}

.paper_list_item a {
    display: block
}

.paper_list_item a i {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    width: 100%;
    height: 260px;
    overflow: hidden;
    border: 1px solid #dfdede;
    padding: 10px
}

.paper_list_item a i img {
    width: 100%;
    max-height: 100%;
    transition: all .3s ease-out 0s
}

.paper_list_item a span {
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 40px;
    height: 40px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center
}

.paper_list_item a:hover img {
    transform: scale(1.1)
}

.news_list {
    padding: 10px 0 20px
}

.news_list_item {
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 2px solid #f0f0f0;
    overflow: hidden;
    display: flex
}

.news_list_item .date {
    margin-right: 60px;
    width: 100px;
    height: 270px;
    position: relative
}

.news_list_item .date b {
    display: block;
    margin: 0 auto;
    font-size: 24px;
    line-height: 40px;
    color: #000
}

.news_list_item .date span {
    display: block;
    white-space: nowrap;
    font-size: 18px;
    line-height: 48px;
    color: #999;
    position: absolute;
    left: 0;
    bottom: 0
}

.news_list_item .img {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 415px;
    height: 270px;
    overflow: hidden;
    margin-right: 60px
}

.news_list_item .img a img {
    width: 100%;
    max-height: 100%;
    transition: all .3s ease-out 0s
}

.news_list_item .img a:hover img {
    transform: scale(1.1)
}

.news_list_item .info {
    width: calc(100% - 475px)
}

.news_list_item .info b {
    display: block;
    font-weight: 400
}

.news_list_item .info b a {
    font-family: "Taipei Sans TC Beta","Helvetica Neue",Helvetica,Arial,"PingFang SC","Microsoft YaHei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
    display: block;
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.news_list_item .info span {
    display: block;
    margin-top: 25px;
    width: 100%;
    height: 72px;
    line-height: 36px;
    font-size: 16px;
    color: #999;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.news_list_item .info em {
    display: block;
    margin-top: 65px;
    font-style: normal
}

.news_list_item .info em a {
    display: inline-block;
    width: 160px;
    line-height: 35px;
    font-size: 16px;
    text-align: center;
    background-color: #b79f73;
    border-radius: 17.5px;
    color: #fff
}

.news_list_item .info em a:hover {
    opacity: .8
}

.contact_top {
    margin-top: 70px;
    margin-bottom: 60px
}

.contact_top b {
    display: block;
    font-size: 84px;
    color: #162d57;
    line-height: 84px;
    text-transform: uppercase
}

.contact_top span {
    display: inline-block;
    font-size: 26px;
    line-height: 55px;
    color: #666;
    position: relative
}

.contact_top span:after {
    display: block;
    width: 72px;
    height: 74px;
    content: "";
    background: url(../images/icon5.png) center center no-repeat;
    position: absolute;
    top: -85px;
    right: -80px
}

.contact_item {
    background-color: #f3f3f3;
    padding: 50px 40px 30px;
    color: #666;
    height: 210px;
    display: flex;
    margin-bottom: 20px
}

.contact_item b {
    display: block;
    font-size: 25px;
    line-height: 30px;
    font-weight: 400
}

.contact_item b i {
    font-size: 35px;
    color: #b79f73;
    margin-right: 20px
}

.contact_item span {
    display: block;
    margin-top: 30px;
    font-size: 20px;
    line-height: 36px
}

.contact_map {
    margin-top: 40px;
    width: 100%;
    height: 700px;
    border: #ccc solid 1px;
    font-size: 12px
}

.contact_other {
    background-color: #f3f3f3;
    padding: 40px 0
}

.contact_other_item {
    background-color: #fff;
    margin: 25px auto;
    overflow: hidden;
    display: flex
}

.contact_other_item .info {
    width: 50%;
    min-height: 430px;
    padding: 50px 60px 30px
}

.contact_other_item .info .tit {
    margin-bottom: 20px
}

.contact_other_item .info .tit * {
    display: block;
    margin: 0 auto
}

.contact_other_item .info .tit b {
    font-size: 22px;
    line-height: 36px;
    font-weight: 700;
    color: #172d56;
    position: relative
}

.contact_other_item .info .tit i {
    font-family: "Taipei Sans TC Beta","Helvetica Neue",Helvetica,Arial,"PingFang SC","Microsoft YaHei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
    font-size: 14px;
    color: #666;
    font-style: normal
}

.contact_other_item .info .tit i:after {
    margin-top: 18px;
    display: block;
    content: "";
    width: 46px;
    height: 2px;
    background-color: #172d56
}

.contact_other_item .info .desc {
    font-size: 16px;
    line-height: 28px;
    color: #666
}

.contact_other_item .info .code {
    margin-top: 20px;
    text-align: center
}

.contact_other_item .info .code i {
    display: inline-block;
    padding-right: 130px;
    background: url(../images/bg11.png) right center no-repeat
}

.contact_other_item .info .code i img {
    width: 120px;
    height: 120px
}

.contact_other_item .img {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%
}

.contact_other_item .img img {
    width: 100%;
    max-height: 430px
}

.index_case_top_title p{
    font-size: 14px;
    line-height: 30px;
    color: #FFF;
}

@media (min-width: 1200px) {
    .index_product .col-lg-40 {
        width:40%
    }

    .index_product .col-lg-20 {
        width: 20%
    }

    .index_product_type {
        float: left;
        width: 233px
    }

    .index_product_list {
        width: calc(100% - 248px);
        float: right
    }

    .index_order {
        background: url(../images/bg2.jpg) center center no-repeat!important
    }

    .index_case_top {
        padding-top: 92px
    }

    .index_case_list {
        width: calc(100% - 245px);
        float: left
    }

    .index_case_type {
        float: right;
        width: 150px
    }

    .index_news {
        padding: 70px 0
    }

    .index_service {
        padding-top: 60px;
        padding-bottom: 40px
    }

    #footer {
        padding: 60px 0
    }

    .news_list_item .info {
        width: calc(100% - 665px)
    }
}

@media (min-width: 992px) {
    #footer .footer_copyright {
        display:flex;
        justify-content: space-between
    }
}

@media (max-width: 991px) {
    .contact_other_item .info {
        width:100%
    }
}

@media (min-width: 768px) {
    .index_about .container {
        display:flex;
        align-items: center;
        justify-content: space-between
    }

    .index_about_info {
        width: 42.85%
    }

    .index_about_video {
        width: 52.15%
    }
}

@media (max-width: 767px) {
    .index_about {
        padding:20px 0;
        background-image:none;
    }

    .index_about_info {
        margin-bottom: 20px
    }

    .index_advantage {
        padding: 25px 0
    }

    .index_advantage_icon li {
        padding: 0 10px
    }

    .news_list_item {
        padding-bottom: 20px;
        margin-bottom: 20px
    }

    .news_list_item .info {
        width: 100%
    }

    .news_list_item .info span {
        margin-top: 10px
    }

    .news_list_item .info em {
        margin-top: 10px
    }
}

@media (max-width: 375px) {
    .index_service_info li {
        width:50%
    }
}



.text-align-start{
    padding-left: 15px;
    padding-right: 15px;
    text-align: start;
}

.pro_main_title b:after {
    margin-top: 18px;
    display: block;
    margin: 0;
    content: "";
    width: 46px;
    height: 5px;
    background-color: #b79f73;
}

.pro_info_top{
    color: #666666;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 2px;
}
.pro_nav{
    display: flex;
    justify-content: start;
}
.pro_nav a{
    font-size: 16px;
    color: #666;
    padding: 0 5px;
    background: #FBFBFB;
    width: 12%;
    text-align: center;
    height: 47px;
    line-height: 47px;
    border-left: 1px solid #AEAEAE;
}
.pro_nav a:first-child{
    border-left:none;   
}
.pro_nav .on{
    color: var(--main-color);
    border-bottom: 2px solid var(--main-color);
}
.pro_box{
    margin-top: 50px;
    margin-bottom: 50px;
}
.pro_info{
    display: flex;
    flex-wrap: nowrap;
    background: #F5F5F5;
}
.pro_info>div{
    width: 50%;
}
.pro_info_left{
    padding: 60px 50px 0;
    z-index: 90;
}

.pro_info_left .alias>b{
    color: #172d56;
    font-size: 30px;
}
.pro_info_left .alias{
    margin-bottom: 30px;
}
.pro_info_left .alias2{
    margin-bottom: 15px;
}
.pro_info_left .info1{
    font-size: 14px;
    color: #666666;
    margin-bottom: 40px;
}
.main-color{
    color: var(--main-color);
}
.pro_info_left .alias3{
    margin-bottom: 20px;
}
.pro_info_left .alias3>b{
    color: #172d56;
    font-size: 22px;
}
.pro_info_left .alias3>b:after {
    margin-top: 20px;
    display: block;
    content: "";
    width: 46px;
    height: 5px;
    background-color: var(--main-color);
}
.pro_info_left .cotent{
    font-size: 13px;
    color: #666666;
    line-height: 30px;
    overflow-y: auto;
    max-height: 340px;
}
::-webkit-scrollbar {
    width: 0px;
}
.pro_info_right{
    position: relative;
}
.pro_info_right .categoryImg{
    /*width: 100%;*/
    width: 755px;
    position: relative;
    left: -56px;
    height: 100%;
}

.pro_info_right .categoryImgLeft{
    position: absolute;
    top: 0;
    left: -56px;
    height: 100%;
}


.pro_list_box{
    padding: 50px 0 20px;
}
.pro_list_item{
    height: 300px;
    margin-bottom: 30px;
}
.pro_list_item i{
    display: block;
    overflow: hidden;
    width: 100%;
}
.pro_list_item div{
    font-size: 18px;
    padding: 10px 15px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.pro_list_item .pro_right{
    width: 20px;
    height: 15px;
    background-image: url(../images/right.png);
    display: block;
    background-size: 100% 100%;
}
.pro_list_item a i img {
    width: 100%;
    max-height: 100%;
    transition: all .3s ease-out 0s;
    height: 233px;
}
.pro_list_item:hover .pro_right{
    background-image: url(../images/on_right.png);
}
.pro_list_item:hover img{
    transform: scale(1.1);
}
.page-box{
    text-align: center;
    font-size: 14px;
    height: 30px;
    display: flex;
    justify-content: center;
    margin: 20px 0;
}
.page-box span{
    display: block;
    margin: 0 20px;
    line-height: 30px;
}
.page-box a{
    width: 30px;
    height: 30px;
    display: inline-block;
}
.page-box .prev{
    background-image: url(../images/pagel.png);
    background-size: 100% 100%;
}
.page-box .next{
    background-image: url(../images/pager.png);
    background-size: 100% 100%;
}
.page-box .prev.page-disable{
    background-image: url(../images/pagel-disable.png);
    background-size: 100% 100%;
}
.page-box .next.page-disable{
    background-image: url(../images/pager-disable.png);
    background-size: 100% 100%;
}


.about-top{
    padding: 0px;
    background-image: url(../images/about-top.png);
    min-height: 835px;
    background-repeat: no-repeat;
    background-position: 0% -100px;
}
.about-top .main_title{
    padding: 20px 0;
}
.about_content{
    color: #737373;
    font-size: 16px;
    line-height: 27px;
    padding: 30px 0;
    overflow-y: auto;
    max-height: 340px;
}

.about-top-info{
    padding: 80px 0 0 0;
}
.about-top-info>div{
    height: 465px;
    padding: 0;
}
.about-top-info>div:first-child{
    padding: 0 50px;    
}
#about-video{
    position: relative;
    width: 100%;
    height: 100%;
}
.about-top-video .masking{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.about-top-video .masking .imgtitle{
    width:100%;
    height:100%;
    position: relative;
    z-index: 1;
}

.about-top-video .masking:after{
    /*position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    transition:all 1s ease;
    z-index: 50;*/
}

.about-top-video .masking.hidden1:after{
    display: none;
}

.about-top-video .masking .play{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    cursor: pointer;
    z-index: 100;
}
.about_wenhua{
    position: absolute;
    top: -120px;
    left: 50%;
    transform: translate(-50%, 0);
}
.qiye-item{
    border:1px solid #F1F1F1;
    padding: 20px;
    height: 310px;

    -webkit-transition: all 225ms ease-in-out;
    -moz-transition: all 225ms ease-in-out;
    -o-transition: all 225ms ease-in-out;
    transition: all 225ms ease-in-out
}
.qy-case{
    position: relative;
    padding-top: 30px;
}
.qy-case>div{
    padding: 30px;
}
.qiye-item>div:first-child{
    padding-top: 20px;
    display: flex;
    justify-content: space-between;
}
.qiye-item>div:first-child>span{
    display: block;
    height: 39px;
    line-height: 59px;
    font-size: 17px;
    color: #b8b1a9;
    border-bottom: 1px solid #b8b1a9;
}

.qiye-item>div:last-child>h3{
    margin: 20px 0;
    font-weight: 500;
    font-size: 20px;
}
.qiye-item>div:last-child>p{
    font-size: 16px;
    color: #999999;
    line-height: 25px;
}

.qiye-item:hover{
    box-shadow: 1px 1px 10px #c3bebe;
    transform: translate(-10px,-10px);
}

.zizhi{
    /*临时*/
    min-height: 720px;
    background-image: url(../images/zzbg.png);
    background-size: 100% 100%;
}
.main_title_style2{
    padding: 60px 0;
}
.main_title_style2 i,.main_title_style2 b{
    color: #FFF;
}
.main_title_style2 b:after{
    background-color:#FFF;
}
.banner1>.item{
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
}
.banner1 .zizhi-item{
    padding: 20px;
}
.banner1 .zizhi-item>div{
    /*background: #FFF;*/
    /*max-height: 200px;*/
    height: 300px;
    text-align: center;
    border-radius: 26px;
    overflow: hidden;
}
.zizhi-item img{
    max-width: 100%;
    max-height: 100%;
    height: 100%;
    width: auto;
}
.zizhi-button-prev:hover{
    background-image: url(../images/zlefton.png);
}
.zizhi-button-next:hover{
    background-image: url(../images/zrighton.png);
}
.zizhi-button-prev{
    background-image: url(../images/zleft.png);
    left: -20px;
}
.zizhi-button-next{
    background-image: url(../images/zright.png);
    right: -20px;
}
.zizhi-button-prev,.zizhi-button-next{
    width: 38px;
    height: 68px;
    position: absolute;
    top: 309px;
    transition: all .3s ease-out 0s;
}
.gongchang .gc-item>div{
    margin-bottom: 25px;
}
.gongchang .gc-item>div img{
    width: 100%;
    max-height: 300px;
    height: 300px;
}
.swiper-wrapper2{
    margin-bottom: 50px
}
.gc-page{
    bottom: 35px !important;
}
.gc-page span{
    width: 10px;
    height: 10px;
}
.gc-info{
    overflow: hidden;
    position: relative;
}
.gc-info:hover div{
    /*top: 0;*/
}
.gc-info>div{
    width: 100%;
    top: 100%;
    position: absolute;
    padding: 15px;
    color: #FFF;
    height: 100%;
    overflow: hidden;
    background: #233452;
    opacity: 0.9;
    -webkit-transition: all 225ms ease-in-out;
    -moz-transition: all 225ms ease-in-out;
    -o-transition: all 225ms ease-in-out;
    transition: all 225ms ease-in-out;
}
.gc-info .title{
    font-size: 26px;
    text-align: center;
    padding: 30px;
}
.gc-info .info{
    line-height: 30px;
    padding: 0 30px;
}

.new_content{
    padding: 50px 0;
    overflow: hidden;
}
.new_content img{
    max-width: 100%;
}
.new_content p{
    color: #999999;
    line-height: 2em;
}
.social_net{
    padding: 20px 0;
    color: #999999;
}
.social_net a{
    font-size: 14px;
    color: #999999;
    line-height: 32px;
}

.top-img{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between; 
    padding: 50px 0;
}
.img-left{
    width: 82%;
    border: 1px solid #DFDEDE;
    text-align: center;
    padding: 30px;
    height: 560px;
    position: relative;
}
.img-left img{
    width: auto;
    height: 500px;
}
.img-right{
    width: 15%;
    border: 1px solid #DFDEDE;
    padding: 20px 15px;
    height: 560px;
    overflow: hidden;
}
.img-right img{
    width: 100%;
}
#thumbs .item{
    max-height: 90px;
}
.tuzhileft,.tuzhiright{
    position: absolute;
    top: 260px;
    cursor: pointer;
    z-index: 9999;
}
.tuzhileft{
    left: 30px;
}
.tuzhiright{
    right: 30px;
}

.tuzhileft img,.tuzhiright img{
    width: 30px;
    height: 30px;
}
.tuzhititle{
    padding: 20px 0;
}
.tuzhititle b{
    display: block;
    font-size: 19px;
    padding: 10px 0;
}

.tuzhititle p{
    color: #666666;
}

.tuzhiinfo{
    margin: 70px 0;
    border-top: 1px solid #DDDDDD;
    padding: 40px 0;
}
.tuzhiinfo img{
    max-width: 100%;
    width: 100%;
}


.topInfo{
        float: left;
    color: #FFF;
    height: 100px;
}
.topInfo p{
    line-height: 20px;
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-30%, -50%);
}

.topphone{
    position: fixed;
    top: 33px;
    right: 50px;
    font-size: 20px;
    color: #FFF;
    z-index: 99999;
    font-size: 30px;
    font-weight: 900;
}
.topphone .xi-dianhua1{
    font-size: 28px;
    margin-right: 11px;
}

@media (min-width: 1200px){
    .topInfo p{
        transform: translate(-43%, -50%);
    }

}

/*超小屏幕*/
@media screen and (max-width:668px){

	 .index_advantage_icon li span{
	 	padding-left: 13px;
	 	font-size: 12px;
	 }
	 .index_advantage_icon li{
	 	width: 24%
	 }
	 .index_advantage_icon li i{
		font-size: 30px;
	 }
	 .index_advantage_list .item{
	 	height: 350px !important;
	 }
	.location_type li a{
		font-size: 16px;
 	}
	.case_list,.news_list{
		padding: 10px 0 0px;
	}
	.page-box{
		margin: 20px 0 30px;
	}
	#footer .footer_middle .footer_contact p{
		font-size: 15px;
	}
}

/*移动端*/
 @media screen and (max-width:768px){
 	.footer_contact{
		width: 100%;
 	}
	.footer_copyright{
		display: flex;
	    flex-direction: column;
	    text-align: center;
	    font-size: 16px;
	}
 	.contact_other_item .info{
 		padding:20px;
 	}
	.contact_other{
		padding:0;
	}
	.contact_item span,.contact_map{
		margin-top: 0;
	}
	.main_title{
		width: 100%;
	}
 	.index_news_top{
 		margin-bottom: 20px;
 	}
	.contact_map{
		height: 240px;
	}
 	.contact_top{
 		margin-top: 20px;
		margin-bottom: 20px;
 	}
 	.contact_top b{
		font-size: 54px;
 	}
 	.contact_top span{
		font-size: 20px;
 	}
 	.contact_top span:after{
 		right: 0px;
 	}
 	.contact_item{
 		padding: 10px;
 		height: auto;
 	}
 	.contact_item b{
 		font-size: 20px;
 	}
 	.contact_item b i{
 		font-size: 20px;
 	}
 	.img-right img{
 		height: 100%
 	}
 	.case_list_item a i,.case_list_item a i img{
 		height: 140px;
 	}
 	.case_list_item a span{
 		margin: 0;
 	}
 	.pro_box{
 		margin-bottom:0;
 	}
 	.pro_list_item,.case_list_item{
 		margin-bottom: 10px
 	}
 	.pro_list_item div{
 		font-size: 15px;
 	}
 	.pro_list_item a i img{
 		height: auto;
 	}
 	.main_title_style2 {
	    padding: 20px 0;
	}
 	.about-top{
		min-height: 0;
 	}
 	.about-top-info{
 		padding: 0;
 	}
 	.gongchang .gc-item>div img{
 		height: 130px;
 	}
 	.banner1 .zizhi-item{
 		padding: 20px 0;
 	}
 	#footer .footer_middle .footer_contact p:last-child{
		text-align: center;
	    margin-top: 30px;
		padding: 0 !important;
 	}
 	.index_service_info ul{
		flex-wrap: wrap;
 	}
 	.index_service_info li{
		width: 25%;
 	}
 	.index_case_top_slide .bd li a span{
		height: 48px;
 	}
 	.index_case_list_item a i{
		height: 140px;
 	}
 	.index_case_list_item a i img{
 		height: 170px;
 	}
 	.index_case_list_item a span{
	    margin: 0px auto 0;
	    text-align: center;
 	}
 	.index_case_list_item{
		margin-bottom: 10px;
 	}
 	.index_case_top_slide .bd li a img{
 		height: 338px;
 	}
 	.index_advantage_list:nth-child(2n){
 		padding-top:0;
 	}
 	.index_advantage_list:nth-child(2n+1) .item{
		font-size: 18px;
    	line-height: 2em;
    	padding-top: 15px;
 	}
	.index_advantage_list:nth-child(2n) .item{
	    padding: 15px;
	}
	.index_advantage_list .item{
	    padding: 15px;
	    margin-bottom: 20px;
	    height: 310px;
	    background-color: #243954;
    background-image: none !important;
	}
	.index_advantage_list .item b{
		font-size: 18px;
    	line-height: 2em;
	}

 	.index_product_list_item a .img img{
 		height: 130px;
 	}
 	.index_advantage_list .item p{
	    font-size: 14px;
	    line-height: 30px;
	    margin-top: 20px;
 	}


 	.index_product_introduce{
 		margin-bottom: 20px;
 	}
	.index_product_introduce_item{
		height: 300px;
		padding: 10px;
		margin-bottom: 10px;
	}
	.index_product_introduce_item span{
		padding-top: 10px;
		font-size: 10px;
	}
	.index_product_introduce_item i{
		font-size: 40px;
	    margin-top: 10px;
	    margin-bottom: 20px;
	}
    .index_case_top_slide .prev{
		top: 50%;
	    left: 0;
	    transform: translate(0, -50%);
    }
    .index_case_top_slide .next {
		top: 50%;
	    right: 0;
	    transform: translate(0, -50%);
    }
    .tuzhititle{
        text-align: center;
    }
    .img-left{
        width: 100%;
        height: auto;
        padding: 17px;
    }
    .img-left img{
        height: auto;
		width: 100%;
    }
    .img-right{
    	height: 130px;
    }
    .top-img{
    	flex-direction: column;
    }
    .img-right{
    	width: 100%;
    }
    .tuzhileft img, .tuzhiright img{
        display: none;
    }
    .about_content{
        max-height:100%;
    }
    .zizhi-button-prev, .zizhi-button-next, .about-top-video{
        display: none;
    }
    .banner1 .zizhi-item>div{
        height: 210px;
        border-radius: 12px;
    }
    .text-align-start{
        text-align: center;
    }
    .pro_main_title b:after {
        margin: 0 auto;
    }
    .pro_nav{
        flex-wrap: wrap;
        margin-bottom: 20px;
    }
    .pro_nav a{
        width: 33%;
        border-left: none;
    }

    .pro_nav a:nth-child(1){
        /*border-right: 1px solid #AEAEAE;*/
    }
    .pro_info {
        flex-direction: column;
    }
    .pro_info>div{
        width: 100%;
    }
    .pro_info_right .categoryImg{
        width: 100% !important;
        top: 10px;
        left: 0;
        right: 0;
    }
    .pro_list_item{
        height: 150px;
    }
    .pro_list_item .pro_right{
        display: none;
    }
    .pro_list_item div{
        justify-content: center;
    }
    .about-top-info>div{
        height: auto;
    }
    .qy-case{
        padding-top: 170px;
    }
    .about_wenhua{
        top: 0;
    }
 }    

    @media screen and (max-width: 1300px){
        .pro_info_right .categoryImg{
            width: 624px;
        }
    }

     /*平板*/

     @media screen and (max-width: 1200px){

    /*.text-align-start{
        text-align: center;
    }
    .pro_main_title b:after {
        margin: 0 auto;
    }
    .pro_nav{
        flex-wrap: wrap;
        margin-bottom: 20px;
    }
    .pro_nav a{
        width: 50%;
        border-left: none;
    }

    .pro_nav a:nth-child(odd){
        border-right: 1px solid #AEAEAE;
    }
    .pro_info {
        flex-direction: column;
    }
    .pro_info>div{
        width: 100%;
    }
    */

    .pro_info_left{
        padding: 10px 0 0 10px;
    }
    .pro_info_left .alias,.pro_info_left .info1,.pro_info_left .alias3{
        margin-bottom: 10px;
    }
    .pro_info>div{
        overflow: hidden;
    }
    .pro_info_right .categoryImg{
        height: 100%;
        width: 100%;
        top: 10px;
        left: 0;
        right: 0;
        z-index: 10;
    }
    .qy-case{
        padding-top: 170px;
    }
    .about_wenhua{
        top: 20px;
    }
 }

@media (min-width: 992px){
 .zizhi-button-prev{
    left: 20px;
}
.zizhi-button-next{
    right: 20px;
}
}