@charset "utf-8";
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    padding: 0;
}

input {
    -webkit-user-select: auto !important;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: none;
}
*:not(input,textarea) {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
}


body {
    font-family: arial, "microsoft yahei";
    font-size: 14px;
    color: #666;
    line-height: 1.5;
    width: 100%;
    background: #fff;
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: none;
}

ul {
    list-style: none;
}

body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, b, small, u, i, center, dl, dt, dd, ol, ul, li, sub, sup, tt, var, del, dfn, ins, kbd, q, s, samp, strike, applet, object, iframe, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, blockquote, pre, a, abbr, acronym, address, big, cite, code, mark, audio, video, input, textarea, select {
    margin: 0;
    padding: 0;
}

a:link, a:visited {
    text-decoration: none;
    outline: 0;
    color: #666
}

a:hover, a:active, a:focus {
    color: #666;
    text-decoration: none
}

img {
    border: 0;
    padding: 0;
    margin: 0;
    max-width: 100%;
}

table {
    border-collapse: collapse;
    width: 100%
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

input, textarea {
    font-size: 14px;
    outline: 0;
    overflow: hidden;
    font-family: arial, "microsoft yahei"
}

input[type='reset'], input[type='button'], input[type='submit'], input[type='radio'] {
    cursor: pointer;
    outline: 0;
    border: none;
}

input[type='checkbox'], input[type='radio'] {
    position: relative;
    vertical-align: middle;
}

textarea, input[type='email'], input[type='date'], input[type='password'], input[type='text'] {
    outline: 0;
    color: #666;
}

input[type="submit"], input[type="reset"], input[type="button"], input[type='text'], select, button {
    -webkit-appearance: none
}

input, select, textarea {
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

::-webkit-input-placeholder {
    color: #999;
}

:-moz-placeholder {
    color: #999;
    opacity: 1;
}

::-moz-placeholder {
    color: #999;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #999;
}

.clearfix:after {
    clear: both;
    height: 0;
    content: "";
    line-height: 0;
    font-size: 0;
    display: block
}

.clear {
    clear: both;
}

.continer1 {
    width: 1400px;
    margin: 0 auto;
}

/*新闻详情*/
.inner_newsshow {
    overflow: hidden;
    margin-top: 60px;
    margin-bottom: 60px;
}

.inner_fr_newsshow {
    margin: 31px 0 50px 0;
    overflow: hidden;
}

.show_title {
    text-align: center;
    padding-bottom: 25px;
    border-bottom: 1px dashed #bfbfbf;
}

.show_title h3 {
    font-size: 20px;
    font-weight: normal;
    text-align: center;
    color: #333;
    padding-bottom: 10px;
    line-height: 28px;
}

.show_title span {
    color: #949494;
    margin: 0px 10px;
    font-size: 14px;
    padding-left: 20px;
}

.browse {
    background: url(../../images/browse.png) no-repeat left center;
}

.date {
    background: url(../../images/date.png) no-repeat left center;
}

.show_content {
    line-height: 28px;
    color: #4b4b4b;
    padding: 25px 0px;
    border-bottom: 1px dashed #bfbfbf;
    font-size: 15px;
}

.show_content img {
    display: block;
    margin-right: auto;
    margin-left: auto;
    max-width: 100%;
    height: auto;
}

.show_back {
    padding-top: 20px;
}

.show_back_fl {
    float: left;
    width: 70%;
    overflow: hidden;
}

.show_back_fl li {
    margin-bottom: 2px;
    line-height: 25px;
    color: #4d4d4d;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 15px;
}

.show_back_fl li a {
    color: #868686;
    font-size: 15px;
}

.show_back_fl li a:hover {
    color: #2668A2;
}

.show_back_fr {
    overflow: hidden;
    float: right;
    width: 15%;
}

.show_back_fr a {
    display: block;
    line-height: 46px;
    color: #fff;
    font-size: 15px;
    background: #eb6000 url(../../images/return.png) no-repeat 20px center;
    padding-right: 25px;
    text-align: right;
}

.phone {
    display: none;
}

/*头部菜单开始*/
body {
    position: relative;
}

.header {
    width: 100%;
    position: absolute;
    top: 0px;
    z-index: 12;
}

.header .continer1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 90px;
    justify-content: space-between;
}

.header .logo img {
    width: 291px;
    height: 29px;
}

.header .header-right {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.header .header-right .caidan {
    width: 750px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.header .header-right .caidan .caidan-list {
    font-size: 16px;
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
    color: #fff;
    height: 90px;
    width: 100%;
    justify-content: center;
}

.header .header-right .caidan .caidan-list a {
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
    color: #fff;
}

.header .header-right .caidan .caidan-list .arr {
    width: 11px;
    height: 6px;
    background-image: url("../img/image-1.png");
    background-size: 100% 100%;
    margin-left: 7px;
}

.header .header-right .caidan .caidan-list .caidan-in {
    display: none;
    position: absolute;
    top: 90px;
    left: 0px;
    width: 118px;
    z-index: 10;
}

.header .header-right .caidan .caidan-list .caidan-in .caidan-in-in {
    height: 43px;
    background-color: #fff;
    text-align: center;
    font-size: 14px;
    color: #333333;
    line-height: 42px;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-left: 20px;
}

.header .header-right .caidan .caidan-list .caidan-in .caidan-in-in .case1 {
    width: 15px;
    height: 15px;
    background-size: 100% 100%;
    margin-right: 8px;
}

.header .header-right .caidan .caidan-list .caidan-in .caidan-in-in .case2 {
    width: 13px;
    height: 14px;
    background-size: 100% 100%;
    margin-right: 8px;
}

.header .header-right .caidan .caidan-list .caidan-in .caidan-in-in .case3 {
    width: 14px;
    height: 11px;
    background-size: 100% 100%;
    margin-right: 8px;
}

.header .header-right .caidan .caidan-list .caidan-in .caidan-in-in .case4 {
    width: 11px;
    height: 12px;
    background-size: 100% 100%;
    margin-right: 8px;
}

.header .header-right .caidan .caidan-list .caidan-in .caidan-in-in .case5 {
    width: 13px;
    height: 13px;
    background-size: 100% 100%;
    margin-right: 8px;
}

.header .header-right .caidan .caidan-list .caidan-in .caidan-in-in .jishu1 {
    width: 14px;
    height: 15px;
    background-size: 100% 100%;
    margin-right: 8px;
    display: block;
}

.header .header-right .caidan .caidan-list .caidan-in .caidan-in-in .jishu2 {
    width: 14px;
    height: 15px;
    background-size: 100% 100%;
    margin-right: 8px;
}

.header .header-right .caidan .caidan-list .caidan-in .caidan-in-in .jishu3 {
    width: 13px;
    height: 15px;
    background-size: 100% 100%;
    margin-right: 8px;
}

.header .header-right .caidan .caidan-list .caidan-in .caidan-in-in .jishu4 {
    width: 13px;
    height: 10px;
    background-size: 100% 100%;
    margin-right: 8px;
}

.header .header-right .caidan .caidan-list .caidan-in .caidan-in-in .jishu5 {
    width: 13px;
    height: 12px;
    background-size: 100% 100%;
    margin-right: 8px;
}

.header .header-right .caidan .caidan-list .caidan-in .caidan-in-in .news1 {
    width: 12px;
    height: 15px;
    background-size: 100% 100%;
    margin-right: 8px;
}

.header .header-right .caidan .caidan-list .caidan-in .caidan-in-in .news2 {
    width: 16px;
    height: 14px;
    background-size: 100% 100%;
    margin-right: 8px;
}

.header .header-right .caidan .caidan-list .caidan-in .caidan-in-in .about1 {
    width: 12px;
    height: 15px;
    background-size: 100% 100%;
    margin-right: 8px;
}

.header .header-right .caidan .caidan-list .caidan-in .caidan-in-in .about2 {
    width: 13px;
    height: 15px;
    background-size: 100% 100%;
    margin-right: 8px;
}

.header .header-right .caidan .caidan-list .caidan-in .caidan-in-in .about3 {
    width: 13px;
    height: 13px;
    background-size: 100% 100%;
    margin-right: 8px;
}

.header .header-right .caidan .caidan-list .caidan-in .caidan-in-in .about4 {
    width: 13px;
    height: 14px;
    background-size: 100% 100%;
    margin-right: 8px;
}

.header .header-right .caidan .caidan-list .caidan-in .caidan-in-in:hover {
    background-color: #0E6EB8;
    color: #fff;
}

.header .header-right .caidan .caidan-list:hover a {
    color: #0E6EB8;
}

.header .header-right .caidan .caidan-list:hover .arr {
    background-image: url("../../images/index_91.png");
}

.header .header-right .caidan .caidan-list:hover .caidan-in {
    display: block;
}

.header .header-right .soso-img {
    width: 17px;
    height: 16px;
    margin-left: 30px;
    background-size: 100% 100%;
}

.header .header-right .soso-input {
    width: 158px;
    height: 35px;
    border: 1px solid #eee;
    border-radius: 5px;
    margin-left: 30px;
    padding-left: 10px;
}

.header .header-right .soso-con {
    position: relative;
    display: flex;
    align-items: center;
}

.header .header-right .soso-in-img {
    position: absolute;
    right: 13px;
    top: 7px;
    width: 17px;
    height: 16px;
}

#header2 .header {
    background-color: #fff;
}

#header2 .header .header-right .caidan .caidan-list .arr {
    width: 11px;
    height: 6px;
    background-image: url("../img/image-1.png");
    background-size: 100% 100%;
    margin-left: 7px;
}

#header2 .caidan-list:hover .arr {
    background-image: url("../img/image-2.png") !important;
}

