.syFocusThumb .prev {
    background: url(../image/prev.png) no-repeat left center
}

.syFocusThumb .next {
    background: url(../image/prev.png) no-repeat right center
}

.syFocusThumb {
    width: 591px;
    margin: 0 auto 0
}

.syFocusThumb .pagination {
    clear: both;
    color: #fff;
    height: 129px;
    left: 0;
    position: relative;
    text-align: left;
    bottom: 0;
    width: 591px
}

.syFocusThumb .thumbWrap {
    left: 0;
    overflow: hidden;
    position: relative;
    top: 4px;
    width: 591px;
    margin-left: 0
}

.syFocusThumb .holder {
    width: 4000px
}

.syFocusThumb .holder I {
    cursor: pointer;
    margin-right: 3px
}

.syFocusThumb .prev {
    cursor: pointer;
    left: 0;
    position: absolute;
    top: -223px;
    width: 30px;
    height: 50px;
    z-index: 100
}

.syFocusThumb .next {
    cursor: pointer;
    left: 5px;
    position: absolute;
    top: -223px;
    width: 30px;
    height: 50px
}

.syFocusThumb .next {
    left: auto;
    right: 0
}

.syFocusThumb .thumbWrap I {
    border: 1px solid #fff;
    background: #000
}

.syFocusThumb .thumbWrap I img {
    opacity: 1;
    filter: alpha(opacity=100);
    display: block
}

.syFocusThumb .thumbWrap I.selected {
    border-color: #c18c7d
}

.syFocusThumb .thumbWrap I.selected img {
    opacity: .8;
    filter: alpha(opacity=80)
}

.syFocusThumb .contentdiv {
    height: 362px
}

.syFocusThumb .contentdiv .media {
    padding: 2px;
    border: 1px #dedede solid;
    margin-bottom: 5px
}

.syFocusThumb .mcon {
    overflow: hidden;
    width: 690px
}

.syFocusThumb .mcon .sbmedia {
    float: left;
    border: 1px #dedede solid;
    margin-right: 15px;
    width: 355px;
    height: 395px
}

.syFocusThumb .mcon .info {
    float: left;
    width: 318px
}

.syFocusThumb .mcon .info th {
    background: #eee;
    border: 1px #ccc solid;
    text-align: center;
    height: 35px
}

.syFocusThumb .mcon .info td {
    border: 1px #ccc solid;
    height: 35px;
    padding: 0 5px
}

.syFocusThumb .mcon .info .cs {
    margin-top: 10px
}

.jqzoom {
    position: relative
}

.jqzoom img {
    display: block
}

.zoomdiv {
    z-index: 100;
    position: absolute;
    top: 1px;
    left: 0;
    width: 278px;
    height: 200px;
    background: #fff;
    border: 1px solid #c18c7d;
    display: none;
    text-align: center;
    overflow: hidden
}

.bigimg {
    width: 1182px;
    height: 724px;
    display: block
}

.jqZoomPup {
    z-index: 10;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    border: 1px solid #aaa;
    background: #c4c4c4 50% top no-repeat;
    opacity: .5;
    -moz-opacity: .5;
    -khtml-opacity: .5;
    filter: alpha(Opacity=50);
    cursor: crosshair
}

.bbg {
    background: #333;
    filter: alpha(Opacity=50);
    opacity: .5;
    filter: alpha(Opacity=50);
    width: 87px;
    height: 87px;
    position: absolute;
    top: 0;
    left: 0
}

.moq a {
    padding-top: 10px;
    display: block;
    text-align: right
}

.topnav {
    width: 100%;
    height: 86px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    background: #000;
    background: rgb(173 159 159 / 20%);
    font-family: "sourcehansans";
    transition: all 1s
}

.navactive {
    background: rgba(0, 0, 0, .3);
    height: 70px
}

.topnav>a>img {
    position: absolute;
    height: 60px;
    top: 13px;
    left: 10px;
    transition: all 1s
}

.navactive>a>img {
    height: 40px
}

.topnav .list1 {
    width: 100%;
    max-width: 1200px;
    padding-left: 150px;
    padding-right: 150px;
    box-sizing: border-box;
    margin: auto;
    color: #fff;
    font-size: 16px;
    height: 86px
}

.topnav .list1>li {
    float: left;
    width: 10%;
    text-align: center;
    line-height: 86px;
    cursor: pointer;
    transition: all 1s
}

.navactive .list1>li {
    line-height: 70px
}

.topnav .list1>li:hover .inlist {
    height: 50px
}

.topnav .list1>li:hover .list1back {
    height: 50px
}

.topnav .list1 .inlist {
    width: 1000px;
    position: relative;
    z-index: 100;
    font-size: 14px;
    transition: all 1s;
    height: 0;
    overflow: hidden
}

.topnav .list1 .inlist li {
    float: left;
    width: 80px;
    line-height: 50px
}

.topnav .list1back {
    height: 0;
    width: 100%;
    background: rgba(0, 0, 0, .49);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000);
    position: fixed;
    top: 86px;
    left: 0;
    transition: all 1s
}

.navactive .list1back {
    top: 70px
}

.topnav .right {
    width: 100px;
    position: absolute;
    right: 50px;
    top: 0;
    height: 86px;
    text-align: center
}

.topnav .rightbox {
    position: relative
}

.topnav .right .rightbox>div {
    width: 27px;
    height: 27px;
    margin-top: 10px;
    border-radius: 117px;
    position: absolute;
    right: 0;
    top: 19px;
    transition: all 1s;
    border: 1px solid #fff
}

.navactive .right .rightbox>div {
    top: 10px
}

.navactive.topnav .right>div {
    height: 70px
}

.topnav .right>div img {
    cursor: pointer
}

.topnav .search {
    right: 50px;
    height: 27px !important;
    overflow: hidden
}

.topnav .search img {
    float: right
}

.topnav .search input {
    width: 170px;
    height: 27px;
    border: none;
    background: #000;
    color: #fff;
    padding: 0 20px;
    position: absolute;
    right: 30px;
    top: 0;
    box-sizing: border-box
}

.navactive.topnav .search .hidesearch {
    height: 70px
}

.navactive.topnav .search .hidesearch input {
    margin-top: 13px
}

.topnav .classification {
    height: 40px;
    position: absolute;
    right: 10px;
    top: 23px;
    display: none;
    transition: all 1s
}

.topnav .classification img {
    transition: all 1s
}

.topnav .navlist2 {
    width: 50%;
    height: 100%;
    position: fixed;
    background: #313131;
    text-align: center;
    right: -50%;
    z-index: 1000;
    transition: all 1s
}

.topnav .navlist2 .logo {
    margin-top: 20px
}

.topnav .navlist2 .list2 {
    margin-top: 20px
}

.topnav .list2>li {
    line-height: 60px;
    width: 100%;
    border-top: 1px solid #222;
    font-size: 28px
}

.topnav .list2 .inlist {
    color: #fff;
    font-size: 24px;
    line-height: 50px;
    overflow: hidden;
    display: none
}

.footer {
    height: 60px;
    width: 100%;
    background: #313131;
    color: #fff;
    line-height: 60px;
    padding: 0 10px;
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    overflow: hidden;
    transition: all 1s
}

.body {
    overflow-x: hidden;
    height: 100%
}

.footer img {
    margin-left: 5px
}

.bottomnav {
    width: 100%;
    background: #1b1b1b;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 100;
    display: none
}

.bottomnav ul {
    height: 100%
}

.bottomnav li {
    width: 25%;
    float: left;
    padding: 10px 0;
    height: 80px;
    font-size: 12px;
    text-align: center
}

.bottomnav li:hover {
    background: #000;
    margin-left: -1px;
    padding-left: 1px
}

.bottomnav li img {
    height: 50%;
    width: auto !important
}

.bottomnav li:hover a {
    border-left: 1px solid #000;
    border-right: 1px solid #000
}

.bottomnav .active {
    background: #000
}

.bottomnav .active a {
    border-left: 1px solid #000;
    border-right: 1px solid #000
}

.bottomnav li a {
    width: 100%;
    height: 60px;
    margin-top: 10px;
    display: block;
    border-left: 1px solid #000;
    border-right: 1px solid #666;
    box-sizing: border-box;
    color: #fff
}

.sideBar {
    position: fixed;
    right: 0;
    top: 50%;
    z-index: 10000;
    margin-top: -86px
}

.sideBar a {
    display: block;
    height: 42px;
    width: 42px;
    background: #1b1b1b;
    overflow: hidden;
    margin-bottom: 1px;
    float: right
}

.sideBar a:hover {
    background: #0096ff
}

.sideBar a span {
    display: block;
    float: left;
    height: 42px;
    overflow: hidden;
    color: #fff;
    text-align: center;
    line-height: 42px;
    padding: 0 10px;
    width: 130px;
}

.sideBar a img {
    float: left;
    height: 42px;
    width: 42px;
    border-right: 1px solid #fff
}

.QR-code-dia {
    display: none;
    top: 0;
    right: 42px;
    position: absolute
}

#menu {
    position: fixed;
    top: 100px;
    left: 20px;
    z-index: 10000;
    width: 20px;
    text-align: center
}

