﻿@keyframes scaleAnim{
    0%{         
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100%{
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

/*内页*/
.position{/* height:70px; */ line-height:70px;overflow:hidden; color:#999999; text-align:left; font-size:14px; border-bottom: 1px solid rgba(0,0,0,0.1);}
.position.bgs2{ background: #f7f7f7;}
.position.bgs5{ background: #f7f7f7; border-bottom: 0;}
.position.lift-pos{position: fixed; top: 0px; width: 100%; z-index: 99;background: #f7f7f7;}
.position a{ color: #333;}
.position .postions_r{display: flex; align-items: center;}
.position .postions_r a{ color:#999999;  text-decoration:none;}
.position .postions_r a:hover{background: linear-gradient(90deg, #00a4e2 0%, #48ccbf 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-style: normal;}
.position span{ color:#bdbdbd; margin-left:6px; margin-right:6px;}
.position img{ height: 16px;}
/*.position label{}*/
.position .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;}

.position .postions_b{ text-align:right; line-height: 32px;padding-top: 19px; padding-bottom: 10px;}
.position .postions_b a{ display:inline-block; padding-left:17px; padding-right:17px; vertical-align:top;overflow:hidden; font-size:16px; color:#666666; position:relative;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s; z-index:0;border-radius: 6px;}
.position .postions_b a:hover{color:#fff;}
.position .postions_b a:after{content: "";display: block;position: absolute;left:50%;right:50%; bottom: 0;height:100%;opacity: 0;background-image: linear-gradient(90deg, #00a4e2 0%, #48ccbf 100%), linear-gradient( #f9f9f9, #f9f9f9);background-blend-mode: normal, normal;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s; z-index:-1;}
.position .postions_b a.isel:after{left: 0%;right: 0%;opacity: 1;}
.position .postions_b a:hover:after{left: 0%;right: 0%;opacity: 1; z-index: -1;}
.position .postions_b a.isel{color:#fff;}

.zhkf{background-image: linear-gradient(90deg, #19939B 0%, #48ccbf 100%), linear-gradient( #f9f9f9, #f9f9f9); width:100%;  text-align:center; padding-top:30px; padding-bottom:30px; color:#FFFFFF; font-size:26px;}

/*分类弹窗*/
.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:bold; display:table-cell; vertical-align:middle;   text-transform:uppercase; text-align:left; color: #fff;}
.o_big_con .h2 label{width:100%; display:block;color:rgba(255,255,255,1.0); font-weight:lighter;  margin-top:1%; font-size:18px; 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:normal; margin-top: 20px; }
.o_big_con .wave-box { position: absolute; z-index: 2; bottom: -1px; left: 0; width: 100%;}
.postions2{ position:absolute; left:0; width:100%; line-height:68px; overflow:hidden;color:#fff; font-size:16px; bottom:clamp(0px, calc(100vw*0.0772), 60px);  }
.postions2 .wrap{border-top: 1px solid rgba(255,255,255,.18); padding-top: 0.8%; }
.postions2 a{color:#fff; }
.postions2 a:hover{ color:#ff8700;}
.postions2 .postions_r img{ height:16px; margin-right:6px;vertical-align:revert;}
.postions2 .postions_r{ overflow:hidden; position:relative; float: right;color:rgba(255,255,255,0.59);}
.postions2 .postions_r a{color:rgba(255,255,255,0.59);}
.postions2 .postions_r a:hover{color:#ff8700;}
.postions2 label{ color:rgba(255,255,255,0.59);}
.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); }
.postions2 .alist{ overflow:hidden; float: left;}
.postions2 .alist a{ position:relative; overflow:hidden; /* line-height:38px; height:38px; */ float:left; margin-right:40px; color:#fff;}
.postions2 .alist a.on{ color:#ff8700;padding-left:13px; }
.postions2 .alist a:after{ content:""; position:absolute; width:7px; height:7px; border-radius:50%; top:50%; margin-top:-3px; left:5px; background:#ff8700;transition:all 0.3s;opacity:0;filter:Alpha(opacity=0);}
.postions2 .alist a.on:after{opacity:1.0;filter:Alpha(opacity=100);left:0;}

/*分页*/
.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:62px;margin-left:3px;  text-align:center; color:#999; font-size:15px;/*  border:1px solid #f8f8f8;  */background:#fff; border-radius:6px; }
.yema a:hover{ text-decoration:none; color:#fff; background-image: linear-gradient(90deg, #00a4e2 0%, #48ccbf 100%), linear-gradient( #f9f9f9, #f9f9f9);background-blend-mode: normal, normal;/* border:1px solid var(--main-color); */}
.yema a.on{color:#fff; background-image: linear-gradient(90deg, #00a4e2 0%, #48ccbf 100%), linear-gradient( #f9f9f9, #f9f9f9);background-blend-mode: normal, normal;border:1px solid var(--main-color);}
.yema a.Prev,.yema a.next{ margin-right:0; font-size: 18px;  }
.yema a.Prev:hover,.yema a.next:hover{background-color:var(--main-color);}
.yema a span{ font-family:"微软雅黑"; font-size:15px;}
/*暂无内容*/
.nodata{ clear:both; max-width:1200px; margin:0 auto; overflow:hidden; text-align:center; margin-top:13%; margin-bottom:13%; background:url(../images/nodata.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;}

/*关于我们*/
html{--scroll-w: 4px;--wrap-1400-width: clamp(calc(480px - var(--scroll-w) - 68px*2), calc(100vw - var(--scroll-w) - 68px*2), 1400px);}
.i_title2{  margin-top: 6%; text-align: center; }
.i_title2.bgs2{ margin-top: 3%;}
.i_title2 .h3{  font-weight: bold;line-height: 1.1;color: #333; display: inline-block; position: relative;}
.i_title2 .h3 .img{ height: 12px; width: 38px; display: block; position: absolute; right: -26px; top: -10px; background: url(../images/i_pic2.png) no-repeat; background-size: 100% 100%;}
.i_title2 .p{ overflow: hidden; padding-top:15px; color: #333333; text-transform: uppercase;}
.i_title2 .p span{background: linear-gradient(90deg, #00a4e2 0%, #48ccbf 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; font-style: normal; letter-spacing: 1px;}
.about_one{ overflow: hidden; position: relative;--ww: var(--wrap-1400-width); z-index: 0;}
.about_one .right-cont{/*  right: -40%; */  left: 34%;position: absolute; top:70px; z-index: -2; text-align: center;pointer-events: none; word-break: keep-all;
    white-space: nowrap;
    -webkit-animation: backward-infinite 40s linear 1s infinite;
    -moz-animation: backward-infinite 40s linear 1s infinite; letter-spacing: -0.05em; 
    animation: backward-infinite 40s linear 1s infinite;--fs: clamp(0px, 12.8125vw, 246px);font-size: var(--fs);color: rgba(51, 51, 51, 0);font-family: Arial; font-weight: bold;line-height: 0.8em;font-family: Arial;opacity: 0.1;-webkit-text-stroke: 1px #000000;
    text-stroke: 1px #000000;}
.about_one .right-cont::before{content: attr(data-title); padding-right: 0.5em;}
.about_one .right-cont::after{content: attr(data-title); padding-left: 0.5em;}
.about_one .right-cont .big-txt {margin-left: -0.07em;/* font-size: calc(var(--ww)*0.1755);  */display:inline-block;}
.about_one .right-cont::before, .i_business .right-cont::after { width: max(1920px,100vw);}
.about_one .i_title2{ text-align: left;}
.about_one .txts{ overflow: hidden; margin-top: 2.5%; position: relative;}
.about_one .txts .imgs{ float: left; width: 50%; overflow: hidden; border-radius: 10px;}
.about_one .txts .imgs img{display: block;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.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;}
.about_one .txts .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 .txts .cons{ position: absolute; top: 0; right: 0; width: 50%; background: #fff; overflow: hidden;border-radius: 10px 10px 10px 0; padding-left: 3.42%; padding-top: 2.5%;color: #666666;line-height: 1.75; padding-bottom: 2%; text-align: justify;}
.about_one .counter{ text-align:center; margin-top:7%; margin-bottom: 7%;}
.about_one .counter ul li{ float:left; margin-right:2%;width:23.5%; margin-right:2%;transition:all 0.3s; position:relative; background: linear-gradient(90deg, #00A4E2, #48CCBF);
    border-radius: 10px;}
.about_one .counter ul li:nth-child(4n){ margin-right:0;}

.about_one .counter ul li .txts2{ overflow:hidden; margin-top:16%; margin-bottom:16%;}
.about_one .counter ul li .nums{  line-height:1; color:#fff;}
.about_one .counter span{display:inline-block; vertical-align:middle; overflow:hidden; letter-spacing:1px;  font-weight:bold; font-family:Arial; }
.about_one .counter label{display:inline-block;vertical-align:bottom;font-weight:500; font-size:24px; margin-bottom: 8px;}
.about_one .counter ul li:first-child label{ font-size:16px;}
.about_one .counter .h6{ font-weight: normal; overflow:hidden; line-height:24px;   white-space:nowrap;text-overflow:ellipsis; margin-top:12px; margin-bottom:6px; color:#fff;}
.about_one .counter ul li:hover{-webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}
/*发展历程2*/
.about-page{background: #E9F8FC; overflow: hidden;}
.about-page .history {
    margin-top:3.5%;
   }
   .about-page .history .gallery-top{ background:#fff;}
   .about-page .history .gallery-top .swiper-slide {
     overflow: hidden;border-radius: 10px;
   }
   .about-page .history .gallery-top .pic{width: 50%; float: left;overflow: hidden;}
   .about-page .history .gallery-top .text{width: 48%;position: absolute; top: 0;right: 0; height: 100%; max-width: 690px; overflow: hidden;  display: flex;  align-items: center; justify-content: left;}
   .about-page .history .gallery-top .text .boxs{ margin:0 auto; max-width:545px; width: 90%;}
   .about-page .history .gallery-top img {
      width:100%; height:100%; display:block;-webkit-transition: all 0.8s ease-out;
   -ms-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;-o-transition: all 0.8s ease-out;transition: all 0.8s ease-out;
   }
   .about-page .history .gallery-top .pic:hover img{-webkit-transform:scale(1.12, 1.12); -moz-transform:scale(1.12, 1.12); -o-transform:scale(1.12, 1.12); -ms-transform:scale(1.12, 1.12); transform:scale(1.12, 1.12);}
   .about-page .history .gallery-top .h3{font-weight: bold; color: #333; overflow: hidden;line-height: 40px;}
   .about-page .history .gallery-top .txt{
      width:100%; font-weight:normal; color:#555555; overflow:hidden; line-height:24px; font-size:16px; margin-top:15px;
   }
   .about-page .history .gallery-top .txt li{ overflow: hidden; display: block; padding-left: 16px; position: relative; line-height: 22px; padding-top: 7px; padding-bottom: 7px;}
   .about-page .history .gallery-top .txt li:after{
    content: "";
    width: 5px;
    height: 5px;
    background: linear-gradient(90deg, #00A4E2, #48CCBF);
    border-radius: 50%;
 position: absolute; left: 0; top: 15px;}
   .about-page .history .gallery-thumbs {
     margin-top: 4.4%; margin-bottom:4%; position:relative; margin-right: 3px;
   }
   .about-page .history .gallery-thumbs:after{ content:""; position:absolute; top:19px; width:100%; left:0; height:0; border-bottom:1px dashed #0b0b0b;}
   .about-page .history .gallery-thumbs .swiper-slide {
     font-size: 28px;
     font-weight: bold;font-family: Arial;
     text-align: center; position:relative;
     background: url(../images/history_pic1.png) no-repeat center top;
     background-size: 100% 20px;
     padding-top: 40px; color:#999;
     cursor: pointer;transition:all 0.3s; height:112px;
   }
   .about-page .history .gallery-thumbs .swiper-slide::before{ content: ""; position: absolute; left: 0; top: 11px; width: 100%; height: 9px; background: url(../images/about_pic2.png) no-repeat; background-size: 100% 100%;}
   .about-page .history .gallery-thumbs .swiper-slide:after{ content:""; position:absolute; left:50%; top:0; height:20px; background:#010101; width:1px;}
   .about-page .history .gallery-thumbs .swiper-slide-thumb-active {
     color: #000000; font-size:36px; /*background-image:url(../images/history_pic1.png);*/
     background: linear-gradient(0deg, #00A4E2 0%, #48CCBF 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
   }
   .about-page .history .gallery-thumbs .swiper-button-prev,.about-page .history .gallery-thumbs .swiper-button-next{ width:40px; height:40px; margin-top:-56px; border-radius:25%;opacity: 1; cursor:pointer; /* border: 1px solid #e6e6e6; */background: #cdcccc; z-index: 2;  }
   .about-page .history .gallery-thumbs .swiper-button-prev::before,.about-page .history .gallery-thumbs .swiper-button-next::before{
    content: ""; position: absolute; top:0; left: 0; width: 100%;height: 100%;z-index: 3;
   }
   .about-page .history .gallery-thumbs .swiper-button-prev::before{background: url(../images/left_on.png) center center no-repeat;}
   .about-page .history .gallery-thumbs .swiper-button-next::before{background: url(../images/right_on.png) center center no-repeat;  }
   .about-page .history .gallery-thumbs .swiper-button-prev:hover::before{ background-image: url(../images/left_on.png);}
   .about-page .history .gallery-thumbs .swiper-button-next:hover::before{ background-image: url(../images/right_on.png);}
   .about-page .history .gallery-thumbs .swiper-button-prev{left:0;}
   .about-page .history .gallery-thumbs .swiper-button-next{right:0;}
   .about-page .history .gallery-thumbs .swiper-button-prev::after,.about-page .history .gallery-thumbs .swiper-button-next::after{
     /* content: ""; position: absolute; top:0; left: 0; width: 100%;height: 100%; background: #cdcccc;border-radius:50%;z-index: 0; */
     content: "";position: absolute; top: 0; height:100%; width: 100%; left: 0;background-image: linear-gradient(90deg, 
    #00a4e2 0%, 
    #48ccbf 100%), 
linear-gradient(
    #1879bf, 
    #1879bf);
background-blend-mode: normal, 
    normal;
border-radius: 25%;
opacity:0;filter:Alpha(opacity=0);
z-index: -2;
transition:all 0.3s;
   }
   .about-page .history .gallery-thumbs .swiper-button-prev:hover::after,.about-page .history .gallery-thumbs .swiper-button-next:hover::after{ 
    /* background-blend-mode: normal, normal;background-image: linear-gradient(90deg, #00a4e2 0%, #48ccbf 100%), linear-gradient( #f9f9f9, #f9f9f9); */opacity:1.0;filter:Alpha(opacity=100);
   }
   /*企业文化*/
.about_three_bg{ overflow: hidden; background: #e9f8fc;}
.about_three{  margin-top:3.5%; padding-bottom:5%;}
.about_three ul li{ float:left; width:49%; margin-bottom:3%; overflow:hidden;box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.06);transition:all 0.3s; background: #fff; border-radius:10px;}
.about_three ul li:hover{ background-color:#009FA8; color:#FFFFFF;}
.about_three ul li:nth-child(2n){ float:right;}
/* .about_three ul li:hover{ background-image: linear-gradient(90deg, #00a4e2 0%, #48ccbf 100%), linear-gradient( #f9f9f9, #f9f9f9);background-blend-mode: normal, normal;} */
.about_three ul li .boxs{ width:90%; margin:0 auto; max-width:550px; padding-top:6%; padding-bottom:6%; overflow:hidden;}
.about_three ul li i{ float:left; width:130px; height:130px; border:1px solid #d2d2d2; border-radius:50%;transition:all 0.3s; background-repeat:no-repeat; background-size:100% 100%; margin-right:33px; position: relative; background-color: #fff;}
.about_three ul li i img{ display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;transition:all 0.3s;}
/* .about_three ul li:hover i{ border-color:#fff;} */
.about_three ul li i img.img2{opacity:0;filter:Alpha(opacity=0);}
/* .about_three ul li:hover i img.img2{opacity:1.0;filter:Alpha(opacity=100);}
.about_three ul li:hover i{ border: 0;} */
.about_three ul li .txt{ overflow:hidden;}
.about_three ul li .h3{ font-weight:normal; line-height:40px; height:40px;white-space:nowrap;text-overflow:ellipsis; overflow:hidden; color:#222; margin-top:19px;}
.about_three ul li .p{ line-height:30px; overflow:hidden; height:60px; margin-top:13px;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color:#333333; font-weight:lighter;}
/* .about_three ul li:hover .h3{ color:#fff;}
.about_three ul li:hover .p{ color:#fff;} */

/*新闻中心*/
.news_list{ margin-top: 4%;}
.news_bg{ background: #f7f7f7; overflow: hidden;}

/*新闻详情*/
.about_x2{ margin-top: 4.5%; margin-bottom: 6%;   padding-top:4%; background: #fff; overflow: hidden;}
.about_x2 .boxs{ margin: 0 auto; width: 94%; }
.about_x2 .show_t{ line-height:34px; font-size:24px; color:#222; text-align:center; margin-bottom:1.5%; margin-top:5px; font-weight:bold;}
.about_x2 .show_t.bgs2{ font-size:32px;}
.about_x2 .con_line{ padding-bottom:1.5%; line-height:36px;font-size:16px; color:#999999;border-bottom:1px dashed #e5e5e5; text-align:center;  }
.about_x2 .con_line label{ overflow: hidden; padding-left: 26px; background: url(../images/i_pic7.png) left center no-repeat; background-size: 16px 16px;}
.about_x2 .con_line span{ padding-left:4%;}
.about_x2 img{ max-width:100%;}
.about_x2 .con_id{ line-height:24px;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{ color:#000000; font-weight:bold;  margin-bottom:5px; overflow:hidden; margin-bottom:2%;}
.about_x2 .con_id .h3{ color:#333333; font-size:16px; font-weight:bold; margin-top:3px; margin-bottom:3px;}
.about_x2 .con_id p{ padding-bottom:10px; overflow:hidden;}
.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 #cccccc; 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:#999999; text-transform:uppercase;}
.prenext a{ color:#333333; overflow:hidden; transition:all 0.3s;}
.prenext a em{color:#333333; }
.prenext a:hover{ color:var(--main-color);  text-decoration:none;}
.prenext a:hover em{ color:var(--main-color);}
.prenext .goback{ float:right; display:inline-block; vertical-align:top; height:68px; line-height:34px; padding-top:34px; color:#555; 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:var(--main-color); */ background-image:url(../images/news_pic3_on.png);}
.prenext .goback:hover label{background: linear-gradient(90deg, #00a4e2 0%, #48ccbf 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;cursor: pointer;}
/*信息反馈*/
.product_feedback{ overflow:hidden;}
.product_feedback .divs.l{ float:left;}
.product_feedback .divs.r{ float:right;}
.product_feedback .divs{ width:calc(50% - 10px);width:-webkit-calc(50% - 10px);width:-moz-calc(50% - 10px); max-width:780px; overflow:hidden; /*border:1px solid #cccccc; */ background:#fff; border-radius:6px;margin-bottom:10px;}
.product_feedback .divs2{ overflow:hidden;border:1px solid #cccccc; background:#fff; margin-bottom:10px; clear:both;}
.product_feedback .inputs {width: 100%; height: 56px;line-height: 56px; padding: 0 18px; font-size: 14px;background:none; color:#666666; border:none;font-family:"微软雅黑";}
.product_feedback .inputs::-webkit-input-placeholder {
  color: #999999;
}
.product_feedback .inputs:-moz-placeholder {
  color: #999999;
}
.product_feedback .inputs::-moz-placeholder {
  color: #999999;
}
.product_feedback .inputs:-ms-input-placeholder {
  color: #999999;
}
.product_feedback .textarea{ padding:1%; width:100%; padding-left:18px; background:none; font-size:14px; border:none; outline:none; color:#666666; height:140px;font-family:"微软雅黑"; }
.product_feedback .textarea::-webkit-input-placeholder {
  color: #999999;
}
.product_feedback .textarea:-moz-placeholder {
  color: #999999;
}
.product_feedback .textarea::-moz-placeholder {
  color: #999999;
}
.product_feedback .textarea:-ms-input-placeholder {
  color: #999999;
}
.product_feedback .ends{ text-align:center; margin-bottom:6%; margin-top:5%;}
.product_feedback .bnts{ width:40%; max-width:200px;margin:0 auto; display:inline-block; overflow:hidden;line-height:60px; height: 60px; 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:"微软雅黑"; margin-left:8px; margin-right:8px; }
.product_feedback .bnts.bgs2{ background:none; color: #666666; border: 1px solid #999999;}
.product_feedback .bnts.bgs2:hover{color: #fff;background-image: linear-gradient(90deg, 
  #0ab5f4 0%, 
  #41c6b9 100%), 
linear-gradient(
  #1d80c7, 
  #1272b6); border-color:#41c6b9;}
.product_feedback .searchtitle4{width:calc(50% - 5px);width:-webkit-calc(50% - 5px);width:-moz-calc(50% - 5px);height: 54px;font-size: 16px;position: relative;   float:right; border:1px solid #cccccc; margin-bottom:10px; }
.product_feedback .searchtitle4 label{text-indent:16px;height:52px; line-height:52px; display:block; width:100%; text-decoration:none; cursor:pointer; overflow:hidden; color:#999; text-align:left;background:url(../images/shiyong_bg1.png) #fff right 18px center no-repeat;-webkit-tap-highlight-color:transparent; background-size:13px 7px;}
.product_feedback .searchtitle4 ul{display: none;position: absolute;z-index: 10;width: 100%; top: 52px; /* border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8; */margin-right:0; background:#fff; z-index:1;}
.product_feedback .searchtitle4 ul:before{ content:""; position:absolute; bottom:0; left:0; width:100%; height:100%; border:1px solid #a9a9a9; z-index:-1;}
.product_feedback .searchtitle4 ul:after{ content:""; position:absolute; left:32px; top:0; width:12px; height:6px;background:url(../images/support_bg1.png) no-repeat; background-size:100% 100%;}
.product_feedback .searchtitle4 li{cursor: pointer; line-height:36px;text-indent:16px;color:#333333;overflow:hidden; height:36px;-webkit-tap-highlight-color:transparent;}
.product_feedback .searchtitle4 li a{ color:#333;/*border-bottom:1px solid #eee; */text-align:left; display:block;text-decoration:none; font-size:14px;-webkit-tap-highlight-color:transparent;}
.product_feedback .searchtitle4 li:hover{background: #3253b7;}
.product_feedback .searchtitle4 li:hover a{ color:#fff;}
/*联系方式*/
.contact_one{
  background-color: #ffffff;
	border-radius: 10px;
  overflow: hidden;
  margin-top: 4%;
  margin-bottom: 4%;

}
.contact_one .boxs{margin: 0 auto; width: 94%; padding-top: 2.5%; padding-bottom: 3%; overflow: hidden;}
.contact_one .boxs ul li{ overflow: hidden; border-bottom: 1px solid #cccccc; float: left;
width: 100%; padding-right: 2%; min-height: 78px; padding-top: 30px; padding-bottom: 30px;color: #666666;}
.contact_one .boxs ul li .div{ overflow: hidden;}
.contact_one .boxs ul li:first-child{ width: 100%; padding-right: 0;}
.contact_one .h3{ 
  font-weight: bold;
  overflow: hidden;
  display: inline-block; vertical-align: top;
  background: linear-gradient(90deg, #00a4e2 0%, #48ccbf 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}
.contact_one .boxs ul li span{ font-weight: bold; color: #333333; float: left; line-height: 24px; width:100%;}
.contact_one .boxs ul li strong{ color:#333333;}
.contact_one .boxs ul li p{line-height: 24px;  width:100%; float:left; background:url(../images/service_pic1.png) left no-repeat; padding-left:25px;}
.contact_one .boxs ul li a{color: #666666;}
.contact_one .boxs ul li a:hover{background: linear-gradient(90deg, #00a4e2 0%, #48ccbf 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}
.contact_one .boxs ul li.vt{ display: block; border-bottom: 0;}
.contact_map{  overflow:hidden; height:640px;}
.contact_map iframe{height: 640px;}
/*客户服务*/
.service_one{ overflow: hidden;border-radius: 10px; margin-top: 2.5%; margin-bottom:4%; background: #fff;  }
.service_one .imgs{  width: 50%; overflow: hidden; float:left;}
.service_one .imgs img{display: block;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.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;}
/* .service_one .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);} */
.service_one .txts{ width:50%; overflow: hidden; float:left; text-align: left;}
.service_one .txts .cons{ width: 100%; float:left; padding:32px;}
.service_one strong{ line-height:60px;color:#17929B;}
.service_one .txts .tels{background: linear-gradient(90deg, #00a4e2 0%, #48ccbf 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; font-weight: bold; margin-top: 15px; display: inline-block;}
.service_one .txts .bnts{ margin-bottom: 0;}
.service_two{ overflow: hidden; background: #F7F7F7;}
.service_two .boxs{ overflow: hidden; margin-top: 3%; margin-bottom: 7%;}
.service_two .service_two_l{ float: left; overflow: hidden; height: 500px; width: 51%; position: relative;}
.service_two .service_two_l .contact_scroll{ overflow:hidden;position:absolute; height:94%; padding-right:3%; width:97%; right:3%; top:3%;}
.service_two .service_two_l #srcolls{ overflow:hidden; overflow-y:auto; }
.service_two .service_two_l #srcolls::-webkit-scrollbar {width: 3px;height: 10px;}
.service_two .service_two_l #srcolls::-webkit-scrollbar-thumb { /*background-image:url(../images/product_bg1.png); background-position:center center; background-repeat:no-repeat; background-size:10px 6px;*/background-color: rgba(0, 0, 0, 1.0);}
.service_two .service_two_l #srcolls:hover::-webkit-scrollbar-thumb {background-color: rgba(0, 164, 226, 0.7);}
.service_two .service_two_l #srcolls::-webkit-scrollbar-thumb:hover { background-color: rgba(0, 164, 226, 1.0);-webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1); }
.service_two .service_two_l #srcolls::-webkit-scrollbar-track {  background-color:#cccccc;}
.service_two .service_two_l ul li{ font-size:16px; overflow:hidden; margin-top:2%; margin-bottom:2%; padding-bottom:2%; border-bottom:1px solid #e3e3e3; }
.service_two .service_two_l ul li:last-child{ border-bottom:0; margin-bottom:2%;}
.service_two .service_two_l ul li .h3{ font-weight:bold; font-size:18px; overflow:hidden; margin-bottom:3%;}
.service_two .service_two_l ul li .p{ line-height:24px; overflow:hidden;}
.service_two .service_two_l ul li .p a{ color: #333333;}
.service_two .service_two_l ul li .p a:hover{ color: var(--main-color);}
.service_two .service_two_l ul li .p div{padding-left: 28px; background-repeat: no-repeat; background-position: left top 3px; background-size: 16px; overflow: hidden; margin-bottom: 7px;}
.service_two .service_two_l ul li .p div.bgs1{ background-image: url(../images/service_pic1.png);}
.service_two .service_two_l ul li .p div.bgs2{ background-image: url(../images/service_pic2.png);}
.service_two .service_two_r{ float: right; width: 49%;}
.map-block{ margin-top: 4%;}
.map-block .map-box {
  position: relative;
}
.map-block .map-box img {
  display: block;
}
.map-block .add-list {
  --conpad: 83px;
}
.map-block .add-list .add-li {
  position: absolute;
}
.map-block .add-list .add-li.on .add-line,
.map-block .add-list .add-li.on .add-cont {
  margin: 0;
  opacity: 1;
  pointer-events: auto;
}
.map-block .add-list .point {
  --anstime: 3s;
  --pw: 8px;
  display: block;
}
.map-block .add-list .point i {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: calc(var(--pw)*-0.5);
  margin-top: calc(var(--pw)*-0.5);
  border-radius: 50%;
  background: var(--main-color);
  width: var(--pw);
  height: var(--pw);
  animation: pointanimate1 var(--anstime) infinite;
  animation-delay: 3s;
}
.map-block .add-list .point .p2 {
  animation-delay: 1.5s;
}
.map-block .add-list .point .p3 {
  animation-delay: 3s;
}
.map-block .add-list .add-line {
  position: absolute;
  right: 0;
  bottom: 0;
  width: var(--conpad);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
}
.map-block .add-list .add-line::before {
  content: '';
  display: block;
  padding-top: 49%;
  background: url(../images/map-line.png) no-repeat center / cover;
}
.map-block .add-list .add-cont {
  margin-right: -15px;
  position: absolute;
  right: var(--conpad);
  top: calc(var(--conpad)*-1.5);
  border: 1px solid var(--main-color);
  width: 300px;
  text-align: left;
  background: rgba(255, 255, 255, 0.8);
  padding: 25px 25px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s, margin 0.3s;
}
.map-block .add-list .add-cont .h6 {
  font-size: 16px;
  line-height: 1.4em;
  color: #333333;
  font-weight: bold;
}
.map-block .add-list .add-cont .p {
  margin-top: 5px;
  font-size: 14px;
  line-height: 1.75em;
  color: #666666;
}
.map-block .add-list .li1 {
  left: 66%;
  top: 55.9%;
}
.map-block .add-list .li2 {
  left: 63%;
  top: 40%;
}
.map-block .add-list .li3 {
  left: 64%;
  top: 53.9%;
}
.map-block .add-list .li4 {
  left: 66%;
  top: 73%;
}
.map-block .add-list .li5 {
  left: 60.5%;
  top: 81%;
}
.map-block .add-list .li6 {
  left: 50%;
  top: 71%;
}

.service_three{ overflow: hidden;border-radius: 10px; margin-top: 2.5%; margin-bottom:8%;background: #fff;  }
.service_three .imgs{  width: 50%; overflow: hidden; }
.service_three .imgs img{display: block;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.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;}
.service_three .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);}
.service_three .txts{ width:50%; overflow: hidden;}
.service_three .txts .cons{ width: 94%; margin: 0 auto; max-width: 580px;}
.service_three .txts .h3{ font-weight: bold; overflow: hidden; line-height: 1.6;}
.service_three .txts .p{ color: #666666; overflow: hidden; line-height: 1.6; margin-top: 2%;}


@media screen and (max-width: 1440px) {
/*内页*/
.position{/* height:56px; */ line-height:56px;}
.postions2 .alist a{ margin-right: 30px;}


}


@media screen and (max-width: 1200px) {
/*内页*/
.position .postions_b a{ font-size:15px;padding-left:16px; padding-right:16px;}
.postions2{  line-height:50px; font-size: 14px;}
.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;}
.postions2 .alist a{ margin-right:20px;}
/*关于我们*/
.about_one .right-cont{ top:50px;}
.about_one .txts .cons{padding-top: 2%; padding-bottom: 1.5%;padding-left: 2.5%; line-height: 1.6; width: 60%;}
.about_one .counter label{font-size:20px;}
.about_one .counter ul li:first-child label{ font-size:15px;}
/*发展历程2*/
.about-page .history .gallery-top .pic,
.about-page .history .gallery-top .text {
	width: 100%;
	float: none;
}
.about-page .history .gallery-top .text{ position: static; max-width: none;}
.about-page .history .gallery-top .text .boxs{ max-width: none; padding-top: 3%; padding-bottom: 3%;}
.about-page .history .gallery-thumbs .swiper-slide {
	font-size: 22px; 
	/*background-size: 100% 14px;
	padding-top: 24px;*/
}
.about-page .history .gallery-thumbs .swiper-slide-thumb-active { font-size:30px;}
   /*企业文化*/
   .about_three ul li .h3{ margin-top:2%;}
.about_three ul li i{ margin-right:23px;}
/*新闻详情*/
.about_x2 .con_id{ font-size:15px;}
.about_x2 .con_id .h3{ font-size:15px;}
.about_x2 .con_line{ font-size:15px; }
/*联系方式*/
.contact_map{ height:650px;}
.contact_map iframe{height: 650px;}
/*客户服务*/
.service_two .service_two_l ul li{ font-size:15px;}
.service_two .service_two_l ul li .h3{ font-size:18px;}
.map-block {
  overflow: hidden;
}
.map-block .map-box {
  margin-left: -8%;
  margin-right: -9.5%;
}
.map-block .add-list {
  --conpad: 60px;
}
.map-block .add-list .point {
  --pw: 5px;
}
.map-block .add-list .add-line {
  display: none;
}
.map-block .add-list .add-cont {
  display: none;
  margin-right: -7px;
  width: 200px;
  padding: 12px 15px;
  opacity: 1;
  pointer-events: auto;
}
.map-block .add-list .add-cont .h6 {
  font-size: 15px;
}
.map-block .add-list .add-cont .p {
  margin-top: 5px;
  font-size: 13px;
  line-height: 22px;
}

}

@media screen and (max-width: 1100px) {
/*内页*/


/*分页*/
.yema a{ height:36px; line-height:36px;min-width:30px; font-size:14px;}
.yema a span{ font-size:14px;}
/*发展历程2*/
.about-page .history .gallery-top .txt{margin-top:2%; font-size:15px;}
/*信息反馈*/
.product_feedback .inputs{ font-size:14px;}
.product_feedback .searchtitle4{ font-size:14px;}
.product_feedback .textarea{ font-size:14px;}
/*联系方式*/
.contact_map{ height:600px;}
.contact_map iframe{height: 600px;}
}
@media screen and (max-width: 1000px) {
/*内页*/
.position{height:50px; line-height:50px; font-size:13px;}
.position .postions_r{width:calc(100% - 53px);width:-webkit-calc(100% - 53px);width:-moz-calc(100% - 53px);height: 50px; overflow: hidden;white-space:nowrap;text-overflow:ellipsis;}
.position .rclass{ display:block;}
.position .postions_b{ display:none;}
.position .postions_b a{  display:block; margin-left:0; padding-left:3%; padding-right:0; text-align:left; background:#efefef; border-bottom:1px solid #fff; font-size:14px; margin-right:0; border-radius: 0;}
/*.position .postions_b a:after{ height:0;}
 .position .postions_b a.isel{background-image: linear-gradient(90deg, #00a4e2 0%, #48ccbf 100%), linear-gradient( #f9f9f9, #f9f9f9);background-blend-mode: normal, normal;color:#fff;}
.position .postions_b a:hover{background-image: linear-gradient(90deg, #00a4e2 0%, #48ccbf 100%), linear-gradient( #f9f9f9, #f9f9f9);background-blend-mode: normal, normal;} */
.postions2{  line-height:40px;}
.o_big_con .h2 label{  margin-top:4px; font-size:16px; line-height:26px;}
.o_big_con .h2 span{ margin-top: 15px;}
/*分类弹窗*/
.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;}

}
@media screen and (max-width: 960px) {
.postions2 .alist a{ margin-right:10px;}
.postions2 .postions_r{ display: none;}
/*内页*/
.i_title2{ margin-top: 9%;}
/*关于我们*/
.i_title2 .p{ padding-top: 10px;}
.about_one .right-cont{ top:40px;}
.about_one .txts .imgs{ float: none; width: 100%;}
.about_one .txts .cons{ position: static; width: 100%; padding-left:0; padding-top: 3%; padding-bottom: 3%;}
.about_one .counter label{font-size:18px;}
.about_one .counter ul li:first-child label{ font-size:14px;}
/*发展历程2*/
.about-page .history .gallery-top .txt{line-height:22px; font-size:14px;}
.about-page .history .gallery-top .h3{margin-top:3%; line-height:36px;}
.about-page .history .gallery-thumbs .swiper-slide { font-size:20px;/* padding-top:30px; */height:98px;}
.about-page .history .gallery-thumbs .swiper-slide-thumb-active { font-size:28px;}
.about-page .history .gallery-thumbs .swiper-button-prev,.about-page .history .gallery-thumbs .swiper-button-next{ margin-top:-49px;}
/*证书*/
.zhengshuclick .zsclosebtn{right: 5%;}
 /*企业文化*/
 .about_three ul li i{ width:110px; height:110px; margin-right:13px;}
.about_three ul li .p{ margin-top:6px; line-height:26px; height:52px; font-weight:normal;}
/*新闻详情*/
.about_x2 .show_t{ font-size:22px; line-height:32px;}
.about_x2 .show_t.bgs2{ font-size:26px;}
.prenext{ font-size:15px; 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:15px;*/}
/*信息反馈*/
.product_feedback .bnts{ height: 50px; line-height: 50px;}
/*联系方式*/
.contact_one .boxs ul li{ padding-top: 20px; padding-bottom: 20px;}
/*客户服务*/
.service_one{ margin-top: 4%;}
.service_two .service_two_l #srcolls{ position:static;}
.service_two .service_two_l ul li{ font-size:14px;}
.service_two .service_two_l ul li .h3{ font-size:17px;}
.service_two .service_two_l ul li .p{ line-height:22px;}
.service_two .service_two_l{ float: none; width: 100%;}
.service_two .service_two_l #srcolls{ width: 100%; padding-right: 2%; right: 0;}
.service_two .service_two_r{ float: none; width: 100%;}
.map-block{ margin-top: 0;}
.service_three{ margin-top: 4%;}
}

@media screen and (max-width: 830px) {
/*内页*/
.postions2 h2{ font-size:16px;}
.postions2 h2 span{ font-size:13px;}


}
@media screen and (max-width: 780px) {
/*内页*/
.o_big{ height:290px;}
.postions2{ font-size:13px;  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;}
/*关于我们*/
.about_one .right-cont{ top:30px;}
/*发展历程2*/
.about-page .history .gallery-top .txt{ font-size:13px;}
.about-page .history .gallery-top .h3{ margin-top:2%;line-height:30px;}
 /*证书*/
 .honor{padding-top: 40px;padding-bottom: 40px;}
 .honor .mainbox{padding-top: 20px;}
 .honor .mainbox .honorswiper .partbox .title{font-size: 18px;}
 .honor .mainbox .honorswiper .partbox .des{font-size: 16px;}
  /*企业文化*/
  .about_three ul li i{ width:90px; height:90px; margin-right:10px;}
.about_three ul li .h3{ line-height:32px; height:32px; margin-top:0;}
}

@media screen and (max-width: 640px) {
/*内页*/
.position{height:44px; line-height:44px; font-size:13px;}
.position .postions_r{ height: 44px;}
.position .postions_b a{ font-size:13px;}
.position span{ margin-left: 3px; margin-right: 3px;}
.o_big_con .h2 label{ font-size:15px; line-height:24px;}

/*分页*/
/* .yema a{ font-size:12px;}
.yema a span{ font-size:12px;} */
/*暂无内容*/
.nodata{background-size:auto 130px; padding-top:140px;margin-top:15%; margin-bottom:15%;}
/*关于我们*/
.about_one .counter label{font-size:15px;}
.about_one .counter ul li:first-child label{ font-size:13px;}
.about_one .counter ul li{ width:49%; margin-bottom:2%;}
.about_one .counter ul li:nth-child(4n){ margin-right:2%;}
.about_one .counter ul li:nth-child(2n){ margin-right:0;}
/*发展历程2*/
.about-page .history .gallery-top .pic{width:100%; float:none;}
.about-page .history .gallery-top .text{ width:100%; position:static; display:block; height:auto; margin-top:3%; margin-bottom:3%;}
.about-page .history .gallery-top .txt{ margin-top:1.5%;}
.about-page .history .gallery-top .h3{ margin-top:4%; line-height:26px;}
.about-page .history .gallery-thumbs .swiper-slide { font-size:18px;/*padding-top:25px;*/ height:82px;}
.about-page .history .gallery-thumbs .swiper-slide-thumb-active { font-size:24px;}
.about-page .history .gallery-thumbs .swiper-button-prev,.about-page .history .gallery-thumbs .swiper-button-next{ margin-top:-40px; display:none;}
/*企业文化*/
.about_three ul li{ float:none; width:100%;}
.about_three ul li:nth-child(2n){ float:none;}
.about_three ul li .h3{ margin-top:10px;}
.about_three ul li .boxs{ padding-top:3%; padding-bottom:3%;}
.about_three ul li .p{ height:auto; margin-top:3px; line-height:22px;}
/*新闻详情*/
.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:14px;  line-height:30px; text-align:center;}
.about_x2 .con_id{ font-size:14px; line-height:24px;}
.about_x2 .con_id .h3{ font-size:14px;}
.prenext{ font-size:14px;}
.prenext .goback{ font-size:14px;}
/*信息反馈*/
.product_feedback{ margin-top:4%;}
.product_feedback .inputs{ height:38px; line-height:38px;}
.product_feedback .bnts{ height:40px; line-height:40px; font-size: 14px;}
.product_feedback .searchtitle4{ font-size:13px; height:38px;}
.product_feedback .searchtitle4 label{ height:36px; line-height:36px;}
.product_feedback .searchtitle4 ul{ top:36px;}
/*联系方式*/
.contact_one .boxs ul{ display: block;}
.contact_one .boxs ul li{ float: none; min-height:auto; width: 100%; display: block;}
.contact_one .boxs ul li{ padding-top: 15px; padding-bottom: 15px;}
.contact_map{ height:500px;}
.contact_map iframe{height: 500px;}
/*客户服务*/
.service_one{ display: block;}
.service_one .imgs{ width: 100%;}
.service_one .txts{ width: 100%; margin-top: 8%; margin-bottom: 8%;}
.service_three{ display: block; background: none;}
.service_three .imgs{ width: 100%;}
.service_three .txts{ width: 100%; margin-bottom: 5%; margin-top: 5%;}

}


@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; margin-bottom:30px;}
.position{font-size:12px;}
.position .postions_b a{ font-size:13px;}
.postions2{ font-size:12px;bottom: clamp(0px, calc(100vw*0.0272), 60px);}


/*分页*/
.yema{ padding-top:35px; padding-bottom:40px;}
/* .yema a{ padding-left:5px; padding-right:5px; margin-left:2px;} */
/*关于我们*/
.about_one .right-cont{ top:20px;}
/*发展历程2*/
.about-page .history .gallery-thumbs .swiper-slide{ padding-top:20px;}
.about-page .history .gallery-top .pic:hover img{-webkit-transform:scale(1.0, 1.0); -moz-transform:scale(1.0, 1.0); -o-transform:scale(1.0, 1.0); -ms-transform:scale(1.0, 1.0); transform:scale(1.0, 1.0);}
/*新闻详情*/
.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;}	
.about_x2 .con_id .h3{ font-size:13px;}
.about_x2 .con_line{ font-size:13px; }
.prenext{ font-size:12px; line-height:22px;}
.prenext span{ padding-right:70px; height:22px;}
.prenext .goback{ font-size:12px;}
/*信息反馈*/
.product_feedback .bnts{ font-size:15px;}
.product_feedback .divs{ width:100%;}
.product_feedback .divs.l,.product_feedback .divs.r{ float:none;}
.product_feedback .searchtitle4{ float:none; width:100%;}
.product_feedback .searchtitle4 li a{ font-size:13px;}
.product_feedback .divs{ margin-bottom:10px;}
.product_feedback .divs2{ margin-bottom:10px;}
.product_feedback .bnts{margin-left: 4px;margin-right: 4px;}
/*联系方式*/
.contact_map{ height:400px;}
.contact_map iframe{height: 400px;}
/*客户服务*/
.service_two .service_two_l ul li{ font-size:13px;}
.service_two .service_two_l ul li .h3{ font-size:16px;}
.service_two .service_two_l ul li .p{ line-height:20px;}
.service_two .service_two_l ul li .p div.bgs1{ background-image: url(../images/service_pic3.png);}
.service_two .service_two_l ul li .p div.bgs2{ background-image: url(../images/service_pic4.png);}
}

@media screen and (max-width: 420px) {
/*内页*/
.o_big_con .h2 label{ font-size:13px; line-height:20px;}
/*信息反馈*/
.product_feedback .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;}
/*联系方式*/
.contact_one .boxs ul li{ padding-top: 10px; padding-bottom: 10px;}
.contact_map{ height:350px;}
.contact_map iframe{height: 350px;}
}
@media screen and (max-width: 360px) {
/*内页*/
.o_big_con .h2 label{ font-size:12px;}



}




.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;}
}

@keyframes pointanimate1 {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(3);
    opacity: 0.15;
  }
}

/*新闻列表*/
.list10 {
  --l10p: 40px;
  --imgw: 335px;
  --btnw: 48px;
}
.list10 .list10-li {
  position: relative;
  padding-bottom: var(--l10p);
}
.list10 .list10-li + .list10-li {
  padding-top: var(--l10p);
}
.list10 .list10-box {
  box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0);
  height: 100%;
  transform: translate(0, 0);
  transition: all 0.3s;
}
.list10 .list10-box .img-box {
  /*border-radius: 10px;*/
  width: var(--imgw);
}
.list10 .list10-box .img-box::before {
  padding-top: 66.57%;
}
.list10 .list10-box .list10-cont {
  width: 850px;
  max-width: calc(100% - var(--imgw) - var(--btnw));
  padding-left: 45px;
  padding-right: 15px;
  font-size: 16px;
  line-height: 1.4em;
  color: #666666;
  background-color:#F1F1F1;
}
.list10 .list10-box .list10-cont .list10-time {
  display: block;
  padding-left: 24px;
  background: url(../images/i_pic7.png) left center no-repeat;
  background-size: 16px 16px;

}
.list10 .list10-box .list10-cont .list10-title {
  margin-top: 2px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4em;
  
}
.list10 .list10-box .list10-cont .list10-title span{color: #333333;}
.list10 .list10-box .list10-cont .list10-des {
  --lh: 1.75em;
  margin-top: 14px;
  line-height: var(--lh);
}
.list10 .list10-box .more-div {
  position: absolute;
  right: 0;
}
.list10 .list10-box .more-div .more-box {
  --size: 34%;
  --fill: #ffffff;
  border-radius: 50%;
  background-color: #cccccc;
  width: var(--btnw);
  height: var(--btnw);
  transition: all 0.3s;
}
.list10 .list10-box::before,
.list10 .list10-box::after {
  content: '';
  display: block;
  margin-bottom: calc(var(--l10p)*-1);
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 1px;
  transition: width 0.3s;
}
.list10 .list10-box::before {
  width: 100%;
  background-color: #e5e5e5;
}
.list10 .list10-box::after {
  /* background-color: var(--main-color); */
  background-image: linear-gradient(90deg, #00a4e2 0%, #48ccbf 100%), linear-gradient( #f9f9f9, #f9f9f9);
}
.list10 .list10-box:hover {
  transform: translate(0, -5px);
}
.list10 .list10-box:hover .list10-cont .list10-title span {
  /* color: var(--main-color); */background: linear-gradient(90deg, #00a4e2 0%, #48ccbf 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.list10 .list10-box:hover .more-div .more-box {
  /* background: var(--main-color); */background-image: linear-gradient(90deg, #00a4e2 0%, #48ccbf 100%), linear-gradient( #f9f9f9, #f9f9f9);
  background-blend-mode: normal, normal;
}
.list10 .list10-box:hover::after {
  width: 100%;
}
@media (max-width: 1600px) {
  .list10 {
    --l10p: 30px;
    --imgw: 330px;
    --btnw: 44px;
  }
  .list10 .list10-box .list10-cont {
    padding-left: 30px;
  }
  .list10 .list10-box .list10-cont .list10-title {
    font-size: 22px;
  }
  .list10 .list10-box .list10-cont .list10-des {
    --lh: 1.65em;
    margin-top: 10px;
  }
}
@media (max-width: 1200px) {
  .list10 {
    --l10p: 20px;
    --imgw: 180px;
    --btnw: 0px;
  }
  .list10 .list10-box .img-box {
   /* border-radius: 0.1rem;*/
  }
  .list10 .list10-box .list10-cont {
    padding-left: 20px;
    padding-right: 10px;
    font-size: 14px;
  }
  .list10 .list10-box .list10-cont .list10-title {
    margin-top: 0;
    font-size:18px; margin-top:5px; margin-bottom:5px;
  }
  .list10 .list10-box .list10-cont .list10-des {
    --lh: 1.5em;
    margin-top: 0.1rem;
  }
  .list10 .list10-box .more-div {
    display: none;
  }
}

@media (max-width: 480px) {
 .list10 {
    --l10p: 15px;
    --imgw: 166px;
  }
  .list10 .list10-box .list10-cont .list10-title { font-size:16px;}
  .list10 .list10-box .list10-cont{ font-size:13px; padding-left:10px;}
  
}
@media (max-width: 420px) {
 .list10 {
    --imgw: 130px;
  }
   .list10 .list10-box .list10-cont .list10-title { font-size:14px;}
   .list10 .list10-box .list10-cont{ font-size:12px;}
}

/*人才招聘*/
.job-block .list5 {
  margin-top: 3.5%;
  position: relative;
}
@media (max-width: 1200px) {
  .job-block .list5 {
    margin-top: 4%;
  }
}

.list5 {
  --br: 10px;
  --pl: 35px;
  --pr: 50px;
}
.list5 .list5-li {
  border-radius: var(--br);
  background: #ffffff;
  overflow: hidden;
}
.list5 .list5-li + .list5-li {
  margin-top: 18px;
}
.list5 .list5-li:hover .list5-top,
.list5 .list5-li.on .list5-top {
  background-image: linear-gradient(90deg, #00a4e2 0%, #48ccbf 100%), linear-gradient( #f9f9f9, #f9f9f9);
  background-blend-mode: normal, normal;
  color: #ffffff;
}
.list5 .list5-li:hover .list5-top .self-svg,
.list5 .list5-li.on .list5-top .self-svg {
  --fill: #ffffff;
}
.list5 .list5-li:hover .list5-top .self-svg svg,
.list5 .list5-li.on .list5-top .self-svg svg {
  transform: scaleY(1);
}
.list5 .list5-li:hover .list5-top .title,
.list5 .list5-li.on .list5-top .title {
  color: #ffffff;
}
.list5 .list5-top {
  background: #ffffff;
  padding: 23px var(--pr) 23px var(--pl);
  cursor: pointer;
  font-size: 16px;
  line-height: 1.6em;
  color: #999999;
  transition: all 0.3s;
}
.list5 .list5-top .title {
  width: 55%;
  color: #333333;
}
.list5 .list5-top .self-svg {
  --sw: 1.25em;
  --fill: rgba(51, 51, 51, 0.6);
  flex-shrink: 0;
}
.list5 .list5-top .self-svg svg {
  width: var(--sw);
  height: var(--sw);
  transform: scaleY(-1);
  transition: transform 0.3s;
}
.list5 .list5-top .other {
  margin: 0 15px;
}
.list5 .list5-top .other .other-item + .other-item {
  margin-left: 3em;
}
.list5 .list5-cont {
  display: none;
  border-radius: 0 0 var(--br) var(--br);
  border: solid 1px #e5e5e5;
  border-top: 0 none;
  padding: 32px var(--pr) 40px var(--pl);
  background-color: #ffffff;
  font-size: 14px;
  line-height: 1.75em;
  color: #666666;
}
.list5 .list5-cont .tips {
  margin-top: 8px;
  color: #999999;
}
.list5 .list5-cont .tips a{ color: #999;}
.list5 .list5-cont .tips a:hover {
  color: var(--main-color);
}
@media (max-width: 1600px) {
  .list5 {
    --pl: 30px;
    --pr: 30px;
  }
  .list5 .list5-top {
    font-size: 15px;
  }

  .list5 .list5-top .other {
    margin: 0 10px;
  }
  .list5 .list5-top .other .other-item + .other-item {
    margin-left: 2em;
  }
  .list5 .list5-cont {
    padding: 2em 2.5em;
    line-height: 1.9em;
  }
}
@media (max-width: 1200px) {
  .list5 {
    --br: 10px;
    --pl: 16px;
    --pr: 16px;
  }
  .list5 .list5-li + .list5-li {
    margin-top: 16px;
  }
  .list5 .list5-top {
    padding: 13px var(--pr) 13px var(--pl);
    flex-wrap: wrap;
    font-size: 14px;
  }
  .list5 .list5-top .title {
    width: calc(100% - 2em);
  }
  .list5 .list5-top .other {
    order: 2;
    margin: 8px 0px 0 0;
    width: 100%;
  }
  .list5 .list5-top .other .other-item + .other-item {
    margin-left: 1em;
  }
  .list5 .list5-cont {
    padding: 13px var(--pr) 13px var(--pl);
    line-height: 1.8em;
  }
  .list5 .list5-cont .tips {
    margin-top: 6px;
  }
}

@media (max-width: 640px) {
  .list5 .list5-top { font-size: 13px;}
}

@media (max-width: 480px) {
  .list5 .list5-top { font-size: 12px;}
}


/*产品列表*/
.product_list{ overflow: hidden; margin-top: 4%;}
.product_list li{ float: left; width:48.5%; max-width: 680px; background: #fff; overflow: hidden;border-radius: 10px; margin-bottom: 3%;}
.product_list li:nth-child(2n){ float: right;}
.product_list li .boxs{ width: 540px; margin: 0 auto; width: 94%; overflow: hidden; text-align: center;}
.product_list li .h3{ font-weight: bold; overflow: hidden; margin-top: 8%; line-height: 1.4em; color: #333333;}
.product_list li .desc{margin-top: 14px;line-height: 1.75em; color: #666666;}
.product_list li .img-box{ margin-top: 5%; margin-bottom: 8%; overflow: visible;}
.product_list li .img-box::before{ padding-top: 67.6%;}
.bnts2{width: 162px;
	height: 44px;
  line-height: 44px; text-align: center;
	border-radius: 5px;transition:all 0.3s;
  color: #fff;
  display: block;
  margin: 0 auto;
  margin-top: 3%;
color: #666;
position: relative;
    z-index: 0;
    overflow: hidden;
   }
  .bnts2:hover{
    background-image: linear-gradient(90deg, 
		#00a4e2 0%, 
		#48ccbf 100%), 
	linear-gradient(
		#1879bf, 
		#1879bf);
	background-blend-mode: normal, 
		normal;
    color: #fff;
    text-indent: 5px;
  }
  .bnts2:after{ content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0;border: 1px solid #666; z-index: -1;border-radius: 5px;}
  .bnts2:hover:after{ border: 0;}
  .bnts2 span{ display: inline-block; background: url(../images/product_pic1.png) no-repeat;background-size: 18px 10px; width: 18px;background-position: center center; height: 16px; vertical-align: middle; margin-left: 8px;}
  .bnts2:hover span{ background-image: url(../images/i_pic4.png);}
  .hover_li:hover .bnts2{background-image: linear-gradient(90deg, 
		#00a4e2 0%, 
		#48ccbf 100%), 
	linear-gradient(
		#1879bf, 
		#1879bf);
	background-blend-mode: normal, 
		normal;
    color: #fff; text-indent: 5px;}
  .hover_li:hover .bnts2:after{ border: 0;}
  .hover_li:hover .bnts2 span{ background-image: url(../images/i_pic4.png);}
  @media (max-width: 960px) {
    .bnts2{ width: 140px; height: 40px; line-height: 40px;}
  }
  @media (max-width: 640px) {
    .product_list li .img-box{ margin-top: 8%; margin-bottom: 10%;}
    .product_list li .desc{ margin-top: 10px;}
    .bnts2{height: 36px; line-height: 36px;font-size: 14px; margin-top: 5%;}
    
  }
  @media (max-width: 480px) {
    .bnts2{height: 32px; line-height: 32px; width: 130px; font-size: 13px; }
    .product_list li{ float: none; width: 100%;}
    .product_list li:nth-child(2n){ float: none;}
  }

  @media (max-width: 420px) {
    .bnts2{width: 110px; font-size: 12px; }

  }

/*产品详细*/
  .productDetails{background: #f7f7f7; overflow: hidden;}
  .productDetails .information:after{content:"";height:0;display:block;clear:both}
.productDetails .product_one_l{ float:left;width:700px;/* overflow:hidden;*/ position:relative; margin-right:1%; }
.productDetails .product_one_l .pro_big2{ overflow:hidden; margin-bottom:15px;/*border:1px solid #dddddd;*/ background:#fff;}
.productDetails .product_one_l .big_img{width:100%;}
.productDetails .information{ overflow:hidden; padding-top:9px;padding-bottom:20px; margin-bottom:18px;}
.productDetails .information .conten{ overflow:hidden; position:relative; min-height:540px; padding-left:3%; }
.productDetails .information .h2{font-weight:bold; line-height:1.3;color: #333333; overflow:hidden; margin-top:2%;}
.productDetails .information .txt{overflow:hidden; color:#666666; font-size:18px; line-height:24px; margin-top:2%;  padding-bottom:3%; margin-bottom:2.5%; border-bottom:1px solid #e6e6e6; }
.productDetails .information .p{ overflow:hidden; line-height:24px;color:#666666; font-size:16px; margin-bottom:4%;}
.productDetails .information .p b{ display:block; color:#333333; font-size:18px; overflow:hidden; line-height:32px; margin-bottom:9px;}
.productDetails .information .p p{ position:relative; overflow:hidden; margin-bottom:7px; padding-left:15px;}
.productDetails .information .p p:after{ content:""; position:absolute; left:0; top:8px; width:7px; height:7px; border-radius:50%; background:#666666;}
/*产品放大*/
.productDetails .product_one_l .content_timglt{overflow:hidden; text-align:center; position: relative;  }
.productDetails .product_one_l .content_timglt#bid{padding-top:66.715%;}
.productDetails .product_one_l .content_timglt#bid img{position:absolute; top:0; left:0; height:100%;}
.productDetails .product_one_l .content_timglt img{ width:100%;  overflow: hidden; margin:0 auto; /*border:1px solid #e4e4e4;*/-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.productDetails .product_one_l .content_timglt .content_timglt{ width:calc(100% - 0x);width:-webkit-calc(100% - 0px);width:-moz-calc(100% - 0px); }
.productDetails .product_one_l #drag_img{width: 160px; height: 120px; background: url(../images/zoom_bg.gif) repeat; float: left; display: none;}
.productDetails .information .conten .content_timgr{ width: 600px; height: 449px; float: left; overflow: hidden; display: inline; border: 1px solid #eee; display: none; position: absolute; left: 0; top:0; background-color: #FFF; z-index:9;}
.productDetails .information .conten .content_timgr img{width: 1200px; max-width:none; height:898px; }
.product_title{ height:60px; line-height:60px; background:#fff; font-size:18px; position:relative; overflow:hidden;}
.product_title:after{ content:""; position:absolute; bottom:0; left:0; width:100%;transition:all 0.3s; height:1px; background:#e6e6e6; }
.product_title a{ float:left; overflow:hidden; width:33.33%; max-width:200px;color:#666666;  cursor:pointer; position:relative; text-align:center; z-index:0;}
.product_title a:after{ 
  content:""; position:absolute; bottom:0; left:0; width:0;transition:all 0.3s; height:100%;z-index:-1;background-image: linear-gradient(90deg, #00a4e2 0%, #48ccbf 100%), linear-gradient( #f9f9f9, #f9f9f9);
  background-blend-mode: normal, normal;
}
.product_title a.on:after{ width:100%;}
.product_title a.on{ color:#fff;}
.product_con2{ background:#fff; overflow:hidden;   }
.product_con2 .boxs{ margin:0 auto; width:96%; overflow:hidden; max-width:1280px; min-height:210px;}
.product_two{ overflow:hidden;  font-size:16px; line-height:28px; color:#666666; margin-top:4%; padding-bottom:6%;}
.product_two img{ max-width:100%;}
.product_two .table{ overflow:hidden;}
.product_two .table table{ width:100%;border-collapse:collapse;border-spacing:0; color:#333333; margin-top: 2.5%;}
.product_two .table table th{ line-height:22px;height:50px;padding:5px;border:1px solid #e6e6e6; color:#fff; text-align:center; width:25%;}
.product_two .table table .bgs1{background-image: linear-gradient(90deg, #00a4e2 0%, #48ccbf 100%), linear-gradient( #f9f9f9, #f9f9f9);
  background-blend-mode: normal, normal;}
.product_two .table table td{ line-height:22px;height:50px; padding:5px; border:1px solid #e6e6e6; text-align:center;}
.product_two .table table td:nth-child(2n+1){ background: #f5f9fa;}
.product_two .table table .w1{ width:103px; padding-left:22px; padding-right:5px; font-weight:bold; color:#666666;}
.product_two .table table .w2{ width:264px;padding-left:54px; padding-right:5px; }
.product_two .table table .p1{ max-width:230px;}
.product_two .h3{ overflow:hidden;   font-size:20px; color:#333333; margin-bottom:1%;  font-weight:bold;}
.product_down{ overflow:hidden;  font-size:18px;}
.product_down li{ display:block; width:100%; padding-left:66px; overflow:hidden; background:url(../images/product_pic5.png) left center no-repeat; background-size:36px 45px;margin-bottom:30px; transition:all 0.3s; position: relative; z-index: 0;}
.product_down li::before{ content: ""; position: absolute;bottom: 0; left: 0; width: 100%; height:1px; background: #e6e6e6; z-index: 1; }
.product_down li::after{ content: ""; position: absolute;bottom: 0; left: 0; width: 0%; height:1px; background-image: linear-gradient(90deg, #00a4e2 0%, #48ccbf 100%), linear-gradient( #f9f9f9, #f9f9f9);
  background-blend-mode: normal, normal;z-index: 2;transition:all 0.6s; }
  .product_down li:hover::after{ width: 100%;}
.product_down li:hover{background-image:url(../images/product_pic5_on.png);}
.product_down li:last-child{ margin-bottom:10px;}
.product_down li a{ display:block; vertical-align:top;  color:#666666; padding-right:56px;height:80px; line-height:80px;  background:url(../images/product_pic6.png) right 8px center no-repeat; background-size:18px 17px;transition:all 0.3s;}
.product_down li:hover a{ color:var(--main-color);  background-image:url(../images/product_pic6_on.png);}
.product_down li:hover a span{background: linear-gradient(90deg, #00a4e2 0%, #48ccbf 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}
.product_down li a em{ font-style:normal; color:#999999; float:right; margin-left:10px; font-size:16px;}
.productDetails .information .rend{ margin-top:5.5%; overflow:hidden; margin-bottom:10%;}
.productDetails .information .rend .a{ display:inline-block; vertical-align:top; overflow:hidden;height:52px; line-height:52px; text-align:left; padding-left:62px; padding-right:35px; color:#999999;  border-radius:10px; font-size:16px; margin-top:1.5%;transition:all 0.3s; border:1px solid #cccccc; margin-right:18px; position: relative;z-index: 0;}
.productDetails .information .rend .a:after{ 
  content: ""; position: absolute; top: 0; left: 0;width: 100%; height: 100%;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  -ms-transition: all .3s;
  transition: all .3s;
z-index: -1;
background:url(../images/product_pic3.png) left 32px center no-repeat; background-size:17px 17px;
}
.productDetails .information .rend .a.bgs2{
  /* background-image: linear-gradient(90deg, #00a4e2 0%, #48ccbf 100%), linear-gradient( #f9f9f9, #f9f9f9);
  background-blend-mode: normal, normal;border-color:#97dae8;color:#fff; */
}
.productDetails .information .rend .a:hover{
  border-color:#97dae8;color:#fff; background-image: linear-gradient(90deg, #00a4e2 0%, #48ccbf 100%), linear-gradient( #f9f9f9, #f9f9f9);
  background-blend-mode: normal, normal;border-color:#97dae8;
}
.productDetails .information .rend .a:hover:after{background-image:url(../images/product_pic3_on.png); }
.productDetails .information .rend .a.bgs2::after{  background-image:url(../images/product_pic7.png);}
.productDetails .information .rend .a.bgs2:hover:after{background-image:url(../images/product_pic4_on.png);}
.productDetails .information .rend .a.bgs2:hover{ opacity: 0.8;fill-opacity: 80;}
@media (max-width: 1500px) {
 /*产品详细*/
.productDetails .information .conten{ padding-left:2%;}

}
@media (max-width: 1200px) {
/*产品详细*/
.productDetails .information{ padding-top:20px; padding-bottom:20px;}
.productDetails .product_one_l{ width:520px;}
.productDetails .information .conten{ min-height:400px;}
.productDetails .information .conten .content_timgr{ width:500px; height:453px;}
.productDetails .information .h2{ margin-top:1%;}
.productDetails .information .rend .a{ height:42px; line-height:40px; padding-right:20px; padding-left:40px; font-size:14px;}
.productDetails .information .rend .a:after{background-position:left 16px center; }

 
 }
 @media (max-width: 1100px) {
/*产品详细*/
.productDetails .information .conten .content_timgr{ display:none!important;}
.productDetails .product_one_l #drag_img{ display:none!important;}
.productDetails .information{ padding:20px; padding-left:0; padding-right:0;}
.productDetails .information .txt{  font-size:16px;}
.productDetails .information .p b{ font-size:17px;}
.productDetails .information .p{ font-size:15px;}
.productDetails .information .rend{ margin-bottom:0%;}
 
 }
 @media (max-width: 992px) {
/*产品详细*/
.productDetails .product_one_l{ width:100%; float:none;}
.productDetails .information .conten{ min-height:inherit;}
.productDetails .information .h2{ margin-top:5%;}
.product_two .h3{ font-size:17px;}
.product_down{ font-size:16px;}
.product_down li{ background-size:26px 33px; padding-left:40px; margin-bottom:20px;}
.product_down li a{ line-height:60px; height:60px;}
.product_down li a em{ font-size:14px;}
.product_two{ line-height:26px; font-size:14px;}
   
}
@media (max-width: 640px) {
/*产品详细*/
.productDetails .information{ padding:10px; padding-left:0; padding-right:0;}
.productDetails .information .h2{  margin-top:6%;}
.product_title{ line-height:50px; height:50px; font-size:16px;}
.product_two .h3{ font-size:16px;}
.product_two{ font-size:13px; margin-top:5%; padding-bottom:6%;}
.product_down{ font-size:14px;}
.product_down li{ background-size:22px 28px; padding-left:30px;}
.product_down li a{ padding-right:30px; height:50px; line-height:50px;}
.product_down li a em{ font-size:12px;}
.productDetails .information .rend .a{ height:36px; line-height:34px; font-size:13px; margin-right:10px;}
       
}
 @media (max-width: 480px) {
/*产品详细*/
.productDetails .information .txt{ font-size:13px; line-height:22px;}
.productDetails .information .p b{ font-size:16px;}
.productDetails .information .p{ font-size:13px;}
.product_title{ line-height:44px; height:44px; font-size:14px;}
.product_two .h3{ font-size:14px;}
.product_two{ font-size:12px; line-height:22px;}
.product_two .table table .w2{ padding-left:8px; width:310px;}
.product_down{ font-size:13px;}
.product_down li{ padding-left:30px; margin-bottom:10px;}
.product_down li a{ min-width:120px;background-size:14px 13px; padding-right:25px; height:40px; line-height:40px;}
.product_down li a em{ display:none;}
               
}
@media (max-width: 420px) {
  /*产品详细*/
.product_title{ font-size:13px; height:40px; line-height:40px;}
}
@media (max-width: 380px) {
  /*产品详细*/
.product_title{ font-size:12px; }
}

/*应用支持*/
.application_list{ overflow: hidden; margin-top: 4%;}
.application_list li{ float: left; width:48.5%; max-width: 680px; background: #fff; overflow: hidden;border-radius: 10px; margin-bottom: 3%;border-radius: 10px;}
.application_list li:nth-child(2n){ float: right;}
.application_list li .boxs{ padding: 40px; overflow: hidden; }
.application_list li .h3{ font-weight: bold; overflow: hidden; margin-top: 28px; line-height: 1.4em; color: #333333; transition: all .3s;height: 70px;}
.application_list li:hover .h3{ background: linear-gradient(90deg, #00a4e2 0%, #48ccbf 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}
.application_list li .desc{margin-top: 14px;line-height: 1.75em; color: #666666; min-height: 5.25em;}
.application_list li .img-box{ float: left; width: 220px;}
.application_list li .img-box::before{ padding-top:139.092%;}
.application_list li .txts{ float: right;width:calc(98% - 220px);width:-webkit-calc(98% - 220px);width:-moz-calc(98% - 220px); max-width: 330px;}
.application_list li .ends{ margin-top: 3%; overflow: hidden; margin-top:50px;}
.application_list li .ends .a{ display: inline-block;vertical-align: top; margin-right: 5%; text-align: center;background-repeat: no-repeat;background-position: center top; background-size: 27px 26px; padding-top: 30px; line-height: 22px; color: #666666; font-size: 14px;}
.application_list li .ends .a:hover{ color: var(--main-color);}
.application_list li .ends .a.see{ background-image: url(../images/application_pic1.png);}
.application_list li .ends .a.see:hover{background-image: url(../images/application_pic1_on.png);}
.application_list li .ends .a.no{background-image: url(../images/application_pic1_no.png); color: #ccc;}
.application_list li .ends .a.down{ background-image: url(../images/application_pic2.png);}
.application_list li .ends .a.down:hover{ background-image: url(../images/application_pic2_on.png);}
@media (max-width: 1200px) {
/*应用支持*/
.application_list li .img-box{ width: 180px;}
.application_list li .txts{width: calc(98% - 180px);
  width: -webkit-calc(98% - 180px);
  width: -moz-calc(98% - 180px);}
  .application_list li .ends{ margin-top: 30px;}
}
@media (max-width: 960px) {
  /*应用支持*/
  .application_list li{ float: none; width: 100%; max-width: none;}
  .application_list li .img-box{ width: 220px;}
  .application_list li .txts{width: calc(98% - 220px);
    width: -webkit-calc(98% - 220px);
    width: -moz-calc(98% - 220px);
  max-width: none;
  }
  .application_list li .ends{ margin-top: 50px;}
  .application_list li .h3{ margin-top: 50px;}
  
}
@media (max-width: 640px) {
  /*应用支持*/
  .application_list li .img-box{ width: 180px;}
  .application_list li .txts{width: calc(98% - 180px);
    width: -webkit-calc(98% - 180px);
    width: -moz-calc(98% - 180px);

  }
  .application_list li .boxs{ padding: 25px;}
  .application_list li .ends{ margin-top: 30px;}
  .application_list li .ends .a{ font-size: 13px;}
}

@media (max-width: 480px) {
  /*应用支持*/
  .application_list li .ends .a{ font-size: 12px; background-size: 20px 19px;}
  .application_list li .h3{ margin-top: 30px;}
  .application_list li .boxs{ padding: 15px;}
  
}
@media (max-width: 420px) {
  /*应用支持*/
  .application_list li .img-box{ width: 160px;}
  .application_list li .txts{width: calc(98% - 160px);
    width: -webkit-calc(98% - 160px);
    width: -moz-calc(98% - 160px);

  }
  .application_list li .boxs{ padding: 10px;}
  .application_list li .h3{ margin-top: 20px;}
  
}


/*在线留言*/
.feedback_bgs{z-index: 98;background-color: #000;opacity: 0.5; width:100%; height:100%; position:fixed; left:0; top:0; display:none; border-radius:6px;}
.feedback_box{z-index: 99; /*width: 600px; height: 360px;*/ width:0; height:0; /*top: 157.5px;*/  left: 50%;/* margin-left:-300px; */position:fixed; background-color:#ffffff;  overflow:hidden; text-align:center;}
.feedback_box.showdiv{ width:96%;max-width:600px; height:560px; margin-left:-300px;/*top:157.5px;*/top:50%; margin-top:-280px;transition:all 0.3s;}
.feedback_box.bgs2.showdiv{ height:650px; margin-top:-325px;}
.feedback_box .feedback_box_close{position: absolute; right: 15px; top: 0px;  font-size: 0; line-height: initial;}
.feedback_box .feedback_box_close a{ color:#777777; font-size:40px;}
.feedback_box .feedback_box_close a:hover{ color:var(--main-color);}
.feedback_box .feedback_con{ width:94%; max-width:500px; margin:0 auto; padding-top:35px;}
.feedback_box .feedtack_tt{ overflow:hidden; position:relative; margin-bottom:20px; color:#777777; line-height:34px; text-align:center;}
.feedback_box .feedtack_tt .h3{ height:70px; line-height:70px; font-weight:bold; position:relative; overflow:hidden; color:#333; text-align:center; }
.feedback_box .feedtack_img{ background:#f3f3f3; overflow:hidden; padding:13px; border-radius:6px;margin-bottom:15px;}
.feedback_box .feedtack_img .imgs{ overflow:hidden; border:1px solid #e6e6e6; float:left; width:66px; margin-right:15px;}
.feedback_box .feedtack_img .imgs img{ width:100%; display:block;}
.feedback_box .feedtack_img .txt{ overflow:hidden; text-align:left;}
.feedback_box .feedtack_img .txt .h5{ font-weight:bold; overflow:hidden; height:36px; line-height:36px; color:#222222; font-size:18px;}
.feedback_box .feedtack_img .txt .p{ overflow:hidden; color:#888888; font-size:15px; line-height:22px; height:22px;white-space:nowrap;text-overflow:ellipsis;}
.feedback_box .divs{ overflow:hidden; /*float:left; width:49%;*/ border:1px solid rgba(0, 0, 0, 0.1); background:#fff;margin-bottom:15px; position:relative;border-radius: 5px;}
/*.feedback_box .divs:nth-child(2n){ float:right;}*/
.feedback_box .divs.bgs2{ float:none; width:100%;}
.feedback_box .divs.partner_file #card1{position: absolute;font-size: 100px; right: 0; top: 0;  opacity: 0; filter: alpha(opacity=0); cursor: pointer; width:100%; height:100%; z-index:1;}
.feedback_box .divs.partner_file span{font-size: 14px; text-indent:16px; line-height:58px;height: 58px; display:block; color: #999999;}
.feedback_box .input_shurk{ width:100%;height: 48px;font-size: 14px; border:0; overflow:hidden; color:#333;text-indent:18px; line-height:48px; outline:none; background:none;font-family:"PingFang-Regular","PingFang SC Regular","微软雅黑"; }
.feedback_box .divs.partner_file em{transition:all 0.3s; position:absolute; right:12px; top:9px; width:92px; line-height:40px; height:40px; text-align:center; color:#fff; background:#2da338; font-style:normal; font-size:14px;}
.feedback_box .divs.partner_file:hover em{opacity:0.8;filter:Alpha(opacity=80);}
.feedback_box .input_shurk::-webkit-input-placeholder {
  color: #999999;
}
.feedback_box .input_shurk:-moz-placeholder {
  color: #999999;
}
.feedback_box .input_shurk::-moz-placeholder {
  color: #999999;
}
.feedback_box .input_shurk:-ms-input-placeholder {
  color: #999999;
}
.feedback_box select.input_shurk{appearance: none; -moz-appearance: none; -webkit-appearance: none;background: url(../images/shiyong_bg1.png) #fff right 11px center no-repeat; padding-left:13px; text-indent:0;}
.feedback_box .textarea{ padding:1%; width:calc(100% - 0px);width:-webkit-calc(100% - 0px);width:-moz-calc(100% - 0px); padding-left:18px; background:#fff; font-size:14px; border:1px solid rgba(0, 0, 0, 0.1); outline:none;margin-bottom:15px; padding-top:12px; color:#333; height:100px;font-family:"微软雅黑";border-radius: 5px; }
.feedback_box .textarea::-webkit-input-placeholder {
  color: #999999;
}
.feedback_box .textarea:-moz-placeholder {
  color: #999999;
}
.feedback_box .textarea::-moz-placeholder {
  color: #999999;
}
.feedback_box .textarea:-ms-input-placeholder {
  color: #999999;
}
.feedback_box .ends{ text-align:center; margin-bottom:6%; margin-top:5%;}
.feedback_box .ends .bnts{ width:48%; max-width:240px; float: left; overflow:hidden;line-height:50px; height: 50px; 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:"微软雅黑"; }
.feedback_box .ends .bnts.bgs1{background:none; color: #666666; border: 1px solid #999999;}
.feedback_box .ends .bnts.bgs1:hover{color: #fff;background-image: linear-gradient(90deg, 
  #0ab5f4 0%, 
  #41c6b9 100%), 
linear-gradient(
  #1d80c7, 
  #1272b6); border-color:#41c6b9;}
.feedback_box .ends .bnts.bgs2{ background:none; color: #666666; border: 1px solid #999999;float: right;}
.feedback_box .ends .bnts.bgs2:hover{color: #fff;background-image: linear-gradient(90deg, 
  #0ab5f4 0%, 
  #41c6b9 100%), 
linear-gradient(
  #1d80c7, 
  #1272b6); border-color:#41c6b9;}


@media screen and (max-width: 640px) {
  /*在线留言*/
.feedback_box.showdiv{ max-width:none; margin-left:-48%;/*top:90px;*/ height:410px; margin-top:-205px;}
.feedback_box.bgs2.showdiv{ height:500px; margin-top:-250px;}
.feedback_box .feedback_box_close a{ font-size:30px;}
.feedback_box .feedback_con{ padding-top:10px;}
.feedback_box .feedtack_tt{  margin-bottom:10px; line-height:24px;}
.feedback_box .feedtack_tt .h3{height:40px; line-height:40px;}
.feedback_box .divs{ margin-bottom:10px;}
.feedback_box .divs.sel{ margin-right:0; float:none; width:100%;}
.feedback_box .divs.partner_file span{ font-size:12px;}
.feedback_box .textarea{ margin-bottom:10px; height:80px;font-size:13px;}
.feedback_box .input_shurk{  height:40px; line-height:40px;font-size:13px; text-indent:12px;}
.feedback_box .divs.partner_file span{ height:40px; line-height:40px;font-size:12px;text-indent:12px;}
.feedback_box .divs.partner_file em{ right:6px; top:5px; height:30px; line-height:30px; font-size:12px; width:70px;}
.feedback_box .divs2 .imgs{ height:34px;}
.feedback_box .feedtack_img{ margin-bottom:10px;}
.feedback_box .ends .bnts{ height:40px; line-height:40px; font-size: 14px;}
}

@media screen and (max-width: 480px) {
/*在线留言*/
.feedback_box.showdiv{ height:390px; margin-top:-195px;}
.feedback_box.bgs2.showdiv{ height:590px; margin-top:-295px;}
.feedback_box .divs{ margin-bottom:2%; float:none; width:100%;}
.feedback_box .divs:nth-child(2n){ float:none;}
.feedback_box .feedtack_img{ padding:8px; margin-bottom:2%;}
.feedback_box .feedtack_img .imgs{ margin-right:8px;}
.feedback_box .feedtack_img .txt .h5{ font-size:16px;}
.feedback_box .feedtack_img .txt .p{ font-size:13px;}
.feedback_box .ends .bnts{ font-size:15px;}

}
@media screen and (max-width: 420px) {
/*在线留言*/
.feedback_box.showdiv{ height:390px; margin-top:-195px;}
.feedback_box.bgs2.showdiv{ height:570px; margin-top:-285px;}
.feedback_box .feedtack_img .txt .h5{ font-size:14px;}
.feedback_box .feedtack_img .txt .p{ font-size:12px;}
.feedback_box .ends .bnts{ font-size:13px;}
}

.hqzl{ width:100%; height:194px; background:url(../images/hqzl.jpg); margin-bottom:4%;}

.btn-primary {
display:block; margin:auto; display:block; background-color:#019FA8; color:#ffffff; padding:10px; font-size:18px;border-radius: 6px; text-align:center; width:160px;
}
.btn-primary:hover {
	border-color:#2F5BB7;
	color:#fff;
	background-color: #4D90FE;
	background: -webkit-linear-gradient(top, #4D90FE, #357AE8);
	background: -moz-linear-gradient(top, #4D90FE, #357AE8);
	background: linear-gradient(top, #4D90FE, #357AE8);
}
.btn-primary:active, .btn-primary.btn-active {
	box-shadow:#2176D3 0 1px 2px 0 inset;
	border-color: #3079ED;
}
.btn-primary:focus {
	border-color:#4d90fe;
	outline:none
}

.theme-buy {
	margin-top:1%;
	text-align: center;
}
.theme-gobuy, .theme-signin {
	font-size: 15px;
}
.theme-price {
	position: relative;
	bottom: -6px;
	font-family: microsoft yahei, Arial, Helvetica, sans-serif;
	margin-right: 20px;
	font-weight: bold;
	color: #f60;
	line-height: 32px;
	font-size: 24px;
	display: inline-block;
}
.theme-price dfn {
	font-style: normal;
	font-size: 18px;
	margin-right: 2px;
}
.theme-desc {
	padding: 30px;
}
.theme-version {
	padding: 30px;
}
.theme-popover-mask {
	z-index: 9998;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:0.4;
	filter:alpha(opacity=40);
	display:none
}
.theme-popover {
	z-index:9999;
	position:fixed;
	top:30%;
	left:50%;
	width:760px;
	height:620px;
	margin:-180px 0 0 -330px;
	border-radius:5px;
	border:solid 2px #666;
	background-color:#fff;
	display:none;
	box-shadow: 0 0 10px #666;
}
.theme-poptit {
	border-bottom:1px solid #ddd;
	padding:12px;
	position: relative;
}
.theme-popbod {
	padding:60px 15px;
	color:#444;
	height: 148px;
}
.theme-popbom {
	padding:15px;
	background-color:#f6f6f6;
	border-top:1px solid #ddd;
	border-radius:0 0 5px 5px;
	color:#666
}
.theme-popbom a {
	margin-left:8px
}
.theme-poptit .close {
	float:right;
	color:#999;
	padding:5px;
	margin:-2px -5px -5px;
	font:bold 14px/14px simsun;
	text-shadow:0 1px 0 #ddd
}
.theme-poptit .close:hover {
	color:#444;
}
.btn.theme-reg {
	position: absolute;
	top: 8px;
	left: 43%;
	display: none
}
.inp-gray, .feed-mail-inp {
	border:1px solid #ccc;
	background-color:#fdfdfd;
	width:220px;
	height:16px;
	padding:4px;
	color:#444;
	margin-right:6px
}
.dform {
	padding:20px 60px 40px;
	text-align: center;
}
.dform .ipt_error {
	background-color:#FFFFCC;
	border-color:#FFCC66
}
.dform-tip {
	display:none;
	background-color:#080;
	color:#fff;
	line-height:42px;
	margin-top:10px;
display:;
	font-size: 14px;
}
.dform-tip-errer {
	background-color: #CF301A;
}
.dform-tip a {
	display: inline-block;
	padding: 0 20px;
	margin-left:10px;
	background-color: #FFE924;
	color: #CF301A;
}
.dform-login {
	padding:0;
	height: 270px;
	overflow: hidden;
}
.dform-login iframe {
	height: 470px;
	margin-top: -180px;
}
.theme-signin {
	margin: -50px -20px -50px 90px;
	text-align:left;
	font-size: 14px;
}
.theme-signin h4 {
	color:#999;
	font-weight:100;
	margin-bottom: 20px;
	font-size: 12px;
}
.theme-signin li {
	padding-left: 80px;
	margin-bottom: 15px;
}
.theme-signin li strong {
	float: left;
	margin-left: -80px;
	width: 80px;
	text-align: right;
	line-height: 32px;
}
.theme-signin .btn {
	margin-bottom: 10px;
}
.theme-signin p {
	font-size: 12px;
	color: #999;
}
.theme-desc, .theme-version {
	padding-top: 0
}

.hzzl_nest { margin-left:28%; padding-top:2%;}
.hzzl_nest h2{ color:#FFFFFF; font-size:26px;}
.hzzl_nest p{ color:#FFFFFF; line-height:30px; padding-top:10px;}

.menu_list{width:100%;margin:0 auto;}
.menu_head{
padding-top:25px;
padding-bottom:25px;
	padding-left: 28px;
	font-size: 18px;
	color: #333333;
	cursor: pointer;
	border-bottom: 1px solid #C1F7F8;
	position: relative;
	margin: 0px;
	background: #E8F7FC url(../images/jt1.png) center right no-repeat;
}
.menu_head:hover{background:#19AEB0; color:#FFFFFF;}
.menu_list .current{background:#19AEB0 url(../images/jt.png) center right no-repeat; color:#FFFFFF; padding-right:20px;}
.menu_body{
	line-height: 38px;
	backguound: #fff;
	
}
.menu_body a{display:block; padding-top:15px; padding-left:28px; padding-right:28px; line-height:26px; padding-bottom:15px;color:#777777;background:#fff;text-decoration:none;border-bottom:1px solid #E0F5F8;}
.menu_body a:hover{text-decoration:none;background:#F7F7F7; }