#header2 .caidan-list:hover .caidan-list-first {
    color: #0E6EB8 !important;
}

#header2 .header .header-right .caidan .caidan-list a {
    color: #333;
}

#header2 .caidan-in-in:hover {
    background-color: #0E6EB8;
    color: #fff !important;
}

.header .caidan-list:after {
    content: "";
    width: 0;
    height: 2px;
    background: #0E6EB8;
    position: absolute;
    top: 100%;
    left: 50%;
    transition: all .8s;
    z-index: 99;
}

.header .caidan-list:hover:after {
    left: 0%;
    width: 118px;
}

.error-img {
    width: 30px;
    height: 30px;
}

/*头部菜单结束*/

/*底部菜单开始*/
.footer {
    width: 100%;
    height: 443px;
    background: #222222;
    display: flex;
    flex-direction: column;
}

.footer .foot-top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 81px;
}

.footer .foot-top .foot-left {
    display: flex;
    flex-direction: column;
    align-items: left;
    border-right: 1px solid #333;
    padding-right: 8%;
}

.footer .foot-top .foot-left .foot-logo {
    margin-bottom: 55px;
}

.footer .foot-top .foot-left .foot-logo img {
    width: 220px;
    height: 38px;
}

.footer .foot-top .foot-left .text-in1 {
    font-size: 14px;
    color: #999999;
    line-height: 32px;
    display: flex;
    flex-direction: row;
    justify-content: left;
    align-items: center;
    margin-bottom: 5px;
}

.footer .foot-top .foot-left .text-in1 img {
    margin-right: 13px;
}

.footer .foot-top .foot-right {
    display: flex;
    flex: 1;
    justify-content: space-between;
}

.footer .foot-top .foot-right .foot-list {
    display: flex;
    flex-direction: row;
    flex: 1;
    justify-content: space-around;
    padding-left: 10%;
    padding-right: 10%;
}

.footer .foot-top .foot-right .foot-list .foot-list-li {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.footer .foot-top .foot-right .foot-list .foot-list-li .foot-list-in {
    font-size: 16px;
    color: #CCCCCC;
    line-height: 35px;
    margin-bottom: 15px;
}

.footer .foot-top .foot-right .foot-list .foot-list-li .foot-list-in:hover {
    color: #fff;
}

.footer .foot-top .foot-right .foot-list .foot-list-li .foot-list-in1 {
    font-size: 14px;
    color: #999999;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.footer .foot-top .foot-right .foot-list .foot-list-li .foot-list-in1:hover {
    color: #fff;
}

.footer .foot-top .foot-right .er-code img {
    width: 124px;
    height: 124px;
}

.footer .foot-top .foot-right .er-code .text {
    font-size: 14px;
    color: #FFFFFF;
    line-height: 26px;
    margin-top: 16px;
}

.footer .foot-buttom {
    width: 100%;
    height: 90px;
    font-size: 14px;
    color: #999999;
    line-height: 30px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-top: 1px solid #333;
}

/*底部菜单结束*/

/*首页开始*/
#main .banner {
    height: 100vh;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
}

#main .banner .swiper-button-prev,
#main .banner .swiper-container-rtl .swiper-button-next {
    background-image: url("../../images/index_13.png");
    background-size: 15px 27px;
}

#main .banner .swiper-button-next,
#main .banner .swiper-container-rtl .swiper-button-prev {
    background-image: url("../../images/index_10.png");
    background-size: 15px 27px;
}

#main .banner .swiper-container {
    width: 100%;
    height: 100%;
}

#main .banner .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

#main .banner .swiper-slide img {
    width: 100%;
    height: 100%;
}

#main .banner .banner-text {
    position: absolute;
    top: 30vh;
    z-index: 9;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#main .banner .banner-text .text1 {
    font-size: 80px;
    font-weight: bold;
    color: #FFFFFF;
    margin-bottom: 28px;
    line-height: 80px;
    letter-spacing: 9px;
}

#main .banner .banner-text .text2 {
    font-size: 22px;
    font-family: Arial;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 35px;
    opacity: 0.8;
    margin-bottom: 40px;
}

#main .banner .banner-text .line {
    width: 42px;
    height: 2px;
    background-color: #FFFFFF;
}

#main .banner .banner-text .text3 {
    font-size: 40px;
    color: #FFFFFF;
    line-height: 68px;
    margin-top: 30px;
}

#main .banner .banner-text .text3 .text3_1 {
    width: 60px;
    display: inline-block;
}

#main .banner .banner-text .text3 .text3_2 {
    width: 13px;
    height: 13px;
    background: #FFFFFF;
    border-radius: 50%;
    display: inline-block;
    margin-left: 63px;
    margin-right: 63px;
}

#main .maodian {
    display: block;
    position: absolute;
    bottom: 56px;
    z-index: 9;
    transition: 0.5s;
}

#main .maodian:hover {
    bottom: 40px;
}

#main .in-title {
    padding-top: 69px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    margin-bottom: 40px;
}

#main .in-title .zw {
    font-size: 30px;
    font-weight: bold;
    color: #333333;
    line-height: 35px;
    margin-bottom: 10px;
    position: relative;
    z-index: 1;
}

#main .in-title .yw {
    font-size: 72px;
    font-weight: bold;
    color: #DDDDDD;
    line-height: 35px;
    position: absolute;
    z-index: 0;
    opacity: 0.3;
}

#main .in-title .tubiao {
    width: 51px;
    height: 51px;
    border: 1px solid #CCCCCC;
    border-radius: 50%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
}

#main .in-title .tubiao img {
    width: 23px;
    height: 25px;
}

#main .pro .btn-group {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    padding-bottom: 70px;
}

#main .pro .btn-list {
    padding-left: 15px;
    padding-right: 15px;
    width: 160px;
    height: 50px;
    background: #FFFFFF;
    border-radius: 5px;
    font-size: 14px;
    color: #333333;
    line-height: 50px;
    margin-right: 38px;
    text-align: center;
}

#main .pro .btn-list:hover {
    background-color: #0E6EB8;
    color: #fff;
}

#main .pro .btn-list:last-child {
    margin-right: 0px;
}

#main .pro .pro-list-con {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-left: 85px;
    padding-right: 85px;
    margin-bottom: 20px;
}

#main .pro .pro-list-con .pro-left {
    display: flex;
    flex: 1;
    margin-right: 15%;
    flex-direction: column;
    justify-content: space-around;
}

#main .pro .pro-list-con .pro-left .pro-title {
    font-size: 24px;
    font-family: Arial;
    font-weight: bold;
    color: #0E6EB8;
    line-height: 35px;
    text-align: center;
    margin-bottom: 20px;
}

#main .pro .pro-list-con .pro-left .in-text {
    font-size: 16px;
    color: #666666;
    line-height: 35px;
}

#main .pro .pro-list-con .pro-left .in-btn {
    width: 127px;
    height: 37px;
    background-color: #fff;
    border-radius: 19px;
    font-size: 14px;
    color: #0E6EB8;
    border: 1px solid #0E6EB8;
    line-height: 37px;
    text-align: left;
    margin: 0 auto;
    background-image: url("../../images/news_3.png");
    background-repeat: no-repeat;
    background-size: 19px 13px;
    padding-left: 26px;
    background-position: 89px center;
}

#main .pro .pro-list-con .pro-left .in-btn img {
    width: 19px;
    height: 13px;
    margin-left: 5px;
}

#main .pro .pro-list-con .pro-left .in-btn:hover {
    background-color: #0E6EB8;
    border: 1px solid #0E6EB8;
    background-image: url("../../images/index_16.png");
    color: #fff;
}

#main .pro .pro-list-con .pro-right {
    overflow: hidden;
}

#main .pro .pro-list-con .pro-right img {
    width: 286px;
    height: auto;
    transition: 0.5s;
    padding: 20px;
}

#main .pro .pro-right:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

#main .pro .swiper-button-next {
    width: 38px;
    height: 38px;
    border: 1px solid #0E6EB8;
    border-radius: 50%;
    background-size: 8px 14px;
}

#main .pro .swiper-button-prev {
    width: 38px;
    height: 38px;
    border: 1px solid #0E6EB8;
    border-radius: 50%;
    background-size: 8px 14px;
}

#main .pro .swiper-button-next.swiper-button-disabled {
    width: 38px;
    height: 38px;
    border: 1px solid #ccc;
    border-radius: 50%;
    background-size: 8px 14px;
    background-image: url("../../images/index_18.png");
}