#menu li {
    width: 10px;
    height: 10px;
    margin: auto;
    border-radius: 10px;
    background: #fff;
    display: block;
    margin-top: 10px;
    transition: all 1s
}

#menu a {
    height: 100%;
    height: 100%;
    display: block
}

#menu .active {
    height: 50px;
    background: #0096ff
}

#menu img {
    margin-top: 10px
}

.banner .slide {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #fff
}

.banner .slide h4 {
    font-size: 20px !important;
    margin-bottom: 10px
}

.banner .slide h3 {
    font-size: 30px;
    margin-bottom: 20px
}

.banner .slide h2 {
    font-size: 40px;
    margin-bottom: 40px
}

.banner .slide h1 {
    font-size: 47px;
    margin-bottom: 30px
}

.banner .slide h4 {
    font-size: 14px
}

.banner .slide span {
    color: #0096ff
}

.banner .slide img {
    width: 60%;
    margin-bottom: 10px
}

.banner .slide .line {
    width: 20px;
    height: 1px;
    background: #fff;
    margin: auto;
    margin-top: 40px
}

.banner .slidein1 h4 {
    opacity: 0;
    margin-left: -200px;
    transition: all 1s
}

.banner .active .slidein1 h4 {
    opacity: 1;
    margin-left: 0
}

.banner .slidein1 h3 {
    opacity: 0;
    margin-left: -200px;
    transition: all 1s;
    transition-delay: 1.5s
}

.banner .active .slidein1 h3 {
    opacity: 1;
    margin-left: 0
}

.banner .slidein1 h5 {
    opacity: 0;
    margin-left: -200px;
    transition: all 1s;
    transition-delay: 2s
}

.banner .active .slidein1 h5 {
    opacity: 1;
    margin-left: 0
}

.banner .slidein1 img {
    opacity: 0;
    margin-left: -200px;
    transition: all 1s;
    transition-delay: .5s
}

.banner .active .slidein1 img {
    margin-left: 0;
    opacity: 1
}

.banner .slidein2 {
    text-align: center
}

.banner .slidein2 img {
    width: auto;
    opacity: 0;
    transition: all 1s
}

.banner .slidein2 .img1 {
    margin-top: -200px
}

.banner .active .slidein2 .img1 {
    margin-top: 0;
    opacity: 1
}

.banner .active .slidein2 .img2 {
    margin-top: 0;
    transition-delay: 1.5s;
    opacity: 1
}

.banner .slidein2 h3 {
    opacity: 0;
    transition: all 2s
}

.banner .active .slidein2 h3 {
    transition-delay: 1s;
    opacity: 1
}

.banner .active .slidein2 img {
    margin-top: 0
}

.banner .slidein2 .btn {
    width: 220px;
    height: 50px;
    margin: auto;
    border: 1px solid #009cff;
    line-height: 50px;
    text-align: center;
    font-size: 19px;
    color: #0096ff;
    border-radius: 50px;
    opacity: 0;
    transition: all 2s
}

.banner .active .slidein2 .btn {
    opacity: 1;
    transition-delay: 2s
}

.banner .slidein3 {
    width: 400px;
    text-align: center
}

.banner .slidein3 h4 {
    opacity: 0;
    transition: all 2s;
    margin-left: -200px;
    margin-bottom: 30px
}

.banner .active .slidein3 h4 {
    opacity: 1;
    margin-left: 0
}

.banner .slidein3 h1 {
    opacity: 0;
    transition: all 2s;
    margin-left: -200px;
    transition-delay: .5s
}

.banner .active .slidein3 h1 {
    opacity: 1;
    margin-left: 0
}

.banner .slidein3 h2 {
    opacity: 0;
    transition: all 2s;
    margin-left: -200px;
    transition-delay: 1s
}

.banner .active .slidein3 h2 {
    opacity: 1;
    margin-left: 0
}

.banner .slidein3 h5 {
    opacity: 0;
    transition: all 2s;
    margin-left: -200px;
    transition-delay: 1.5s
}

.banner .active .slidein3 h5 {
    opacity: 1;
    margin-left: 0
}

.banner .slidein3 .line {
    opacity: 0;
    transition: all 2s;
    transition-delay: 2s
}

.banner .active .slidein3 .line {
    opacity: 1
}

.banner .slide {
    overflow: hidden
}

.banner .slidein3 h5 {
    opacity: 0;
    transition: all 2s;
    transition-delay: 1.5s
}

.banner .active .slidein3 h5 {
    opacity: 1;
    margin-left: 0
}

.banner .bannerin {
    width: 100%;
    max-width: 1400px;
    margin: auto;
    padding: 10px;
    box-sizing: border-box
}

.section {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.miantitle {
    width: 100%;
    text-align: center;
    color: #fff;
    opacity: 0;
    transition: all 2s;
    margin-top: -400px;
    margin-bottom: 20px
}

.section {
    overflow: hidden
}

.active .miantitle {
    margin-top: 0;
    opacity: 1
}

.miantitle span {
    color: #0096ff
}

.miantitle h3 {
    font-size: 40px;
    margin-bottom: 10px;
    margin-top: 10px
}

.miantitle h4 {
    font-size: 20px;
    margin-bottom: 10px
}

.section .controlbox {
    width: 100%;
    position: absolute;
    bottom: 60px;
    left: 0;
    z-index: 100
}

#actions {
    width: 150px;
    margin: auto
}

.section .controlbox a {
    display: block;
    width: 40px;
    height: 4px;
    background: #fff;
    float: left;
    margin-right: 10px
}

.fp-controlArrow {
    display: none
}

.section .controlbox .active {
    background: #0096ff
}

.section .seclist {
    width: 100%;
    max-width: 1400px;
    transition: all 2s;
    transition-delay: 1s;
    opacity: 0;
    margin: auto;
    padding-left: 1000px
}

.active .seclist {
    opacity: 1;
    padding-left: 0
}

.section .seclist .instyle {
    width: 16.66%;
    text-align: center;
    float: left;
    color: #fff
}

.section .seclist .instyle:hover p {
    color: #0096ff
}

.section .seclist .instyle:hover .line {
    background: #0096ff
}

.section .seclist .line {
    width: 20px;
    height: 1px;
    background: #fff;
    margin: auto;
    margin-top: 20px;
    transition: all 1s
}

.section .seclist h4 {
    font-size: 16px;
    margin-top: 20px
}

.section .seclist p {
    font-size: 14px;
    margin-top: 10px;
    transition: all 1s
}

.section .seclist .inbox {
    width: 100px;
    margin: auto;
    padding: 20px 0;
    position: relative;
    overflow: hidden
}

.section .seclist .left {
    transition: all 1s;
    position: absolute;
    width: 1px;
    height: 100%;
    background: #0096ff;
    left: 0;
    top: 200px
}

.section .seclist .top {
    transition: all 1s;
    position: absolute;
    width: 100%;
    height: 1px;
    background: #0096ff;
    left: 200px;
    top: 0
}

.section .seclist .right {
    transition: all 1s;
    position: absolute;
    width: 1px;
    height: 100%;
    background: #0096ff;
    right: 0;
    bottom: 200px
}

.section .seclist .bottom {
    transition: all 1s;
    position: absolute;
    width: 100%;
    height: 1px;
    background: #0096ff;
    right: 200px;
    bottom: 0
}

.section .seclist .inbox:hover .left {
    top: 0
}

.section .seclist .inbox:hover .top {
    left: 0
}

.section .seclist .inbox:hover .right {
    bottom: 0
}

.section .seclist .inbox:hover .bottom {
    right: 0
}

.caselistbox {
    width: 100%;
    max-width: 1200px;
    margin: auto;
    box-sizing: border-box
}

.caselistbox .caselist {
    padding-bottom: .2rem;
    width: 100%;
    clear: both
}

.liststyle {
    display: inline-block;
    margin-right: .2rem;
    cursor: pointer;
    border-bottom: 2px solid #f2f2f2
}

.caselistbox .active {
    color: #5e89a8 !important;
    border: 1px solid #0096ff !important
}

.caselistbox .active a {
    color: #0096ff !important
}

.caselistbox .liststyle:hover {
    color: #0096ff !important;
    border: 1px solid #0096ff !important
}

.listdetailin {
    width: 1000%
}

.listdetailin>li {
    width: 10%;
    float: left
}

.listdetail {
    width: 100%;
    overflow: hidden;
    height: 100%;
    background: #e1e1e1;
    margin-top: 0
}

.listdetailin {
    width: 1000%;
    height: 100%
}

.listdetailin>li {
    width: 10%;
    float: left;
    height: 100%
}

.banner2 {
    width: 100%;
    height: 100%;
    position: relative
}

