﻿@import url(style.css);
@import url(mobile.css);
@import url(custom.css);
@import url(pscroll.css);




/*轮显*/
        .banner {
            position: relative;
            width: 100%;
            height: 100vh;           /* 默认全屏高度，可根据需要调整 */
            max-height: 1080px;       /* 限制最大高度 */
            min-height: 400px;         /* 保证小屏下有足够高度 */
            overflow: hidden;
        }

        /* 在较矮的屏幕上使用固定比例高度（例如 16:9） */
        @media (max-aspect-ratio: 16/9) {
            .banner {
                height: auto;
                aspect-ratio: 16 / 9;  /* 按宽高比自适应 */
            }
        }

        /* Swiper 容器占满 banner */
        .banner .swiper-container {
            width: 100%;
            height: 100%;
        }

        /* 每个 slide 必须相对定位，以便内部绝对定位元素参照 */
        .banner .swiper-slide {
            position: relative;
            overflow: hidden;
        }

        /* 图片背景层：使用背景图，默认放大，激活时还原 */
        .banner .slide-bg {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            transition: transform 1s ease;   /* 与 Swiper speed 一致 */
            transform: scale(1.2);            /* 默认放大 1.2 倍，激活时 scale(1) */
            z-index: 1;
        }

        .banner .swiper-slide-active .slide-bg {
            transform: scale(1);
        }

        /* 文字内容层：绝对定位，响应式文字大小 */
        .banner .slide-content {
           position: absolute;
    top: 35%;
    left: 40%;
    transform: translate(-50%, -50%);
    color: #fff;
    text-align: left;
    z-index: 2;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
    width: 80%;
    max-width: 1000px;
    pointer-events: none;
    padding: 1rem;
        }
.banner .bf2 {
         position: absolute;
    top: 35%;
     left:auto;
    right: -15%;
    transform: translate(-50%, -50%);
    color: #fff;
    text-align: right;
    z-index: 2;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
    width: 80%;
    max-width: 1000px;
    pointer-events: none;
    padding: 1rem;
}


        .banner .slide-content h2 {
            font-size: clamp(2rem, 6vw, 5rem);   /* 响应式字体：最小2rem，最大5rem，根据视口宽度变化 */
            margin-bottom: 0.5rem;
            animation: fadeInUp 1s ease;          /* 可选的文字入场动画 */
            color: #fff;
            font-weight: bold;
        }

        .banner .slide-content p {
           font-size: clamp(3rem, 3vw, 1.8rem);
            line-height: 1.6;
            opacity: 0.9;
            animation: fadeInUp 1s ease;          /* 可选的文字入场动画 */
        }

        /* 文字淡入上升动画 */
        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* 分页器样式 */
        .banner .swiper-pagination-bullet {
            width: 12px;
            height: 12px;
            background: rgba(255,255,255,0.5);
            opacity: 1;
            margin: 0 6px !important;
        }
        .banner .swiper-pagination-bullet-active {
            background: #fff;
            transform: scale(1.2);
        }

        /* 小屏幕调整 */
        @media (max-width: 768px) {
            .banner .slide-content h2 {
                margin-bottom: 0.2rem;
            }
            .banner .slide-content p {
                font-size: 1rem;
            }
            .banner .swiper-pagination-bullet {
                width: 8px;
                height: 8px;
            }
        }
.con_id h2 {    font-size: 20px;

    font-weight: bold;}
.con_id h3 {    font-size: 18px;

    font-weight: bold;}