#main .pro .swiper-button-prev.swiper-button-disabled {
    width: 38px;
    height: 38px;
    border: 1px solid #ccc;
    border-radius: 50%;
    background-size: 8px 14px;
    background-image: url("../../images/index_18.png");
    transform: rotatey(180deg);
}

#main .case {
    background-image: url("../../images/index_29.jpg");
}

#main .case .swiper-button-next {
    width: 50px;
    height: 50px;
    background-image: url("../../images/arrow-1.png");
    background-size: 50px 50px;
    transform: rotatey(180deg);
}

#main .case .swiper-button-prev {
    width: 50px;
    height: 50px;
    background-image: url("../../images/arrow-1.png");
    background-size: 50px 50px;
}

#main .case .swiper-button-next.swiper-button-disabled {
    width: 50px;
    height: 50px;
    background-image: url("../../images/arrow-2.png");
    background-size: 50px 50px;
    transform: rotatey(180deg);
}

#main .case .swiper-button-prev.swiper-button-disabled {
    width: 50px;
    height: 50px;
    background-image: url("../../images/arrow-2.png");
    background-size: 50px 50px;
}

#main .case .case-con {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

#main .case .case-con .case-more {
    width: 116px;
    height: 37px;
    border: 1px solid #1F2324;
    border-radius: 19px;
    font-size: 14px;
    /*color: #fff;*/
    text-align: center;
    line-height: 37px;
    margin: 0 auto 70px;
}

#main .case .case-con .case-more:hover {
    background-color: #1F2324;
    color: #fff;
}

#main .case .case-con .case-list {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-bottom: 40px;
}

#main .case .case-con .case-list .case-list-img {
    transition: 0.5s;
}

#main .case .case-con .case-list .case-text-con {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 9;
    width: 100%;
    top: 0px;
    height: 100%;
}

#main .case .case-con .case-list .case-text-con .case-text {
    font-size: 24px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 35px;
}

#main .case .case-con .case-list .case-text-con .case-line {
    width: 25px;
    height: 2px;
    background: #FFFFFF;
    margin-top: 20px;
}

#main .case .case-con .case-list .case-list-hover {
    height: 0px;
    overflow: hidden;
    display: flex;
    transition: 0.5s;
    background-image: url("../../images/index_6.png");
    background-size: 100% 100%;
    position: absolute;
    width: 100%;
    z-index: 10;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    top: 0px;
}

#main .case .case-con .case-list .case-list-hover .text2 {
    font-size: 24px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 35px;
}

#main .case .case-con .case-list .case-list-hover .text2-line {
    width: 33px;
    height: 2px;
    background: #FFFFFF;
    margin-top: 15px;
}

#main .case .case-con .case-list .case-list-hover .text3 {
    font-size: 14px;
    color: #FFFFFF;
    line-height: 30px;
    margin-top: 30px;
}

#main .case .case-con .case-list .case-list-hover .text3 span {
    width: 0px;
    height: 0px;
    border: 5px solid transparent;
    border-left: 5px solid #fff;
    display: inline-block;
    margin-right: 5px;
}

#main .case .case-con .case-list .case-list-hover .case-btn {
    width: 127px;
    height: 37px;
    border: 1px solid #fff;
    border-radius: 19px;
    font-size: 14px;
    color: #fff;
    line-height: 37px;
    margin: 50px auto 0px;
    background-image: url(../../images/index_16.png);
    background-repeat: no-repeat;
    background-size: 19px 13px;
    padding-left: 26px;
    background-position: 89px center;
}

#main .case .case-con .case-list .case-list-hover .case-btn img {
    width: 19px;
    height: 13px;
    margin-left: 5px;
}

#main .case .case-con .case-list .case-list-hover .case-btn:hover {
    background-color: #fff;
    color: #0E6EB8;
    background-image: url("../../images/news_3.png");
}

#main .case .case-con .case-list img {
    width: 100%;
    height: auto;
}

#main .case .case-con .case-list:hover .case-list-img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

#main .case .case-con .case-list:hover .case-list-hover {
    height: 100%;
}

#main .news {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

#main .news .news-left {
    width: 40%;
}

#main .news .news-left .img {
    width: 100%;
    position: relative;
    overflow: hidden;
}

#main .news .news-left .img img {
    width: 100%;
    transition: 0.5s;
}

#main .news .news-left .img .date-time {
    width: 84px;
    height: 84px;
    background-color: #ddd;
    position: absolute;
    top: 0px;
    left: 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#main .news .news-left .img .date-time .date-text1 {
    font-size: 48px;
    font-family: Arial;
    color: #999;
    line-height: 48px;
}

#main .news .news-left .img .date-time .date-text2 {
    font-size: 14px;
    font-family: Arial;
    color: #999;
}

#main .news .news-left .news-title {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    line-height: 35px;
    margin-top: 15px;
    margin-bottom: 5px;
}

#main .news .news-left .news-text {
    font-size: 14px;
    color: #666666;
    line-height: 28px;
}

#main .news .news-left:hover .img img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

#main .news .news-left:hover .img .date-time {
    background-color: #0E6EB8;
}

#main .news .news-left:hover .img .date-time .date-text1 {
    color: #fff;
}

#main .news .news-left:hover .img .date-time .date-text2 {
    color: #fff;
}

#main .news .news-left:hover .news-title {
    color: #0E6EB8;
}

#main .news .news-right {
    width: 55%;
}

#main .news .news-right .news-right-block {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px;
}

#main .news .news-right .news-right-block .date-time {
    width: 84px;
    height: 84px;
    background-color: #DDDDDD;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-right: 42px;
}

#main .news .news-right .news-right-block .date-time .date-text1 {
    font-size: 48px;
    font-family: Arial;
    color: #999;
    line-height: 48px;
}

#main .news .news-right .news-right-block .date-time .date-text2 {
    font-size: 14px;
    font-family: Arial;
    color: #999;
}

#main .news .news-right .news-right-block .news-right-text {
    display: flex;
    flex-direction: column;
    flex: 1;
}

#main .news .news-right .news-right-block .news-right-text .news-text1 {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
    line-height: 35px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 500px;
}

#main .news .news-right .news-right-block .news-right-text .news-text2 {
    font-size: 14px;
    color: #666666;
    line-height: 28px;
    margin-top: 5px;
}

#main .news .news-right .news-right-block .news-right-text .news-btn {
    font-size: 14px;
    color: #999999;
    line-height: 14px;
    margin-top: 20px;
    margin-bottom: 28px;
}

#main .news .news-right .news-right-block:hover .date-time {
    background-color: #0E6EB8;
}

#main .news .news-right .news-right-block:hover .date-time .date-text1 {
    color: #fff;
}

#main .news .news-right .news-right-block:hover .date-time .date-text2 {
    color: #fff;
}

#main .news .news-right .news-right-block:hover .news-right-text {
    display: flex;
    flex-direction: column;
    flex: 1;
}

#main .news .news-right .news-right-block:hover .news-right-text .news-text1 {
    color: #0E6EB8;
}

#main .news .news-right .news-right-block:hover .news-right-text .news-text2 {
    color: #0E6EB8;
}

#main .news .news-right .news-right-block:hover .news-right-text .news-btn {
    color: #0E6EB8;
}

#main .news-btn-1 {
    width: 116px;
    height: 37px;
    border-radius: 19px;
    text-align: center;
    line-height: 37px;
    margin: 20px auto 60px;
    border: 1px solid #0E6EB8;
    color: #0E6EB8;
    display: block;
}

#main .news-btn-1:hover {
    background-color: #0E6EB8;
    color: #fff;
}

.back-top {
    width: 65px;
    height: 65px;
    position: fixed;
    bottom: 20px;
    right: 0px;
    background: #0E6EB8;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    z-index: 999;
}

.back1-top img {
    width: 43px;
    height: 43px;
}

.neibanner {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    top: 90px;
}

.neibanner .continer1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    top: 0px;
    height: 100%;
}

.neibanner img {
    width: 100%;
    height:100% ;
}

.banner-text {
    position: absolute;
}

.banner-text .in-line {
    width: 50px;
    height: 2px;
    background: #FFFFFF;
    margin-top: 35px;
    margin-bottom: 35px;
}

.banner-text .in-text1 {
    font-size: 40px;
    font-weight: bold;
    color: #FEFEFE;
    line-height: 35px;
}

.banner-text .in-text2 {
    font-size: 20px;
    color: #FEFEFE;
    line-height: 35px;
    width: 465px;
}

/*首页结束*/

/*产品页面开始*/
#pro .pro-con {
    margin-top: 160px;
    margin-bottom: 30px;
}

#pro .pro-con .continer1 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

#pro .pro-con .pro-left .pro-left-top {
    width: 260px;
    height: 62px;
    background-color: #0E6EB8;
    font-size: 24px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 62px;
}

#pro .pro-con .pro-left .pro-left-top img {
    width: 32px;
    height: 31px;
    margin-left: 25px;
    margin-right: 10px;
}