.banner2 .bannerin {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.banner2 .bannerin ul {
    width: 1000%;
    height: 100%
}

.banner2 .bannerin ul li {
    width: 2.5%;
    height: 100%;
    float: left
}

.banner2 .bannerin ul li>a {
    display: block;
    height: 100%;
    width: 100%;
    background: #fff
}

.banner2 .pic {
    height: 100%;
    width: 100%;
    display: table
}

.banner2 .prev {
    height: 25px;
    position: absolute;
    left: 0;
    top: 200px;
    cursor: pointer
}

.banner2 .next {
    height: 25px;
    position: absolute;
    right: 0;
    top: 200px;
    cursor: pointer
}

.banner2 .shadow {
    width: 100%;
    height: 100%;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    transition: all 1s
}

.banner2 .bannerin ul li:hover .shadow {
    background: rgba(0, 150, 255, .76);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F0096FF, endcolorstr=#7F0096FF)
}

.banner2 .shadow h4 {
    color: #0096ff;
    font-size: 49px;
    line-height: 60px
}

.banner2 .shadow .line {
    width: 30px;
    margin: auto;
    height: 1px;
    background: #0096ff;
    margin-bottom: 20px
}

.banner2 .shadow p {
    color: #fff;
    font-size: 24px;
    font-weight: 700
}

.banner2 .shadow .btn {
    width: 100px;
    height: 30px;
    background: #0096ff;
    text-align: center;
    line-height: 30px;
    margin: auto;
    border-radius: 5px;
    margin-top: 20px;
    transition: all 1s;
    overflow: hidden
}

.banner2 .bannerin ul li:hover .btn {
    height: 0
}

.banner2 .bannerin ul li:hover h5 {
    opacity: 1;
    height: auto
}

.banner2 .bannerin ul li:hover h2 {
    opacity: 1;
    filter: alpha(opacity=100)
}

.banner2 .bannerin ul li:hover h4 {
    color: #fff
}

.banner2 .bannerin ul li:hover .line {
    background: #fff
}

.banner2 .shadow h5 {
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 2s;
    color: #fff
}

.banner2 .shadow h2 {
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden;
    transition: all 2s;
    color: #fff;
    font-size: 30px
}

#section2 .listdetail {
    margin-left: 2000px;
    transition: all 1s
}

#section2.active .listdetail {
    margin-left: 0
}

#section3 .miantitle {
    color: #aaa;
    margin-top: -1000px;
    opacity: 0
}

#section3.active .miantitle {
    margin-top: 0;
    opacity: 1
}

#section3 .partnerbox {
    width: 100%;
    max-width: 1200px;
    margin: auto;
    transition: all 2s
}

#section3 .partnerbox .partnerstyle img {
    transition: all 2s;
    transition-delay: 1s;
    width: 0;
    overflow: hidden;
    opacity: 0
}

#section3.active .partnerbox .partnerstyle img {
    opacity: 1;
    width: 100%;
    margin-left: 0
}

#section3 .partnerbox:after {
    content: "";
    display: block;
    clear: both
}

.partnerbox .partnerstyle {
    width: 20%;
    float: left;
    text-align: center;
    padding: 0 10px;
    box-sizing: border-box;
    transition: all 1s
}

.partnerbox .partnerstyle:hover {
    box-shadow: 10px 10px 50px #e1e1e1;
    background: #fff;
    z-index: 1000;
    position: relative
}

.partnerbox .partnerstyle img {
    width: 100%
}

#section3 .miantitle {
    position: absolute;
    left: 0;
    top: 100px
}

#section3 .partnerbox {
    margin-top: 100px
}

#section3 .fp-controlArrow {
    display: block
}

#section3 .fp-next {
    width: 30px;
    height: 50px;
    background-image: url(http://tzsswh.cn/Style/home/images/right-2.png) !important;
    border: none !important;
    background-repeat: no-repeat;
    background-position: center;
    right: 100px
}

#section3 .fp-prev {
    width: 30px;
    height: 50px;
    background-image: url(http://tzsswh.cn/Style/home/images/left-2.png) !important;
    border: none !important;
    background-repeat: no-repeat;
    background-position: center
}

#section4 .miantitle {
    margin-top: -1000px
}

.active#section4 .miantitle {
    margin-top: 0
}

.bannerinbox {
    position: absolute;
    width: 350px;
    height: 350px;
    top: 0;
    opacity: .3;
    overflow: hidden
}

.bannerinbox img {
    width: 100%
}

.banneroutbox {
    width: 770px;
    height: 350px;
    position: relative;
    overflow: hidden;
    margin: auto;
    margin-top: 100px;
    z-index: 10
}

.banner4 .control {
    width: 350px;
    color: #fff;
    position: relative;
    margin: auto;
    z-index: 100
}

.banner4 .sec4prev {
    width: 50px;
    height: 50px;
    position: absolute;
    left: -25px;
    cursor: pointer;
    background: url(../image/prevnext.png) no-repeat left center
}

.banner4 .sec4next {
    width: 50px;
    height: 50px;
    position: absolute;
    right: -25px;
    cursor: pointer;
    background: url(../image/prevnext.png) no-repeat right center
}

.servbox {
    width: 100%;
    max-width: 1400px;
    transition: all 2s;
    transition-delay: 1s;
    opacity: 0;
    margin: auto;
    padding-left: 1000px;
    overflow: hidden
}

.servbox:after {
    content: "";
    display: block;
    clear: both
}

.active .servbox {
    opacity: 1;
    padding-left: 0
}

.servbox .instyle {
    width: 20%;
    float: left;
    height: 0;
    text-align: center;
    color: #fff;
    font-size: 16px;
    transition: all 2s
}

.active .servbox .instyle {
    height: auto
}

.active .servbox .instyle h5 {
    font-size: 20px;
}

.servbox .hidestyle {
    width: 0%;
    float: left;
    display: none;
    transition: all 2s
}

.active .servbox .hidestyle {
    display: block
}

.servbox .instyle img {
    width: 90%;
    height: 100%;
    max-width: 110px;
    margin-bottom: 10px
}

.about .servbox .instyle img {
    filter: contrast(100%) brightness(0%);
}

.servbox .instyle h4 {
    color: #0096ff;
    font-size: 18px;
    margin-bottom: 10px
}

.foc {
    max-width: 390px;
    width: 90%;
    height: 70px;
    border: 1px solid #fff;
    margin: auto;
    line-height: 70px;
    text-align: center;
    color: #fff;
    margin-top: 30px;
    transition: all 3s;
    transition-delay: 2s;
    opacity: 0;
    font-size: 28px;
}

.active .foc {
    opacity: 1
}

.posbox {
    width: 100%;
    max-width: 1000px;
    margin: auto;
    margin-top: 250px;
    transition: all 3s;
    opacity: 0
}

.active .posbox {
    margin-top: 50px;
    opacity: 1
}

.posbox .instyle {
    width: 33.33%;
    float: left;
    text-align: center
}

.posbox .instyle .text {
    max-width: 390px;
    width: 100%;
    height: 75px;
    margin: auto
}

.posbox .instyle img {
    height: 38px
}

.posbox .instyle p {
    width: 390px;
    height: 75px;
    color: #fff;
    font-size: 16px;
    display: table-cell;
    vertical-align: middle
}

.posbox .instyle .line {
    width: 30px;
    height: 1px;
    background: #fff;
    margin: auto
}

.active.section {
    z-index: 100
}
.active.section .fp-tableCell .hhhha_case>div:nth-child(1){
    display: none;
}
#section5 .miantitle {
    margin-top: -1000px
}

.active#section5 .miantitle {
    margin-top: 0
}

.section6 .caselist {
    position: absolute;
    z-index: 1000;
    left: 0;
    margin-top: 230px
}

.section6 .about .bannerin {
    width: 100% !important;
    max-width: 1125px;
    margin: auto
}

.section6 .about li {
    width: 100% !important;
    margin: auto;
    position: relative
}

.section6 .about li:after {
    content: "";
    clear: both;
    display: block
}

.section6 .about .left {
    width: 40%;
    padding: 5% 0;
    border: 1px solid #0096ff;
    float: left;
    margin-left: 5%;
    box-sizing: border-box
}

.section6 .about .left img {
    width: 100%;
    margin-left: -12.5%
}

.section6 .about .right {
    width: 50%;
    padding-top: 5%;
    height: 100%;
    right: 0;
    top: 0;
    overflow: hidden;
    text-align: left;
    position: absolute
}

.section6 .about .right p {
    font-size: 14px;
    margin-bottom: 20px;
    color: #fff
}

.section6 .about ul {
    width: 100% !important
}

.section6 .caselist {
    height: 0
}

.section6 .caselist .liststyle {
    display: block;
    float: none !important;
    color: #fff !important;
    margin-top: 20px;
    border: 1px solid transparent !important
}

.section6 .caselist .liststyle:hover {
    border: 1px solid #0096ff !important;
    color: #0096ff !important;
    padding: 0
}

.section6 .caselist .active {
    border: 1px solid #0096ff !important;
    color: #0096ff !important
}

.section6 .bannerin ul {
    white-space: nowrap
}

.section6 .bannerin ul li {
    float: none;
    display: inline-block;
    width: 3.333%;
    margin: 0 .1%;
    text-align: center
}

.section6 .bannerin ul li:hover h5 {
    color: #0096ff
}

.section6 .bannerin {
    border-left: 100px solid transparent !important;
    border-right: 100px solid transparent !important;
    box-sizing: border-box
}

.section6 .bannerin ul li img {
    width: 100%;
    display: block
}

.section6 .bannerin ul li a {
    background: 0 0;
    color: #0096ff
}

.section6 .bannerin ul li h5 {
    background: 0 0;
    color: #fff;
    transition: all 1s
}

.section6 .listdetail {
    background: 0 0;
    width: 100%;
    margin: auto
}

.section6 .listdetail .swiper-container {
    margin: 100px 30rem;
}

