@charset "utf-8";
            /* CSS Document */
            
            body {
                background: #fff;
                color: #333;
            }
            
            body,
            input,
            button,
            select,
            textarea {
                font: 14px "微软雅黑", Helvetica, Arial, Tahoma, 'SimSun', sans-serif;
            }
            
            body,
            div,
            dl,
            dt,
            dd,
            ul,
            ol,
            li,
            h1,
            h2,
            h3,
            h4,
            h5,
            h6,
            pre,
            form,
            fieldset,
            input,
            textarea,
            p,
            blockquote,
            th,
            td {
                padding: 0;
                margin: 0;
            }
            
            * {
                white-space: normal;
                margin: 0;
                padding: 0;
            }
            
            th {
                text-align: left;
                font-weight: 400;
            }
            
            .clearfix:after {
                clear: both;
                display: block;
                content: "";
                visibility: hidden;
                height: 0;
            }
            
            .clearfix {
                zoom: 1;
            }
            
            img {
                border: none;
                vertical-align: middle;
                height: auto;
            }
            
            button,
            input,
            select,
            textarea {
                vertical-align: middle;
            }
            
            a {
                text-decoration: none;
                color: #333;
                outline: none;
            }
            
            a:hover {
                text-decoration: none;
                color: #1aaf55;
            }
            
            li {
                list-style: none;
            }
            
            h1 {
                font-size: 2rem;
            }
            
            h2 {
                font-size: 14px;
            }
            
            h3 {
                font-size: 12px;
            }
            
            h4,
            h5,
            h6 {
                font-size: 100%;
            }
            
            h1,
            h2,
            h3,
            h4,
            h5,
            h6 {
                font-weight: normal;
            }
            
            .none {
                display: none;
            }
            
            .gaodu {
                height: 12px;
            }
            
            label {
                cursor: pointer;
            }
            
            .left {
                float: left;
            }
            
            .right {
                float: right;
            }
            
            .yahei {
                font-family: 'microsoft yahei';
            }
            
            .english {
                font-family: Arial, Helvetica, sans-serif;
            }
            
            .f12 {
                font-size: 12px
            }
            
            .f14 {
                font-size: 14px
            }
            
            .f16 {
                font-size: 16px
            }
            
            .f18 {
                font-size: 18px
            }
            
            .f20 {
                font-size: 20px
            }
            
            .f24 {
                font-size: 24px
            }
            
            .f30 {
                font-size: 30px
            }
            
            .f36 {
                font-size: 36px
            }
            
            .f42 {
                font-size: 42px
            }
            
            .fb {
                font-weight: bold
            }
            
            .fn {
                font-weight: normal
            }
            
            .tc {
                text-align: center;
            }
            
            .tl {
                text-align: left;
            }
            
            .tr {
                text-align: right;
            }
            
            .black {
                color: black;
            }
            
            .gray {
                color: #666;
            }
            
            .gray3c {
                color: #ccc;
            }
            
            .gray36 {
                color: #666;
            }
            
            .gray38 {
                color: #888;
            }
            
            .gray98 {
                color: #989898;
            }
            
            .blue {
                color: #349bfc;
            }
            
            .orange {
                color: #f35f34;
            }
            
            .red {
                color: #e60012;
            }
            
            .green {
                color: #28A74C;
            }
            
            .white {
                color: #fff;
            }
            
            .yellow {
                color: #faad00;
            }
            
            .mt10 {
                margin-top: 10px
            }
            
            .mt15 {
                margin-top: 15px
            }
            
            .mt20 {
                margin-top: 20px
            }
            
            .mt30 {
                margin-top: 30px
            }
            
            .mt50 {
                margin-top: 50px
            }
            
            .mb10 {
                margin-bottom: 10px
            }
            
            .mb15 {
                margin-bottom: 15px
            }
            
            .mb20 {
                margin-bottom: 20px
            }
            
            .mb30 {
                margin-bottom: 30px
            }
            
            .mr10 {
                margin-right: 10px;
            }
            
            .mr20 {
                margin-right: 20px;
            }
            
            .mr30 {
                margin-right: 30px;
            }
            
            .ml10 {
                margin-left: 10px;
            }
            
            .ml20 {
                margin-left: 20px;
            }
            
            .ml30 {
                margin-left: 30px;
            }
            
            .pt5 {
                padding-top: 5px;
            }
            
            .pt10 {
                padding-top: 10px;
            }
            
            .pt15 {
                padding-top: 15px;
            }
            
            .pt20 {
                padding-top: 20px;
            }
            
            .pt30 {
                padding-top: 30px;
            }
            
            .pt40 {
                padding-top: 40px;
            }
            
            .pt50 {
                padding-top: 50px;
            }
            
            .pb10 {
                padding-bottom: 10px;
            }
            
            .pb15 {
                padding-bottom: 15px;
            }
            
            .pb20 {
                padding-bottom: 20px;
            }
            
            .pb30 {
                padding-bottom: 30px;
            }
            
            .pb50 {
                padding-bottom: 50px;
            }
            
            .pr10 {
                padding-right: 10px;
            }
            
            .pr15 {
                padding-right: 15px;
            }
            
            .pr20 {
                padding-right: 20px;
            }
            
            .pr30 {
                padding-right: 30px;
            }
            
            .pl10 {
                padding-left: 10px;
            }
            
            .pl15 {
                padding-left: 15px;
            }
            
            .pl20 {
                padding-left: 20px;
            }
            
            .pl30 {
                padding-left: 30px;
            }
            
            .pl50 {
                padding-left: 50px;
            }
            
            .text_center {
                text-align: center;
            }
            
            .gray_bg {
                background: #f7f5f4;
            }
            
            .white_bg {
                background: white;
            }
            
            .red_bg {
                background: #cf594d;
            }
            
            .img100 {
                max-width: 100%;
            }
            /*幻灯片*/
            
            .slideBox {
                overflow: hidden;
                position: relative;
            }
            
            .slideBox .hd {
                height: 15px;
                overflow: hidden;
                position: absolute;
                width: 200px;
                left: 50%;
                margin-left: -100px;
                bottom: 20px;
                z-index: 1;
                text-align: center;
            }
            
            .slideBox .hd ul {
                overflow: hidden;
                zoom: 1;
                display: inline-block;
            }
            
            .slideBox .hd ul li {
                float: left;
                margin: 0 3px;
                border-radius: 100%;
                width: 15px;
                height: 15px;
                line-height: 14px;
                text-align: center;
                background: #fff;
                cursor: pointer;
            }
            
            .slideBox .hd ul li.on {
                background: #0068b7;
                color: #fff;
            }
            
            .slideBox .bd {
                position: relative;
                height: 100%;
                z-index: 0;
            }
            
            .slideBox .bd li {
                zoom: 1;
                vertical-align: middle;
            }
            
            .slideBox .bd li:nth-of-type(1) {}
            
            .slideBox .bd img {
                display: block;
                width: 100%;
            }
            
            .slideBox .prev,
            .slideBox .next {
                position: absolute;
                left: 3%;
                top: 50%;
                margin-top: -25px;
                display: block;
                width: 32px;
                height: 40px;
                background: url("/aitsz/slider-arrow.png") -110px 5px no-repeat;
                filter: alpha(opacity=50);
                opacity: 0.5;
            }
            
            .slideBox .next {
                left: auto;
                right: 3%;
                background-position: 8px 5px;
            }
            
            .slideBox .prev:hover,
            .slideBox .next:hover {
                filter: alpha(opacity=100);
                opacity: 1;
            }
            
            .slideBox .prevStop {
                display: none;
            }
            
            .slideBox .nextStop {
                display: none;
            }
            
            .top_nav {
                position: fixed;
                top: 0;
                left: 0;
                right: 0;
                z-index: 999;
                display: flex;
                align-items: center;
                justify-content: center;
                background: rgba(0, 0, 0, .86);
                /* height: 86px; */
            }
            
            .biao {
                margin-left: 30px;
                width: 300px;
                padding-top: 10px;
                padding-bottom: 10px;
            }
            
            .top_tel {
                width: 200px;
                margin-right: 30px;
                text-align: right;
                color: white;
                font-size: 20px;
                height: 86px;
                line-height: 86px;
            }
            
            .top_tel img {
                margin-right: 15px;
            }
            
            .nav_bar {
                width: calc(100% - 660px) \9;
                flex: 1;
                text-align: center;
            }
            
            .nav_bar ul {
                padding-left: 10px;
                height: 86px;
                line-height: 86px;
            }
            
            .nav_bar ul li {
                display: inline-block;
                margin: 0 2.8% 0 0;
            }
            
            .nav_bar ul li a {
                color: white;
                font-size: 20px;
                transition: all 0.5s;
                display: inline-block;
            }
            
            .nav_bar ul li a:hover {
                color: #23ac38;
                transition: all 0.5s;
            }
            
            .nav_bar ul li a i {
                display: inline-block;
                width: 1px;
                opacity: 0;
                height: 2px;
                background: #23ac38;
                transition: all 0.5s;
            }
            
            .nav_bar ul li a:hover i {
                opacity: 1;
                width: 100%;
                transition: all 0.5s;
            }
            
            .close_x {
                display: none !important;
            }
            
            .index_tit h2 {
                font-size: 36px;
                color: #0068b7;
                margin-top: 100px;
                letter-spacing: 10px;
            }
            
            .index_tit h3 {
                font-size: 20px;
                letter-spacing: 2px;
            }
            
            .index_tit p {
                padding: 50px 0;
            }
            
            .index_tit p a {
                width: 320px;
                line-height: 60px;
                height: 60px;
                overflow: hidden;
                font-size: 20px;
                border-radius: 5px;
                margin: 0 15px;
                position: relative;
                height: 60px;
                text-align: center;
                transition: all 0.8s;
                display: inline-block;
            }
            
            .index_tit p a:nth-child(1) {
                background: #0068b7;
                color: white;
            }
            
            .index_tit p a:nth-child(2) {
                border: 1px solid #ddd;
            }
            
            .index_tit p a:nth-child(3) {
                border: 1px solid #ddd;
            }
            
            .index_tit p span {
                position: absolute;
                left: 0;
                top: 0;
                display: block;
                right: 0;
                z-index: 99;
            }
            
            .index_tit p i {
                width: 1px;
                height: 1px;
                opacity: 0;
                background: #0068b7;
                position: absolute;
                left: 50%;
                top: 50%;
                border-radius: 100%;
                transition: all 0.8s;
            }
            
            .index_tit p a:hover i {
                width: 320px;
                height: 320px;
                opacity: 1;
                margin-top: -160px;
                transition: all 0.8s;
                margin-left: -160px;
                border-radius: 5px;
            }
            
            .index_tit p a:hover {
                color: white;
                transition: all 0.8s;
            }
            
            .index_titpro p {
                padding: 30px 0;
            }
            
            .index_titpro p a {
                width: 300px;
                line-height: 40px;
                height: 40px;
                overflow: hidden;
                font-size: 20px;
                border-radius: 5px;
                margin: 0 10px;
                position: relative;
                height: 40px;
                text-align: center;
                transition: all 0.8s;
                display: inline-block;
            }
            
            .index_titpro p a:hover {
                background: #0068b7;
                color: white;
            }
            
            .index_titpro .active {
                background: #0068b7;
                color: white;
            }
            
            .index_pro {
                float: left;
                width: 23.8%;
                margin-right: 1.6%;
                position: relative;
            }
            
            .index_pro:nth-child(4) {
                margin-right: 0;
            }
            
            .index_pro a {
                display: block;
                border-radius: 5px;
                border: 1px solid #ddd;
                overflow: hidden;
            }
            
            .index_pro img {
                width: 100%;
                transition: all 1s;
            }
            
            .index_pro:hover a img {
                transform: scale(1.1);
                transition: all 1s;
            }
            
            .porduct_name {
                position: absolute;
                border-radius: 5px;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                display: none;
                align-items: center;
                justify-content: center;
                background: rgba(0, 104, 183, .8);
            }
            
            .porduct_name a {
                border: none;
                display: block;
                color: white;
                font-size: 20px;
            }
            
            .porduct_name a:hover {
                text-decoration: underline;
            }
            
            .index_pro:hover .porduct_name {
                display: flex;
                transition: all 0.5s;
            }
            
            .product_list .index_pro {
                margin: 0 1.6% 30px 0;
            }
            
            .product_list .index_pro:nth-child(4n) {
                margin-right: 0;
            }
            
            .product_nav p a {
                min-width: 80px;
            }
            
            .index_case_bg {
                background: url("/aitsz/img06.jpg") no-repeat center top;
                background-attachment: fixed;
                background-size: cover;
            }
            
            .index_case_bg .index_tit i {
                display: inline-block;
                width: 30px;
                height: 2px;
                background: #23ac38;
            }
            
            .index_case_bg .index_tit h2 {
                color: white;
                padding-top: 50px;
            }
            
            .index_case_bg .index_tit h3 {
                padding: 10px 0 50px 0;
            }
            
            .index_case_list {
                width: 31.8%;
                margin-right: 2.27%;
            }
            
            .index_case_list:last-child {
                margin-right: 0;
            }
            
            .index_case_list a {
                display: block;
                overflow: hidden;
            }
            
            .index_case_list a img {
                width: 100%;
                transition: all 1s;
            }
            
            .index_case_list:hover a img {
                transform: scale(1.1);
                transition: all 1s;
            }
            
            .index_case_list h2 a {
                line-height: 100px;
                color: white;
                font-size: 20px;
                text-align: center;
            }
            
            .index_case_list:hover h2 a {
                color: #23ac38;
            }
            
            .index_case_more a {
                display: inline-block;
                font-size: 20px;
                color: white;
                background: #0382e3;
                padding: 18px 90px;
                border-radius: 3px;
                margin: 70px 0;
                transition: all 0.5s;
            }
            
            .index_case_more a:hover {
                box-shadow: 0 10px 10px rgba(0, 66, 116, 1);
                transition: all 0.5s;
            }
            
            .index_about_bg {
                background: #f8f8f8;
            }
            
            .index_about_bg .left {
                width: 54.5%;
            }
            
            .index_about h2 {
                font-size: 22px;
                padding: 40px 0 20px 0;
            }
            
            .index_about p {
                font-size: 20px;
                color: #888;
                line-height: 36px;
            }
            
            .index_about .index_about_more {
                display: inline-block;
                background: white;
                border: 1px solid #ddd;
                transition: all 0.3s;
                margin-bottom: 60px;
                padding: 18px 60px;
                font-size: 20px;
                color: #888;
                margin-top: 30px;
            }
            
            .index_about .index_about_more:hover {
                background: #0382e3;
                color: white;
                border-color: #0382e3;
                transition: all 0.3s;
            }
            
            .index_about_bg .right {
                width: 34%;
                padding-top: 80px;
            }
            
            .inde_news_nav {
                font-size: 20px;
                color: #ddd;
                padding-top: 80px;
            }
            
            .inde_news_nav a {
                display: inline-block;
                margin: 0 10px;
            }
            
            .inde_news_nav a:last-child {
                margin-right: 0;
            }
            
            .index_news_list ul li {
                float: left;
                width: 46%;
                background: white;
                margin: 40px 2.2% 0 0;
                border: 1px solid #ddd;
                padding: 30px 13px;
                transition: all 0.5s;
            }
            
            .index_news_list ul li:hover {
                box-shadow: 0 20px 20px rgba(0, 0, 0, .3);
                transition: all 0.5s;
            }
            
            .index_news_list ul li:nth-child(2n) {
                margin-right: 0;
            }
            
            .index_news_list ul li p {
                width: 80px;
                border-right: 2px solid #f9f9f9;
                /* padding-right: 22px; */
                padding-right: 15px;
            }
            
            .index_news_list ul li p b {
                display: block;
                font-size: 60px;
                font-weight: bold;
                color: #888;
                line-height: 60px;
            }
            
            .index_news_list ul li p span {
                font-size: 16px;
                color: #888;
                font-weight: bold;
            }
            
            .index_news_list ul li h2,
            .index_news_list ul li h3 {
                width: 75%;
                float: right;
            }
            
            .index_news_list ul li h2 {
                font-size: 20px;
                padding-bottom: 10px;
                overflow: hidden;
            }
            
            .index_news_list ul li h2 a {
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap;
                display: block;
                width: 100%;
            }
            
            .index_news_list ul li h3 {
                font-size: 18px;
                color: #888;
                /* height: 56px; */
                height: 50px;
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap;
            }
            
            .index_news_more a {
                display: inline-block;
                color: #888;
                font-size: 20px;
                border: 1px solid #ddd;
                transition: all 0.5s;
                padding: 18px 70px;
                margin: 50px auto;
                background: white;
            }
            
            .index_news_more a:hover {
                background: #0382e3;
                color: white;
                border-color: #0382e3;
                transition: all 0.5s;
                box-shadow: 0 20px 20px rgba(0, 31, 55, .3);
            }
            
            footer {
                background: #222;
                padding: 50px 0 0;
            }
            
            footer a:hover {
                text-decoration: underline;
            }
            
            .footer_list {
                float: left;
                width: 13%;
            }
            
            .footer_list h2 a {
                font-size: 20px;
                color: white;
                display: block;
                margin-bottom: 30px;
            }
            
            .footer_list .left {
                width: 50%;
            }
            
            .footer_list .left h3 a {
                color: #0068b7;
                /* font-size: 18px; */
                font-size: 16px;
                line-height: 30px;
            }
            
            .footer_list ul li a {
                display: block;
                /* font-size: 18px; */
                font-size: 16px;
                color: #ccc;
                line-height: 30px;
            }
            
            .friendly_link {
                color: #888;
                /* font-size: 18px; */
                font-size: 16px;
                padding: 30px 0;
            }
            
            .friendly_link a {
                color: white;
                display: inline-block;
                margin-right: 10px;
            }
            
            .copyright {
                color: white;
                text-align: center;
                /* font-size: 18px; */
                font-size: 16px;
                line-height: 50px;
            }
            
            .inside_hai {
                height: 85px;
            }
            
            .inside_nav {
                background: #f5f5f5;
                text-align: center;
            }
            
            .inside_nav a {
                display: inline-block;
                line-height: 60px;
                font-size: 20px;
                margin: 0 10px;
                border-bottom: 2px solid #f5f5f5;
            }
            
            .inside_nav a:hover {
                border-bottom: 2px solid #0068b7;
            }
            
            .inside_nav a.active {
                border-bottom: 2px solid #0068b7;
                color: #0068b7;
            }
            
            .inside_nav .body_bx {
                display: flex;
                justify-content: center;
                align-items: center;
            }
            
            .con {
                padding: 30px 0;
                font-size: 18px;
                line-height: 30px;
            }
            
            .con table td {
                padding-top: 10px;
            }
            
            .conpro {
                padding: 30px 0;
                font-size: 18px;
                line-height: 30px;
            }
            
            .conpro .projmyq {
                width: 660px;
                margin: 0 auto;
                max-width: 100%;
            }
            
            .news_tit {
                padding: 30px 0 20px 0;
                border-bottom: 1px solid #ddd;
            }
            
            .down_list ul li {
                line-height: 40px;
                border-bottom: 1px solid #ddd;
            }
            
            .down_list ul li a {
                display: block;
                padding: 0 10px;
            }
            
            .down_list ul li a:hover {
                background: #f5f5f5;
            }
            
            .pages {
                margin: 20px 0;
            }
            
            .pages ul {
                /*width: 680px;*/
                height: 32px;
                display: block;
                margin: 0 auto;
                text-align: center;
            }
            
            .pages ul li {
                /*float: left; */
                display: inline;
                height: 32px;
                line-height: 32px;
                padding: 4px 10px;
                color: #000;
                font-size: 15px;
                margin: 0 5px;
                border: 1px solid #dedede;
                font-size: 16px;
            }
            
            .pages ul li a {
                color: #333;
                font-size: 16px;
            }
            
            .pages ul li span {
                color: #000;
            }
            
            .pages ul li.thisclass {
                background: #09f;
                border: 1px solid #218EC1;
                color: #FFFFFF !important;
                font-size: 16px;
            }
            
            .pages ul li.thisclass a {
                color: #fff !important;
            }
            
            .pages ul li a:hover,
            a:focus {
                color: hsl(209, 93%, 48%);
                text-decoration: none;
            }
            
            .other {
                margin-top: 10px;
            }
            
            .other .titles {
                font-size: 1.5rem;
                margin: 20px 0;
                color: #666666;
                display: inline-block;
            }
            
            .other .news-p span {
                color: #9A9A9A;
            }
            
            .other li .content {
                padding: 15px 0;
            }
            
            .other li:hover .content {
                background: #1E5189;
                text-indent: 2rem;
            }
            
            .other li:hover p {
                color: #ffffff;
            }
            
            .news-info ul li {
                height: 35px;
                line-height: 35px;
            }
            
            .news-info ul li a {
                font-size: 18px;
            }
            
            .abox6 {
                width: 100%;
                padding: 40px 0px;
                background: #fff;
            }
            
            .abox6 .title {
                font-size: 26px;
                line-height: 1;
                color: #222;
                text-align: center;
            }
            
            .abox6 .title span {
                display: block;
                font-size: 30px;
                margin-top: 10px;
            }
            
            .abox6 .tbox {
                width: 100%;
                padding: 40px 5px;
                display: table;
            }
            
            .abox6 .tbox .box1 {
                width: 47%;
                float: left;
                padding-right: 20px;
            }
            
            .abox6 .tbox .box1 .t1 {
                width: 90%;
                height: 150px;
                border: none;
                background: #eee;
                border-radius: 4px;
                resize: none;
                font-size: 16px;
                line-height: 30px;
                padding: 26px 22px;
            }
            
            .abox6 .tbox .box2 {
                width: 47%;
                float: left;
            }
            
            .abox6 .tbox .box2 .t2 {
                background: #eee;
                height: 50px;
                width: 40%;
                margin-bottom: 20px;
                padding-left: 15px;
                float: left;
                border-radius: 4px;
            }
            
            .abox6 .tbox .box2 .t2:nth-child(1) {
                margin-right: 20px;
            }
            
            .abox6 .tbox .box2 .t3 {
                width: 100%;
                height: 50px;
                background: #eee;
                padding-left: 15px;
                display: block;
                border-radius: 4px;
            }
            
            .abox6 .btn {
                width: 255px;
                height: 46px;
                background: #40454a;
                border-radius: 5px;
                color: #fff;
                font-size: 20px;
                margin: 30px auto 0;
                display: block;
            }
            
            .card {
                position: relative;
                display: flex;
                flex-direction: column;
                min-width: 0;
                background-color: #fff;
                background-clip: border-box;
                border: 1px solid rgba(0, 0, 0, .125);
                border-radius: .25rem;
                margin-bottom: 20px;
            }
            
            .card-header {
                padding: .35rem 1.25rem;
                margin-bottom: 0;
                background-color: rgba(0, 0, 0, .03);
                border-bottom: 1px solid rgba(0, 0, 0, .125);
                cursor: pointer;
            }
            
            .jian_t {
                display: inline-block;
                width: 11px;
                height: 20px;
                background: url("/aitsz/jian01.png") no-repeat 0 10px;
                cursor: pointer;
            }
            
            #accordion .collapse {
                padding: 20px;
                font-size: 18px;
                line-height: 25px;
            }
            
            .body_bx {
                margin: 20px 80px;
            }
            
            @media screen and (min-width: 1200px) {
                .pc_no {
                    display: none;
                }
            }
            
            @media screen and (max-width: 1199px) {
                .nav_bar {
                    position: fixed;
                    top: 0;
                    left: 0;
                    width: 100vw;
                    height: 100vh;
                    background: rgba(0, 0, 0, 0.9);
                    display: none;
                }
                .top_nav.clearfix:after {
                    content: "";
                    display: none !important;
                }
                .inside_nav {
                    margin-top: 100px;
                }
                .caidan img {
                    width: 15%;
                    float: right;
                    margin: 5px 10px 0 0;
                }
                .top_nav {
                    justify-content: space-between;
                }
                .nav_bar ul li {
                    display: block;
                    line-height: 30px;
                }
                .top_tel.right.shou_no,
                .con.shou_no,
                .inside_hai.shou_no {
                    display: none;
                }
                .close_x {
                    text-align: right !important;
                    padding: 20px;
                    display: block !important;
                }
                .body_bx {
                    margin: 10px 20px;
                }
                .body_bx.index_tit p.text_center {
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                }
                .index_news_list ul li {
                    width: 48%;
                    box-sizing: border-box;
                }
                .index_news_list ul li h3 {
                    height: 30px;
                    line-height: 30px;
                }
                .con>div img {
                    width: 100%;
                }
                @media screen and (max-width: 980px) {
                    .index_news_list ul li h2,
                    .index_news_list ul li h3 {
                        width: 70%;
                    }
                }
                @media screen and (max-width: 800px) {
                    .index_news_list ul li {
                        width: 90%;
                        margin-right: 0;
                    }
                    .index_news_list ul li h2,
                    .index_news_list ul li h3 {
                        width: 80%;
                    }
                }
                @media screen and (max-width: 768px) {
                    .index_news_list ul li {
                        width: 100%;
                    }
                    .index_tit p a {
                        width: 48%;
                        height: 40px;
                        line-height: 40px;
                        font-size: 12px;
                        margin: 0;
                        float: left;
                    }
                    .shou_no {
                        display: none;
                    }
                    .index_pro {
                        width: 48%;
                        margin: 0 20px 20px 0;
                    }
                    .index_pro:nth-of-type(2n) {
                        float: right;
                    }
                    .index_pro:nth-child(2n) {
                        margin-right: 0;
                    }
                    .inside_nav {
                        margin-top: 80px;
                    }
                    .inside_nav a {
                        font-size: 18px;
                        line-height: 40px;
                    }
                    .footer_list {
                        margin: 0 0 30px 0;
                    }
                    .footer_list:nth-child(2),
                    .footer_list:nth-child(3) {
                        width: 45%
                    }
                    .footer_list:nth-child(2) {
                        margin-right: 0;
                    }
                    .footer_list:nth-child(3) {
                        margin-left: 0;
                    }
                    .footer_list h2 a {
                        font-size: 18px;
                        margin-bottom: 10px;
                    }
                    .footer_list h2 a {
                        font-size: 16px;
                    }
                    .footer_list ul li a {
                        font-size: 14px;
                        line-height: 30px;
                    }
                    .friendly_link {
                        font-size: 14px;
                    }
                    .copyright {
                        font-size: 12px;
                    }
                    .abox6 .tbox .box1 {
                        width: 100%;
                        padding-right: 0;
                    }
                    .abox6 .tbox .box1 .t1 {
                        box-sizing: border-box;
                        width: 100%;
                    }
                    .abox6 .tbox .box2 {
                        width: 80%;
                        margin-left: 10%;
                        margin-top: 20px;
                    }
                    .abox6 .tbox .box2 .t2,
                    .abox6 .tbox .box2 .t3 {
                        margin-right: 0;
                        height: 45px;
                        width: 100%;
                        margin-left: -15px;
                    }
                    .abox6 .btn {
                        margin-top: 0;
                    }
                    /* 以下为旧版 */
                    .biao {
                        width: 30vw;
                        padding-top: 10px;
                        margin-left: 15px;
                    }
                    .biao img {
                        width: 100%;
                    }
                    .nav_bar ul {
                        padding-top: 0;
                    }
                    .slideBox .hd ul li {
                        width: 10px;
                        height: 10px;
                    }
                }
                @media screen and (max-width: 670px) {
                    .index_news_list ul li h2,
                    .index_news_list ul li h3 {
                        width: 75%;
                    }
                    .inside_nav a {
                        font-size: 16px;
                        margin: 0 5px;
                    }
                }
                @media screen and (max-width: 590px) {
                    .index_pro {
                        width: 80%;
                        margin-right: 0;
                        left: 10%;
                    }
                    .index_pro:nth-of-type(2n) {
                        float: left;
                    }
                    .inside_nav {
                        margin-top: 70px;
                    }
                }
                @media screen and (max-width: 540px) {
                    .index_news_list ul li h2,
                    .index_news_list ul li h3 {
                        width: 70%;
                    }
                    .inside_nav .body_bx {
                        margin-left: 0;
                        margin-right: 0;
                    }
                    .inside_nav a {
                        margin: 0 5px;
                        font-size: 16px;
                        max-width: 120px;
                        height: 42px;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        line-height: 20px;
                    }
                }
                @media screen and (max-width: 414px) {
                    .index_news_list ul li h2,
                    .index_news_list ul li h3 {
                        width: 65%;
                    }
                    .index_tit p a {
                        width: 80%;
                    }
                }
                @media screen and (max-width: 375px) {
                    .index_news_list ul li h2,
                    .index_news_list ul li h3 {
                        width: 60%;
                    }
                    .index_tit p a {
                        width: 80%;
                    }
                }
                @media screen and (max-width: 768px) {
                    .index_tit h2 {
                        margin-top: 0;
                        font-size: 30px;
                    }
                    .index_tit h3 {
                        font-size: 20px;
                    }
                    .index_tit p {
                        padding: 20px 0;
                    }
                    .index_tit p a:nth-child(2) {
                        float: right;
                    }
                    .index_titpro p {
                        padding: 20px 0;
                    }
                    /* .index_titpro p a {
                height: 40px;
                line-height: 40px;
                font-size: 12px;
                margin: 0;
                float: left;
            } */
                    .index_titpro p a:nth-child(2) {
                        float: right;
                    }
                    .product_list .index_pro {
                        margin: 0 20px 20px 0;
                    }
                    .product_list .index_pro:nth-child(2n) {
                        margin-right: 0;
                    }
                    .index_pro .porduct_name {
                        display: inherit;
                        position: inherit;
                        border-radius: 0;
                        text-align: center;
                        line-height: 30px;
                        background: #0068b7;
                    }
                    .index_pro .porduct_name a {
                        font-size: 14px;
                    }
                }
                @media screen and (max-width: 768px) {
                    .index_case_list {
                        width: 100%;
                        margin: 0 0 10px 0;
                    }
                    .index_case_list h2 a {
                        font-size: 18px;
                        line-height: 50px;
                    }
                    .index_case_bg .index_tit h3 {
                        padding: 10px 0 20px 0;
                    }
                    .index_case_more a {
                        margin: 0 0 30px 0;
                        font-size: 18px;
                    }
                }
                @media screen and (max-width: 768px) {
                    .index_about_bg .left,
                    .index_about_bg .right {
                        width: 100%;
                    }
                    .index_about_bg .index_tit {
                        padding-top: 30px;
                    }
                    .index_about h2 {
                        font-size: 24px;
                    }
                    .index_about p {
                        font-size: 18px;
                    }
                    .index_about .index_about_more {
                        font-size: 14px;
                        margin-bottom: 0;
                    }
                    .index_about_bg .right {
                        padding: 50px 0;
                    }
                }
                @media screen and (max-width: 768px) {
                    .index_news_tit {
                        padding-top: 50px;
                    }
                    /* .index_news_list ul li {
               
                padding: 20px;
                margin-top: 20px;
            } */
                    .index_news_list ul li h2 {
                        font-size: 18px;
                        /* height: 50px; */
                        overflow: hidden;
                    }
                    .index_news_list ul li h3 {
                        font-size: 14px;
                    }
                    .index_news_more a {
                        font-size: 18px;
                        margin-top: 20px;
                    }
                }
                @media screen and (max-width: 768px) {
                    .inside_hai {
                        height: 180px;
                    }
                    .con {
                        padding: 20px 0 img50px 0;
                        font-size: 16px;
                        line-height: 30px;
                    }
                    .conpro {
                        padding: 20px 0 50px 0;
                        font-size: 16px;
                        line-height: 30px;
                    }
                    .conpro img {
                        max-width: 100%;
                    }
                }
                @media screen and (max-width: 768px) {
                    .news_tit h1 {
                        font-size: 18px;
                    }
                }
                @media screen and (max-width: 768px) {}
                /* @media screen and (min-width: 768px) {
            .body_bx {
           
                margin: 20px 80px;
            }
        } */
                @media (min-width: 992px) {
                    .col-md-4 {
                        width: 49.8%;
                    }
                }
                @media (min-width: 992px) {
                    .col-md-1,
                    .col-md-2,
                    .col-md-3,
                    .col-md-4,
                    .col-md-5,
                    .col-md-6,
                    .col-md-7,
                    .col-md-8,
                    .col-md-9,
                    .col-md-10,
                    .col-md-11,
                    .col-md-12 {
                        float: left;
                    }
                }
                @media screen and (max-width: 414px) {}