#pro .pro-con .pro-left .pro-list {
    display: flex;
    flex-direction: column;
}

#pro .pro-con .pro-left .pro-list .pro-list-1 {
    width: 260px;
    height: 55px;
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    font-size: 16px;
    color: #333333;
    line-height: 55px;
    margin-top: 5px;
    padding-left: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
}

#pro .pro-con .pro-left .pro-list .pro-list-1 img {
    width: 8px;
    height: 14px;
    position: absolute;
    right: 18px;
}

#pro .pro-con .pro-left .pro-list .pro-list-1:hover {
    background-color: #eee;
    color: #0E6EB8;
}

#pro .pro-con .pro-left .pro-list .pro-list-1.active {
    background-color: #eee;
    color: #0E6EB8;
}

#pro .pro-con .pro-right {
    display: flex;
    flex: 1;
    margin-left: 53px;
    flex-direction: column;
}

#pro .pro-con .pro-right .pro-right-line {
    border-bottom: 1px solid #ccc;
    width: 100%;
    font-size: 30px;
    color: #333333;
    line-height: 68px;
    height: 62px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

#pro .pro-con .pro-right .pro-right-line .in-line {
    width: 3px;
    height: 30px;
    background: #0E6EB8;
    margin-right: 8px;
}

#pro .pro-con .pro-right .pro-block-con {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

#pro .pro-con .pro-right .pro-block-con .pro-block1 {
    width: 30%;
    border-radius: 10px 10px 0px 0px;
    box-shadow: 0px 0px 20px 5px #ddd;
    margin-top: 40px;
}

#pro .pro-con .pro-right .pro-block-con .pro-block1 .pro-block-img {
    height: 243px;
    background-color: #fff;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow: hidden;
}

#pro .pro-con .pro-right .pro-block-con .pro-block1 .pro-block-img img {
    max-width: 80%;
    transition: 0.5s;
}

#pro .pro-con .pro-right .pro-block-con .pro-block1 .pro-text-con {
    background-color: #eee;
    height: 101px;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#pro .pro-con .pro-right .pro-block-con .pro-block1 .pro-text-con .pro-block-text1 {
    font-size: 16px;
    color: #333333;
    margin-bottom: 5px;
}

#pro .pro-con .pro-right .pro-block-con .pro-block1 .pro-text-con .pro-block-text2 {
    font-size: 14px;
    color: #666666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

#pro .pro-con .pro-right .pro-block-con .pro-block1:hover .pro-block-img img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

#pro .pro-con .pro-right .pro-block-con .pro-block1:hover .pro-text-con {
    border-bottom: 2px solid #0E6EB8;
}

#pro .pro-con .pro-right .pro-block-con .pro-block1:empty {
    width: 30%;
    border-radius: 0px;
    box-shadow: 0px 0px 0px 0px #fff;
    margin-top: 0px;
}

.fenye {
    margin-top: 20px;
    margin-bottom: 0px;
    text-align: center;
    width: 100%;
}

.pagination {
    margin-top: 30px;
    text-align: center;
    color: #666;
    clear: both;
}

.pagination a {
    display: inline-block;
    color: #808080;
    border: 1px solid #D9D9D9;
    text-align: center;
    text-transform: capitalize;
    padding: 0px 10px;
    line-height: 28px;
    background-color: transparent;
    margin: 0px 1px 10px 1px;
}

.pagination a:hover {
    color: #fff !important;
    background-color: #0E6EB8;
    border: 1px solid #0E6EB8;
}

.pagination a.active {
    display: inline-block;
    color: #fff !important;
    background-color: #0E6EB8;
    border: 1px solid #0E6EB8;
}

#pro .pro-con .jishu img {
    margin-top: 20px;
}

#pro .pro-con .pro-right .pro-detail {
    background-color: #fff;
    padding: 50px;
}

#pro .pro-con .pro-right .pro-detail .pro-detail-top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

#pro .pro-con .pro-right .pro-detail .pro-detail-top .in-left {
    width: 45%;
    height: 328px;
    overflow: hidden;
    border: 1px solid #eee;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

#pro .pro-con .pro-right .pro-detail .pro-detail-top .in-left img {
    transition: 0.5s;
    max-width: 80%;
}

#pro .pro-con .pro-right .pro-detail .pro-detail-top .in-left:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

#pro .pro-con .pro-right .pro-detail .pro-detail-top .in-right {
    width: 45%;
}

#pro .pro-con .pro-right .pro-detail .pro-detail-top .in-right .text1 {
    font-size: 30px;
    color: #333333;
    line-height: 43px;
}

#pro .pro-con .pro-right .pro-detail .pro-detail-top .in-right .line {
    width: 100%;
    height: 1px;
    background: #EEEEEE;
    margin-top: 21px;
    margin-bottom: 30px;
}

#pro .pro-con .pro-right .pro-detail .pro-detail-top .in-right .text2 {
    font-size: 14px;
    color: #666666;
    line-height: 39px;
}

#pro .pro-con .pro-right .pro-biaoti {
    border-bottom: 1px solid #ccc;
    background-image: url("../../images/pro_20.png");
    background-repeat: no-repeat;
    height: 43px;
    background-size: contain;
    background-position: left center;
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 43px;
    padding-left: 20px;
    margin-top: 49px;
}

#pro .pro-con .pro-right .pro-in-detail {
    margin-top: 30px;
}

#pro .pro-con .pro-right .pro-in-detail p {
    font-size: 14px;
    color: #333333;
    line-height: 30px;
    text-indent: 2em;
    margin-top: 10px;
}

#pro .pro-con .pro-right .pro-in-detail p img {
    position: relative;
    left: -2em;
}

#pro .pro-con .pro-right .pro-in-detail em {
    width: 4px;
    height: 4px;
    background: #0E6EB8;
    border-radius: 50%;
    display: inline-block;
    right: 10px;
    position: relative;
    top: -2px;
}

/*产品页面结束*/

/*内页开始*/
#solution .sol-con {
    margin-bottom: 30px;
}

#solution .sol-con .continer1 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

#solution .sol-con .continer1 .sol-block {
    width: 30%;
    box-shadow: 0px 2px 23px 1px rgba(51, 51, 51, 0.13);
    padding: 40px;
    border-bottom: 2px solid #fff;
    margin-top: 43px;
}

#solution .sol-con .continer1 .sol-block .img {
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
}

#solution .sol-con .continer1 .sol-block .img img {
    transition: 0.5s;
}

#solution .sol-con .continer1 .sol-block .text-con .in-text1 {
    font-size: 16px;
    color: #2B2B2B;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    margin-top: 5px;
}

#solution .sol-con .continer1 .sol-block .text-con .in-text2 {
    font-size: 14px;
    color: #666666;
    line-height: 26px;
    margin-top: 10px;
}

#solution .sol-con .continer1 .sol-block:hover {
    border-bottom: 2px solid #0E6EB8;
}

#solution .sol-con .continer1 .sol-block:hover .img img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

#solution .sol-con .continer1 .sol-block:hover .text-con .in-text1 {
    color: #0E6EB8;
}

#solution .sol-con .continer1 .sol-block:empty {
    width: 30%;
    box-shadow: none;
    padding: 0px;
    border-bottom: 0px solid #fff;
    margin-bottom: 0px;
    margin-top: 0px;
}

.nei-nav {
    width: 100%;
    height: 66px;
    position: relative;
    top: 25px;
}

.nei-nav .nei-nav-bg {
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #f5f5f5;
    opacity: 0.8;
    width: 100%;
    height: 65px;
}

.nei-nav .nei-nav-bg .continer1 {
    display: flex;
    flex-direction: row;
}

.nei-nav .nei-nav-bg .continer1 .icon-bg {
    width: 66px;
    height: 66px;
    background-color: #0E6EB8;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #eee;
}

.nei-nav .nei-nav-bg .continer1 .icon-bg img {
    width: 21px;
    height: 27px;
}

.nei-nav .nei-nav-bg .continer1 .nei-nav-li {
    width: 161px;
    height: 66px;
    line-height: 66px;
    font-size: 16px;
    color: #333333;
    text-align: center;
    border-right: 1px solid #eee;
}

.nei-nav .nei-nav-bg .continer1 .nei-nav-li.active {
    background-color: #0E6EB8;
    color: #fff;
}

.nei-nav .nei-nav-bg .continer1 .nei-nav-li:hover {
    background-color: #0E6EB8;
    color: #fff;
}

.nei-in-jianxi {
    margin-top: 69px;
}

.nei-in-jianxi2 {
    margin-top: 139px;
}

.nei-in-title {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.nei-in-title .nei-in-text {
    font-size: 30px;
    font-weight: bold;
    color: #333333;
    line-height: 35px;
}

.nei-in-title .nei-in-line {
    width: 35px;
    height: 2px;
    background: #999999;
    margin-top: 20px;
}

/*详情页*/
#detail .totle-detail .biaoti {
    font-size: 24px;
    color: #333333;
    line-height: 26px;
    margin-top: 39px;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 15px;
}