.section6 .next {
    z-index: 10000
}

.section6 .casecenter {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.section6 .indexnews .pic {
    padding: 0 10%;
    box-sizing: border-box;
    border-right: 1px solid #a0a0a0
}

.section6 .indexnews .pic img {
    display: block;
    margin: auto
}

.section6 .prev {
    left: 80px;
    cursor: pointer;
    width: 23px;
    height: 43px
}

.section6 .next {
    right: 80px;
    cursor: pointer;
    width: 23px;
    height: 43px
}

.section6 .listdetail .bottom {
    text-align: left;
    box-sizing: border-box
}

.section6 .listdetail .bottom h5 {
    font-weight: initial;
    padding: 20px 0;
    color: #fff
}

.section6 .listdetail .bottom p {
    color: #fff;
    max-height: 100px;
    overflow: hidden
}

.casecenter,
.casedetail {
    padding-top: 80px
}

video {
    width: 100%;
    height: 100%;
}

.othertitle {
    color: #a0a0a0;
    font-size: 22px;
    text-align: center;
    margin-bottom: 40px;
    /*margin-top: 30px;*/
    /*margin-top:30px*/

}

.othertitle h3 {
    margin-bottom: 10px
}

.othertitle span {
    color: #313131;
    font-size: 18px
}

.casecenter .banner2 {
    width: 100%
}

.casecenter .bannerin ul {
    width: 100% !important;
    height: auto
}

.casecenter .bannerin ul li {
    width: 100% !important;
    height: 100%
}

.casecenter .casestyle {
    width: 25%;
    float: left;
    position: relative
}

.casecenter .casestyle>img {
    width: 100%;
    float: left
}

.casecenter .casestyle .outhide {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    transition: all 1s;
    opacity: 0;
    z-index: -1
}

.casecenter .casestyle .outhide .in {
    height: 100%;
    width: 100%;
    background: rgba(0, 150, 255, .8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f0096FF, endColorstr=#7f0096FF);
    text-align: center;
    color: #fff;
    display: table;
    vertical-align: middle
}

.casecenter .casestyle:hover .outhide {
    opacity: 1;
    z-index: 1
}

.casecenter .casestyle .hide {
    height: 100%;
    text-align: center;
    display: table-cell;
    vertical-align: middle
}

.casecenter .casestyle .hide p {
    height: 2em;
    overflow: hidden
}

.casecenter .casestyle .hide img {
    width: auto;
    float: none
}

.casecenter .listdetail {
    background: #fff
}

.casecenter .page {
    color: #666;
    padding-bottom: 40px;
    clear: both
}

.casecenter .page a {
    color: #666
}

.casecenter .page a:hover {
    color: #fff;
    background: #0096ff
}

.casecenter .page .current {
    background: #0096ff
}

.casecenter .caselist .liststyle {
    width: 70px;
    height: 27px;
    border: 1px solid #a0a0a0;
    float: left;
    margin-right: 0;
    text-align: center;
    color: #a0a0a0
}

.casecenter .caselist .liststyle:hover {
    color: #0096ff;
    border: 1px solid #0096ff
}

.casecenter .caselist .active {
    color: #0096ff;
    border: 1px solid #0096ff
}

.casecenter .caselist {
    margin-bottom: 30px
}

.casecenter .caselist:after {
    content: "";
    display: block;
    clear: both
}

.casedetail {
    width: 100%;
    max-width: 1140px;
    margin: auto
}

.casedetail .title {
    height: 90px;
    border-bottom: 1px solid #e1e1e1;
    line-height: 90px
}

.casedetail .title span {
    font-size: 20px;
    color: #0096ff
}

.casedetail .title a {
    width: 80px;
    height: 25px;
    display: block;
    border: 1px solid #0096ff;
    float: right;
    border-radius: 25px;
    font-size: 12px;
    line-height: 25px;
    text-align: center;
    color: #0096ff;
    margin-top: 30px
}

.casedetail .stitle {
    font-size: 18px;
    color: #7d7d7d;
    height: 40px;
    margin-top: 25px
}

.casedetail .stitle span {
    float: left;
    margin-left: 5px
}

.casedetail .stitle img {
    float: left
}

.casedetail .project .text {
    padding-left: 25px;
    padding-right: 15px;
    color: #7d7d7d
}

.casedetail .project .text p {
    margin-bottom: 20px
}

.casedetail .picture,
.casedetail .video {
    border-top: 1px dashed #e1e1e1;
    clear: both
}

.casedetail .thumbWrap {
    width: 100%;
    max-width: 1200px
}

.casedetail .syFocusThumb {
    width: 100%;
    max-width: 1200px
}

.casedetail .dPic img {
    margin: auto;
    width: 100%;
    max-width: 670px;
    height: auto;
    padding: 0 25px;
    box-sizing: border-box
}

.casedetail .pagination {
    width: 100%;
    max-width: 1200px;
    margin-top: 40px
}

.casedetail .contentdiv {
    height: auto
}

.casedetail {
    margin-bottom: 100px
}

.casedetail {
    font-size: 16px;
}

.casedetail img {
    width: 100%;
}

.casedetail .thumbWrap a {
    background: 0 0
}

.casedetail .thumbWrap I.selected {
    border-color: #e1e1e1
}

.casedetail .thumbWrap img {
    width: 200px;
    height: auto;
    padding: 10px;
    background: #fff
}

.casedetail .syFocusThumb .thumbWrap I {
    background: 0 0
}

.casedetail .syFocusThumb .prev {
    cursor: pointer;
    width: 50px;
    background: url(../image/prevnext.png) no-repeat left center
}

.casedetail .syFocusThumb .next {
    cursor: pointer;
    width: 50px;
    background: url(../image/prevnext.png) no-repeat right center
}

.casedetail .video {
    text-align: center
}

.casedetail .video video {
    width: 100%;
    max-width: 600px
}

.casedetail .pmedia {
    max-width: 1125px
}

.casedetail .sp-image {
    max-width: 600px
}

.casedetail .pmedia .control {
    width: 100%;
    height: 0;
    position: relative;
    z-index: 10
}

.casedetail .pmedia .control .next {
    width: 50px;
    height: 50px;
    position: absolute;
    right: 0;
    cursor: pointer;
    background: url(../image/prevnext.png) no-repeat right
}

.casedetail .pmedia .control .prev {
    width: 50px;
    height: 50px;
    position: absolute;
    cursor: pointer;
    left: 0;
    background: url(../image/prevnext.png) no-repeat left
}

.casedetail .sp-thumbnail {
    width: 90% !important;
    height: auto !important
}

.casedetail .sp-thumbnail-image-container {
    width: 100% !important;
    height: auto !important
}

.casedetail .sp-thumbnail-image {
    box-sizing: border-box;
    padding: 5px
}

.casedetail .sp-selected-thumbnail img {
    border: 2px solid #e1e1e1
}

.tidbits {
    padding-bottom: 60px;
    margin: auto;
    padding: 0 1%
}

.tidbits .banner2 .casestyle {
    padding: 10px;
    box-sizing: border-box;
    cursor: pointer
}

.tidbits .banner2 .inhide {
    width: 100%;
    height: 0;
    position: absolute;
    bottom: 10px;
    left: 0;
    padding: 0 10px;
    box-sizing: border-box;
    font-size: 14px;
    overflow: hidden;
    transition: all 1s
}

.tidbits .banner2 .casestyle:hover .inhide {
    height: 45px
}

.tidbits .banner2 .inback {
    width: 100%;
    height: 100%;
    background: rgba(0, 150, 255, .8);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#c80096FF, endcolorstr=#c80096FF);
    color: #fff;
    line-height: 45px;
    padding: 0 10px;
    box-sizing: border-box;
    overflow: hidden
}

.tidbits .banner2 .inback img {
    margin-top: 14px
}

.tidbits .hidedetail {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .4);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000, endcolorstr=#7F000000);
    z-index: -1000
}

.tidbits .backclose {
    width: 100%;
    height: 100%;
    position: absolute
}

.tidbits .pmedia .control {
    width: 100%;
    height: 0;
    position: relative;
    z-index: 10000
}

.tidbits .pmedia .control .next {
    width: 30px;
    height: 50px;
    position: absolute;
    right: 0;
    cursor: pointer;
    background: url(../image/prev2.png) no-repeat right
}

.tidbits .pmedia .control .prev {
    width: 30px;
    height: 50px;
    position: absolute;
    cursor: pointer;
    left: 0;
    background: url(../image/prev2.png) no-repeat left
}

.tidbits .sp-next-arrow {
    right: 0
}

.tidbits .hidedetail .inbox {
    width: 80%;
    max-width: 900px;
    padding: 2%;
    background: #fff;
    margin: auto;
    margin-top: 100px;
    position: relative
}

.tidbits .hidedetail .inbox .left {
    text-align: center
}

.tidbits .hidedetail .left img {
    width: 100%;
    max-width: 600px
}

.equipment .hidedetail .right h4 {
    font-size: 18px;
    color: #0096ff
}

.tidbits .hidedetail .right p {
    font-size: 12px;
    max-height: 100px;
    overflow: auto;
    color: #a0a0a0
}

.tidbits .hidedetail .close {
    width: 19px;
    height: 19px;
    background-image: url(../image/close.png);
    background-position: center;
    position: absolute;
    top: 0;
    right: -35px
}

.hidedetail .close {
    cursor: pointer
}

.tidbits .hidetext {
    margin-top: 10px
}

.tidbits .hidetext h1 {
    color: #0096ff;
    font-size: 17px
}

.tidbits .hidetext p {
    color: #a0a0a0
}

.sp-thumbnail-container img {
    border: 2px solid #fff
}

.sp-selected-thumbnail img {
    border: 2px solid #0096ff
}

.outherbanner {
    /*height:550px;*/
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-top: 1px solid #fff;
    position: relative;

}

.outherbanner_a {
    width: 100%;
    border-top: 1px solid #fff;
    position: relative;
}

.outherbanner_case {
    height: auto;
    margin-bottom: 20px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-top: 1px solid #fff;
    position: relative
}

.outherbanner .titlebox {
    width: 180px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    border: 1px solid #fff;
    margin: auto;
    margin-top: 350px
}

.outherbanner .down {
    text-align: center;
    margin-top: 20px
}

.outherbanner .bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 60px;
    width: 100%;
    background: #000;
    color: #fff;
    text-align: center
}