/*关于我们*/
.i_about{ position:relative; overflow:hidden; background-size:cover;}
.i_about .wrap{ margin-top:7%; margin-bottom:7%;}
.i_about .i_about_l{ float:left; width:49%; overflow:hidden;  position:relative; max-width:723px;}
.i_about .i_about_l .imgs{ float:right; width:88.52%; overflow:hidden; position:relative; cursor:pointer;}
.i_about .i_about_l .imgs img{ width:100%; display:block;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.6s ease-out 0s; -moz-transition:all 0.6s ease-out 0s; -o-transition:all 0.6s ease-out 0s; transition:all 0.6s ease-out 0s;}
.i_about .i_about_l .imgs:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.i_about .i_about_l .imgs .bgs{ width:100%; height:100%; top:0; left:0; position:absolute;display: flex; align-items: center; justify-content: left;}
.i_about .i_about_l .imgs .bgs .boxs{ width:100%; overflow:hidden;}
.i_about .i_about_l .imgs .bgs i{ display:block;  width:60px; height:60px; margin:0 auto; position:relative;background:url(../images/i_pic2.png) center center no-repeat; background-size:100% 100%;}
.i_about .i_about_l .imgs .bgs i:before{ content:""; position:absolute; left:-90px; width:60px; height:1px; background:#fff; top:50%;}
.i_about .i_about_l .imgs .bgs i:after{content:""; position:absolute; right:-90px; width:60px; height:1px; background:#fff; top:50%;}
.i_about .i_about_l .imgs .bgs span{ display:block;padding-top:18px; line-height:1.1; overflow:hidden; text-transform:uppercase; color:#fff; text-align:center; font-weight:bold; font-family:Arial;}
.i_about .i_about_l .img{ position:absolute; top:0; left:0; width:63.62%;}
.i_about .i_about_r{ float:right; width:49%; overflow:hidden; max-width:650px;}
.i_about .i_about_r .h4{ position:relative; overflow:hidden; font-weight:normal; text-transform:uppercase; color:rgba(224,224,224,0.6); line-height:0.9; text-align:right;}
.i_about .i_about_r .h4 span{ color:#000000; position:absolute; line-height:1; display:none;}
.i_about .i_about_r .desc{ overflow:hidden; line-height:35px; margin-top:4%; color:#333333;font-size: 14px;    text-indent: 2em;}
.i_about .i_about_r .counter{ text-align:left; margin-top:6%;}
.i_about .i_about_r .counter ul li{ display:inline-block; vertical-align:top; max-width:150px; width:32%;transition:all 0.3s; position:relative; }
.i_about .i_about_r .counter ul li .txts2{}
.i_about .i_about_r .counter ul li .nums{  line-height:1;}
.i_about .i_about_r .counter span{display:inline-block; vertical-align:middle; overflow:hidden; letter-spacing:1px; color:#182a8c; font-weight:bold; font-family:Arial; }
.i_about .i_about_r .counter label{display:inline-block;vertical-align:-webkit-baseline-middle;font-weight:500; font-size:14px; color:#333333;}
.i_about .i_about_r .counter .h6{ font-weight: normal; font-size:14px;  overflow:hidden; line-height:24px; height:24px;  white-space:nowrap;text-overflow:ellipsis; margin-top:6px; margin-bottom:6px; color:#333;}
.i_about .i_about_r .counter ul li:hover{-webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}
.i_about .i_about_r .i_more{ margin-top:8%;}
.i_more {
    display: block;
    width: 140px;
    height: 42px;
    line-height: 40px;
    border: 1px solid #182a8c;
    text-indent: 28px;
    color: #182a8c;
    font-size: 14px;
    background: url(../images/i_pic1.png) right 29px center no-repeat;
    margin-top: 5%;
}
.i_more:hover{ background-color:#182a8c; background-image:url(../images/i_pic1_on.png); color:#fff; background-position:right 24px center; text-indent:33px;}
.auto-box{width:100%;height:auto;padding:30px 0 40px;background:#fff}
.main-box{max-width:1200px;height:auto;margin:0 auto}
.index-tit{padding:40px 0;text-align:center}
.index-tit h1{font-size:30px;color:#363f45;font-weight:normal}
.index-tit p{font-size:20px;color:#abb0b4;padding-top:15px}
.index-tserver{width:100%;background:url('../images/360server-line.png') no-repeat center 125px;box-sizing:border-box;text-align:center;padding:0 2.6%}
.index-tserver li{width:24.8%;min-width:162px;height:162px;text-align:center;box-sizing:border-box;padding-top:106px;font-size:14px;color:#656d73;display:inline-block;position:relative;cursor:pointer;margin-bottom:10px;margin-left:-0.1%}
.index-tserver li.tserver-list1{background:url('../images/360server-icon1.png') no-repeat center top}
.index-tserver li.tserver-list2{background:url('../images/360server-icon2.png') no-repeat center top}
.index-tserver li.tserver-list3{background:url('../images/360server-icon3.png') no-repeat center top}
.index-tserver li.tserver-list4{background:url('../images/360server-icon4.png') no-repeat center top}
.index-tserver li.tserver-list5{background:url('../images/360server-icon5.png') no-repeat center top}
.index-tserver li.tserver-list6{background:url('../images/360server-icon6.png') no-repeat center top}
.index-tserver li.tserver-list7{background:url('../images/360server-icon7.png') no-repeat center top}
.index-tserver li p{width:162px;height:162px;display:inline-block;position:absolute;top:0;left:50%;margin-left:-81px;border-radius:81px;padding:40px 30px;box-sizing:border-box;text-align:left;font-size:14px;line-height:22px;background:linear-gradient(111deg,#04bde4,#1067fe);display:none}
.index-tserver li p a{color:#fff}
.index-tserver li p.animated{animation-duration:.5s;animation-fill-mode:both}
.index-tserver li:hover p{display:block}
.index-tserver-ad{width:100%;margin-top:60px;background:#f3f3f3;text-align:center;padding:40px 0}
.index-tserver-ad li{display:inline-block;color:#abb0b4;font-size:16px;padding:0 3%}
.index-tserver-ad li img{vertical-align:middle;display:inline-block;margin-right:5px}
.index-tserver-ad li+li{border-left:1px solid #e2e3e4}
.zoomin{animation-name:zoomin}
@keyframes zoomin{0%{opacity:0;transform:scale(.3)}
50%{opacity:1}
}
/*产品*/
.i_product{ overflow:hidden; position:relative;}
.i_product .i_product_r{ float:right; width:51.56%; }
.i_product .i_product_l{ position:absolute; top:0; width:45%; max-width:540px;  overflow:hidden; height:100%; }
.i_product .i_product_l .boxs{ overflow:hidden; width:100%;}
.i_product .i_product_l .i_title{ margin-top:10%; padding-bottom:2%;}
.i_product .i_product_l .i_product_a{ max-width:400px; overflow:hidden; margin-top:7%;}
.i_product .i_product_l .i_product_a li{ float:left; width:49%; margin-right:2%; margin-bottom:7px;}
.i_product .i_product_l .i_product_a li:nth-child(2n+0){ margin-right:0;}
.i_product .i_product_l .i_product_a li a{ display:inline-block; vertical-align:top; line-height:34px; height:34px;border-bottom:2px solid #fff; color:#333333;}
.i_product .i_product_l .i_product_a li.isel a{ border-bottom:2px solid #182a8c; color:#182a8c;}
.i_product .i_product_l .i_product_cons{ overflow:hidden; margin-top:11%;}
.i_product .i_product_l .i_product_cons .h5{ font-weight:normal; overflow:hidden; line-height:38px; height:38px;white-space:nowrap;text-overflow:ellipsis; color:#182a8c;}
.i_product .i_product_l .i_product_cons .p{ overflow:hidden; line-height:28px; height:140px;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; margin-top:3%;}
.i_product .i_product_l .i_product_cons .divhidden{ display:block;opacity:0;filter:Alpha(opacity=0); height:0; overflow:hidden;transition:all 0.3s;}
.i_product .i_product_l .i_product_cons .divhidden.on{opacity:1.0;filter:Alpha(opacity=100); height:auto;}
.i_title{ font-weight:normal; position:relative; overflow:hidden; font-weight:normal; text-transform:uppercase; color:rgba(224,224,224,0.6); line-height:0.9; padding-bottom:1%; /*Hmargin-top:5%;*/}
.i_title span{ color:#000000; position:absolute; line-height:1; bottom:0; width:100%; display:block;}
.i_solution{ overflow:hidden; background:#f0f0f0;padding-top: 80px;}
.i_solution .i_title{ text-align:center;}
.i_solution .i_more{ margin:0 auto; margin-top:2%; margin-bottom:4%;}
.i_solution .right {
   
    float: right;
}
.i_solution .active { background-color: #182a8c; color: #fff;}
.i_solution .active a {color: #fff;}
.i_solution li:hover { background-color: #182a8c;}
.i_solution li:hover a {color: #fff;}
.i_solution .right ul { 
    display: flex;
    align-items: center;}
.i_solution .right ul li { 
  width: auto;
    height: 40px;
    line-height: 40px;
    text-align: center;
    padding: 0 5px;
    box-sizing: border-box;

    border: solid 1px #dbdbdb;
    margin-left: 10px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    cursor: pointer;
    position: relative;
    font-size: 13px;}


.tit h3 {
    width: 100%;
    overflow: hidden;
    font-size: 45px;
    color: #0a1121;
    line-height: 55px;
    margin-bottom: 6px;
}
.cpfwtit .tit h3 {
    color: #fff;
}

@media (max-width: 1600px)
.tit h3 {
    font-size: 40px;
    line-height: 50px;
}
/*解决方案*/
.i_field{ overflow:hidden; }
.i_field .i_title{ text-align:center;}
.i_field .i_more{ margin:0 auto; margin-top:2%; margin-bottom:4%;}
/*案例*/
.i_case{ overflow:hidden; background:url(../images/i_img13.jpg) center center no-repeat; background-size:cover; position:relative;}
.i_case .img{ float:left; width:50%; display:block;}
.i_case .bgs{ position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;display: flex; align-items: center; justify-content: left;}
.i_case .i_case_l{ float:left; width:61.875%; overflow:hidden;}
.i_case .i_case_l li{ float:left; width:48.5%; margin-right:1.5%; overflow:hidden; position:relative;}
.i_case .i_case_l li .imgs{  overflow:hidden; position:relative; padding-top:131.25%;}
.i_case .i_case_l li .imgs img{ width:100%; display:block; position:absolute; top:0; left:0; height:100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.6s ease-out 0s; -moz-transition:all 0.6s ease-out 0s; -o-transition:all 0.6s ease-out 0s; transition:all 0.6s ease-out 0s;}
.i_case .i_case_l li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.i_case .i_case_l li .bgs2{ width:100%; position:absolute; top:0; left:0; height:100%; overflow:hidden;background-color:rgba(0,0,0,0.1); background: linear-gradient(to top,rgba(0,0,0,0.3),rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0));transition:all 0.6s;}
.i_case .i_case_l li .bgs2 .h4{ overflow:hidden; font-weight:normal; padding-left:5%; width:98%; position:absolute; bottom:0; line-height:52px; height:52px;white-space:nowrap;text-overflow:ellipsis; color:#fff;}
.i_case .i_case_l li:hover .bgs2{opacity:0;filter:Alpha(opacity=0);}
.i_case .i_case_l li .bgs3{ width:100%; position:absolute; bottom:0; left:0%; height:100%; width:100%; overflow:hidden;background:rgba(0,0,0,0.6);transition:all 0.6s; text-align:center;display: flex; align-items: center; justify-content: left; color:#fff; text-align:center;opacity:0;filter:Alpha(opacity=0);transition:all 0.6s;}
.i_case .i_case_l li .bgs3 .cons{ overflow:hidden; width:100%; width:96%; margin:0 auto;}
.i_case .i_case_l li .bgs3 .h4{ font-weight:normal; color:#fff; height:32px; line-height:32px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.i_case .i_case_l li .bgs3 em{ font-style:normal; display:inline-block; padding-right:36px; background:url(../images/i_pic1_on.png) right center no-repeat; margin-top:4%; font-size:16px;}
.i_case .i_case_l li:hover .bgs3{ opacity:1.0;filter:Alpha(opacity=100);}

.i_case .i_case_r{ float:right; width:37%; max-width:430px; overflow:hidden;}
.i_case .i_case_r .p{ color:#666666; overflow:hidden; line-height:30px; max-height:150px;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; margin-top:7%;}
.i_case .i_case_r .i_case_a{ max-width:400px; overflow:hidden; margin-top:10%;}
.i_case .i_case_r .i_case_a li{ display:block;margin-bottom:7px;}
.i_case .i_case_r .i_case_a li a{ display:inline-block; vertical-align:top; line-height:34px; height:34px;border-bottom:2px solid #fff; color:#333333;}
.i_case .i_case_r .i_case_a li a:hover{ border-bottom:2px solid #182a8c; color:#182a8c;}
.i_case .i_case_r .i_more{ margin-top:35%;}
/*新闻*/
.i_news{ background:url(../images/i_img15.jpg) center center no-repeat; background-size:cover; overflow:hidden;}
.i_news .wrap{ padding-top:5%; padding-bottom:5%;}
.i_news .i_news_r{ float:right; width:69.875%; overflow:hidden; margin-top:5%; border-left:1px solid #e0e0e0;  padding-left:4%;}
.i_news .i_news_r .boxs{ overflow:hidden; max-width:940px; margin:0 auto; width:96%;}
.i_news .i_news_r li{ float:left; width:49%; max-width:440px; overflow:hidden;}
.i_news .i_news_r li:nth-child(2n+0){ float:right;}
.i_news .i_news_r li .imgs{  overflow:hidden; position:relative; padding-top:59.1%;}
.i_news .i_news_r li .imgs img{ width:100%; display:block; position:absolute; top:0; left:0; height:100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.6s ease-out 0s; -moz-transition:all 0.6s ease-out 0s; -o-transition:all 0.6s ease-out 0s; transition:all 0.6s ease-out 0s;}
.i_news .i_news_r li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.i_news .i_news_r li .date{ overflow:hidden; line-height:28px; height:28px; margin-top:30px; font-size:16px; color:#666666;}
.i_news .i_news_r li .h4{ overflow:hidden; font-weight:normal;   line-height:30px; height:60px;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color:#000000; margin-top:18px;transition:all 0.3s;}
.i_news .i_news_r li:hover .h4{ color:#182a8c;}
.i_news .i_news_r li em{ font-style:normal;transition:all 0.3s; margin-top:11%;opacity:0;filter:Alpha(opacity=0);}
.i_news .i_news_r li:hover em{opacity:1.0;filter:Alpha(opacity=100);}

.i_news .i_news_r .divhidden{ display:block;opacity:0;filter:Alpha(opacity=0); height:0; overflow:hidden;transition:all 0.3s;}
.i_news .i_news_r .divhidden.on{opacity:1.0;filter:Alpha(opacity=100); height:auto;}
.i_news .i_news_l{ float:left; width:28%; max-width:400px; overflow:hidden;}
.i_news .i_news_l .p{ color:#666666; overflow:hidden; line-height:30px; max-height:150px;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; margin-top:7%;}
.i_news .i_news_l .i_news_a{ max-width:400px; overflow:hidden; margin-top:30%;}
.i_news .i_news_l .i_news_a li{ display:block;margin-bottom:7px;}
.i_news .i_news_l .i_news_a li a{ display:inline-block; vertical-align:top; line-height:34px; height:34px;border-bottom:2px solid #f0f0f0; color:#333333;}
.i_news .i_news_l .i_news_a li.isel a{ border-bottom:2px solid #182a8c; color:#182a8c;}
.i_news .i_news_l .i_more{ margin-top:32.8%;}
/*联系*/
.i_contact{ overflow:hidden; background:url(../images/i_bg1.jpg) center center no-repeat; background-size:cover; text-align:center; padding-top:34px; padding-bottom:32px; }
.i_contact .a{ display:inline-block; vertical-align:top; background:url(../images/i_pic3.png) left center no-repeat; background-size:37px 37px; color:#fff; padding-left:50px; line-height:37px;transition:all 0.3s; letter-spacing:2px;}
.i_contact .h3{ overflow:hidden; font-weight:normal; height:50px; line-height:50px; color:#fff; margin-bottom:17px; letter-spacing:5px;}
.i_contact .a:hover{opacity:0.8;filter:Alpha(opacity=80);}
@media screen and (max-width: 1760px) {
/*产品*/
.i_product .i_product_l .i_product_cons{ margin-top:6%;}
.i_product .i_product_l .i_product_cons .p{ height:112px;-webkit-line-clamp: 4;}
/*新闻*/
.i_news .i_news_r li .date{ margin-top:25px;}
.i_news .i_news_r li .h4{ margin-top:15px;}
.i_news .i_news_r li em{ margin-top:8%;}
.i_news .i_news_l .i_news_a{ margin-top:32%;}
.i_news .i_news_l .i_more{ margin-top:33%;}
}
@media screen and (max-width: 1600px) {
/*关于我们*/
.i_about .i_about_r .counter{ margin-top:4%;}
.i_about .i_about_r .i_more{ margin-top:5%;}
/*案例*/
.i_case .i_case_r .i_more{ margin-top:28%;}
}
@media screen and (max-width: 1400px) {
.top_news {
    width: 400px;
}
.top-cont {
    float: left;
    padding-right: 20px;
    width: 200px;
}
.header_top_right {
    float: right;
    width: 35%;
}
/*轮显*/
.main .banner .swiper-button-prev{ margin-left:0px;}
.main .banner .swiper-button-next{ margin-right:0px;}
/*关于我们*/
.i_about .i_about_l{ margin-top:1%;}
.i_about .i_about_r .desc{ line-height:1.6;}
.i_more{  width:140px; height:46px; line-height:44px; text-indent:18px; background-position:right 19px center; font-size:15px;}
.i_more:hover{ background-position:right 14px center; text-indent:23px;}
.i_about .i_about_r .i_more{margin-top:4%;}
/*产品*/
.i_product .i_product_l .i_product_cons{ margin-top:4%;}
/*案例*/
.i_case .i_case_r .i_more{ margin-top:15%;}
}

@media screen and (max-width: 1200px) {
/*关于我们*/
.i_about .i_about_l{ margin-top:3%;}
.i_about .i_about_r .counter .h6{ font-size:13px; margin-top:4px; line-height:20px; height:20px;}
.i_about .i_about_r .counter label{ font-size:13px;}
/*产品*/
.i_product .i_product_l{ position:static; height:auto; width:100%; max-width:none; margin-bottom:6%;}
.i_product .i_product_l .i_product_cons .p{ height:auto;}
.i_product .i_product_l .i_product_a{ margin-top:5%;}
.i_product .i_product_l .i_title{ padding-bottom:1%;}
.i_product .i_product_r{ float:none; width:100%;}
/*案例*/
.i_case .i_case_r .p{ line-height:26px; max-height:130px;}
.i_case .i_case_r .i_case_a{ margin-top:5%;}
.i_case .i_case_r .i_more{ margin-top:11%;}
}


@media screen and (max-width: 1100px) {
/*轮显*/
.lzpic2{display: block;}
.lzpic1{display: none;}
/*.banner .swiper-container{ position:static;}*/
.banner .swiper-pagination { bottom:25px;}
.banner .swiper-pagination .swiper-pagination-bullet {margin: 0 8px;}
/*.banner .text { display:none;}*/
.main .banner .down { bottom:55px;}
/*关于我们*/
.i_about .i_about_l{ margin-top:10%;}
/*案例*/
.i_case .i_case_r .i_more{ margin-top:6%;}
.i_case .i_case_r .p{ margin-top:5%;}
.i_case .i_case_r .i_case_a{ margin-top:4%;}
}
@media screen and (max-width: 960px) {
/*轮显*/
.banner .text .small{ width:140px; height:48px; line-height:46px;}
.banner .text .desc{ font-size:15px; margin-bottom:10px;}
/*关于我们*/
.i_about .i_about_l{ float:none; width:100%; max-width:none; padding-top:0; margin-top:8%;}
.i_about .i_about_l .img{ display:none;}
.i_about .i_about_l .imgs{ float:none; width:100%;}
.i_about .i_about_r{ float:none; width:100%; max-width:none;}
.i_about .i_about_r .h4{ text-align:center; padding-bottom:1%;}
.i_about .i_about_r .h4 br{ display:none;}
.i_about .i_about_r .h4 span{ display:block; bottom:0; width:100%;}
.i_about .i_about_r .counter ul li{ max-width:none; text-align:center;}
.i_more{font-size:14px;margin:0 auto; margin-top:5%; display:none;}
.i_product_cons .i_more{display:block;}
.i_about .i_about_r .desc{ line-height:1.8;}
/*产品*/
.i_product .i_product_l .i_product_a{ max-width:none;}
.i_product .i_product_l .i_product_a li{ width:23.5%;}
.i_product .i_product_l .i_product_a li:nth-child(2n+0){ margin-right:2%;}
.i_product .i_product_l .i_product_a li:nth-child(4n+0){ margin-right:0;}
.i_title{  text-align:center; margin-top:6%;}
/*解决方案*/
.i_solution .i_more{ margin-top:3%;}
/*案例*/
.i_case .i_case_l{ float:none; width:100%; margin-top:4%; margin-bottom:6%;}
.i_case .img{ display:none;}
.i_case .bgs{ position:static; height:auto; display:block;}
.i_case .i_case_l li .bgs3 em{ font-size:14px; padding-right:25px;}
.i_case .i_case_r{ float:none; width:100%; max-width:none; margin-bottom:6%;}
.i_case .i_case_r .i_case_a{ max-width:none; text-align:center;}
.i_case .i_case_r .i_case_a li{width:23%; display:inline-block; margin-left:0.8%; margin-right:0.8%;}
/*新闻*/
.i_news .i_news_l{ float:none; width:100%; max-width:none;}
.i_news .i_news_l .i_more{ margin-top:6%;}
.i_news .i_news_l .i_news_a{ max-width:none; margin-top:4%;text-align:center;}
.i_news .i_news_l .i_news_a li{width:23%; display:inline-block; margin-left:0.8%; margin-right:0.8%;}
.i_news .i_news_l .p{ margin-top:4%;text-align:center; }
.i_news .wrap{ padding-top:0; padding-bottom:6%;}
.i_news .i_news_r{ float:none; padding-left:0; border-left:0; width:100%; margin-top:6%;}
.i_news .i_news_r li em{ margin-left:0; margin-top:5%;opacity:1.0;filter:Alpha(opacity=100);}
}
.con_id .xq {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    gap: 10px;
}
@media screen and (max-width: 780px) {
.con_id .xq {
    display: grid;
    grid-template-columns: auto;
    gap: 10px;
}
/*轮显*/
.banner .swiper-pagination { bottom:20px;}
.banner .swiper-pagination .swiper-pagination-bullet { margin: 0 6px;}

.main .banner .down { bottom:50px;}
/*解决方案*/
.i_solution .i_more{ margin-top:4%; margin-bottom:6%;}
}

@media screen and (max-width: 640px) {
/*关于我们*/
.i_about .i_about_r .counter .h6{ font-size:12px;}
.i_about .i_about_r .counter label{ font-size:12px;}
.i_about .i_about_l .imgs .bgs i:before{ width:40px; left:-56px;}
.i_about .i_about_l .imgs .bgs i:after{ width:40px; right:-56px;}
/*产品*/
.i_product .i_product_l .i_product_a li{ width:32%;}
.i_product .i_product_l .i_product_a li:nth-child(4n+0){ margin-right:2%;}
.i_product .i_product_l .i_product_a li:nth-child(3n+0){ margin-right:0;}
/*案例*/
.i_case .i_case_r .i_case_a li{ width:31%;}
/*新闻*/
.i_news .i_news_r{ margin-top:7%;}
.i_news .i_news_r li .date{ margin-top:5%; height:24px; line-height:24px; font-size:14px;}
.i_news .i_news_r li .h4{ margin-top:3%; height:48px; line-height:24px;}
.i_news .i_news_r li em{ margin-top:7%;}
/*联系*/
.i_contact .h3{ height:36px; line-height:36px; margin-bottom:12px;}

}
@media screen and (max-width: 480px) {
/*轮显*/
.banner .swiper-pagination { bottom:13px;}
.banner .swiper-pagination .swiper-pagination-bullet { margin: 0 4px; width:24px; height:24px;}
.banner .swiper-pagination .swiper-pagination-bullet:after{ line-height:24px; font-size:14px;}
.banner .text .small{ width:130px; height:38px; line-height:36px; margin-top:30px;}
.banner .text .desc{ font-size:13px; margin-bottom:8px;}
.main .banner .down { bottom:45px;}
.main .banner .down span{ padding-left:24px;}
/*关于我们*/
.i_about .i_about_r .counter{ margin-top:6%;}
.i_more{ width:110px; height:40px; line-height:38px; text-indent:12px; background-position:right 15px center; font-size:13px;}
.i_more:hover{ background-position:right 10px center; text-indent:17px;}
.i_about .i_about_l .imgs .bgs i{ width:50px; height:50px;}
/*产品*/
.i_title{ margin-top:6%;}
.i_product .i_product_l .i_product_cons .h5{ height:30px; line-height:30px;}
.i_product .i_product_l .i_product_cons .p{ line-height:22px;}
.i_product .i_product_l .i_more{ margin-top:6%;}
/*解决方案*/
.i_solution .i_more{ margin-top:5%;}
/*案例*/
.i_case .i_case_r{ margin-bottom:7%;}
.i_case .i_case_r .p{ line-height:22px; max-height:110px;}
.i_case .i_case_l li .bgs3 em{ font-size:13px; padding-right:22px;}
/*新闻*/
.i_news .i_news_r li .date{ font-size:12px; height:22px; line-height:22px;}
/*联系*/
.i_contact{ padding-top:26px; padding-bottom:26px;}
.i_contact .a{ background-size:30px 30px; padding-left:40px;}
.i_contact .h3{ margin-bottom:8px; height:30px; line-height:30px;}
}
@media screen and (max-width: 420px) {
/*轮显*/
.banner .text .small{ width:120px; height:34px; line-height:32px; font-size:13px;}
.banner .text .desc{ font-size:12px;}
/*关于我们*/
.i_more{ font-size:12px;height:36px; line-height:34px;}
/*联系*/
.i_contact{ padding-top:20px; padding-bottom:20px; }
.i_contact .h3{letter-spacing:2px;}
/*案例*/
.i_case .i_case_l li .bgs3 em{ font-size:12px;}
}

@keyframes animate1 {
  0% {
    transform: translate(-50%, 0%);
  }
  50% {
    transform: translate(-50%, 50%);
  }
  100% {
    transform: translate(-50%, 0%);
  }
}
@keyframes ani-rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}

@import url(style.css);
@import url(mobile.css);
@import url(custom.css);
@import url(pscroll.css);
@keyframes scaleAnim{
    0%{         
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100%{
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}
.header-v1 .search{ background:#f6f6f6;}
/*内页*/
.postions{ height:64px; line-height:64px; overflow:hidden;color:#999999; font-size:14px; background:#f5f5f7; position:relative;}
.postions:after{ content:""; position:absolute; bottom:0; left:0; height:1px; width:100%; background:#e1e1ea;}
.sec .postions{ margin-top:20px;}
.postions.bgs2{-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.1);box-shadow: 0 5px 15px rgba(0,0,0,.1);}
.postions.bgs3{ border-bottom:0; height:58px; line-height:58px;}
.posadd .postions{ position:fixed; top:0; left:0; width:100%; z-index:5;}
.postions a{color:#999999; }
.postions a:hover{ color:#009fe8;}
.postions label{ color:#777777;}
.postions .goback{ float:right; height:72px; line-height:72px;color:#777777; font-size:14px; padding-left:25px; background:url(../images/goback.png) left center no-repeat; background-size:16px 15px;}
.postions .goback:hover{color:#009fe8;}
.postions .postions_r{}
.postions .postions_r img{ vertical-align:text-top; margin-right:8px; height:16px;}
.postions .postions_r img:first-child{ margin-left:0;}
.postions h2{ float:left; font-weight:normal; color:#333333; height:48px; font-size:24px;}
.postions h2 span{font-size:16px; font-family:Arial; }
.postions .rclass{ float:right;background:url(../images/pos_bg2.png) left center no-repeat;background-size:20px auto;  padding-left:25px;-webkit-tap-highlight-color: #fff;-webkit-tap-highlight-color: transparent; display:none;}
.postions .postions_b{ text-align:center;}
.postions .postions_b a{/* display:inline-block; vertical-align:top;*/ float:left; width:33.33%; text-align:center;overflow:hidden; font-size:18px; color:#2d317c; position:relative;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s; z-index:0; }
.postions .postions_b a:hover{color:#009fe8;}
.postions .postions_b a:after{content: "";display: block;position: absolute;left: 50%;right:50%; bottom: 0;height:3px;opacity: 0;background:#009fe8;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s; z-index:-1;}
.postions .postions_b a:before{ content:""; position:absolute; right:0; top:50%; margin-top:-15px; height:30px; width:2px; background:#e1e1ea;}
.postions .postions_b a:last-child:before{ display:none;}
.postions .postions_b a.isel:after{left: 0%;right: 0%;opacity: 1;}
.postions .postions_b a:hover:after{left: 0%;right: 0%;opacity: 1;}
.postions .postions_b a.isel{color:#009fe8; }
/*搜索*/
.postions .search{ float:right; background:#ffffff;border-radius:4px; overflow:hidden; margin-top:16px; width:374px; border:1px solid #dddddd;}
.postions .search .inputs{height:38px; line-height:38px; background:none; border:0;width:calc(100% - 112px);width:-webkit-calc(100% - 112px);width:-moz-calc(100% - 112px); float:left; outline:none; text-indent:12px; font-size:14px; color:#777777; font-family:"微软雅黑";}
.postions .search .inputs::-webkit-input-placeholder{color:#999999;}
.postions .search .inputs::-moz-placeholder{   /* Mozilla Firefox 19+ */color:#999999;}
.postions .search .inputs:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */ color:#999999;}
.postions .search .inputs:-ms-input-placeholder{  /* Internet Explorer 10-11 */color:#999999;}
.postions .search .bnts{ float:right;width:112px; height:38px; background:#00468c;  cursor:pointer; border:none; border-radius:0 4px 4px 0; color:#fff; background:#00468c;}
.position2 .search .bnts:hover{transition:all 0.3s;opacity:0.8;filter:Alpha(opacity=80);}
/*分类弹窗*/
.about_bgs{z-index: 19891024;background:url(../images/about_bg.png) repeat; width: 100%; height: 100%;  position: fixed;  left: 0;  top: 0;  display: none;}
.about_tc .closed2{ display:none;}

.o_big_con{ overflow:hidden; position:relative;}
.o_big{ overflow:hidden; background-repeat:no-repeat; background-position:70% center; background-size:cover; position:relative;  width:100%;-webkit-animation:scaleAnim 5s ease forwards; animation: scaleAnim 5s ease forwards;}
.o_big img{ width:100%;filter: Alpha(Opacity=0);opacity: 0;}
.o_big_con .cons{ position:absolute; top:0; left:0; width:100%; height:100%;}
.o_big_con .cons .wrap{ height:100%; display:table; }
.o_big_con .cons .wrap3{ height:100%; display:table; }
.o_big_con .h2{font-weight:normal; display:table-cell; vertical-align:middle;   text-transform:uppercase; text-align:left;}
.o_big_con .h2 i{ font-style:normal; display:block;color:rgba(255,255,255,0.4);line-height:1; letter-spacing:4px; font-family:Arial;}
.o_big_con .h2 label{width:100%; display:block;color:rgba(255,255,255,1.0);  margin-top:1%; font-size:24px; text-transform:none;max-width:670px; line-height:38px;}
.o_big_con .h2 span{ display:block; overflow:hidden; color:rgba(255,255,255,1.0); line-height:1;  position:relative;  letter-spacing:1px; font-weight:bold; margin-top:1%;}
.postions2{ position:absolute; left:0; width:100%; height:60px; line-height:60px; overflow:hidden;color:rgba(255,255,255,0.4); font-size:14px; bottom:0; }
.postions2 a{color:rgba(255,255,255,0.4); }
.postions2 a:hover{  color:rgba(159,248,40,0.6);}
.postions2 .postions_r img{ height:16px; margin-right:10px;vertical-align:text-bottom;}
.postions2 .postions_r{ overflow:hidden; position:relative;       width: 50%;
    float: right;
    text-align: right;}
.postions2 .postions_r:after{ content:""; position:absolute; left:24px; top:50%; margin-top:-5px; height:10px; width:1px;background:rgba(255,255,255,0.5); }
.postions2 .postions_l {    position: absolute; width: 50%;
    float: left;
    text-align: left; }
.postions2 .postions_l li {
    float: left;
    color: #fff;
       margin-right: 50px;
}
.postions2 .postions_l li a {
    color: #fff;font-size: 18px;
}

.postions2 .postions_l li a{position: relative;margin-right: 86px;line-height: 49px;color: #fff;}
.postions2 .postions_l li a:last-child{margin-right: 0!important;}
.postions2 .postions_l li a:after{position: absolute;left: 0;bottom: -14px;width: 1px;height: 2px;background: #fff;opacity: 0;transition: all .5s;content: ""}
.postions2 .postions_l li a.on:after{width: 72px;opacity: 1;font-weight: bold;}
.postions2 .postions_l li a:hover:after{width: 72px;opacity: 1;font-weight: bold;}





.postions2 label{ color:rgba(159,248,40,0.6);}
.postions2 h2{ float:left; font-weight:normal; color:#fff; height:58px; }
.postions2 h2 span{font-size:15px; font-family:Arial; color:rgba(255,255,255,0.5); }
.map{ position: relative;top: -80px; color:#999999; font-size:14px;transition:all 0.3s;}
/*分页*/
.yema{ width:100%; text-align:center; clear:both; overflow:hidden; padding-top:4%; padding-bottom:5%; clear:both; font-family:Arial;}
.yema.bgs2{ text-align:right;}
.yema a{ display:inline-block; height:42px; line-height:42px; padding-left:10px; overflow:hidden; padding-right:10px; min-width:50px;margin-left:3px;  text-align:center; color:#999999; font-size:15px; border:1px solid #eeeeee; background:#eeeeee; }
.yema a:hover{ text-decoration:none; color:#fff; background:#009fe8;border:1px solid #009fe8;}
.yema a.on{color:#fff;  background:#009fe8;border:1px solid #009fe8;}
.yema a.first,.yema a.last{ margin-right:0;  }
.yema a.first:hover,.yema a.last:hover{background-color:#009fe8;}
.yema a span{ font-family:"宋体"; font-size:15px; font-weight:bold;}
/*暂无内容*/
.nodata{ clear:both; max-width:1200px; margin:0 auto; overflow:hidden; text-align:center; margin-top:13%; margin-bottom:13%; background:url(../images/empty.png) center top no-repeat; background-size:auto 169px; padding-top:180px;}
.nodata .title{ color:#555555; font-size:18px; overflow:hidden; margin-top:2%; line-height:26px;}
.nodata .desc{color:#999999; font-size:14px; overflow:hidden; line-height:24px; margin-top:5px;}
/*网站地图*/
.website_bg{ overflow:hidden; background:#fcfbf6; padding-bottom:5%; }
.website_t{ height:36px; line-height:36px; background:#eee; color:#333; font-weight:bold; padding-left:12px; font-size:16px; margin-top:20px; margin-bottom:17px;}
.website_t a{color:#333; }
.sitemap_main{ overflow:hidden;}
.sitemap_main dd{font-size: 14px; line-height: 32px;text-align: center; background:#fff;  white-space: nowrap; display: block; float: left;height: 31px; width:calc(19.2% - 2px);width:-webkit-calc(19.2% - 2px);width:-moz-calc(19.2% - 2px); margin-right:1%; margin-bottom:1%; overflow: hidden; border: 1px dashed #dddddd;text-overflow: ellipsis;}
.sitemap_main dd:nth-child(5n+0){ margin-right:0;}
.sitemap_main dd a{ display:block; color:#333;}
.sitemap_main dd a:Hover{color:#009fe8; }
/*关于我们*/
.about_one{ overflow:hidden; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.about_one .about_one_l{ float:left; width:48.3%; overflow:hidden; max-width:720px;}
.about_one .about_one_l .imgs{ overflow:hidden; }
.about_one .about_one_l .imgs img{ width:100%; display:block;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.6s ease-out 0s; -moz-transition:all 0.6s ease-out 0s; -o-transition:all 0.6s ease-out 0s; transition:all 0.6s ease-out 0s;}
.about_one .about_one_l .imgs:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.about_one .about_one_r{  padding-left:35px; background:url(../images/about_pic2.png) left top no-repeat;  right:0; top:0; height:100%;}
.about_one .about_one_r .about_t{ color:#333;}
.about_one .about_one_r .about_t span{ display:block; font-weight:bold; font-family:Arial; text-transform:uppercase; line-height:1;}
.about_one .about_one_r .about_t .h3{ font-weight:normal; overflow:hidden; line-height:40px; margin-top:8px;}
.about_one .about_one_r .p{ line-height:32px; overflow:hidden; font-size:16px; color:#666666; margin-top:3%;}
.about_one .about_one_r .p p {    text-indent: 2em;}
.about_one .about_one_r .counter{ text-align:left; margin-top:6%;}
.about_one .about_one_r .counter ul li{ display:inline-block; vertical-align:top; max-width:150px; width:32%;transition:all 0.3s; position:relative; }
.about_one .about_one_r .counter ul li .txts2{}
.about_one .about_one_r .counter ul li .nums{  line-height:1;}
.about_one .about_one_r .counter span{display:inline-block; vertical-align:middle; overflow:hidden; letter-spacing:1px; color:#009fe8; font-weight:normal; font-family:Arial; }
.about_one .about_one_r .counter label{display:inline-block;vertical-align:-webkit-baseline-middle;font-weight:500; font-size:14px; color:#333333;}
.about_one .about_one_r .counter .h6{ font-weight: normal; font-size:14px;  overflow:hidden; line-height:24px; height:24px;  white-space:nowrap;text-overflow:ellipsis; margin-top:6px;  color:#333;}
.about_one .about_one_r .counter ul li:hover{-webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}
.about_one .wrap{ margin-top:6%; margin-bottom:6%; position:relative;}
.about_ul{ margin-top:5%; overflow:hidden; margin-bottom:5%;}
.about_ul li{ display:block; overflow:hidden; position:relative; margin-bottom:2%; background:#f7f7f7;}
.about_ul li .imgs{ overflow:hidden; float:right; width:56.875%; position:relative;}
.about_ul li .imgs img{ width:100%; display:block;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.6s ease-out 0s; -moz-transition:all 0.6s ease-out 0s; -o-transition:all 0.6s ease-out 0s; transition:all 0.6s ease-out 0s;}
.about_ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.about_ul li .imgs i{ position:absolute; content:""; left:0; top:0; height:100%; width:24.175%; background:url(../images/about_pic8.png) no-repeat; background-size:100% 100%;}
.about_ul li:nth-child(2n+0) .imgs i{ right:0; left:auto; top:0; background-image:url(../images/about_pic9.png);}
.about_ul li .txts{ position:absolute; height:100%; top:0; left:0;overflow:hidden;  width:43.125%; display: flex; align-items: center; justify-content: left;}
.about_ul li .txts .boxs{ overflow:hidden; width:94%; max-width:540px; margin:0 auto;}
.about_ul li .txts .ico{ height:36px; display:block;}
.about_ul li .txts .span{ background-repeat:no-repeat; background-position:left center; color:#009fe8; font-weight:bold; line-height:30px; height:30px; background-size:24px 25px;}
.about_ul li .txts .h4{ font-weight:normal; color:#000000; overflow:hidden; line-height:46px; margin-top:16px; }
.about_ul li .txts .p{ overflow:hidden;margin-top:3%;  line-height:32px; color:#666666; font-size:16px;}
.about_ul li:nth-child(2n+0) .imgs{ float:left;}
.about_ul li:nth-child(2n+0) .txts{ left:auto; right:0;}
.about_t2{ color:#333; position:relative; margin-top:6.5%;}
.about_t2:after{background:url(../images/about_pic2.png) left top no-repeat; content:""; position:absolute; left:-35px; width:23px; height:15px; background-size:100% 100%; top:0; }
.about_t2 span{ display:block; font-weight:bold; font-family:Arial; text-transform:uppercase; line-height:1;}
.about_t2 .h3{ font-weight:normal; overflow:hidden; line-height:40px; margin-top:8px;}
.honor_bg{ background:#f7f7f7; overflow:hidden;}
/*新闻*/
.news_bg{ background:#f7f7f7; }
.news_bg .wrap{ padding-top:5%; padding-bottom:1%;}
.about_l{ float: left;width:340px; overflow:hidden; margin-right:60px;  margin-bottom:14px; position:relative;/*-webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.1); box-shadow: 0 5px 15px rgba(0,0,0,0.1);*/}
.about_l .about_l_titile{ overflow: hidden;color:#fff;  padding-top:30px; padding-bottom:30px;background:#009fe8;/*-webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.05); box-shadow: 0 5px 15px rgba(0,0,0,0.05);*/}
.about_l .about_l_titile .about_t2{ width:90%; max-width:220px; margin:0 auto; color:#fff;}
.about_l .about_l_titile .about_t2:after{ background-image:url(../images/news_pic1.png);}
.about_l .about_l_titile .about_t2 .h3{ color:#fff;}
.about_l .borders{ overflow:hidden;  margin-top:2px;clear:both;background:#fff;}
.about_l .i_left_ul2{ overflow:hidden;  /*background-color:#f4f8f9;*/  margin-bottom:20px; }
.about_l .i_left_ul2 li h2{ font-weight:normal; overflow:hidden;padding-left:20px; padding-right:40px; height:50px;line-height:50px;font-size:16px; color:#666666; position:relative;background:url(../images/about_bg1_on.png) right 30px center no-repeat; background-size:7px 10px;transition:all 0.3s;-webkit-tap-highlight-color:transparent; border-bottom:1px solid #e6e6e6;}
.about_l .i_left_ul2 li:last-child h2{ border-bottom:0;}
.about_l .i_left_ul2 li h2 a{color:#666666; text-decoration:none; width:100%; display:block;transition:all 0.3s;height:100%; width:100%; line-height:50px;display: flex; align-items: center; justify-content: left;}
.about_l .i_left_ul2 li h2 a:hover{ color:#009fe8;margin-left:3px; }
.about_l .i_left_ul2 li h2:hover{background-image:url(../images/about_bg1_on.png);}
/*.about_l .i_left_ul2 li h2:hover{background-image:url(../images/about_bg3_on.png);}*/
/*.about_l .i_left_ul2 li:after{content:""; position:absolute; left:0; top:21px; width:4px; height:30px; background:#fcd000;}*/
/*.about_l .i_left_ul2 li.left_sel{ background:#ffffff;}*/
.about_l .i_left_ul2 li.left_sel h2{ color:#009fe8; background-image:url(../images/about_bg1_on.png); }
.about_l .i_left_ul2 li.left_sel h2 a{ color:#009fe8;}


.about_l .i_left_ul2 li{display:block;/* width:100%;*/ position:relative;}
/*.about_l .i_left_ul2 li:before{ content:""; position:absolute; right:0; top:0; width:1px; height:100%; background:#efefef; }
.about_l .i_left_ul2 li:after{ content:""; position:absolute; left:0; top:0; width:1px; height:100%; background:#efefef; }
.about_l .i_left_ul2 li.left_sel:after{ width:2px;background:#118aa7;}*/
/*.about_l .i_left_ul2 li:after{content:""; position:absolute; left:0; top:21px; width:4px; height:30px; background:#fcd000;}*/
.about_l .i_left_ul2 li:last-child h2 a{border-bottom:none; }
.about_l .i_left_ul2 li:last-child h1 a{ border-bottom:none; margin-bottom:0;}
.about_l .i_left_ul2 li h1{ font-weight:normal; overflow:hidden;padding-left:20px; padding-right:40px;  height:42px;line-height:42px;font-size:15px; color:#666666; cursor:pointer; position:relative;background:url(../images/about_bg1.png) right 20px center no-repeat; background-size:7px 8px;transition:all 0.3s;-webkit-tap-highlight-color:transparent;}
.about_l .i_left_ul2 li h1 a{ color:#666666; text-decoration:none;display:block; transition:all 0.3s;}
.about_l .i_left_ul2 li h1:hover a{color:#2167d2;margin-left:3px;}
.about_l .i_left_ul2 li.left_sel h1{ color:#2167d2;background:url(../images/about_bg1_on.png) right 20px center no-repeat;}
.about_l .i_left_ul2 li.left_sel h1 a{ color:#2167d2;}
.about_l .i_left_ul2 li div{ display:none; padding-left:50px; padding-right:40px; padding-top:5px; background:#fff; margin-bottom:19px;}
.about_l .i_left_ul2 li.left_sel div{ display:block;}
.about_l .i_left_ul2 li div a{ font-size:13px; height:56px; line-height:20px; overflow:hidden; display:block; padding-right:8px; color:#666666;transition:all 0.3s;display: flex; align-items: center; justify-content: left;}
.about_l .i_left_ul2 li div a:hover{color:#2167d2; margin-left:4px;}
.about_l .i_left_ul2 li div a.left_sel{color:#2167d2;}
.about_l .i_left_ul2 li div a em{ font-size:11px; font-style:normal; display:block; overflow:hidden;line-height:20px; height:20px;}
.about_l .i_left_ul2 li div a.left_sel{ color:#2167d2;}
.about_l .contact_con{ overflow:hidden; background:url(../images/news_bg1.jpg) no-repeat; height:128px; background-size:cover; padding-left:117px;}
.about_l .contact_con label{ display:block; overflow:hidden; line-height:30px; margin-top:19px; color:#333333; font-size:16px; margin-bottom:2px;}
.about_l .contact_con a{ line-height:30px; font-weight:bold; font-size:22px; color:#009fe8; height:30px; font-family:Arial;}
.about_r{ overflow:hidden;}
.news_con{ overflow:hidden; }
.news_con ul li{ /*overflow:hidden;*/padding-top:4%;display:block; transition:all 0.3s; position:relative; }
.news_con ul li:hover{ /*border-color:#eb76a9; *//*background:#f6f6f6;*/}
.news_con ul li:hover:after{opacity:1.0;filter:Alpha(opacity=100);}
.news_con ul li .imgs{width:400px;float:left;display:inline;overflow:hidden;margin-right:5%;}
.news_con ul li .imgs img{width:100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; transition:all 0.5s ease-out 0s;}
.news_con ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.news_con ul li .txts{ overflow:hidden; height:300px; position:relative; }
.news_con ul li .txts:before{ content:""; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#e6e6e6;}
.news_con ul li .txts:after{content:""; position:absolute; bottom:0; left:0; width:0%; height:1px; background:#009fe8;transition:all 0.3s;}
.news_con ul li:hover .txts:after{ width:100%;}
.news_con ul li .txts .h3{ line-height:32px; height:32px; overflow:hidden; color:#333333; font-weight:normal;transition: all 0.3s; margin-top:25px;white-space:nowrap;text-overflow:ellipsis; }
.news_con ul li .txts .date{ height:30px; line-height:30px; overflow:hidden; color:#999999; font-size:14px;}
.news_con ul li .txts .p{ margin-top:5px; height:64px; overflow:hidden; font-size:16px; color:#666666; line-height:32px;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.news_con ul li:hover .txts h3{color:#333333;}
.o_more{ font-style:normal; display:block; width:168px; height:52px; line-height:50px; border:1px solid #bfbfbf; text-indent:28px;color:#999999; font-size:16px; background:url(../images/right.png) right 29px center no-repeat; margin-top:5%;transition:all 0.3s;}
.o_more:hover{ background-color:#009fe8; background-image:url(../images/i_pic1_on.png); color:#fff; background-position:right 24px center; text-indent:33px;}
/*新闻资讯详细*/
.news_bg2{ background:#f7f7f7; overflow:hidden; }
.about_x2{ max-width:1200px; margin:0 auto; padding-bottom:1%; padding-top:4%;}
.about_x2 .show_t{ line-height:40px; font-size:24px; color:#333333; text-align:center; margin-bottom:1%; margin-top:5px;  font-weight:bold;}
.about_x2 .show_t.bgs2{ font-size:32px;}
.about_x2 .con_line{ padding-bottom:9px; line-height:36px;font-size:14px; color:#999999; border-bottom:1px solid #e5e5e5; text-align:center;  }
.about_x2 .con_line span{ padding-left:4%;}
.about_x2 img{margin-bottom:10px; display:block; max-width:100%;margin: auto;}
.about_x2 .con_id{ line-height:32px;overflow:hidden;white-space:normal;word-break:break-all; padding-top:3%;font-size:16px; color:#666666;text-align:left;/* font-family:"宋体";*/ padding-bottom:4%;}
.about_x2 .con_id .h2{ font-size:16px; line-height:24px; margin-bottom:5px;}
.about_x2 .con_id p{ padding-bottom:0; overflow:hidden;}
.about_x2 .con_id .case_one{ overflow:hidden; border-bottom:1px solid #e5e5e5; padding-bottom:2%; line-height:38px; color:#666666; margin-top:-1%; margin-bottom:3%;}
.about_x2 .con_id .case_one ul li{ display:block; overflow:hidden;}
.about_x2 .con_id .case_one ul li label{ float:left; overflow:hidden;}
.about_x2 .con_id .case_one ul li .p{ overflow:hidden; color:#333; font-weight:bold;}
.about_x2 table{border-collapse:collapse;border-spacing:0;}
.about_x2 table td{ line-height:22px;height:27px; /*border:1px solid #000;*/}
.prenext{ padding-top:2%; padding-bottom:2%;   font-size:16px;margin-bottom:3%;border-top:1px solid #e5e5e5; overflow:hidden; line-height:34px;text-align:left;  }
.prenext span{ width:100%; overflow:hidden; height:34px;white-space:nowrap;text-overflow:ellipsis; display:block; color:#999999;padding-right:70px; }
.prenext span em{ font-style:normal; color:#666666;}
.prenext a{ color:#999999; overflow:hidden; transition:all 0.3s;}
.prenext a:hover{ color:#009fe8;  text-decoration:none;}
.prenext .goback{ float:right; display:inline-block; vertical-align:top; height:68px; line-height:34px; padding-top:34px; color:#555555; margin-top:-68px; background:url(../images/news_pic3.png) center top 10px no-repeat; background-size:20px 15px;transition:all 0.3s; font-size:14px;}
.prenext .goback:hover{  color:#009fe8; background-image:url(../images/news_pic3_on.png);}
.news_one{ overflow:hidden; margin-top:5%; margin-bottom:5%; display:flex;}
.news_one .news_one_l{ width:71.6%; overflow:hidden; background:#fff; margin-right:2%; padding-left:2%; padding-right:2%;}
.news_one .news_one_r{ width:27.4%; overflow:hidden;background:#fff; padding:2%;}
.news_one .news_one_r .h4{ font-weight:bold; color:#333333; overflow:hidden; line-height:80px;}
.news_ul2{ margin-top:1%; overflow:hidden;}
.news_ul2 ul li{ display:block; overflow:hidden; margin-bottom:4%;}
.news_ul2 ul li:last-child{ margin-bottom:0;}
.news_ul2 ul li .imgs{ overflow:hidden; position:relative; padding-top:75.15%; }
.news_ul2 ul li .imgs img{display: block;width: 100%; position:absolute; height:100%; left:0; top:0;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.news_ul2 ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.news_ul2 ul li .date{ font-style:normal;  height:20px; line-height:20px;  color:#999999; font-size:14px;margin-top:8px; position:relative;z-index:0;overflow:hidden;}
.news_ul2 ul li .h3{ font-weight:normal; overflow:hidden; line-height:24px; height:48px; color:#333333; font-size:16px; margin-top:15px;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;transition:all 0.3s;}
.news_ul2 ul li:hover .h3{ color:#009fe8;}


.aboutTit {text-align: center; padding: 60px 0 60px 0; position: relative; top: 40px; opacity: 1;}
.aboutTit ul {}
.aboutTit ul li {display: inline-block; width: 144px; height: 46px; margin: 0 4px; line-height: 46px; }
.aboutTit ul li a {display: block; width: 100%; height: 100%; color: #555; background-color: #f1f1f1; border-radius: 2px;}
.aboutTit ul li a:hover {color: #fff; background-color: #009fe8;}
.aboutTit ul li.active a {color: #fff; background-color: #009fe8;}
.notic {    margin: 50px 0 0 0!important;}
.noticList {}
.notic {margin-bottom: 60px;}
.noticList li {float: left; width: 46%; margin: 0 2% 40px 2%; padding-bottom: 24px; border-bottom: 1px solid #e5e5e5;}
.noticList li .left {display: table-cell;vertical-align: middle; padding-right: 40px;
    width: 150px;}
.noticList li .left>*,.noticList li .right>* {font-family: "微软雅黑";}
.noticList li .left h2 {font-size: 20px;color: #666;margin: 10px 0 10px;}
.noticList li .left h3 {font-size: 34px;color: #222;}
.noticList li .right {display: table-cell;vertical-align: middle;}
.noticList li .right h3 {font-size: 20px; line-height: 28px; height: 56px;}
.noticList li .right h3 a:hover {color: #009fe8;}
.noticList li .right p {height: 74px; line-height: 24px;font-size: 14px;color: #888;margin-top: 10px; 
display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:clip;overflow:hidden;
}

/*系统解决方案*/
.solution_bg{ background:#f7f7f7; overflow:hidden; }
.solution_ul{ margin-top:5%; overflow:hidden; margin-bottom:5%;}
.solution_ul li{ display:block; overflow:hidden; position:relative; margin-bottom:2%; background:#fff;}
.solution_ul li .imgs{ overflow:hidden; float:left; width:640px;}
.solution_ul li .imgs img{ width:100%; display:block;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.6s ease-out 0s; -moz-transition:all 0.6s ease-out 0s; -o-transition:all 0.6s ease-out 0s; transition:all 0.6s ease-out 0s;}
.solution_ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.solution_ul li .txts{ position:absolute; height:100%; top:0; right:0;overflow:hidden; width:calc(100% - 640px);width:-webkit-calc(100% - 640px);width:-moz-calc(100% - 640px); display: flex; align-items: center; justify-content: left; max-width:930px;}
.solution_ul li .txts .boxs{ overflow:hidden; width:94%; max-width:830px; margin:0 auto;}
.solution_ul li .txts .h4{ font-weight:normal; color:#333333; overflow:hidden; line-height:46px;transition:all 0.3s; }
.solution_ul li .txts .p{ overflow:hidden;margin-top:3%;  line-height:36px; color:#999999; font-size:18px;}
.solution_ul li:nth-child(2n+0) .imgs{ float:right;}
.solution_ul li:nth-child(2n+0) .txts{ right:auto; left:0;}
.solution_ul li .o_more{ font-style:normal; border:1px solid #009fe8;  color:#009fe8; background-image:url(../images/i_pic1.png);}
.solution_ul li .o_more:hover{ color:#fff; background-image:url(../images/i_pic1_on.png);}
.solution_ul li:hover .txts .h4{ color:#009fe8;}
/*系统解决方案详细*/
.solution_bg .solution_one{ position:relative; margin-top:5%;}
.solution_l{ float:left; width:50%;}
.solution_l img{ width:100%;}
.solution_l:hover img{opacity:0.8;filter:Alpha(opacity=80);}
.solution_r{ float:right; width:48%; max-width:720px; overflow:hidden; position:absolute; right:0; top:0; height:100%;}
.solution_r .h3{ font-weight:bold; overflow:hidden; line-height:1.3; margin-top:4.5%; color:#222222;}
.solution_r .txts{ overflow:hidden; padding-top:4%; margin-top:4%; border-top:1px solid #e6e6e6; color:#666666; font-size:16px; line-height:32px;}
.solution_r .txts .h4{ font-weight:normal; color:#009fe8; overflow:hidden; padding-left:30px; background-repeat:no-repeat; background-position:left center; background-size:19px 19px; margin-bottom:1.5%;}
.solution_r .txts .h4.bgs1{ background-image:url(../images/solution_pic1.png);}
.solution_r .txts .h4.bgs2{ background-image:url(../images/solution_pic2.png); margin-top:4%;}
.solution_r .txts .h4.bgs3{ background-image:url(../images/product_pic1.png); margin-top:4%;}
.solution_r .txts .h4.bgs4{ background-image:url(../images/product_pic2.png); margin-top:4%;}
.solution_r .txts .ul{ overflow:hidden;}
.solution_r .txts .ul li{ display:block; padding-left:16px; position:relative; overflow:hidden;}
.solution_r .txts .ul li:after{ content:""; position:absolute; left:0; top:11px; width:9px; height:9px; background:url(../images/solution_pic3.png) no-repeat; background-size:100% 100%;}
.solution_two{ margin-top:6%; font-size:16px; color:#666666; line-height:32px; }
.solution_two .boxs{ margin:0 auto; width:96%; max-width:1464px; margin-bottom:5%;}
.solution_two .boxs h2 {text-align: center;font-size: 28px;font-weight: bold;padding-bottom: 20px;}
.solution_two .boxs p { text-indent: 2em;}
.solution_two .boxs p img{ text-indent: 0;    width: 100%;
    display: block;}
.solution_two .h4{ font-weight:normal; overflow:hidden; height:30px; line-height:30px;padding-left:30px; background-repeat:no-repeat; background-position:left center; background-size:20px 18px; color:#009fe8; margin-bottom:1%; margin-top:3.5%;}
.solution_two .h4.bgs1{ background-image:url(../images/solution_pic4.png);}
.solution_two .h4.bgs2{ background-image:url(../images/solution_pic5.png);}
.solution_two .h4.bgs3{ background-image:url(../images/product_pic1.png);}
.solution_two .h4.bgs4{ background-image:url(../images/solution_pic2.png);}
.solution_two img{ max-width:100%;}
.solution_two table{border-collapse:collapse;border-spacing:0; width:100%;min-width: 950px;}
.solution_two table th{ line-height:22px;height:48px; border:1px solid #999999; text-align:center; min-width:190px; padding-left:4px; padding-right:4px; padding-top:4px; padding-bottom:4px; color:#.solution_two table td{ line-height:22px;height:48px; border:1px solid #999999; text-align:center; min-width:190px; padding-left:4px; padding-right:4px; padding-top:4px; padding-bottom:4px;};}
.solution_two table td{ line-height:22px;height:48px; border:1px solid #999999; text-align:center; min-width:190px; padding-left:4px; padding-right:4px; padding-top:4px; padding-bottom:4px;}
.solution_two table td.w1{ width:60%;}
.solution_two .desc{ font-size:14px; line-height:28px; margin-top:2%; color:#999;}
.solution_two hr{ overflow:hidden; height:0; border-bottom:1px solid #e5e5e5; margin-top:3.5%; font-size:0;}
.solution_two .ul{ overflow:hidden;}
.solution_two .ul li{ display:block; padding-left:16px; position:relative; overflow:hidden;}
.solution_two .ul li:after{ content:""; position:absolute; left:0; top:11px; width:9px; height:9px; background:url(../images/solution_pic3.png) no-repeat; background-size:100% 100%;}
.solution_two .ul li b{ color:#666666;}
/*证书*/
.zs {    display: flex;
    flex-wrap: wrap;
     gap: 20px;padding: 50px 0;
}
.zs li{
    width: calc((100% - 60px) / 3);
   
    box-sizing: border-box;
    background: #fff;
    cursor: pointer;
}

.zs li .zsimg {
    height: 320px;display: flex;
    justify-content: center;
    align-items: center;
}
.zsimg img {
    display: block;
    transition: all .8s;
}

.zs li .zsimg img {
    max-width: calc(100% - 80px);
    max-height: calc(100% - 64px);
}


.zs li .zstext{
    font-size: 16px;
    width: calc(100% - 60px);
    border-top: 1px solid #e6e6e6;
    margin: 0 auto;
    height: 78px;
    line-height: 1.5em;
    display: flex;
    align-items: center;
    color: #333;
    transition: all .5s;
}
#outerdiv {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.7);
    z-index: 100;
    width: 100%;
    height: 100%;
    display: none;
    overflow-y: auto;
}
#innerdiv {
    position: absolute;
}


/*案例*/
.case_ul{ overflow:hidden; margin-top:2%;}
.case_ul li{ float:left; width:32%; margin-right:2%; margin-top:2%; overflow:hidden; position:relative;}
.case_ul li:nth-child(3n+0){ margin-right:0;}
.case_ul li .imgs{  overflow:hidden; position:relative; padding-top:68.75%;}
.case_ul li .imgs img{ width:100%; display:block; position:absolute; top:0; left:0; height:100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.6s ease-out 0s; -moz-transition:all 0.6s ease-out 0s; -o-transition:all 0.6s ease-out 0s; transition:all 0.6s ease-out 0s;}
.case_ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.case_ul li .bgs2{ width:100%; position:absolute; top:0; left:0; height:100%; overflow:hidden;background-color:rgba(0,0,0,0.1); background: linear-gradient(to top,rgba(0,0,0,0.3),rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0));transition:all 0.6s;}
.case_ul li .bgs2 .h4{ font-size:16px;overflow:hidden; font-weight:normal; padding-left:5%; width:98%; position:absolute; bottom:0; line-height:48px; height:48px;white-space:nowrap;text-overflow:ellipsis; color:#fff;}
.case_ul li:hover .bgs2{opacity:0;filter:Alpha(opacity=0);}
.case_ul li .bgs3{ width:100%; position:absolute; bottom:0; left:0%; height:100%; width:100%; overflow:hidden;background:rgba(0,0,0,0.6);transition:all 0.6s; text-align:center;display: flex; align-items: center; justify-content: left; color:#fff; text-align:center;opacity:0;filter:Alpha(opacity=0);transition:all 0.6s;}
.case_ul li .bgs3 .cons{ overflow:hidden; width:100%; width:96%; margin:0 auto;}
.case_ul li .bgs3 .h4{ font-weight:normal; color:#fff; height:32px; line-height:32px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.case_ul li .bgs3 em{ font-style:normal; display:inline-block; padding-right:36px; background:url(../images/i_pic1_on.png) right center no-repeat; margin-top:4%; font-size:16px;}
.case_ul li:hover .bgs3{ opacity:1.0;filter:Alpha(opacity=100);}
/*案例详细*/
.case_ul2{ overflow:hidden; margin-top:1%;}
.case_ul2 li{ display:block; margin-bottom:27px; overflow:hidden; position:relative;}
.case_ul2 li .imgs{  overflow:hidden; position:relative; padding-top:68.4%;}
.case_ul2 li .imgs img{ width:100%; display:block; position:absolute; top:0; left:0; height:100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.6s ease-out 0s; -moz-transition:all 0.6s ease-out 0s; -o-transition:all 0.6s ease-out 0s; transition:all 0.6s ease-out 0s;}
.case_ul2 li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.case_ul2 li .bgs2{ width:100%; position:absolute; top:0; left:0; height:100%; overflow:hidden;background-color:rgba(0,0,0,0.1); background: linear-gradient(to top,rgba(0,0,0,0.3),rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0));transition:all 0.6s;}
.case_ul2 li .bgs2 .h4{ font-size:16px;overflow:hidden; font-weight:normal; padding-left:5%; width:98%; position:absolute; bottom:0; line-height:48px; height:48px;white-space:nowrap;text-overflow:ellipsis; color:#fff;}
.case_ul2 li:hover .bgs2{opacity:0;filter:Alpha(opacity=0);}
.case_ul2 li .bgs3{ width:100%; position:absolute; bottom:0; left:0%; height:100%; width:100%; overflow:hidden;background:rgba(0,0,0,0.6);transition:all 0.6s; text-align:center;display: flex; align-items: center; justify-content: left; color:#fff; text-align:center;opacity:0;filter:Alpha(opacity=0);transition:all 0.6s;}
.case_ul2 li .bgs3 .cons{ overflow:hidden; width:100%; width:96%; margin:0 auto;}
.case_ul2 li .bgs3 .h4{ font-weight:normal; color:#fff; height:32px; line-height:32px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.case_ul2 li .bgs3 em{ font-style:normal; display:inline-block; padding-right:36px; background:url(../images/i_pic1_on.png) right center no-repeat; margin-top:4%; font-size:16px;}
.case_ul2 li:hover .bgs3{ opacity:1.0;filter:Alpha(opacity=100);}
/*产品*/
.product_ul{ overflow:hidden; }
.product_ul ul li{ /*overflow:hidden;*/padding-top:4%; display:block; transition:all 0.3s; position:relative;}
.product_ul ul li:hover{ /*border-color:#eb76a9; *//*background:#f6f6f6;*/}
.product_ul ul li a{display:flex;width:100%; overflow:hidden; }
.product_ul ul li:hover:after{opacity:1.0;filter:Alpha(opacity=100);}
.product_ul ul li .imgs{ float:left;width:400px;overflow:hidden;margin-right:5%;}
.product_ul ul li .imgs img{width:100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; transition:all 0.5s ease-out 0s;}
.product_ul ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.product_ul ul li .txts{ float:right; overflow:hidden;width:calc(95% - 400px);width:-webkit-calc(95% - 400px);width:-moz-calc(95% - 400px);position:relative; }
.product_ul ul li .txts:before{ content:""; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#e6e6e6;}
.product_ul ul li .txts:after{content:""; position:absolute; bottom:0; left:0; width:0%; height:1px; background:#009fe8;transition:all 0.3s;}
.product_ul ul li:hover .txts:after{ width:100%;}
.product_ul ul li .txts .h3{ line-height:32px; height:32px; overflow:hidden; color:#333333; font-weight:normal;transition: all 0.3s; margin-top:30px;white-space:nowrap;text-overflow:ellipsis; }
.product_ul ul li .txts .p{ margin-top:10px; height:64px; overflow:hidden; font-size:16px; color:#666666; line-height:32px;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.product_ul ul li:hover .txts h3{color:#333333;}
.product_ul ul li .txts .o_more{ margin-top:6%;}
/*联系我们*/
.contact_bg{ background:#f7f7f7; overflow:hidden; }
.contact_one{ overflow:hidden; position:relative; z-index:0; margin-top:6%; margin-bottom:6%;}
.contact_pos{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1;display: flex; align-items: center; justify-content: left;}
.contact_pos .wrap{ width:100%;}
.contact_l{ float:left; width:50%; overflow:hidden; height:700px;}
.contact_l iframe{height: 700px;}
.contact_r{ float:right; width:47%; max-width:720px;}
.contact_r .about_t2{ margin-top:4%;}
.contact_r .contact_ul{ overflow:hidden; border-top:2px solid #c2c7ca; margin-top:5%; margin-bottom:4%;}
.contact_r .contact_ul li{ display:block; border-bottom:1px solid #c2c7ca; overflow:hidden; padding-top:30px; padding-bottom:32px; background-repeat:no-repeat; background-position:left top 36px; background-size:auto 35px; color:#666666; font-size:16px; padding-left:62px; line-height:24px;}
.contact_r .contact_ul li.bgs1{ background-image:url(../images/contact_pic3.png);}
.contact_r .contact_ul li.bgs2{ background-image:url(../images/contact_pic4.png);}
.contact_r .contact_ul li.bgs3{ background-image:url(../images/contact_pic5.png);}
.contact_r .contact_ul li.bgs4{ background-image:url(../images/contact_pic6.png);}
.contact_r .contact_ul li.bgs5{ background-image:url(../images/contact_pic4.png);}
.contact_r .contact_ul li label{ display:block; overflow:hidden; color:#333333;}
.contact_r .contact_ul li a{ color:#666666;}
.contact_r .contact_ul li a:hover{ color:#009fe8;}
.contact_r .contact_weixin{ overflow:hidden; clear:both; color:#333333;}
.contact_r .contact_weixin img{ height:130px; float:left; margin-right:30px}
.contact_r .contact_weixin .p{ overflow:hidden; font-size:16px; line-height:24px; margin-top:48px; color:#666;}
.product_feedback{ background:url(../img/product_img3.jpg) center bottom no-repeat; background-size:cover;padding-top:7%; padding-bottom:7%;}
.product_feedback.bgs2{ background-image:url(../img/contact_img1.jpg);}
.product_feedback .product_feedback_l{ text-align:left; float:left; width:48%; }
.product_feedback .product_feedback_l .desc{ font-size:16px; color:#333333; line-height:1.5; margin-top:4%; padding-top:4%; border-top:1px solid #cccccc; max-width:420px;}
.product_feedback .product_feedback_l .tel{ font-weight:bold; display:inline-block; color:#333333; margin-top:1%;}
.product_feedback .product_feedback_l .about_t2{ margin-top:0;}
.product_feedback .product_feedback_r{ text-align:left; float:right; width:50%; overflow:hidden;}
.product_feedback .product_feedback_r .divs{ overflow:hidden; border:1px solid #cccccc; margin-bottom:10px;}
.product_feedback .product_feedback_r .inputs {
  width: 100%;
  height: 58px;
  line-height: 58px;
  padding: 0 18px;
  font-size: 1.4rem;
  background:none; color:#333; border:none;font-family:"微软雅黑";
}
.product_feedback .product_feedback_r .inputs::-webkit-input-placeholder {
  color: #808080;
}
.product_feedback .product_feedback_r .inputs:-moz-placeholder {
  color: #808080;
}
.product_feedback .product_feedback_r .inputs::-moz-placeholder {
  color: #808080;
}
.product_feedback .product_feedback_r .inputs:-ms-input-placeholder {
  color: #808080;
}
.product_feedback .textarea{ padding:1%; width:100%; padding-left:18px; background:none; font-size:14px; border:none; outline:none; color:#333; height:136px;font-family:"微软雅黑"; }
.product_feedback .textarea::-webkit-input-placeholder {
  color: #808080;
}
.product_feedback .textarea:-moz-placeholder {
  color: #808080;
}
.product_feedback .textarea::-moz-placeholder {
  color: #808080;
}
.product_feedback .textarea:-ms-input-placeholder {
  color: #808080;
}
.product_feedback .bnts{ width:100%; margin:0 auto; display:block; overflow:hidden;line-height:60px; height:60px; background:#009fe8; outline:none;-webkit-tap-highlight-color:transparent;transition:all 0.3s; cursor:pointer; color:#fff; font-size:16px; border:none; letter-spacing:2px;font-family:"微软雅黑"; }
.product_feedback .bnts:hover{ background:#30b93d;}
/*滚动条*/
/*s.i_jsq_scroll{ overflow:hidden;overflow-y: auto; max-height:100%; position:relative; background:url(../images/contact_bg3.png) right top repeat-y;}*/
.i_jsq_scroll::-webkit-scrollbar { -webkit-appearance: none;}
.i_jsq_scroll::-webkit-scrollbar:vertical { width: 4px;}
.i_jsq_scroll::-webkit-scrollbar-thumb { border-radius: 8px; border:0; background-color:#009fe8;}
/* job
-------------------------------------------------------------- */
.job{
	margin-top:60px;
	margin-bottom:60px;
	}
.tit h3 {
 display: block;
    font-weight: bold;
    font-family: Arial;
    text-transform: uppercase;
    line-height: 1;

}
.tit h3 a {
    font-size: 40px;
  
    font-weight: 800;
 
}
.tit p{

font-weight: normal;
    overflow: hidden;
    line-height: 40px;
    margin-top: 8px;} 
.jobnr{
	width:100%;
	overflow:hidden;
	margin-top:40px;
	}
.job .tit{
        color: #333;
	width:100%;
	border-bottom:solid 1px #e0e1e1;
	padding-bottom:24px;
	}
.job .joblf{
	padding:60px 45px 0 0;width: 60%;float: left;
	}
.job .joblf h5{
	width:100%;
	overflow:hidden;
	font-size:20px;
	line-height:30px;
	margin-bottom:20px;
	}
.job .joblf p{
	width:100%;
	overflow:hidden;
	font-size:18px;
	line-height:30px;
	}
.job .jobrt{
	padding:0;
	overflow:hidden;
	border-radius:20px 0;
    width: 40%;
    float: left;
	}
.job .jobrt img{
	width:100%;
	height:auto;
	}
.joblist{
	width:100%;
	overflow:hidden;
	margin-top:40px;
	}
.jobfb{
	width:100%;
	overflow:hidden;
	margin-top:40px;
	}

@media screen and (max-width: 1700px) {
/*关于我们*/
.honor_bg .about_t2:after{ display:none;}
.about_two .about_t2:after{ display:none;}
}
@media screen and (max-width: 1600px) {
/*关于我们*/
.about_one .about_one_r .counter{ margin-top:4%;}


}
@media screen and (max-width: 1440px) {
/*内页*/
.postions{  font-size:14px;}
.postions .search{ margin-top:10px;}
.postions .goback{height:60px; line-height:60px;}

}
@media screen and (max-width: 1360px) {
/*内页*/
.postions h2{ font-size:22px;}
/*关于我们*/
.about_one .about_one_r{ padding-left:30px;}
.about_one .about_one_r .p{ line-height:28px; font-size:15px;}
.about_t2:after{ left:-2%;}
/*新闻*/
.about_l .about_l_titile .about_t2:after{ left:-30px;}
.o_more{  width:140px; height:46px; line-height:44px; text-indent:18px; background-position:right 19px center; font-size:15px;}
.o_more:hover{ background-position:right 14px center; text-indent:23px;}
/*系统解决方案*/
.solution_ul li .imgs{ width:560px;}
.solution_ul li .txts{ width:calc(100% - 560px);width:-webkit-calc(100% - 560px);width:-moz-calc(100% - 560px);}
.solution_ul li .txts .p{ font-size:16px; line-height:32px;}
/*案例*/
.case_ul li .bgs2 .h4{ font-size:15px;}
/*案例详细*/
.case_ul2 li .bgs2 .h4{ font-size:15px;}
/*联系我们*/
.contact_r .about_t2:after{ left:-22px;}
.product_feedback .product_feedback_l .about_t2:after{ left:-22px;}
}

@media screen and (max-width: 1200px) {
/*内页*/
.sec .postions{ margin-top:10px;}
.postions h2{ font-size:20px;}
.postions h2 span{ font-size:14px;}
.postions2{ height:50px; line-height:50px;}
.postions2 h2{ font-size:18px;}
.postions2 h2 span{ font-size:14px;}
.o_big_con.bgs2 .h2 label{ margin-bottom:3%;}
.o_big_con .h2 label{ line-height:30px; font-size:20px;}
.map{ top:-50px;}
/*网站地图*/
.sitemap_main dd{width:calc(24.25% - 2px);width:-webkit-calc(24.25% - 2px);width:-moz-calc(24.25% - 2px);}
.sitemap_main dd:nth-child(5n+0){ margin-right:1%;}
.sitemap_main dd:nth-child(4n+0){ margin-right:0;}
/*关于我们*/
.about_one .about_one_r .counter .h6{ font-size:13px; margin-top:4px; line-height:20px; height:20px;}
.about_one .about_one_r .counter label{ font-size:13px;}
.about_ul{ margin-top:4%;}
.about_ul li .txts .h4{ line-height:36px; margin-top:3%;}
.about_ul li .txts .p{ line-height:28px; margin-top:2%;}
/*新闻*/
.about_l{ margin-right:2%;}
.news_con ul li .imgs{ width:350px; margin-right:3%;}
.news_con ul li .txts{ height:262px;}
/*新闻资讯详细*/
.about_x2 .con_id{ font-size:15px; line-height:30px;}
.news_one .news_one_r .h4{ height:60px; line-height:60px;}
/*系统解决方案*/
.solution_ul li .imgs{ width:50%;}
.solution_ul li .txts{width:calc(100% - 50%);width:-webkit-calc(100% - 50%);width:-moz-calc(100% - 50%);}
.solution_ul li .txts .h4{ line-height:36px; }
.solution_ul li .txts .p{ line-height:28px; margin-top:2%; font-size:15px;}
/*系统解决方案详细*/
.solution_r .txts{ font-size:15px;}
.solution_two{ font-size:15px;}
/*案例*/
.case_ul li{  width:49%;}
.case_ul li:nth-child(3n+0){ margin-right:2%;}
.case_ul li:nth-child(2n+0){ margin-right:0;}
/*产品*/
.product_ul ul li .imgs{ width:350px; margin-right:3%;}
.product_ul ul li .txts{width:calc(97% - 350px);width:-webkit-calc(97% - 350px);width:-moz-calc(97% - 350px); }
/*联系我们*/
.contact_l{ height:700px;}
.contact_l iframe{height: 700px;}
}

@media screen and (max-width: 1100px) {
/*内页*/
.postions .search{ margin-top:6px; width:300px;}
.postions .search .inputs{width: calc(100% - 80px);width: -webkit-calc(100% - 80px);width: -moz-calc(100% - 80px); font-size:13px;}
.postions .search .bnts{ width:80px;}
.postions .goback{height:50px; line-height:50px;}

/*分页*/
.yema a{ height:36px; line-height:36px;min-width:30px; font-size:14px;}
.yema a span{ font-size:14px;}
/*新闻*/
.news_con ul li .imgs{ width:300px; margin-right:3%;}
.news_con ul li .txts{ height:229px;}
.news_con ul li .txts .h3{ margin-top:10px;}
/*产品*/
.product_ul ul li .imgs{ width:300px;}
.product_ul ul li .txts{width:calc(97% - 300px);width:-webkit-calc(97% - 300px);width:-moz-calc(97% - 300px); }
.product_ul ul li .txts .h3{ margin-top:15px;}
}
@media screen and (max-width: 1000px) {
/*内页*/
.postions{ position:static; border-bottom:1px solid #e1e1ea;}
.postions:after{ display:none;}
.postions .rclass{ display:block;}
.postions .postions_b{ display:none;}
.postions .postions_b a{ float:none; font-size:16px; display:block; margin-left:0; padding-left:3%; text-align:left; background:#efefef; border-bottom:1px solid #fff; width:auto; margin-right:0;}
.postions .postions_b a:hover{ background:#00468c; color:#fff;}
.postions .postions_b a.isel{ color:#fff;background:#00468c;}
.postions .postions_b a:after{ height:0;}
.postions2{ height:40px; line-height:40px;}
.postions2 .postions_r:after{ left:24px;}
.o_big_con .h2 label{  margin-top:4px; font-size:18px; line-height:26px;}
/*分页*/
.yema.bgs2{ text-align:center;}
/*分类弹窗*/
.about_tc{z-index: 19891025; width: 0%; right: 0%; position:absolute; overflow: hidden; top:0; height:100%;/* display: none;*/transition: all 0.3s;}
.postions_b.lws .about_tc{ width:80%;}
.postions_b.lws{ display:block;}
.about_l.lws .about_tc{ width:88%;}
.about_tc .about_divs{ position:absolute; right:0; width:85%; background-color:#f5f5f7; top:0; overflow:hidden; height:100%;}
.about_tc .closed2{ right:84.5%; position:absolute; top:150px; cursor:pointer; width:25px; display:block;}
.about_tc .closed2:hover{filter: Alpha(Opacity=80);opacity: 0.8;transition: all 0.3s;}
/*新闻*/
.about_l{ float:none; width:0%; background:none; margin-right:0; z-index: 19891025; right: 0%; position:absolute; overflow: hidden; top:0; height:100%; margin-bottom:0;}
.about_l.lws{ width:90%; max-width:310px;}
/*.about_l .i_left_ul2 li:after{ top:16px; height:22px;}*/
.about_l .i_left_ul2{ border:0;}
.about_l .i_left_ul2 li h1{ padding-left:12px; padding-right:12px; font-size:15px;}
.about_l .i_left_ul2 li h2{ padding-left:12px; padding-right:12px; font-size:15px;}
.about_l .i_left_ul2 li div{   margin-bottom:14px; padding-left:22px; padding-right:22px;}
.news_bg .wrap{ padding-top:0%;}
#dgtzx{ display:none;}
.about_l .about_l_titile{ padding-top:15px; padding-bottom:15px;}
.news_con ul li .txts .o_more{ margin-top:3%;}
/*产品*/
.product_ul ul li .txts .o_more{ margin-top:3%;}
/*联系我们*/
.contact_l{ height:600px; width:100%;}
.contact_l iframe{height: 600px;}
.contact_pos{ display:block; position:static;padding-top:4%; padding-bottom:5%; clear:both; overflow:hidden;}
.contact_r{ float:none; width:100%; max-width:none;  }
.product_feedback .product_feedback_l{ float:none; text-align:center; width:100%;}
.product_feedback .product_feedback_r{ float:none; width:100%; margin-top:3%;}

}
@media screen and (max-width: 960px) {
/*内页*/
.postions h2{ font-size:18px;}
/*关于我们*/
.about_one .about_one_l{ float:none; width:100%; max-width:none; margin-top:5%; position:static; height:auto;}
.about_one .about_one_r{ float:none; width:100%; background-size:18px auto; padding-left:0px; background:none;/* padding-left:22px;*/}
.about_one .about_one_r .about_t .h3{ line-height:32px;}
.about_one .about_one_r .p{ font-size:14px; line-height:26px; margin-top:2%;}
.about_one .about_one_r .counter ul li{ max-width:none; text-align:center;}
.about_ul li .txts .h4{ line-height:30px;}
.about_t2:after{ width:18px; height:10px; left:-22px; display:none;}
.about_t2 .h3{ line-height:32px;}
/*新闻*/
.o_more{font-size:14px;margin:0 auto; margin-top:5%;}
.news_con ul li .txts .o_more{ margin:0; margin-top:3%;}
/*新闻资讯详细*/
.about_x2 .show_t{ font-size:22px; line-height:32px;}
.about_x2 .show_t.bgs2{ font-size:26px;}
.about_x2 .con_id{ line-height:26px; font-size:15px;}
.about_x2 .con_id .case_one{ line-height:32px;}
.prenext{ font-size:14px; line-height:24px; }
.prenext span{ height:24px;}
.prenext .goback{ margin-top:-48px; padding-top:24px; line-height:24px; height:48px; background-position:center top 5px; font-size:13px;}

/*系统解决方案*/
.solution_ul li .txts .h4{ line-height:30px;}
.solution_ul li .txts .o_more{ margin:0; margin-top:4%;}
/*系统解决方案详细*/
.solution_l{ float:none; width:100%; margin-top:5%;}
.solution_r{ float:none; width:100%; max-width:none; margin-top:3%;  position:static; height:auto;}
.solution_r .h3{ margin-top:2.5%;}
.solution_r .txts{ font-size:14px; line-height:28px;}
.solution_r .txts .ul li:after{ top:9px;}
.solution_two{ font-size:14px; line-height:28px;}
.solution_two .desc{ font-size:13px; line-height:24px;}
.solution_two .ul li:after{ top:9px;}
/*案例*/
.case_ul li .bgs3 em{ font-size:14px; padding-right:25px;}
.case_ul li .bgs2 .h4{ font-size:14px;line-height:40px; height:40px;}
.case_ul li{  width:32%;}
.case_ul li:nth-child(2n+0){ margin-right:2%;}
.case_ul li:nth-child(3n+0){ margin-right:0;}
/*案例详细*/
.case_ul2 li{ margin-bottom:4%;}
.case_ul2 li .bgs3 em{ font-size:14px; padding-right:25px;}
.case_ul2 li .bgs2 .h4{ font-size:14px;line-height:40px; height:40px;}
/*产品*/
.product_ul ul li .txts .o_more{ margin:0; margin-top:3%;}
/*联系我们*/
.product_feedback .product_feedback_l .desc{ max-width:none; padding-top:2%; margin-top:2%;}

}

@media screen and (max-width: 830px) {
/*内页*/
.postions h2{ font-size:16px;}
.postions h2 span{ font-size:13px;}
.postions2 h2{ font-size:16px;}
.postions2 h2 span{ font-size:13px;}
/*关于我们*/
.about_ul li{ margin-bottom:5%;}
.about_ul li:last-child{ margin-bottom:0;}
/*.about_ul li .txts .desc{ font-size:14px;}*/
.about_ul li .imgs{ float:none; width:100%;}
.about_ul li:nth-child(2n+0) .imgs{ float:none;}
.about_ul li .txts{width:100%; margin-top:4%; position:static; height:auto; display:block; margin-bottom:5%;}
.about_ul li .txts .boxs{ width:96%;}
.about_ul li .imgs i{ display:none;}
/*系统解决方案*/
.solution_ul li{ margin-bottom:5%;}
.solution_ul li:last-child{ margin-bottom:0;}
.solution_ul li .imgs{ float:none; width:100%;}
.solution_ul li:nth-child(2n+0) .imgs{ float:none;}
.solution_ul li .txts{width:100%; margin-top:4%; position:static; height:auto; display:block; margin-bottom:5%;}
.solution_ul li .txts .boxs{ width:96%;}
}
@media screen and (max-width: 780px) {
/*内页*/
.o_big{ height:290px;}
.postions{ height:44px; line-height:44px; font-size:13px;}
.postions.bgs3{height:44px; line-height:44px;}
.sec .postions{ margin-top:0px;}
.postions h2{ /*display:none;*/ height:44px;}
.postions .postions_b a{ height:44px; line-height:44px; font-size:14px;}
.postions .search{ margin-top:3px;}
.postions .goback{height:44px; line-height:44px; font-size:12px;}
.postions2{ font-size:13px; height:30px; line-height:30px;}
/*分页*/
.yema a{ height:26px; line-height:24px; padding-left:6px; padding-right:6px; margin-left:2px; font-size:13px; min-width:26px;}
.yema a span{ font-size:13px;}
.zs li {
    width: 100%;
    }
/*网站地图*/
.website_t{ font-size:15px;}
.sitemap_main dd{width:calc(32.66% - 2px);width:-webkit-calc(32.66% - 2px);width:-moz-calc(32.66% - 2px); font-size:13px;}
.sitemap_main dd:nth-child(4n+0){ margin-right:1%;}
.sitemap_main dd:nth-child(3n+0){ margin-right:0;}
/*关于我们*/
.about_one .about_one_r .counter .h6{ font-size:12px;}
.about_one .about_one_r .counter label{ font-size:12px;}
.about_ul li .txts .h4{ line-height:26px;}
/*新闻资讯详细*/
.news_one{ display:block;}
.news_one .news_one_l{ width:100%; margin-right:0; float:none;}
.news_one .news_one_r{ width:100%;}
.news_ul2 ul li .date{ margin-top:20px;}
.news_ul2 ul li .h3{ height:auto;}
/*系统解决方案*/
.solution_ul li .txts .h4{ line-height:26px;}
/*联系我们*/
.contact_r .contact_ul li{ padding-top:20px; padding-bottom:20px; padding-left:50px;background-position: left top 25px;}

}

@media screen and (max-width: 640px) {
/*关于我们*/
.about_ul li .txts .h4{ margin-top:2%;}
.about_ul li .txts .span{ background-size:20px 21px; padding-left:25px;}
.about_ul li .txts .p{ font-size:14px; line-height:24px;}
/*新闻*/
.news_con ul li .txts .date{ font-size:13px;}
.about_l .i_left_ul2 li h1{ font-size:14px;}
.about_l .i_left_ul2 li h2{ font-size:14px;}
/*新闻资讯详细*/
.about_x2 .show_t{ font-size:20px; line-height:28px; text-align:center;}
.about_x2 .show_t.bgs2{ font-size:24px;}
.about_x2 .con_line{ font-size:12px;  line-height:30px; text-align:center;}
.about_x2 .con_id{ font-size:14px; line-height:24px;}
.about_x2 .con_id .case_one{ line-height:26px;}
.prenext{ font-size:13px;}
.prenext .goback{ font-size:12px;}
/*系统解决方案*/ 
.solution_ul li .txts .h4{ margin-top:1%;}
.solution_ul li .txts .p{ font-size:14px; line-height:24px;}
/*系统解决方案详细*/
.solution_r .txts{ font-size:13px; line-height:24px;}
.solution_r .txts .ul li:after{ top:8px;}
.solution_two{font-size:13px; line-height:24px;}
.solution_two table td{ min-width:100px;}
.solution_two .desc{ font-size:12px; line-height:22px;}
.solution_two .ul li:after{ top:8px;}
/*案例*/
.case_ul li{  width:49%;}
.case_ul li:nth-child(3n+0){ margin-right:2%;}
.case_ul li:nth-child(2n+0){ margin-right:0;}
/*联系我们*/
.contact_l{ height:500px;}
.contact_l iframe{height: 500px;}
.contact_r .contact_ul{ margin-top:4%;}
.contact_r .contact_ul li{ padding-left:36px; background-size:auto 30px; font-size:14px;}
.product_feedback .product_feedback_r{ margin-top:4%;}
.product_feedback .product_feedback_r .inputs{ height:38px; line-height:38px;}
.product_feedback .bnts{ height:40px; line-height:40px;}
.product_feedback .product_feedback_l .desc{ font-size:15px;}

}
@media screen and (max-width: 480px) {
/*内页*/
.o_big{ height:200px;}
.o_big_con .h2{ font-size:18px; }
.o_big_con .h2 label{ font-size:14px; line-height:22px;}
.postions{ font-size:12px;}
.postions .postions_b a{ font-size:13px;}
.postions .postions_r span{ display:none;}
.postions .postions_r img{ height:14px;}
.postions .search{ width:220px;}
.postions .search .inputs{width: calc(100% - 60px);width: -webkit-calc(100% - 60px);width: -moz-calc(100% - 60px); font-size:12px;}
.postions .search .bnts{ width:60px;}
.postions2{ font-size:12px;}

/*分页*/
.yema{ padding-top:35px; padding-bottom:40px;}
.yema a{ padding-left:5px; padding-right:5px; margin-left:2px;}
/*网站地图*/
.website_t{ font-size:14px;}
.sitemap_main dd{width:calc(49.5% - 2px);width:-webkit-calc(49.5% - 2px);width:-moz-calc(49.5% - 2px); font-size:12px;}
.sitemap_main dd:nth-child(3n+0){ margin-right:1%;}
.sitemap_main dd:nth-child(2n+0){ margin-right:0;}
/*关于我们*/
.about_one .about_one_r .counter{ margin-top:6%;}
.about_one .about_one_r .p{ font-size:13px; line-height:24px;}
.about_one .about_one_r .about_t .h3{ font-size:18px;}
.about_one .about_one_r .about_t span{ font-size:25px;}
.about_t2 .h3{ font-size:18px;}
.about_t2 span{ font-size:25px;}
/*新闻*/
.news_con ul li .imgs{ width:200px;}
.news_con ul li .txts{ height:150px;}
.news_con ul li .txts .h3{ margin-top:15px; font-size:16px;}
.news_con ul li .txts .p{ font-size:13px; line-height:22px; height:44px; margin-top:5px;}
.news_con ul li .txts .o_more{ display:none;}
.o_more{ width:110px; height:40px; line-height:38px; text-indent:12px; background-position:right 15px center; font-size:13px;}
.o_more:hover{ background-position:right 10px center; text-indent:17px;}
/*新闻资讯详细*/
.about_x2 .show_t{ font-size:18px; line-height:26px;}
.about_x2 .show_t.bgs2{ font-size:20px;}
.about_x2 .con_id{ font-size:13px;}	
.prenext{ font-size:12px; line-height:22px;}
.prenext span{ padding-right:60px; height:22px;}
.news_ul2 ul li .h3{ font-size:16px; line-height:22px;}
.news_ul2 ul li .date{ width:100px; height:32px; line-height:32px; font-size:13px;}
/*系统解决方案*/ 
.solution_ul li .txts .p{ font-size:13px; line-height:22px;}

/*系统解决方案详细*/
.solution_r .txts{ font-size:12px; line-height:22px;}
.solution_r .txts .ul li:after{ top:6px;}
.solution_two{font-size:12px; line-height:22px;}
.solution_two table td{ min-width:60px;}
.solution_two .ul li:after{top:6px;}
/*案例*/
.case_ul li .bgs3 em{ font-size:13px; padding-right:22px;}
.case_ul li .bgs2 .h4{ font-size:13px;line-height:36px; height:36px; padding-left:3%;}
/*案例详细*/
.case_ul2 li .bgs3 em{ font-size:13px; padding-right:22px;}
.case_ul2 li .bgs2 .h4{ font-size:13px;line-height:36px; height:36px; padding-left:3%;}
/*产品*/
.product_ul ul li .imgs{ width:200px;}
.product_ul ul li .txts{ width:calc(97% - 200px);width:-webkit-calc(97% - 200px);width:-moz-calc(97% - 200px); }
.product_ul ul li .txts .h3{ margin-top:10px; font-size:16px;}
.product_ul ul li .txts .p{ font-size:13px; line-height:22px; height:44px; margin-top:5px;}
/*联系我们*/
.contact_l{ height:400px;}
.contact_l iframe{height: 400px;}
.contact_r .contact_ul li{ padding-top:15px; padding-bottom:15px;}
.contact_r .contact_weixin img{ margin-right:20px;}
.contact_r .contact_weixin .p{ font-size:14px;}
.product_feedback .product_feedback_l .desc{ font-size:14px;}
}

@media screen and (max-width: 420px) {
/*内页*/
.o_big_con .h2 label{ font-size:13px; line-height:20px;}
/*新闻*/
.news_con ul li .imgs{ width:154px;}
.news_con ul li .txts{ height:116px;}
.news_con ul li .txts .h3{ height:24px; line-height:24px; margin-top:8px;}
.news_con ul li .txts .p{ height:40px; line-height:20px;}
.o_more{ font-size:12px;height:36px; line-height:34px;}
/*新闻资讯详细*/
.news_ul2 ul li .date{ font-size:12px;}
.news_ul2 ul li .h3{ margin-top:10px;}
.solution_two table td{ min-width:50px;}
/*案例*/
.case_ul li .bgs3 em{ font-size:12px; }
/*案例详细*/
.case_ul2 li .bgs3 em{ font-size:12px; }
/*产品*/
.product_ul ul li .txts .h3{ margin-top:5px; height:28px; line-height:28px;}
.product_ul ul li .imgs{ width:170px;}
.product_ul ul li .txts{ width:calc(97% - 170px);width:-webkit-calc(97% - 170px);width:-moz-calc(97% - 170px); }
/*联系我们*/
.contact_l{ height:350px;}
.contact_l iframe{height: 350px;}
.product_feedback .product_feedback_r .inputs{ padding:0 12px; font-size:13px;}
.product_feedback .textarea{ font-size:13px; padding-left:12px; padding-top:2%;}
.product_feedback .bnts{ font-size:13px;}
.product_feedback .product_feedback_l .desc{ font-size:13px;}
}
@media screen and (max-width: 360px) {
/*内页*/
.o_big_con .h2 label{ font-size:12px;}
/*新闻*/
.news_con ul li .imgs{ width:150px;}
.news_con ul li .txts{ height:113px;}
.news_con ul li .txts .h3{  font-size:15px;}
.news_con ul li .txts .p{ font-size:12px; margin-top:0;}
/*产品*/
.product_ul ul li .imgs{ width:150px;}
.product_ul ul li .txts{ width:calc(97% - 150px);width:-webkit-calc(97% - 150px);width:-moz-calc(97% - 150px); }
.product_ul ul li .txts .h3{  font-size:15px; margin-top:10px; height:28px; line-height:28px; font-size:15px;}
.product_ul ul li .txts .p{ font-size:12px; margin-top:6px; line-height:20px; height:40px;}
.product_ul ul li .txts .o_more{ display:none;}
}
.pages{clear:both;padding:20px 0;font-size:14px;text-align:center; overflow:hidden}
.pages ul{display:inline-block;margin:0 auto;padding:0}
.pages ul a{color:#555;display:block;padding: 5px 11px;  border: 1px solid #ddd;float: left;margin:5px;font-size:12px}
.pages ul a.page-num-current{ background:#ddd; }
.pages ul a:hover{ background:#ddd}


.selects{height: 52px;  width: 100%;border:1px solid #e8e8e8;color:#656565;font-size: 16px;padding-left: 66px;}
@media screen and (max-width: 1440px){
	.selects{
		height:46px;
		padding-left: 50px;
	}
}
@media screen and (max-width: 640px){
	.selects{
		height:40px;
		width:100%;border:1px solid #e8e8e8;color:#656565;font-size: 16px;padding-left: 10px;
	}
}

@media screen and (max-width: 480px){
.selects{ font-size:14px;}
}