#detail .totle-detail .biaoti span {
    width: 4px;
    height: 24px;
    background: #004B8F;
    display: inline-block;
    margin-right: 11px;
}

#detail .totle-detail p {
    font-size: 14px;
    color: #666666;
    line-height: 30px;
    margin-top: 15px;
    margin-bottom: 15px;
}

#detail .detail-btn {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-top: 38px;
    margin-bottom: 65px;
}

#detail .detail-btn .detail-btn1 {
    font-size: 16px;
    color: #333333;
    line-height: 30px;
}

#detail .detail-btn .detail-btn1 img {
    width: 10px;
    height: 6px;
    transform: rotate(90deg);
    margin-right: 15px;
}

#detail .detail-btn .detail-btn2 {
    font-size: 16px;
    color: #333333;
    line-height: 30px;
}

#detail .detail-btn .detail-btn3 {
    font-size: 16px;
    color: #333333;
    line-height: 30px;
}

#detail .detail-btn .detail-btn3 img {
    width: 10px;
    height: 6px;
    transform: rotate(-90deg);
    margin-left: 15px;
}

#detail .detail-btn .detail-btn1:hover {
    color: #004EA1;
}

#detail .detail-btn .detail-btn2:hover {
    color: #004EA1;
}

#detail .detail-btn .detail-btn3:hover {
    color: #004EA1;
}

#case .case-con {
    margin-bottom: 30px;
}

#case .case-con .continer1 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

#case .case-con .continer1 .case-block {
    width: 48%;
    background-color: #f5f5f5;
    padding: 30px;
    border-bottom: 2px solid #f5f5f5;
    margin-top: 40px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

#case .case-con .continer1 .case-block .case-li-left {
    width: 40%;
    overflow: hidden;
}

#case .case-con .continer1 .case-block .case-li-left img {
    transition: 0.5s;
}

#case .case-con .continer1 .case-block .case-li-right {
    width: 55%;
}

#case .case-con .continer1 .case-block .case-li-right .in-text1 {
    font-size: 16px;
    color: #333333;
}

#case .case-con .continer1 .case-block .case-li-right .in-line {
    width: 22px;
    height: 1px;
    background: #CCCCCC;
    margin-top: 10px;
    margin-bottom: 13px;
}

#case .case-con .continer1 .case-block .case-li-right .in-text2 {
    font-size: 14px;
    color: #666666;
    line-height: 26px;
    height: 72px;
    overflow: hidden;
}

#case .case-con .continer1 .case-block .case-li-right .in-btn {
    font-size: 14px;
    color: #0E6EB8;
    line-height: 35px;
    margin-top: 20px;
}

#case .case-con .continer1 .case-block .case-li-right .in-btn img {
    width: 19px;
    height: 13px;
    margin-left: 10px;
}

#case .case-con .continer1 .case-block:hover {
    border-bottom: 2px solid #0E6EB8;
}

#case .case-con .continer1 .case-block:hover .case-li-left img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

#news .nei-in-date {
    font-size: 14px;
    color: #999999;
    line-height: 36px;
    margin-top: 10px;
    margin-bottom: 10px;
}

#news .nei-in-date img {
    width: 12px;
    height: 12px;
    margin-right: 5px;
}

#news .news-con {
    margin-bottom: 30px;
}

#news .news-con .continer1 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

#news .news-con .continer1 .news-block {
    width: 100%;
    background-color: #f5f5f5;
    padding: 30px;
    border-bottom: 2px solid #f5f5f5;
    margin-top: 40px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

#news .news-con .continer1 .news-block .news-li-left {
    width: 30%;
    overflow: hidden;
}

#news .news-con .continer1 .news-block .news-li-left img {
    transition: 0.5s;
}

#news .news-con .continer1 .news-block .news-li-right {
    width: 65%;
    margin-top: 20px;
}

#news .news-con .continer1 .news-block .news-li-right .in-text1 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

#news .news-con .continer1 .news-block .news-li-right .in-text1 .in-text1-left {
    font-size: 16px;
    font-weight: bold;
    color: #333333;
    line-height: 35px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 70%;
}

#news .news-con .continer1 .news-block .news-li-right .in-text1 .in-text1-right {
    color: #999999;
    line-height: 35px;
}

#news .news-con .continer1 .news-block .news-li-right .in-text1 .in-text1-right img {
    width: 14px;
    height: 14px;
    margin-right: 9px;
}

#news .news-con .continer1 .news-block .news-li-right .in-line {
    width: 100%;
    height: 1px;
    background: #CCCCCC;
    margin-top: 10px;
    margin-bottom: 13px;
}

#news .news-con .continer1 .news-block .news-li-right .in-text2 {
    font-size: 14px;
    color: #666666;
    line-height: 26px;
    height: 72px;
    overflow: hidden;
}

#news .news-con .continer1 .news-block .news-li-right .in-btn {
    font-size: 14px;
    color: #0E6EB8;
    line-height: 35px;
    margin-top: 40px;
}

#news .news-con .continer1 .news-block .news-li-right .in-btn img {
    width: 19px;
    height: 13px;
    margin-left: 10px;
}

#news .news-con .continer1 .news-block:hover {
    border-bottom: 2px solid #0E6EB8;
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.13);
}

#news .news-con .continer1 .news-block:hover .news-li-left img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

#news .news-con .continer1 .news-block:hover .news-li-right .in-text1 .in-text1-left {
    color: #0E6EB8;
}

#about {
    /*联系中心 结束*/

}

#about .fubiaoti {
    font-size: 24px;
    color: #0E6EB8;
    line-height: 32px;
    margin-top: 40px;
    margin-bottom: 10px;
}

#about .zhu-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 43px;
}

#about .zhu-title .index-title {
    font-size: 30px;
    font-weight: bold;
    color: #3C3C3C;
    line-height: 32px;
}

#about .zhu-title .index-line {
    width: 23px;
    height: 2px;
    background: #004B8F;
    margin-top: 20px;
}

#about .contect-con .contect-list {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

#about .contect-con .contect-list .contect-left {
    margin-top: 40px;
    margin-bottom: 63px;
}

#about .contect-con .contect-list .contect-left .title {
    font-size: 20px;
    font-weight: bold;
    color: #004B8F;
    line-height: 32px;
    margin-bottom: 15px;
}

#about .contect-con .contect-list .contect-left .detail-line {
    display: flex;
    flex-direction: row;
    align-items: center;
}

#about .contect-con .contect-list .contect-left .img {
    width: 25px;
    height: 25px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
}

#about .contect-con .contect-list .contect-left span {
    font-size: 14px;
    color: #6F6F6F;
    line-height: 32px;
}

#about .contect-con .contect-list .line {
    width: 1px;
    height: 197px;
    background: #DDDDDD;
}

#about .contect-con .contect-list .contect-left:last-child {
    border-right: 0px;
}

#about .contect-con .ditu {
    width: 100%;
    position: relative;
    margin-bottom: 60px;
}

#about .contect-con .ditu .liuyan {
    width: 40%;
    background-image: url("../../images/index_6.png");
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
}

#about .contect-con .ditu .liuyan .title {
    font-size: 20px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 26px;
    text-align: center;
    margin-top: 42px;
    margin-bottom: 35px;
}

#about .contect-con .ditu .layui-form-item {
    width: 90%;
    margin-left: 5%;
    display: flex;
}

#about .contect-con .ditu .layui-form-label {
    color: #fff;
    width: 100px;
}

#about .contect-con .ditu .layui-input-block {
    margin-left: 0px;
    width: 100%;
}

#about .contect-con .ditu .input[type="submit"],
#about .contect-con .ditu input[type="reset"],
#about .contect-con .ditu input[type="button"],
#about .contect-con .ditu input[type='text'],
#about .contect-con .ditu select,
#about .contect-con .ditu button {
    background: #fff;
    color: #0e6eb8;
    font-size: 14px;
    border: 0px;
}

#about .contect-con .ditu .layui-textarea {
    background: #fff;
    height: 282px;
    color: #0e6eb8;
    font-size: 14px;
}

#about .contect-con .ditu .layui-input,
#about .contect-con .ditu .layui-select,
#about .contect-con .ditu .layui-textarea {
    height: 43px;
    margin-bottom: 10px;
}

#about .contect-con ::-webkit-input-placeholder {
    color: #86aaca;
    font-size: 14px;
}

#about .contect-con ::-moz-placeholder {
    color: #86aaca;
    font-size: 14px;
}

#about .contect-con :-ms-input-placeholder {
    color: #86aaca;
    font-size: 14px;
}

#about .contect-con .btn {
    width: 60%;
    margin-left: 20%;
    margin-right: 20%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

#about .contect-con .btn .btn1 {
    width: 118px;
    height: 35px;
    background: #FFFFFF;
    border-radius: 18px;
    font-size: 16px;
    color: #004B8F;
    line-height: 32px;
}

#about .contect-con .btn .btn1:hover {
    border: 1px solid #fff;
    color: #fff;
    background: transparent;
}

/*内页结束*/

/*关于我们开始*/

#about .honor-con .continer1 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 40px;
}