.outherbanner .bottom span {
    margin: auto;
    display: inline-block
}

.outherbanner .bottom a {
    padding-top: 20px;
    padding-bottom: 20px;
    display: inline-block;
    font-size: 14px
}

.outherbanner .bottom .active {
    color: #0096ff
}

.aboutservice .servbox h5 {
    color: #959595
}

.aboutservice .othertitle {
    margin-bottom: 50px
}

.aboutservice .servbox {
    margin-bottom: 40px
}

.aboutprofile .main {
    width: 100%;
    max-width: 1125px;
    margin: auto
}

.aboutprofile .main p {
    font-size: 16px;
    line-height: 28px;
}

.aboutprofile .main img {
    width: 100%;
}

.aboutprofile:after {
    content: "";
    display: block;
    clear: both;
    padding-bottom: 40px
}

.aboutprofile .main .left {
    width: 40%;
    /*border:1px solid #e1e1e1;*/
    padding: 10px 0;
    box-sizing: border-box;
    float: left;
    margin-right: 20px
}

.aboutprofile .left img {
    width: 100%;
    margin-left: -20px;
    display: block
}

.aboutprofile .main .right {
    width: 100%;
    box-sizing: border-box;
    color: #898989;
    font-family: "sourcehansans";
    font-size: 12
}

.aboutprofile .main p {
    margin-top: 16px;
    line-height: 24px !important;
}

.aboutprofile .main .img1 img {
    width: 55%;
    margin-bottom: 20px;
}

.process_all {
    position: relative;
    margin-top: 80px;
}

.process_all .process2 .col-md-4 {
    position: absolute;
    width: 36%;
    height: 100%;
    left: -3%;
    top: 40%;
}

.process_all .process2 .col-md-4 p {
    font-size: 14px;
}

.process_all .process2 .col-md-4:nth-child(2) {
    left: 37%;
    top: -4%;
}

.process_all .process2 .col-md-4:nth-child(3) {
    left: 74%;
    top: 32%;
}

.process_all .process2 ul li {
    position: relative;
    list-style-type: decimal;
    color: #FFF;
}

.process_all .process2 ul li p {
    color: #282828;
    padding-left: 4px;
}

.process_all .process2 ul li:before {
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    background: #3ca8e2;
    border-radius: 50%;
    left: -17px;
    top: 5px;
    z-index: -1;
}

.aboutprofile .right {
    margin-bottom: 50px;
    padding-left: 10px;
    padding-right: 10px;
}

.culture .main {
    width: 100%;
    max-width: 850px;
    margin: auto
}

.culture:after {
    content: "";
    display: block;
    clear: both
}

.culture .main .left {
    width: 50%;
    box-sizing: border-box;
    float: right;
    margin-top: 72px;
}

.culture .main .imgbox {
    width: 100%;
    max-width: 420px;
    /*border:1px solid #e1e1e1;*/
    box-sizing: border-box;
    padding-bottom: 10px;
    transform: scale(1.4);
}

.culture .left img {
    width: 100%;
    margin-left: 20px;
    margin-top: -20px
}

.culture .main .right {
    width: 50%;
    float: left;
    padding-right: 20px;
    /*padding-left:20px;*/
    box-sizing: border-box;
    color: #898989;
    font-family: "sourcehansans";
    font-size: 14
}

.culture .main p {
    font-size: 16px;
    margin-top: 10px
}

.culture .main h1 {
    font-size: 26px;
    color: #313131
}

.culture .main h5 {
    font-size: 14px;
    margin-top: 10px;
}

.list-paddingleft-2 li {
    height: 400px;
    float: left;
    width: 33%;
    padding: 0 10px;
    text-align: center;
    display: inline-block;
    margin-bottom: 30px;
}

.list-paddingleft-2 li img {
    padding: 70px;
    border: 1px solid #e9e9e9;
}

.list-paddingleft-2 li p:nth-child(2) {
    background: #0096ff;
    color: #FFF;
    line-height: 40px !important;
    height: 40px;
}

.list-paddingleft-3 li {
    float: left;
    width: 17.8%;
    margin-right: 30px;
    text-align: center;
    display: inline-block;
    margin-bottom: 30px;
    min-height: 490px;
    background: #e9e9e9;
    border-radius: 20px;
}

.list-paddingleft-3 li:nth-child(5) {
    margin-right: 0;
}

.list-paddingleft-3 li img {
    padding: 30px;
    /*border: 1px solid #e9e9e9;*/
}

.list-paddingleft-3 li p:nth-child(2) {
    background: #0096ff;
    color: #FFF;
    line-height: 40px !important;
    height: 40px;
}

.list-paddingleft-3 li p {
    text-align: justify;
    padding: 0 10px;
}

.list-paddingleft-4 li {
    float: left;
    width: 44%;
    margin-right: 124px;
    text-align: center;
    display: inline-block;
    margin-bottom: 30px;
    position: relative;
}

.list-paddingleft-4 li:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    background: rgb(0 0 0 / 30%);
    width: 100%;
    height: 100%;
}

.list-paddingleft-4 li:nth-child(even) {
    margin-right: 0;
}

.list-paddingleft-4 li img {
    width: 100%;
}

.list-paddingleft-4 li p {
    color: #FFF;
    margin-top: 0 !important;
}
.list-paddingleft-4 li p:nth-child(2){ 
    position: absolute;
     top: 50%;
    width: 100%;
    padding: 0 10px;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .6s;
    font-size: 26px;
    opacity: 1;
}
.list-paddingleft-4 li div {
    position: absolute;
    bottom: 0;
    width: 66%;
    padding: 0 10px;
    left: 50%;
    /* padding: 0 87px; */
    transform: translate(-50%, -50%);
    top: 100%;
    transition: all .6s;
    opacity: 0;
}

.list-paddingleft-4 li:hover div {
    top: 50%;
    transition: all .6s;
    opacity: 1;
}

.aboutprofile .main .row .col-md-6 p:nth-child(1) {
    font-size: 24px;
}

.process1 img {
    transform: scale(1.4);
    margin-bottom: 70px;
}
.col_ul .col-md-6:nth-child(1){
    padding-top: 120px;
}
.col_ul .col-md-6:nth-child(4){
    padding-top: 120px;
}
.culture .main .line {
    height: 1px;
    width: 30px;
    background: #e1e1e1;
    margin: 30px 0
}

.culture .main span {
    color: #0096ff
}

.culture {
    margin-bottom: 50px
}

.team {
    margin-bottom: 50px;
    overflow: hidden
}

.team .banner2 {
    padding: 0 30px;
    box-sizing: border-box
}

.team .listdetail {
    max-width: 1125px;
    margin: auto;
    background: 0 0 !important
}

.team .bannerin {
    border: 0
}

.team .bannerin ul li {
    margin-left: 10px;
    margin-right: 10px
}

.team .bannerin ul li img {
    width: 100%;
    display: block
}

.team .listdetail {
    background: #fff
}

.team .pic {
    border: none !important
}

.team .pic .bottom {
    height: 40px;
    width: 100%;
    background: #e5e5e5;
    text-align: center;
    color: #000;
    transition: all 1s;
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden
}

.team .bannerin ul li:hover .bottom {
    height: 150px;
    line-height: 65px;
    color: #fff;
    background: #0096ff
}

.team .bannerin .befor {
    transition: all 1s;
    height: 40px;
    line-height: 40px;
    overflow: hidden
}

.team .bannerin ul li:hover .befor {
    height: 0
}

.team .bannerin .name {
    border: 1px solid #fff;
    text-align: center;
    height: 25px;
    width: 75px;
    line-height: 25px;
    margin: auto;
    border-radius: 100px;
    margin-top: 20px
}

.team .bannerin .text {
    font-size: 12px;
    line-height: 15px;
    margin-top: 20px;
    padding: 0 5px;
    box-sizing: border-box
}

.team .banner2 .active .bottom {
    color: #fff !important;
    background: #0096ff !important
}

.team .prev {
    left: 0;
    cursor: pointer
}

.team .next {
    right: 0;
    cursor: pointer
}