#about .honor-con .continer1 .cert-block {
    display: flex;
    flex-direction: column;
    width: 23%;
}

#about .honor-con .continer1 .cert-block .img a {
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

#about .honor-con .continer1 .cert-block .img a img {
    transition: 0.5s;
    max-width: 90%;
}

#about .honor-con .continer1 .cert-block .cert-text {
    font-size: 16px;
    color: #333333;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

#about .honor-con .continer1 .cert-block:hover a img {
    transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
}

#about .honor-con .fenye {
    margin-top: 0px;
    margin-bottom: 30px;
}

#about .youxiang {
    font-size: 16px;
    color: #666666;
    line-height: 35px;
    margin-top: 35px;
}

#about .ques-con .continer1 {
    margin-top: 40px;
}

#about .ques-con .ques-line {
    display: flex;
    flex-direction: row;
    height: 64px;
    border-bottom: 1px solid #D8D8D8;
    align-items: center;
    cursor: pointer;
}

#about .ques-con .ques-line .in-1 {
    font-size: 18px;
    color: #000;
    line-height: 27px;
    width: 70%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

#about .ques-con .ques-line .in-1 span {
    width: 2px;
    height: 2px;
    background-color: #000;
    border-radius: 50%;
    display: block;
    margin-right: 5px;
    font-size: 16px;
}

#about .ques-con .ques-line .in-1 div {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 90%;
}

#about .ques-con .ques-line .in-1 .in-1-block1 {
    width: 50%;
    display: block;
    background-color: transparent;
    height: auto;
    padding-left: 5%;
}

#about .ques-con .ques-line .in-1 .in-1-block2 {
    width: 25%;
    display: block;
    background-color: transparent;
    height: auto;
}

#about .ques-con .ques-line .in-1 .in-1-block3 {
    width: 25%;
    display: block;
    background-color: transparent;
    height: auto;
}

#about .ques-con .ques-line .in-2 {
    width: 20%;
    font-size: 16px;
    color: #000;
    line-height: 27px;
    text-align: center;
}

#about .ques-con .ques-line .in-3 {
    width: 10%;
    font-size: 30px;
    color: #000;
    text-align: right;
}

#about .ques-con .ques-line .in-3 .btn-in {
    padding: 20px;
    cursor: pointer;
    width: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

#about .ques-con .ques-line-top {
    display: flex;
    flex-direction: row;
    height: 64px;
    border-bottom: 1px solid #D8D8D8;
    align-items: center;
    cursor: pointer;
}

#about .ques-con .ques-line-top .in-1 {
    font-size: 18px;
    color: #414141;
    line-height: 27px;
    width: 70%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

#about .ques-con .ques-line-top .in-1 .in-1-block1 {
    width: 50%;
    display: block;
    background-color: transparent;
    height: auto;
    color: #333;
    font-weight: bold;
    font-size: 16px;
    padding-left: 5%;
}

#about .ques-con .ques-line-top .in-1 .in-1-block2 {
    width: 25%;
    display: block;
    background-color: transparent;
    height: auto;
    font-weight: bold;
    font-size: 16px;
}

#about .ques-con .ques-line-top .in-1 .in-1-block3 {
    width: 25%;
    display: block;
    background-color: transparent;
    height: auto;
    font-weight: bold;
    font-size: 16px;
}

#about .ques-con .ques-line-top .in-2 {
    width: 20%;
    font-weight: bold;
    font-size: 16px;
    line-height: 27px;
    text-align: center;
}

#about .ques-con .ques-line-top .in-3 {
    width: 10%;
    font-weight: bold;
    font-size: 16px;
    padding: 20px;
    text-align: center;
}

#about .ques-con .ques-hover {
    padding: 24px 22px 24px 40px;
    background-color: #f7f7f7;
    opacity: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-size: 16px;
    line-height: 27px;
}

#about .ques-con .ques-hover .block1 {
    width: 48%;
    display: flex;
    flex-direction: column;
    font-size: 14px;
}

#about .ques-con .ques-line:hover {
    background-color: #0E6EB8;
}

#about .ques-con .ques-line:hover .in-1 span {
    color: #fff;
}

#about .ques-con .ques-line:hover .in-2 {
    color: #fff;
}

#about .ques-con .ques-line:hover .in-3 {
    color: #fff;
}

#about .ques-con .ques-hover .block1:last-child {
    justify-content: center;
}

#about .ques-con .ques-hover .block1 .block1-btn {
    width: 280px;
    height: 53px;
    background-color: #414141;
    border-radius: 57px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    color: #fff;
}

#about .contect-left {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#about .contect-left .in-text1 {
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
    color: #333333;
    line-height: 35px;
}

#about .contect-left .in-text2 {
    font-size: 15px;
    color: #333333;
    line-height: 35px;
}

#about .about-con .continer1 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 84px;
}

#about .about-con .continer1 .about-left {
    width: 35%;
}

#about .about-con .continer1 .about-right {
    width: 60%;
    font-size: 14px;
    color: #666666;
    line-height: 35px;
}

#about .about-con .continer1 .about-right .about-jianxi {
    margin-bottom: 20px;
}

#about .about-jianxi2 {
    margin-top: 50px;
    margin-bottom: 20px;
}

#about .culture {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 50px;
    margin-bottom: 50px;
}

#about .culture .culture-block {
    width: 47%;
    position: relative;
    overflow: hidden;
}

#about .culture .culture-block img {
    width: 100%;
    transition: 0.5s;
}

#about .culture .culture-block .culture-hover {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    right: 0px;
    background-image: url("../../images/index_6.png");
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: 0.7s;
}

#about .culture .culture-block .culture-hover .culture-text1 {
    font-size: 24px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 35px;
    margin-top: 20px;
}

#about .culture .culture-block .culture-hover .culture-text2 {
    font-size: 24px;
    color: #FFFFFF;
    line-height: 35px;
    opacity: 0.6;
    margin-top: 20px;
}

#about .culture .culture-block .culture-hover .img1 img {
    width: 84px;
    height: 84px;
}

#about .culture .culture-block .culture-hover .img2 img {
    width: 67px;
    height: 72px;
}

#about .culture .culture-block:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

#about .culture .culture-block:hover .culture-hover {
    opacity: 1;
}

/*关于我们结束*/
#pro .pro-con .pro-right .pro-block-con .pro-block1 .pro-block-img img {
    max-height: 80%;
}
.ques-con{
    margin-bottom: 20px;
}

@media (max-width: 1801px) {
    #about .contect-con .ditu .layui-textarea {
        height: 260px !important;
    }
}

@media (max-width: 1701px) {
    #about .contect-con .ditu .layui-textarea {
        height: 200px !important;
    }
}

@media (max-width: 1601px) {
    .continer1 {
        width: 1400px;
        margin: 0 auto;
    }

    #about .contect-con .ditu .layui-textarea {
        height: 150px !important;
    }
}

@media (max-width: 1501px) {
    .continer1 {
        width: 1300px;
        margin: 0 auto;
    }

    #about .contect-con .ditu .layui-textarea {
        height: 100px !important;
    }
}

@media (max-width: 1401px) {
    #about .contect-con .ditu .layui-textarea {
        height: 50px !important;
    }
    #about .youxiang{
        margin-top: 20px;
    }
    #about .ques-con .continer1{
        margin-top: 20px;
    }

    .banner-text .in-text2 {
        width: auto;
    }

    #main .banner .banner-text .text3 .text3_2 {
        margin-left: 30px;
        margin-right: 30px;
        width: 10px;
        height: 10px;
    }

    #main .news .news-right .news-right-block .news-right-text {
        padding-left: 20px;
    }

    #main .in-title {
        margin-bottom: 30px;
    }

    #main .news .news-right .news-right-block .date-time {
        margin-right: 0px;
    }

    #main .banner .banner-text .text2 {
        font-size: 20px;
        margin-bottom: 20px;
    }

    #main .banner .banner-text .text3 {
        font-size: 30px;
        margin-top: 10px;
    }

    #main .banner .banner-text .text3 .text3_1 {
        width: 30px;
    }

    #main .banner .banner-text .text1 {
        font-size: 60px;
    }

    #main .banner .banner-text .text1 {
        margin-bottom: 10px;
    }

    #about .contect-con .contect-list .contect-left .title {
        font-size: 18px;
    }

    .continer1 {
        width: 1200px;
        margin: 0 auto;
    }

    .home-banner {
        margin-top: 0px !important;
    }

    #main .news-btn-1 {
        margin: 0 auto;
    }

    .in-news-con {
        padding-bottom: 50px;
    }
}