.team .hidedetail {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10000;
    background: rgba(0, 0, 0, .4);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000, endcolorstr=#7F000000);
    opacity: 0;
    display: none
}

.team .backclose {
    width: 100%;
    height: 100%;
    position: absolute
}

.team .hidedetail .inbox {
    width: 80%;
    max-width: 900px;
    padding: 2%;
    background: #fff;
    margin: auto;
    margin-top: 100px;
    position: relative
}

.team .hidedetail .inbox .left {
    text-align: center
}

.team .hidedetail .left img {
    width: 100%;
    max-width: 600px
}

.team .hidedetail .right h4 {
    font-size: 18px;
    color: #0096ff
}

.team .hidedetail .right p {
    font-size: 12px;
    max-height: 100px;
    overflow: auto;
    color: #a0a0a0
}

.team .hidedetail .close {
    width: 19px;
    height: 19px;
    background-image: url(http://tzsswh.cn/Style/home/images/close-1.png);
    background-position: center;
    position: absolute;
    top: 0;
    right: -35px
}

.team .pic {
    border: 1px solid #fff;
    transition: all 1s;
    position: relative
}

.contact {
    width: 100%;
    margin: auto
}

.contact .top {
    padding-right: 153px;
    position: relative;
    min-height: 180px;
    border: 1px solid #e1e1e1;
    margin: 20px 0;
    padding: 20px
}

.contact .top .qrcode {
    position: absolute;
    right: -36px;
    top: 20px;
    text-align: center;
    font-size: 16px;
    color: #707070;
    width: 190px;
}

.contact .top .qrcode img {
    width: 190px;
}

.contact .top h1 {
    font-size: 20px;
    color: #313131;
    margin-bottom: 20px
}

.contact .top p {
    clear: both
}

.contact .top>p {
    padding-left: 20px;
    padding-right: 150px;
    position: relative
}

.contact .top p img {
    height: 15px;
    position: absolute;
    left: 0;
    top: 3px
}

.contact .top p span {
    display: inline-block;
    height: 15px;
    float: left;
    font-size: 14px;
    color: #7d7d7d;
    line-height: 20px;
    margin-left: 10px;
    margin-bottom: 10px
}

.contact .top p span a {
    color: #28c
}

.onlinemsg {
    padding-bottom: 100px
}

.onlinemsg:after {
    content: "";
    display: block;
    clear: both
}

.onlinemsg .title {
    text-align: center
}

.onlinemsg .title h2 {
    font-size: 22px;
    color: #0096ff
}

.onlinemsg .title p {
    font-size: 12px;
    color: #7d7d7d
}

.onlinemsg form {
    margin-top: 40px
}

.onlinemsg .left {
    width: 47%;
    float: left
}

.onlinemsg .right {
    width: 47%;
    float: right
}

.onlinemsg .left input {
    width: 100%;
    height: 50px;
    padding: 10px 20px;
    line-height: 30px;
    margin-bottom: 20px;
    box-sizing: border-box
}

.onlinemsg .left .btn {
    background: #3e3835;
    color: #fff;
    cursor: pointer;
    transition: all 1s
}

.onlinemsg .left .btn:hover {
    background: #0096ff
}

.onlinemsg .left .submit {
    width: 47%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    float: left;
    font-size: 16px
}

.onlinemsg .left .reset {
    width: 47%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    float: right
}

.onlinemsg .right textarea {
    width: 100%;
    height: 262px;
    padding: 20px 20px;
    box-sizing: border-box
}

.equipment {
    padding-bottom: 150px;
    max-width: 100%
}

.equipment .bannerin {
    border: 0
}

.equipment .bannerin ul li {
    margin-left: 10px;
    margin-right: 10px;
    transition: all 1s
}

.equipment .bannerin ul li img {
    width: 100%;
    display: block
}

.equipment .listdetail {
    background: #fff
}

.equipment .pic .bottom {
    height: 50px;
    width: 100%;
    background: #e5e5e5;
    text-align: center;
    line-height: 50px;
    color: #000;
    transition: all 1s
}

.equipment .bannerin ul li:hover .bottom {
    height: 65px;
    line-height: 65px;
    color: #fff;
    background: #0096ff
}

.equipment .banner2 .active .bottom {
    color: #fff !important;
    background: #0096ff !important
}

.equipment .prev {
    left: 20px;
    cursor: pointer
}

.equipment .next {
    right: 20px;
    cursor: pointer
}

.equipment {
    height: 360px
}

.equipment .hidedetail {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: -1000;
    background: rgba(0, 0, 0, .4);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000, endcolorstr=#7F000000);
    opacity: 0
}

.equipment .backclose {
    width: 100%;
    height: 100%;
    position: absolute
}

.equipment .hidedetail .inbox {
    width: 80%;
    max-width: 900px;
    padding: 2%;
    background: #fff;
    margin: auto;
    margin-top: 100px;
    position: relative
}

.equipment .hidedetail .inbox .left {
    text-align: center
}

.equipment .hidedetail .left img {
    width: 100%;
    max-width: 600px
}

.equipment .hidedetail .right h4 {
    font-size: 18px;
    color: #0096ff
}

.equipment .hidedetail .right p {
    font-size: 12px;
    max-height: 100px;
    overflow: auto;
    color: #a0a0a0
}

.equipment .hidedetail .close {
    width: 19px;
    height: 19px;
    background-image: url(../image/close.png);
    background-position: center;
    position: absolute;
    top: 0;
    right: -35px
}

.equipment .pic {
    border: 1px solid #fff;
    transition: all 1s
}

.equipment .bannerin ul li:hover .pic {
    border: 1px solid #0096ff
}

.news .listdetail {
    max-width: 1125px;
    margin: auto
}

.news .listdetail .text h1 {
    color: #313131;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    font-size: 14px;
    transition: all .5s
}

.news .listdetail .text p {
    width: 100%;
    max-height: 50px;
    overflow: hidden;
    color: #a0a0a0;
    transition: all .5s
}

.news .casestyle a>img {
    float: none;
    width: 100%
}

.news .casestyle {
    width: 23%;
    padding: 10px;
    box-sizing: border-box;
    margin: 1%;
    border: 1px solid #e1e1e1;
    height: 258px;
}

.news .casestyle a {
    color: #a0a0a0
}

.news {
    padding-top: 0
}

.news2 .casestyle {
    width: 48%
}

.news2 .casestyle a>img {
    width: 49%;
    float: left;
    cursor: pointer
}

.news2 .casestyle .text {
    width: 49%;
    float: right
}

.news .casestyle:hover {
    border: 1px solid #0096ff
}

.news .casestyle:hover h1 {
    color: #0096ff
}

.news .casestyle:hover P {
    color: #0096ff
}

.news .casestyle:hover a {
    color: #0096ff
}

.news .casestyle:hover .miantext {
    color: #a0a0a0
}

.newsdetail {
    width: 100%;
    max-width: 1125px;
    margin: auto
}

.newsdetail h1 {
    font-size: 20px;
    color: #0096ff
}

.newsdetail .toptitle span {
    font-size: 14px;
    color: #ccc
}

.newsdetail .toptitle {
    border-bottom: 1px solid #e1e1e1;
    padding: 30px 0;
    margin-top: 20px
}

.newsdetail .text {
    color: #a0a0a0;
    line-height: 25px;
    padding: 30px 0
}

.newsdetail .imgbox {
    text-align: center
}

.newsdetail .imgbox img {
    width: 100%;
    max-width: 640px
}

.newsdetail .bottom {
    color: #a0a0a0;
    margin-bottom: 20px;
    border-top: 1px solid #e1e1e1;
    margin-top: 50px;
    padding-top: 20px
}

.newsdetail .bottom p {
    height: 25px;
    overflow: hidden
}

.newsdetail .bottom a {
    color: #a0a0a0;
}

.newsdetail .bottom a:hover {
    color: #0096ff
}

.newsdetail .bottom .btn {
    float: right;
    display: block;
    text-align: center;
    line-height: 25px;
    line-height: 25px;
    border: 1px solid #0096ff;
    border-radius: 25px;
    width: 80px;
    color: #0096ff
}

.otherlist .caselistbox {
    text-align: center;
    margin-bottom: 50px
}

.otherlist .caselistbox .liststyle {
    display: inline-block;
    width: auto !important;
    height: auto !important;
    padding: 5px 10px;
    border: 1px solid #e1e1e1;
    margin: 0;
    color: #a0a0a0;
    transition: all 1s
}

.otherlist .caselistbox .liststyle a {
    color: #a0a0a0
}

.team .casedetail {
    margin: 0 auto;
    padding-top: 0
}

.team .casedetail .picture {
    border-top: none
}

.menu {
    height: 100%;
    width: 68px;
    text-align: center;
    cursor: pointer;
    float: left;
    position: relative;
    margin-top: -5px
}

.menu .menu-arrow {
    position: absolute;
    top: 50%;
    right: 50%;
    margin: -15px 0 0 -15px;
    display: block;
    display: none;
    animation: menuline .8s ease infinite;
    -webkit-animation: menuline .8s ease infinite;
    -moz-animation: menuline .8s ease infinite;
    -o-animation: menuline .8s ease infinite
}

.menu .menu-line {
    width: 32px;
    height: 26px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -13px 0 0 -16px
}

.menu .menu-line i {
    display: block;
    margin: 0 0 3px 0;
    background: #fff;
    height: 3px;
    float: right
}

.menu .menu-line i.ml01 {
    width: 32px
}

.menu .menu-line i.ml02 {
    width: 28px
}

.menu .menu-line i.ml02+i.ml02 {
    width: 24px
}

.menu .menu-line i.ml03 {
    width: 21px
}

@keyframes menuline {
    0% {
        width: 25px
    }

    50% {
        width: 32px
    }

    100% {
        width: 25px
    }
}

@-webkit-keyframes menuline {
    0% {
        width: 25px
    }

    50% {
        width: 32px
    }

    100% {
        width: 25px
    }
}

@-moz-keyframes menuline {
    0% {
        width: 25px
    }

    50% {
        width: 32px
    }

    100% {
        width: 25px
    }
}

@-ms-keyframes menuline {
    0% {
        width: 25px
    }

    50% {
        width: 32px
    }

    100% {
        width: 25px
    }
}

@-o-keyframes menuline {
    0% {
        width: 25px
    }

    50% {
        width: 32px
    }

    100% {
        width: 25px
    }
}

@keyframes menuline2 {
    0% {
        width: 20px
    }

    50% {
        width: 28px
    }

    100% {
        width: 20px
    }
}

@-webkit-keyframes menuline2 {
    0% {
        width: 20px
    }

    50% {
        width: 28px
    }

    100% {
        width: 20px
    }
}

@-moz-keyframes menuline2 {
    0% {
        width: 20px
    }

    50% {
        width: 28px
    }

    100% {
        width: 20px
    }
}

@-ms-keyframes menuline2 {
    0% {
        width: 20px
    }

    50% {
        width: 28px
    }

    100% {
        width: 20px
    }
}

@-o-keyframes menuline2 {
    0% {
        width: 20px
    }

    50% {
        width: 28px
    }

    100% {
        width: 20px
    }
}

@keyframes menuline3 {
    0% {
        width: 13px
    }

    50% {
        width: 21px
    }

    100% {
        width: 13px
    }
}

@-webkit-keyframes menuline3 {
    0% {
        width: 13px
    }

    50% {
        width: 21px
    }

    100% {
        width: 13px
    }
}

@-moz-keyframes menuline3 {
    0% {
        width: 13px
    }

    50% {
        width: 21px
    }

    100% {
        width: 13px
    }
}

@-ms-keyframes menuline3 {
    0% {
        width: 13px
    }

    50% {
        width: 21px
    }

    100% {
        width: 13px
    }
}

@-o-keyframes menuline3 {
    0% {
        width: 13px
    }

    50% {
        width: 21px
    }

    100% {
        width: 13px
    }
}

@keyframes menuarrow {
    0% {
        transform: translate3d(-15px, 0, 0);
        -webkit-transform: translate3d(-15px, 0, 0);
        -moz-transform: translate3d(-15px, 0, 0);
        -o-transform: translate3d(-15px, 0, 0);
        -ms-transform: translate3d(-15px, 0, 0)
    }

    50% {
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0)
    }

    100% {
        transform: translate3d(15px, 0, 0);
        -webkit-transform: translate3d(15px, 0, 0);
        -moz-transform: translate3d(15px, 0, 0);
        -o-transform: translate3d(15px, 0, 0);
        -ms-transform: translate3d(15px, 0, 0)
    }
}