@media (max-width: 1280px) {
    .nei-in-jianxi2{
        margin-top: 20px;
    }
    #about .fubiaoti{
        font-size: 18px;
        margin-top: 20px;
    }
    #case .case-con .continer1 .case-block{
        margin-top: 20px;
    }
    .neibanner {
        top: 0px;
    }
    #news .nei-in-date{
         margin-top: 0px;
         margin-bottom: 0px;
    }

    #detail .totle-detail .biaoti {
        font-size: 20px;
    }

    .nei-nav .nei-nav-bg {
        top: -89px;
    }

    .nei-in-jianxi {
        margin-top: 0px;
    }

    .nei-nav {
        height: 30px;
    }

    .nei-in-title .nei-in-text {
        font-size: 25px;
    }

    .nei-in-title .nei-in-line {
        margin-top: 10px;
    }

    #solution .sol-con .continer1 .sol-block {
        margin-top: 30px;
    }

    #solution .sol-con .continer1 .sol-block {
        padding: 20px;
    }

    .banner-text .in-text1 {
        font-size: 30px;
    }

    #pro .pro-con {
        margin-top: 50px;
    }

    #pro .pro-con .pro-left .pro-left-top {
        font-size: 20px;
    }

    .banner-text .in-text2 {
        font-size: 18px;
    }

    #pro .pro-con .pro-right .pro-right-line {
        font-size: 20px;
    }

    #pro .pro-con .pro-right .pro-right-line .in-line {
        height: 20px;
    }

    .banner-text .in-line {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .back-top {
        display: none !important;
    }

    #about .contect-con .ditu .liuyan {
        height: 506px;
        width: 100%;
    }

    #about .contect-con .ditu {
        position: inherit;
    }

    #about .contect-con .ditu .liuyan {
        position: inherit;
    }

    #about .contect-con .ditu .liuyan {
        padding-top: 1px;
        margin-top: 10px;
    }


}

@media (max-width: 1201px) {
    #about .honor-con .continer1 .cert-block{
        width:30%;
    }
    #detail .totle-detail .biaoti span {
        height: 20px;
    }

    #detail .totle-detail .biaoti {
        font-size: 18px;
    }
    #detail .totle-detail .biaoti{
        margin-top: 20px;
    }
    #detail .detail-btn{
        margin-top: 30px;
        margin-bottom: 30px;
    }.phone {
         display: block;
     }

    .header {
        display: none;
    }

    .continer1 {
        width: 1100px;
        margin: 0 auto;
    }

    .nei-nav {
        display: none;
    }

    .nei-in-jianxi {
        margin-top: 30px;
    }

    #solution .sol-con .continer1 .sol-block {
        width: 48%;
    }

    #pro .pro-con .pro-right .pro-detail .pro-detail-top .in-right .text1 {
        font-size: 20px;
    }

    #pro .pro-con .pro-right .pro-detail .pro-detail-top .in-right .line {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    #pro .pro-con .pro-right .pro-biaoti {
        margin-top: 20px;
    }

    #pro .pro-con .pro-right .pro-detail {
        padding: 20px;
    }

    #pro .pro-con .pro-right .pro-detail .pro-detail-top .in-left {
        width: 100%;
    }

    #pro .pro-con .pro-right .pro-detail .pro-detail-top .in-right {
        width: 100%;
    }

    #pro .pro-con .pro-right .pro-detail .pro-detail-top {
        flex-wrap: wrap;
    }

    #pro .pro-con .pro-right .pro-detail .pro-detail-top .in-left img {
        max-height: 80%;
    }

    #pro .pro-con .pro-right .pro-detail .pro-detail-top .in-left {
        margin-bottom: 20px;
    }

    #main .banner .banner-text .text1 {
        font-size: 50px;
    }

    #main .banner .banner-text .text3 {
        font-size: 25px;
    }

    .banner img {
        height: auto;
    }

    #main .in-title .zw {
        font-size: 25px;
    }

    #main .in-title .yw {
        font-size: 60px;
    }

    #main .pro .btn-list {
        margin-bottom: 20px;
    }

    #main .pro .btn-group {
        padding-bottom: 20px;
    }

    #main .pro .pro-list-con .pro-left {
        margin-right: 5%;
    }

    #main .pro .pro-list-con .pro-left .pro-title {
        font-size: 20px;
        margin-bottom: 10px;
    }

    #main .pro .pro-list-con .pro-right img {
        width: 218px;
    }

    #main .case .case-con .case-list .case-list-hover .text2 {
        font-size: 20px;
    }

    #main .case .case-con .case-list .case-list-hover .text3 {
        margin-top: 20px;
    }

    #main .case .case-con .case-list .case-list-hover .case-btn {
        margin: 20px auto 0px;
    }

    #main .in-title {
        padding-top: 40px;
    }

    #main .news .news-left {
        display: none;
    }

    #main .news .news-right {
        width: 100%;
    }

    #about .contect-con .contect-list .contect-left .title {
        font-size: 16px;
    }

    .continer1 {
        width: 94%;
        margin: 0 auto;
    }

    .footer .foot-buttom {
        height: 70px;
    }

    .footer {
        height: 365px;
    }

    .footer .foot-top .foot-right .foot-list {
        padding-left: 5%;
        padding-right: 5%;
    }

    .footer .foot-top .foot-left .foot-logo img {
        width: 195px;
        height: auto;
    }

    .footer .foot-top .foot-left .foot-logo {
        margin-bottom: 30px;
        text-align: left;
    }

    .footer .foot-top {
        margin-top: 50px;
    }
}

@media (max-width: 992px) {
    #about .about-con .continer1 .about-left{
        width: 100%;
    }
    #about .about-con .continer1 .about-right{
        width: 100%;
    }
    #about .about-con .continer1{
        flex-wrap: wrap;
    }
    #about .about-con .continer1 .about-left{
        display: none;
    }
    #about .about-con .continer1{
        margin-top: 40px;
    }
    #about .about-jianxi2{
        margin-top: 20px;
    }
    #about .contect-con .contect-list {
        flex-wrap: wrap;
    }
    #news .news-con .continer1 .news-block .news-li-right .in-btn{
        margin-top: 20px;
    }
    #news .news-con .continer1 .news-block{
        margin-top: 20px;
        padding: 20px;
    }
    #about .contect-con .contect-list .contect-left {
        width: 100%;
    }

    #about .contect-con .contect-list .line {
        display: none;
    }

    .footer .foot-top .foot-right .foot-list {
        display: none;
    }

    .footer .foot-top .foot-right {
        justify-content: center;
    }

    .footer .foot-buttom {
        line-height: 20px;
    }

    .continer1 {
        width: 94%;
        margin: 0 auto;
    }

    .inner_newsshow {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    #about .ques-con .ques-hover {
        flex-wrap: wrap;
    }

    #about .ques-con .ques-line .in-1 {
        width: 90%;
    }

    #about .ques-con .ques-line .in-2 {
        display: none;
    }

    #about .ques-con .ques-hover .block1 {
        width: 100%;
    }

    #about .ques-con .ques-hover .block1 {
        align-items: flex-start !important;
    }

    #about .ques-con .ques-line-top .in-2 {
        display: none;
    }

    #about .ques-con .ques-line-top .in-1 {
        width: 90%;
    }

    #about .ques-con .ques-line-top .in-3 {
        text-align: center;
        padding: 0px;
    }

    #about .ques-con .ques-line .in-1 {
        width: 90%;
    }

    #about .index-con .index-con-block {
        margin-top: 0px;
    }

    #about .edu-btn {
        margin: 30px auto 44px;
        font-size: 14px;
    }

    #about .ques-con .ques-hover {
        font-size: 14px;
    }

    #about .ques-con .ques-line .in-1 {
        font-size: 16px;
    }

    #about .ques-con .ques-line .in-2 {
        font-size: 16px;
    }

    #pro .pro-con .pro-right .pro-block-con .pro-block1 {
        width: 48%;
    }

}

@media (max-width: 768px) {
    #about .contect-con .contect-list .contect-left img{
        width: 30px!important;
        height: auto!important;
    }
    #about .ques-con .ques-line-top .in-1 .in-1-block1{
        font-size: 15px;
    }
    #about .contect-con .ditu{
        margin-bottom: 30px;
    }
    #about .ques-con .ques-line-top .in-1 .in-1-block2{
        font-size: 15px;
    }
    #about .ques-con .ques-line .in-1 span{
        font-size: 15px;
    }
    #about .ques-con .ques-hover{
        padding: 20px;
    }
    #about .ques-con .continer1{
        margin-top: 0px;
    }
    #about .honor-con .continer1{
        margin-top: 20px;
    }
    #about .about-con .continer1{
        margin-top: 20px;
    }
    #about .honor-con .continer1 .cert-block{
        width:48%;
    }
    #about .honor-con .continer1 .cert-block .cert-text{
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 15px;
    }
    #about .culture{
        margin-top: 20px;
        margin-bottom: 20px;
    }
    #about .culture .culture-block .culture-hover .culture-text1{
        font-size: 16px;
    }
    #about .culture .culture-block .culture-hover .culture-text2{
        font-size: 14px;
        margin-top: 0px;
        line-height: 20px;
    }
    #about .culture .culture-block .culture-hover .img1 img{
        width: 40px;
        height: 40px;
    }
    #about .culture .culture-block .culture-hover .culture-text1{
        margin-top: 0px;
    }
    #about .culture .culture-block .culture-hover .img2 img{
        width: 40px;
        height: auto;
    }
    .nei-in-title .nei-in-text {
        font-size: 20px;
    }
    #news .news-con .continer1 .news-block .news-li-left{
        width: 100%;
    }
    #news .news-con .continer1 .news-block .news-li-right{
        width: 100%;
    }
    #news .news-con .continer1 .news-block .news-li-right .in-text1 .in-text1-left{
        width: 60%;
    }
    #news .news-con .continer1 .news-block .news-li-right .in-btn{
        margin-top: 10px;
        margin-bottom: 10px;
    }
    #news .news-con .continer1 .news-block .news-li-left img{
        width: 100%;
    }
    #news .news-con .continer1 .news-block{
        flex-wrap: wrap;
    }
    #news .news-con .continer1 .news-block .news-li-right{
        margin-top: 0px;
    }
    .nei-in-jianxi {
        margin-top: 20px;
    }

    .nei-in-title .nei-in-line {
        margin-top: 5px;
    }

    #main .news .news-right .news-right-block .news-right-text .news-text1 {
        width: auto;
    }

    #pro .pro-con .pro-right .pro-detail .pro-detail-top .in-right .text1 {
        line-height: 35px;
    }

    #pro .pro-con .pro-right .pro-block-con .pro-block1 .pro-block-img {
        height: 150px;
    }

    #pro .pro-con .pro-right .pro-block-con .pro-block1 .pro-text-con .pro-block-text1 {
        font-size: 14px;
    }

    #pro .pro-con .pro-right .pro-block-con .pro-block1 .pro-text-con {
        padding-left: 10px;
        padding-right: 10px;
        height: 70px;
    }

    #pro .pro-con .pro-right .pro-block-con .pro-block1 {
        margin-top: 20px;
    }

    .back-top {
        display: none !important;
    }

    #pro .pro-con .pro-right {
        margin-left: 0px;
        width: 100%;
    }

    #pro .pro-con .continer1 {
        flex-wrap: wrap;
    }

    #pro .pro-con .pro-left .pro-left-top {
        width: 100%;
    }

    #pro .pro-con .pro-left .pro-list .pro-list-1 {
        width: 100%;
    }

    #pro .pro-con {
        margin-top: 20px;
    }

    .banner-text .in-text1 {
        font-size: 20px;
    }

    .banner-text .in-text2 {
        font-size: 14px;
        line-height: 25px;
    }

    .banner-text .in-line {
        margin-top: 5px;
        margin-bottom: 5px;
        width: 25px;
    }

    #pro .pro-con .pro-left .pro-left-top {
        height: 50px;
        line-height: 50px;
        font-size: 16px;
    }

    #pro .pro-con .pro-left .pro-list .pro-list-1 {
        height: 45px;
        font-size: 15px;
    }

    #pro .pro-con {
        margin-bottom: 20px;
    }

    #pro .pro-con .pro-right .pro-right-line {
        font-size: 16px;
    }

    .pro-left {
        width: 100%;
    }

    #main .banner .banner-text .text1 {
        font-size: 30px;
        line-height: 30px;
    }

    #main .banner .banner-text .text2 {
        margin-bottom: 10px;
    }

    #main .banner .banner-text .text3 {
        font-size: 14px;
    }

    #main .banner .banner-text .text3 .text3_1 {
        width: 5px;
    }

    #main .banner .banner-text .text3 .text3_2 {
        margin-left: 5px;
        margin-right: 5px;
        width: 5px;
        height: 5px;
    }

    #main .maodian {
        width: 40px;
    }

    #main .in-title .zw {
        font-size: 20px;
    }

    #main .in-title .yw {
        font-size: 40px;
    }

    #main .in-title {
        padding-top: 30px;
        margin-bottom: 20px;
    }

    #main .pro .btn-list {
        padding-left: 0px;
        margin-right: 0px;
    }

    #main .pro .btn-group {
        justify-content: space-between;
    }

    #main .banner .banner-text .text3 {
        line-height: 34px;
    }

    #main .pro .pro-list-con {
        padding-left: 0px;
        padding-right: 0px;
    }

    #main .pro .pro-list-con .pro-left .in-btn {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    #main .in-title .tubiao {
        margin-top: 0px;
    }

    #main .pro .btn-list {
        margin-bottom: 5px;
    }

    .in-news-con {
        padding-bottom: 30px;
    }

    #main .case .case-con .case-list .case-text-con .case-text {
        font-size: 18px;
    }

    #main .case .case-con .case-list .case-text-con .case-line {
        margin-top: 5px;
    }

    #main .pro .pro-list-con .pro-right img {
        width: 70%;
        margin-left: 15%;
    }

    #main .banner .banner-text .text2 {
        font-size: 13px;
    }

    #about .contect-con .contect-list .contect-left .title {
        font-size: 15px;
    }

    #about .contect-con .contect-list .contect-left {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    #about .contect-con .ditu .liuyan .title {
        margin-top: 20px;
        margin-bottom: 20px;
        font-size: 16px;
    }

    #about .contect-con .ditu .liuyan {
        padding-bottom: 10px;
        height: auto;
    }

    #about .contect-con .btn {
        width: 70%;
        margin-left: 15%;
        margin-right: 15%;
    }

    #about .zhu-title .index-title {
        font-size: 20px;
    }

    #about .zhu-title .index-line {
        margin-top: 5px;
    }

    #contect .zhu-title {
        margin-top: 20px;
    }

    .layui-form-item {
        margin-bottom: 0px;
    }

    #about .contect-con .btn .btn1 {
        width: 100px;
    }

    #about .ques-con .ques-line-top .in-1 {
        font-size: 15px;
    }

    #about .ques-con .ques-line-top .in-3 {
        font-size: 15px;
    }

    #about .ques-con .ques-line .in-1 {
        font-size: 15px;
    }

    #about .ques-con .ques-line .in-3 {
        font-size: 24px;
    }

    #about .ques-con .ques-line .in-2 {
        width: 30%;
        font-size: 13px;
    }

    .footer .foot-top .foot-left {
        padding-right: 0%;
        border-right: 0px;
    }

    .footer .foot-top .foot-right {
        justify-content: flex-end;
    }

    .footer .foot-top .foot-left {
        width: 50%;
    }

    .footer .foot-top .foot-left .foot-logo img {
        width: 140px;
    }

    .footer .foot-top .foot-left .foot-logo {
        margin-bottom: 20px;
    }

    .footer .foot-top .foot-right .er-code img {
        width: 95px;
        height: 95px;
    }

    .footer .foot-top .foot-left .text-in1 {
        margin-bottom: 0px;
    }

    .inner_newsshow {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .footer .foot-top .foot-left .text-in1 {
        line-height: 29px;
    }

    .footer .foot-top .foot-left .text-in1 {
        position: relative;
    }

    .footer .foot-top .foot-left .text-in1 img {
        position: absolute;
        top: 5px;
        left: 0px;
    }

    .footer .foot-top {
        margin-top: 40px;
    }

    .footer {
        height: 300px;
    }

    .footer .foot-top .foot-left .text-in1 {
        text-align: left;
        padding-left: 30px;
    }

    #main .case .case-con .case-list {
        margin-bottom: 0px;
    }

    #main .case .case-con .case-more {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    #main .news .news-right .news-right-block {
        flex-direction: column;
        align-items: flex-start;
    }

    #main .news .news-right .news-right-block .date-time {
        background-color: transparent;
        width: 140px;
        flex-direction: row;
        height: 32px;
        justify-content: flex-start;
    }

    #main .news .news-right .news-right-block .news-right-text {
        padding-left: 0px;
        width: 100%;
    }

    #main .news .news-right .news-right-block .date-time .date-text2 {
        margin-left: 5px;
    }

    #main .news .news-right .news-right-block .date-time .date-text1 {
        font-size: 25px;
    }

    #solution .sol-con {
        margin-top: 10px;
    }
    #case .case-con .continer1 .case-block{
        width: 100%;
    }
}

@media (max-width: 414px) {
    #case .case-con .continer1 .case-block{
        flex-wrap: wrap;
    }
    #case .case-con .continer1 .case-block .case-li-left{
        width: 100%;
    }
    #case .case-con .continer1 .case-block{
        width: 100%;
    }
    #case .case-con .continer1 .case-block .case-li-left img{
        width: 100%;
        margin-bottom: 20px;
    }
    #case .case-con .continer1 .case-block .case-li-right{
        width: 100%;
    }
    #main .case .case-con .case-list .case-list-hover {
        display: none !important;
    }
    #about .culture .culture-block{
        width: 100%;
    }
    #about .culture .culture-block:first-child{
        margin-bottom: 20px;
    }
    #solution .sol-con .continer1 .sol-block {
        width: 100%;
    }

    .pagination {
        margin-top: 10px;
    }

    .pagination {
        margin: 10px 0;
    }

}

@media (max-width: 375px) {
    #about .ques-con .ques-line-top .in-1 {
        font-size: 13px;
    }

    #about .ques-con .ques-line-top .in-3 {
        font-size: 13px;
    }

    #about .ques-con .ques-line .in-1 {
        font-size: 13px;
    }
}

@media (max-width: 320px) {
}