@-webkit-keyframes menuarrow {
    0% {
        transform: translate3d(-15px, 0, 0);
        -webkit-transform: translate3d(-15px, 0, 0);
        -moz-transform: translate3d(-15px, 0, 0);
        -o-transform: translate3d(-15px, 0, 0);
        -ms-transform: translate3d(-15px, 0, 0)
    }

    50% {
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0)
    }

    100% {
        transform: translate3d(15px, 0, 0);
        -webkit-transform: translate3d(15px, 0, 0);
        -moz-transform: translate3d(15px, 0, 0);
        -o-transform: translate3d(15px, 0, 0);
        -ms-transform: translate3d(15px, 0, 0)
    }
}

@-moz-keyframes menuarrow {
    0% {
        transform: translate3d(-15px, 0, 0);
        -webkit-transform: translate3d(-15px, 0, 0);
        -moz-transform: translate3d(-15px, 0, 0);
        -o-transform: translate3d(-15px, 0, 0);
        -ms-transform: translate3d(-15px, 0, 0)
    }

    50% {
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0)
    }

    100% {
        transform: translate3d(15px, 0, 0);
        -webkit-transform: translate3d(15px, 0, 0);
        -moz-transform: translate3d(15px, 0, 0);
        -o-transform: translate3d(15px, 0, 0);
        -ms-transform: translate3d(15px, 0, 0)
    }
}

@-ms-keyframes menuarrow {
    0% {
        transform: translate3d(-15px, 0, 0);
        -webkit-transform: translate3d(-15px, 0, 0);
        -moz-transform: translate3d(-15px, 0, 0);
        -o-transform: translate3d(-15px, 0, 0);
        -ms-transform: translate3d(-15px, 0, 0)
    }

    50% {
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0)
    }

    100% {
        transform: translate3d(15px, 0, 0);
        -webkit-transform: translate3d(15px, 0, 0);
        -moz-transform: translate3d(15px, 0, 0);
        -o-transform: translate3d(15px, 0, 0);
        -ms-transform: translate3d(15px, 0, 0)
    }
}

@-o-keyframes menuarrow {
    0% {
        transform: translate3d(-15px, 0, 0);
        -webkit-transform: translate3d(-15px, 0, 0);
        -moz-transform: translate3d(-15px, 0, 0);
        -o-transform: translate3d(-15px, 0, 0);
        -ms-transform: translate3d(-15px, 0, 0)
    }

    50% {
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0)
    }

    100% {
        transform: translate3d(15px, 0, 0);
        -webkit-transform: translate3d(15px, 0, 0);
        -moz-transform: translate3d(15px, 0, 0);
        -o-transform: translate3d(15px, 0, 0);
        -ms-transform: translate3d(15px, 0, 0)
    }
}

.imgtime {
    position: absolute;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 600px;
    left: 0;
    text-align: right;
    background: #fff;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    width: 100%;
    box-sizing: border-box
}

.sp-image-container {
    position: relative
}

.page {
    margin-top: 10px;
    padding: 14px 0 15px;
    text-align: center
}

.page a {
    /*border:1px solid #ccc;*/
    margin-right: 5px;
    padding: 4px 7px
}

.page span {
    border: 1px solid #ccc;
    margin-right: 5px;
    padding: 4px 7px
}

.page span.current {
    background: #3ca63a;
    border: 1px solid #3ca63a;
    color: #fff;
    font-weight: bolder
}

.onlinemsg form .left,
.onlinemsg form .right_c {
    width: 50%;
    float: left;
    min-height: 210px;
}

.onlinemsg form .right_c {
    padding-left: 30px;
}

.onlinemsg form .right_c input {
    height: 144px;
}

.onlinemsg form .contact input {
    width: 90%;
}

.onlinemsg form .contact div {
    width: 10%;
    float: left;
    text-align: justify;
}

.checkcode {
    text-align: left;
    width: 50%;
}

.checkcode>div {
    width: 15%;
    float: left;
}

.checkcode img {
    margin-left: 20px;
}

.onlinemsg form button {
    width: 50%;
    text-align: center;
    font-size: 18px;
    line-height: 36px;
    background: #0096ff;
    color: #FFF;
    border: 1px solid #0096ff;
    transition: all .6s;
    border-radius: 20px;
    margin-top: 15px;
}

.onlinemsg form button:hover {
    background: none;
    transition: all .6s;
    color: #0096ff;
}

.uygfjhdasf .all {
    position: absolute;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -25%);
}

.body>div .topnav li a {
    color: #000;
}

.body>div .topnav .list1back {
    background-color: rgb(173 159 159 / 50%);
}

#section3 .swiper-container .all {
    border: 1px solid #CCC;
    width: 230px;
    height: 130px;
    overflow: hidden;
    position: relative;
    text-align: center;
}

#section3 .swiper-container {
    padding-bottom: 30px;
}

#section3 .swiper-pagination-bullet-active {
    width: 14px;
    border-radius: 20px;
}

#section3 .swiper-container .all img {
    width: 80%;
    height: auto;
    position: absolute;
    left: 8%;
    top: 50%;
    transform: translateY(-50%);
}

.bottom {
    text-align: center;
    /*margin: 10px 0;*/
}

.bottom span a {
    /*color: #282828;*/
    font-size: 16px;
    line-height: 30px;
}

.bottom span a.active,
.bottom span:hover a {
    color: #337ab7;
}

.brand_all {
    position: relative;
}

.brand_all .font16 {
    font-size: 20px;
    position: absolute;
    bottom: 30%;
    left: 8%;
    width: 55%;
    color: #FFF;
    transform: translateY(-50%);
    opacity: 1;
    transition: all .6s;
}


/*.brand_all:hover .font16 {*/
/*    bottom: 30%;*/
/*    opacity: 1;*/
/*    transition: all .6s;*/
/*}*/
.brand_all:nth-child(even) .font16 {
    right: 8%;
    left: auto;
    text-align: left;
}
.aboutprofile {
    position: relative;
}

/*.brand_all_top:before{*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background: #000;*/
/*    content: "";*/
/*}*/

.culture {
    width: 100%;
    height: 500px;
    /* background: pink; */
    position: relative;
}

.culture .content {
    width: 800px;
    height: 400px;
    /* background: skyblue; */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: relative;
    border: 3px solid #384F9B;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
}
.culture .content .text{
    color: #363636;
    font-size: 14px;
}
.culture .culture_right {
    width: 450px;
    height: 300px;
    position: absolute;
    right: 50px;
    top: 50px;
}
.all_title {
    text-align: center;
}
.all_title .title{
    font-size: 32px;
    line-height: 46px;
    color: #384F9B;
    letter-spacing: .375rem;
}
.all_title .en_title{
    font-size: 18px;
    letter-spacing: .375rem;
    color: #363636;
}
.all_title_two .title{
    font-size: 32px;
    line-height: 46px;
    color: #384F9B;
    letter-spacing: .375rem;
    font-weight: 500;
    position: relative;
}
.all_title_two .title::before{
    position: absolute;
    content: "";
    left: -10px;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
    height: 30px;
    background-color: #384F9B;
}
.all_title_two .title span{
    font-size: 18px;
    color: #363636;
    padding-left: 16px;
}
.culture .culture_right .text {
    margin-top: 20px;
}

.culture .culture_img {
    width: auto !important;
    height: 260px;
    position: absolute;
    left: -150px;
    top: 60px;
}
.culture .font28{
    font-size: 28px;
}
.culture h2{
    letter-spacing: .375rem;
}
.about_market .about_item_txt .txt,
.about_item .about_item_txt .txt{
    font-size: 18px;
    line-height: 30px;
    color: #363636;
}
.about_market img{
    width: 60px;
}
.about_market .swiper-slide{
    border: 2px solid rgb(136 136 136 / 43%);
    padding: 26px;
}
.about_market .about_item_txt .txt{
    font-size: 16px;
    padding-top: 24px;
    color: #363636;
    line-height: 26px;
    text-align: left;
    height: 172px;
}
.about_process .txt_all{
    border: 2px solid #f4f3f3;
    padding: 20px;
    margin-bottom: 30px;
    position: relative;
    height: 300px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}
.about_process .txt_all::before{
    position: absolute;
    content: "01";
    font-size: 56px;
    bottom: 8%;
    right: 3%;
    color: rgba(94, 94, 94, 0.26);
}
.about_process .col-md-6:nth-child(2) .txt_all::before{
    content: "02";
}
.about_process .col-md-6:nth-child(3) .txt_all::before{
    content: "03";
}
.about_process .col-md-6:nth-child(4) .txt_all::before{
    content: "04";
}
.about_market .about_item_txt .title,
.list_paddingleft_2 li .title,
.about_process .txt_all .title{
    font-size: 26px;
    line-height: 38px;
    text-align: center;
    color: #2e2e2e;
}
.about_process .txt_all .txt .txt_li{
    text-indent: 2rem;
    font-size: 16px;
    line-height: 28px;
    color: #8d8d8d;
}
.about_process .txt_all .txt{
    padding: 30px;
    padding-bottom: 45px;
}
.mian1{
    padding: 0 15rem;
}
.mt70{
    margin-top: 70px;
}
.mb30{
    margin-bottom: 30px;
}
.list_paddingleft_2 li{
    width: 33.33%;
    float: left;
    padding: 40px;
    text-align: center;
}
.about_market .swiper-slide .over,
.list_paddingleft_2 li .over{
    position: relative;
    margin-bottom: 20px;
}
.about_market .swiper-slide .over::before,
.list_paddingleft_2 li .over::before{
    position: absolute;
    content: "";
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
    width: 76px;
    height: 76px;
    border-radius: 50%;
    border:  2px solid #0096ff;
}
.list_paddingleft_2 li:nth-child(5) img{
    transform: scale(0.8);
}
.list_paddingleft_2 li .txt{
    font-size: 16px;
    color: #363636;
    padding-top: 20px;
}
.list_paddingleft_2 li img{
    width: 50px !important;
}
.list_paddingleft_3 li{
    width: 33.33%;
    float: left;
    padding: 40px;
    position: relative;
    height: 360px;
}
.list_paddingleft_3 li .title{
    background-color: #0096ff;
    color: #FFF;
    padding: 10px;
    line-height: 28px;
    font-size: 16px;
    height: 100px;
}
@media (max-width:1600px) {
    #section3 .swiper-container .all {
        width: 180px;
    }
}

@media (max-width:1366px) {
    #section3 .swiper-container .all {
        width: 160px;
    }
}

@media (max-width:1280px) {
    #section3 .swiper-container .all {
        width: 154px;
    }
}

@media (max-width:990px) {
    .onlinemsg form .contact div {
        width: 15%;
    }

    .onlinemsg form .contact input {
        width: 85%;
    }

    .onlinemsg .left input {
        height: 40px;
        padding: 5px 20px;
        margin-bottom: 10px;
    }

    .onlinemsg form .left,
    .onlinemsg form .right_c {
        min-height: 170px;
    }
    .culture .culture_img {
        height: 210px;
        left: -59px;
        top: 50%;
        transform: translateY(-50%);
    }
    .topnav .right{
        display: none;
    }
    .topnav .list1>li {
    width: 11%;
    }
    .topnav .list1{
        padding-right: 0 !important;
    padding-left: 222px !important;
    }
    .brandtop img{
        width: auto !important;
    }
    .brandtop>div>div{
        width: 100% !important;
    }
    .list-paddingleft-2 li{
        height: 420px;
    }
    .process1 img {
    transform: scale(1.2);
    }
    .col_ul .col-md-6:nth-child(1),
    .col_ul .col-md-6:nth-child(4){
        padding-top: 0px;
    }
    .process_all .process2 .col-md-4{
        left: 4%;
    width: 31%;
    }
    .process_all .process2 .col-md-4:nth-child(2) {
    left: 39%;
    top: 6%;
}
.process_all .process2 .col-md-4:nth-child(3) {
    left: 69%;
    top: 40%;
}
.aboutprofile .main p {
    margin-top: 0px;
}
.process_all{
    padding-bottom: 100px;
}
.list-paddingleft-4 li {
    margin: 0 38px 38px;
    width: 42%;
}
.list-paddingleft-4 li:nth-child(even){
    margin-right: 38px;
}
@media (max-width:767px) {
    .culture .culture_right,
    .culture .content{
        width: 100%;
    }
    .culture .culture_right{
        right: 0;
        padding: 0 15px;
        top: 6%;
    }
    .culture_left{
        display: none;
    }
    .brand_all .font16 {
        font-size: 14px;
        line-height: 24px;
        width: 82%;
    }
    .mian1 {
        padding: 0;
    }
    .brand_all:hover .font16 {
        bottom: -12%;
    }

    .outherbanner {
        height: auto;
    }

    .brand_all:nth-child(even):hover .font16 {
        bottom: 6%;
    }

    .list-paddingleft-4 li {
        width: 100%;
    }

    .swiper-container2 {
        height: auto;
        width: 70%;
    }

    .list-paddingleft-2 li img {
        padding: 12px;
    }

    .outherbanner {
        height: auto !important;
        padding-top: 60px;
    }
    .about_market .about_item_txt .txt {
    height: 180px;
}
.about_market .about_item_txt .title, .list_paddingleft_2 li .title, .about_process .txt_all .title {
    font-size: 18px;
}
.about_market .about_item_txt .txt {
    font-size: 14px;
    padding-top: 12px;
}
.list-paddingleft-4 li {
    margin: 0;
}
.brand_all .font16 {
    bottom: -7%;
}
.brand_all:nth-child(even) .font16 {
    bottom: 11%;
}
.list_paddingleft_3 li {
    width: 100%;
    padding: 15px;
}
.list-paddingleft-2 li {
    height: 140px;
}
.process_all .process2 .col-md-4 {
    top: 11%;
}
.process_all {
    padding-bottom: 380px;
}
.process_all .process2 .col-md-4 {
    width: 100%;
}
.process_all .process2 .col-md-4:nth-child(2) {
    left: 4%;
    top: 33%;
}
.process_all .process2 .col-md-4:nth-child(3) {
    left: 4%;
    top: 63%;
}
.process1 img{
    opacity: 0;
}
.process_all {
    margin-top: -80px;
}
.list-paddingleft-3 li {
    float: left;
    width: 100%;
    margin-right: 0;
    min-height: auto;
    padding-bottom: 10px;
}
.list-paddingleft-3 li img {
    width: 90px !important;
    padding: 0;
}
.list-paddingleft-3 li p:nth-child(1){
    text-align: center;
}
.onlinemsg form .left, .onlinemsg form .right_c{
    width: 100%;
    padding-left: 0;
}
.checkcode{
    width: 100%;
}
.checkcode>div {
    width: 15%;
    float: left;
}
.checkcode>input{
    width: 50%;
    float: left;
}
.checkcode>img{
    width: 32%;
    margin-left: 10px;
}
.pc_listdetail{
    display: none;
}
.phone_listdetail{
    display: block !important;
}
}
.topnav .navlist2 .list2 li a{
    color: #FFF;
}