@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);
  }
}
/*轮显*/
.banner_page{ position:absolute; width:100%; text-align:left; left:0%; height:0px;  color:#fff; font-size:16px; z-index:10; bottom:86px; line-height:36px; z-index:5; /*font-style:italic; font-weight:bold;*/}
.banner_page .wrap{ height:0; text-align:right;}
.banner_page span{ color:#fff;}
.banner_page label{ color:#fff;}
.banner_page em{ font-style:normal; color:#fff;}
/* .main .banner .btn .boxs{ margin-left:240px;} */
.swiper-container-autoheight .swiper-slide{ cursor:default;}
.banner .c-dot-page {position: absolute; z-index: 10;bottom: 60px; right:0; width:100%;}
.banner .c-dot-box { float:right; /*right: 5.8%;*/ display: flex; align-items: center; width: 200px;color: #fff; font-size: 18px;}
.banner .c-dot-box .c-text1 {width: 50px; line-height: 1;}
.banner .c-dot-box .c-text2 { width: 50px; line-height: 1; text-align: right;}
.banner .c-dot-box .c-line-box { width: -webkit-calc(100% - 80px); width: calc(100% - 80px); height: 2px;  background: rgba(255, 255, 255, .2);}
.banner .c-dot-box .c-line-box .c-line {  width: 0; height: 2px;  background: #fff; transition: 1s;}
.main .banner .down {
  width: 90px;
  height: 52px;
  position: absolute;
  left: 50%;
  bottom:5.4%;
  z-index: 10;
  cursor: pointer;
  margin-left: -45px; font-size:14px; color:rgba(255,255,255,0.4); text-align:center;
}
.main .banner .down span {
  height: 24px;
  background: url(../image/i_pic1.png) no-repeat center;
  background-size: auto 100%;
  display: block; 
  animation: banner-down 0.6s infinite alternate;
  -o-animation: banner-down 0.6s infinite alternate;
  -moz-animation: banner-down 0.6s infinite alternate;
  -webkit-animation: banner-down 0.6s infinite alternate; margin-bottom:12px;
}
.main .banner .swiper-pagination{ position: relative; text-align: left;}
.swiper-other{position: absolute; left: 0; bottom: 5.4%; width: 100%; z-index: 2;}
.swiper-other .swiper-number .swiper-pagination .swiper-pagination-bullet{
  opacity: 1;
}
.swiper-other .swiper-number .swiper-pagination .swiper-pagination-bullet-active{}
.main .banner .swiper-other .number {
  margin-left: 15px;
  line-height: 1.4em;
  color: rgba(255, 255, 255, 1); float: right;
}
.main .banner.swiper-other .number .current {
  margin-right: 4px;
  font-size: 20px;
  color: #ffffff;
}
.main .banner .swiper-other .number .all {
  margin-left: 3px;
}
.main .banner .table .pic{ width: 374px;}
.swiper-slide-active .lzpic1{/* -webkit-animation:scaleAnim 3s ease forwards; animation: scaleAnim 3s ease forwards; */}
/*产品中心*/
.i_product_bg{ overflow: hidden; background: url(../image/i_bg1.jpg) center center no-repeat; background-size: cover;}
.i_title2{  margin-top: 7%; text-align: center; }
.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(../image/i_pic2.png) no-repeat; background-size: 100% 100%;}
.i_title2 .p{ overflow: hidden; padding-top:10px; 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;}
.i_product{overflow: hidden; margin-top: 1%;}
.i_product .div1{ float: left; width: 37.1428%; overflow: hidden; margin-right: 10px; background-repeat: no-repeat; background-size:cover; background-position: center center;transition:all 0.3s; background-color: #fff; height: 620px; position: relative; z-index: 0; }
.i_product .div1::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: -1;
  transition:all 0.3s;
  opacity:0;filter:Alpha(opacity=0);
  background-image: url(../image/i_bg2.jpg);
}
.i_product_bg .i_title2 .p span{ font-weight: lighter;}
.i_product .div1:hover::before{opacity:1.0;filter:Alpha(opacity=100); }
.i_product .div1 .cons{ width: 90%; margin: 0 auto; max-width: 400px; margin-top: 50px; margin-bottom: 50px; }
.i_product .div1 .imgs{ width:78%;max-width: 310px; margin: 0 auto; position: relative; padding-top: 450px;}
.i_product .div1 .imgs img{display: block;width: 100%; height: 100%; position: absolute; top: 0; left: 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;}
.i_product .div1 .imgs img#img2{ display: none;}
.i_product .div1: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_product .div1 .h3{ font-weight: normal; color: #333; line-height: 44px; height: 44px; overflow: hidden;white-space:nowrap;text-overflow:ellipsis;transition:all 0.3s; margin-top: 25px; /* margin-right: 50px; */}
.i_product .div1:hover .h3{ color: #fff;}
.i_product .div1 .h3 em{ float: right; width: 44px; height: 44px; border-radius: 50%; background: url(../image/i_pic3.png) #e0e7e9 no-repeat; background-size: 100% 100%;transition:all 0.6s; }
.i_product .div1:hover .h3 em{ background-image: url(../image/i_pic3_on.png); background-color:#fff;}
.i_product .div2{ overflow: hidden;}
.i_product .div2 .cons{ width: 90%; margin: 0 auto; max-width: 324px; margin-top: 38px; margin-bottom: 38px;position: relative;}
.i_product .div2 .imgs{ float: right; width: 51%; position: relative; padding-top: 54.7%; margin-top: 30px;}
.i_product .div2 .imgs img{display: block;width: 100%; height: 100%; position: absolute; top: 0; left: 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;}
.i_product .div2 .imgs img#img2{ display: none;}
.i_product .div2 .boxs: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_product .div2 .boxs{overflow: hidden; margin-bottom: 10px;background-repeat: no-repeat; background-size:cover; background-position: center center; background-color: #fff;transition:all 0.3s; height: 305px; position: relative; z-index: 0;}
.i_product .div2 .boxs::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: -1;
  transition:all 0.3s;
  opacity:0;filter:Alpha(opacity=0);
  background-image: url(../image/i_bg5.jpg);
}
.i_product .div2 .boxs.w3::before{background-image: url(../image/i_bg6.jpg);}
.i_product .div2 .boxs:hover::before{opacity:1.0;filter:Alpha(opacity=100);}
.i_product .div2 .boxs.w1{ float: left; width:calc(50% - 5px);width:-webkit-calc(50% - 5px);width:-moz-calc(50% - 5px); margin-right: 10px; }
.i_product .div2 .boxs.w2{ overflow: hidden;}
.i_product .div2 .h3{  font-weight: normal; color: #333; line-height: 34px;overflow: hidden;transition:all 0.3s; }
.i_product .div2 .boxs:hover .h3{ color: #fff;}
.i_product .div2 em{ position: absolute; left: 0; bottom: 0; width: 44px; height: 44px; border-radius: 50%; background: url(../image/i_pic3.png) #e0e7e9 no-repeat; background-size: 100% 100%;transition:all 0.6s;  }
.i_product .div2 .boxs:hover em{ background-image: url(../image/i_pic3_on.png); background-color:#fff;}
.i_product .div2 .boxs.w3 .cons{ max-width: 776px;}
.i_product .div2 .boxs.w3 .imgs{ padding-top: 28.23%; width: 44.21%; margin-top: 5px;}
/*我们的优势*/
.i_advantage_bg{ overflow: hidden; background: url(../image/i_bg3.jpg) center center no-repeat; background-size: cover;}
.i_advantage{ margin-top: 6%; margin-bottom: 6%;}
.i_advantage .i_advantage_l{/*  float: left;  */width: 47%; max-width: 606px; }
.i_advantage .i_advantage_l .i_title2{ text-align: left; margin-top: 0;}
.i_advantage .i_advantage_l .desc{
  line-height: 1.8;
  overflow: hidden;
  color: #666666;
  margin-top: 5%;
}
.i_advantage .i_advantage_l .bnts{ float: left; margin-top: 8%;}
.i_advantage .i_advantage_r{width: 51%; max-width: 704px; overflow: hidden;}
/*行业与应用*/
.i_industry_bg{ overflow: hidden; background: url(../image/i_bg4.jpg) center center no-repeat; background-size: cover;}
.i_industry_bg .i_title2{ text-align: left;}
.i_industry_desc{ overflow: hidden; max-width: 730px; color: #666666; line-height: 1.6; margin-top: 1.5%;}
.i_industry_ul{ overflow: hidden; margin-top: 4%; margin-bottom: 2.5%;}
.i_industry_ul li{
  background-color: rgba(255,255,255,0.6);
  border-radius: 5px;
  overflow: hidden;
   width: 232px;
   z-index: 0;
   position: relative;
   text-align: center;
   margin-bottom: 3%;
}
.i_industry_ul li:before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 5px;
  background-image: linear-gradient(24deg, 
    #00a4e2 0%, 
    #48ccbf 100%), 
  linear-gradient(
    #ffffff, 
    #ffffff);
  background-blend-mode: normal, 
    normal;
    z-index: -1;
    transition:all 0.3s;
    opacity:0;filter:Alpha(opacity=0);
}
.i_industry_ul li:hover::before{
  opacity:1.0;filter:Alpha(opacity=100);
}
.i_industry_ul li::after{ content: ""; position: absolute; right: 6%; top:6%; width: 13px; height: 13px; background: url(../image/i_pic9.png) no-repeat; background-size: 100% 100%;transition:all 1s;transition-delay:0.1s;}
.i_industry_ul li:hover:after{ transform: rotate(45deg);}
.i_industry_ul li .boxs{ width: 94%; margin: 0 auto; max-width: 190px;}
.i_industry_ul li .imgs{
  display: block;
  width: 100px;
  height: 100px;
  background-image: linear-gradient(90deg, 
    #00a4e2 0%, 
    #48ccbf 100%), 
  linear-gradient(
    #e7f7fb, 
    #e7f7fb);
  background-blend-mode: normal, 
    normal;
    position: relative;
    margin: 0 auto;
    margin-top: 39px;
    border-radius: 50%;
}
.i_industry_ul li:hover .imgs{ background: #fff;}
.i_industry_ul li .imgs img{ display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0;transition:all 0.3s;}
.i_industry_ul li:hover .imgs img{transform: rotate(360deg);}
.i_industry_ul li .imgs .img2{ opacity:0;filter:Alpha(opacity=0);}
.i_industry_ul li:hover .imgs .img1{ opacity:0;filter:Alpha(opacity=0);}
.i_industry_ul li:hover .imgs .img2{ opacity:1.0;filter:Alpha(opacity=100);}
.i_industry_ul li .h3{ overflow: hidden; line-height: 28px; height: 28px; margin-top: 20px;font-weight: normal;color: #333333;transition:all 0.3s;}
.i_industry_ul li .desc{ line-height: 20px;font-size: 14px; height: 40px;letter-spacing: 1px;color: #666666;transition:all 0.3s; margin-top: 5%; margin-bottom: 28px; overflow: hidden;white-space:nowrap;text-overflow:ellipsis;}
.i_industry_ul li:hover .h3{ color: #fff;}
.i_industry_ul li:hover .desc{ color: #fff;}
.i_industry_ul li a{ display: block; overflow: hidden;}
.i_industry_desc{ margin-top: 3%;}
/*关于*/
.i_about{ margin-top: 6%; margin-bottom: 6%; position: relative;}
.i_about .i_about_l{width: 52%; max-width: 780px; }
.i_about .i_about_l .i_title2{ text-align: left; margin-top: 0;}
.i_about .i_about_l .desc{
  line-height: 1.8;
  overflow: hidden;
  color: #666666;
  margin-top: 5%;
}
.i_about .i_about_l .bnts{ float: left; margin-top: 8%;}
.i_about .i_about_r{width: 46%; max-width: 560px;}

.i_about .i_about_r .img1{ position: absolute; width: 30.14%; top: 0; right: -1.28%; z-index: 0;}
.i_about .i_about_r .img2{ position: absolute; width: 22.285%; right: 20.14%; z-index: 0;}
.i_about .i_about_r .img3{ position: absolute; width: 33.857%; top: 0; right: 4%; z-index: 1;}




.fadeInRight2{-webkit-animation-name: fadeInRight2;animation-name: fadeInRight2;}
.i_about .i_about_l .num{ overflow: hidden; margin-top: 14%;}
.i_about .i_about_l .num .one{  width: 49%; max-width: 320px; overflow: hidden; padding-right: 1%; color: #fff; margin-bottom: 5%; padding-bottom: 5%; position: relative; z-index: 0;}
.i_about .i_about_l .num .one::before{ z-index: -1; content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #e5e5e5;}
.i_about .i_about_l .num .one::after{
   z-index: 1; content: ""; position: absolute; bottom: 0; left: 0; width: 21px; height: 2px;background-image: linear-gradient(90deg, 
  #00a4e2 0%, 
  #48ccbf 100%), 
linear-gradient(
  #000000, 
  #000000);
background-blend-mode: normal,normal;}
.i_about .i_about_l .num .top{ background: linear-gradient(90deg, #00a4e2 0%, #48ccbf 100%);
  -webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size: 16px;line-height: 1;display: inline-block;}
.i_about .i_about_l .num .top span{font-family: 'Open-Sans'; line-height: 1; font-weight: bold;  margin-right: 3px; font-style: normal;}
.i_about .i_about_l .num .top label{ overflow: hidden; display: inline-block; vertical-align:bottom; margin-top: 10px;font-style: normal;}
.i_about .i_about_l .num .bot{ color: #666;line-height: 1;margin-top: 14px; clear: both;}
/*新闻动态*/
.i_news_bg{ 
  background: #e9f8fc;
  overflow: hidden;
}
.i_news_bg .i_title2{ text-align: left;}
.i_news{

  margin-top: 3%;
  
}
.i_news_one{ 
  overflow: hidden;
position: relative;
width: 100%;
z-index: 0;
}
.i_news_one::before{
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: linear-gradient(90deg, 
  #00a4e2 0%, 
  #48ccbf 100%), 
linear-gradient(
  #fafafa, 
  #fafafa);
background-blend-mode: normal, 
  normal;
  opacity: 0.25;
  transition:all 0.3s;
  z-index: -1;
}
.i_news_one .imgs{ width:448px; overflow: hidden; float: right;}
.i_news_one .imgs img{ display: block;width: 100%; height: auto;  -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; /*-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%);-o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;*/}
.i_news_one: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);/*-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%);-o-filter: grayscale(0%); filter: grayscale(0%); filter:none;*/}
.i_news_one .boxs{ width: 94%; margin: 0 auto; max-width: 870px;}
.i_news_one .txts{
  float: left;
  width:calc(100% - 448px);width:-webkit-calc(100% - 448px);width:-moz-calc(100% - 448px);
  overflow: hidden;
  padding-top: 35px;
}
.i_news .h3{ 
  font-weight:normal;
  color: #333;
  overflow: hidden;
  transition:all 0.3s;
}
.i_news_one .h3{white-space:nowrap;text-overflow:ellipsis;line-height: 32px;height: 32px; margin-top: 13px;}
.i_news .date{
  color: #666666;
overflow: hidden;
line-height: 24px;
height: 24px;
margin-top: 10px;
background: url(../image/i_pic7.png) left center no-repeat;
background-size: 16px 16px;
padding-left: 25px;
}
.i_news_one .p{
  color: #666666;
  line-height: 28px;
  height: 56px;
  overflow: hidden;
  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  margin-top: 8px;
}
.i_news_bg .imore{ 
  overflow: hidden;
  margin-top: 38px;
  float: left;
color: #666666;
transition:all 0.3s;
line-height: 32px;
}
.i_news_bg .imore span{margin-left: 9px;background: url(../image/i_pic8.png) center center no-repeat;
  background-size: 100% auto; width: 18px; height: 32px;transition:all 0.3s;
  display: inline-block;vertical-align: middle;
}
.i_news_one:hover .imore,.i_news_two li:hover .imore{
  background: linear-gradient(90deg, #00a4e2 0%, #48ccbf 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.i_news_one:hover .imore span,.i_news_two li:hover .imore span{background-image: url(../image/i_pic8_on.png);width: 24px;}
.i_news_two{ margin-top: 10px; overflow: hidden; clear: both; margin-bottom: 8%;}
.i_news_two li{ width:32%; max-width:380px; overflow: hidden; padding-top: 35px; padding-bottom: 35px;}
.i_news_two li .h3{ 
  line-height: 36px;
  height: 72px;
  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  margin-top: 11px;
}
.i_news_one:hover .h3,.i_news_two li:hover .h3{
  background: linear-gradient(90deg, #00a4e2 0%, #48ccbf 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.i_news_two li .imore{ margin-top: 30px;}
@media screen and (max-width: 1500px) {
  /*轮显*/
  .main .banner .table .pic{ width: 292px;}

}
@media screen and (max-width: 1400px) {
  /*轮显*/
  .main .banner .swiper-slide .table .imgs{ width: 530px;}
  .main .banner .table .pic{ width: 272px;}
/*关于谱临晟*/
  .i_about .i_about_l .num .top{ font-size: 15px;}



}
@media screen and (max-width: 1260px) {
/*轮显*/
  .main .banner .table .pic{ width: 245px;}
/*关于谱临晟*/
.i_about .i_about_l .num .top{ font-size: 14px;}


}
@media screen and (max-width: 1200px) {
/*轮显*/
.banner_page{ bottom:76px;}
.main .banner .btn{ bottom:40px;}
.main .banner .swiper-slide .rbtn{ bottom:52px;}
.banner .c-dot-page { bottom:50px;}
.main .banner .swiper-pagination{ margin-top:15px; text-align: center;}
.main .banner .swiper-slide .table .imgs{ width: 460px;}
.down{ display: none;}
.main .banner .table .pic{ display: none;}
/*产品中心*/
.i_product .div1{ height: 560px;}
.i_product .div1 .imgs{ padding-top: 415px;}
.i_product .div2 .boxs{ height: 275px;}
/*行业与应用*/
.i_industry_ul li{ width: 23.5%;}
.i_industry_ul li .imgs{ width: 90px; height: 90px;}
/*关于谱临晟*/
.i_about .i_about_l .num{ margin-top: 12%;}
.i_about .i_about_l .num .one{ margin-bottom: 6%;}

}

@media screen and (max-width: 960px) {
/*轮显*/
.main .banner .swiper-slide .table .imgs{ width: 360px;}
/*产品中心*/
.i_product .div1{ float: none; width: 100%; margin-right: 0; height: auto;}
.i_product .div1 .imgs{ padding-top: 0;}
.i_product .div1 .imgs img{ position: relative;}
.i_product .div1 .imgs img#img1{ display: none;}
.i_product .div1 .imgs img#img2{ display: block;}
.i_product .div1 .cons{ max-width: none; width: 90%;margin-top: 5%; margin-bottom: 5%;}
.i_product .div1 .h3{ font-size: 16px;}
.i_product .div2{ margin-top: 10px;}
.i_product .div2 .boxs{ height: auto;}
.i_product .div2 .boxs.w3 .imgs{ width: 100%; padding-top:0%;max-width: none; margin: 0 auto;  margin-top: 30px;}
.i_product .div2 .boxs.w1{ float: none;width: calc(100% - 0px);width: -webkit-calc(100% - 0px); width: -moz-calc(100% - 0px);margin-right: 0px;}
.i_product .div2 .cons{ max-width: none;margin-bottom: 5%;margin-top: 5%;}
.i_product .div2 .h3{ font-size: 16px; height: 44px; line-height: 44px; margin-top: 25px; white-space: nowrap;text-overflow: ellipsis; margin-right: 50px;}
.i_product .div2 .imgs{ float: none;width: 78%;max-width: 310px; margin: 0 auto; padding-top: 0;}
.i_product .div2 .imgs img{ position: relative;}
.i_product .div2 .imgs img#img1{ display: none;}
.i_product .div2 .imgs img#img2{ display: block;}
.i_product .div2 em{ right: 0; left: auto;}

.i_product .div1:hover::before{opacity:0;filter:Alpha(opacity=0); }
.i_product .div1:hover .h3{ color: #333;}
.i_product .div1 .imgs{ max-width: none; width: 100%;}
.i_product .div1:hover .h3 em{ background-image: url(../image/i_pic3.png); background-color:#e0e7e9;}
.i_product .div2 .boxs:hover::before{opacity:0;filter:Alpha(opacity=0);}
.i_product .div2 .boxs:hover .h3{ color: #333;}
.i_product .div2 .imgs{max-width: none; width: 100%;}
.i_product .div2 .boxs:hover em{ background-image: url(../image/i_pic3.png); background-color:#e0e7e9;}

/*行业与应用*/
.i_industry_ul li{ width: 49%; margin-bottom: 2%;}
/*关于谱临晟*/
.i_about .i_about_l .i_title2{ text-align: center;}
.i_about .i_about_l .num{ margin-top: 7%;}
.i_about .i_about_l .num .bot{ margin-top: 10px;}
/*新闻动态*/
.i_news_bg .i_title2{ text-align:center;}
.i_news_one .imgs{float: none; width: 100%;}
.i_news_one .txts{ 
  float: none;
  width: calc(100% - 0px);
    width: -webkit-calc(100% - 0px);
    width: -moz-calc(100% - 0px);
padding-bottom: 30px;
padding-top: 20px;
}
.i_news_bg .imore{ margin-top: 20px}
.i_news_two li .imore{ margin-top: 20px;}
.i_news_two{ margin-bottom: 16%;}
.i_news_two ul{ display: block;}
.i_news_two li{ width: 100%; max-width: none; padding-bottom: 0; padding-top: 20px;}
.i_news_two li .h3{ height:auto;}

}

@media screen and (max-width: 780px) {
/*关于谱临晟*/
.i_about{ display: block; position: static; overflow: hidden;}
.i_about .i_about_l{ width: 100%; max-width: none;}
.i_about .i_about_r{ width: 100%; max-width: none; position: relative; margin-top: 3%;}
.i_about .i_about_r .img2{ width: 25%; right: 54%;}
.i_about .i_about_r .img3{ width: 67%; right: 8%; float: right; position: relative;}
.i_about .i_about_r .img1{ width: 80%; right: -8%;}
}
@media screen and (max-width: 640px) {
/*轮显*/
.main .banner .btn{bottom:30px;}
/* .main .banner .btn .boxs{ margin-left:140px;} */
.banner_page{ bottom:66px; font-size:15px;}
.banner_page label{ /*display:none;*/ display:inline-block; width:40px; vertical-align:top; overflow:hidden;}
.banner_page em{  display:inline-block; width:40px; vertical-align:top; overflow:hidden;}
.main .banner .swiper-slide .rbtn{ /*min-width:130px; */ bottom:42px;}
.main .banner .swiper-slide .rbtn span{ height:25px; line-height:16px; padding:0;}
.banner .c-dot-page { bottom:40px; }
.banner .c-dot-box {width:160px; margin-right:-16px;}
.banner .c-dot-box .c-text1{ width:30px;}
.banner .c-dot-box .c-text2{ width:30px;}
.main .banner .swiper-pagination{ margin-top:5px;}
.main .banner .swiper-slide .table .imgs{ width: 300px;}
/*产品中心*/
.i_title2{ margin-top: 9%;}
.i_product{ margin-top: 2%;}


/*我们的优势*/
.i_advantage{ display: block; margin-bottom:7%; margin-top: 0%;}
.i_advantage .i_advantage_l{ width: 100%; max-width: none;}
.i_advantage .i_advantage_l .i_title2{ text-align: center; margin-top: 9%;}
.i_advantage .i_advantage_l .bnts{ float: none;}
.i_advantage .i_advantage_r{ width: 100%; max-width: none; margin-top: 3%;}
/*行业与应用*/
.i_industry_bg .i_title2{ text-align: center;}
/*关于谱临晟*/
.i_about .i_about_l .num .top{ font-size: 13px;}
/*新闻动态*/
.i_news .date{ line-height: 20px; height: 20px;}
.i_news_bg .imore{ margin-top: 10px;}
.i_news_two li .imore{ margin-top: 10px;}
.i_news_two li{ padding-top: 15px;}
.i_news_two li .h3{ line-height: 30px;}
.i_news_one .h3{ height: 26px; line-height: 26px;}
}

@media screen and (max-width: 480px) {
/*轮显*/
.main .banner .btn{bottom:22px;}
.banner_page{ bottom:58px;}

.main .banner .swiper-slide .txt{ line-height:1; font-size:32px;}
.main .banner .swiper-slide .rbtn{ /*min-width:110px;*/ bottom:34px;  margin-top:4%;}
.main .banner .swiper-slide .rbtn span{ height:36px; line-height:36px;}
.main .banner .swiper-slide .rbtn{ margin-top:1%;}
.banner .c-dot-page { bottom:30px; }
.main .banner .swiper-slide .table .imgs{ width: 260px;}
/*产品中心*/

.i_title2 .h3 .img{ height: 10px; width: 32px;}


/*行业与应用*/
.i_industry_ul{ margin-bottom: 6%;}
.i_industry_ul li .imgs{ width: 80px; height: 80px;}
.i_industry_ul li .desc{ font-size: 13px;}
/*关于谱临晟*/
.i_about .i_about_l .num .top{ font-size: 12px;}
/*新闻动态*/
.i_news_bg .imore{margin-top: 5px;}
.i_news_one .txts{ padding-top: 15px; padding-bottom: 20px;}
.i_news_two{ margin-bottom: 25%;}
.i_news_two li{ padding-top: 5px;}
.i_news_two li .imore{margin-top: 5px;}
}


@media screen and (max-width: 420px) {
/*轮显*/
/*.main .banner .swiper-slide .rbtn{ min-width:100px;}*/
.main .banner .swiper-slide .rbtn span{ height:32px; line-height:32px;}
.main .banner .swiper-slide .txt{ font-size:28px;}
.main .banner .swiper-slide .table .imgs{ width: 220px;}

}
@media screen and (max-width: 360px) {


}
@keyframes banner-down {
  0% {
    margin-top: 0;
  }
  100% {
   transform: translate(0%, 10px);
  }
}
@-o-keyframes banner-down {
  0% {
    margin-top: 0;
  }
  100% {
    transform: translate(0%, 10px);
  }
}
@-moz-keyframes banner-down {
  0% {
    margin-top: 0;
  }
  100% {
    transform: translate(0%, 10px);
  }
}
@-webkit-keyframes banner-down {
  0% {
    margin-top: 0;
  }
  100% {
   transform: translate(0%, 10px);
  }
}
@keyframes mymove6
{
  from {filter:alpha(opacity=0);opacity:0;  -webkit-transform: translateY(-100px) translateX(0);
  -moz-transform: translateY(-100px) translateX(0);
  transform: translateY(-100px) translateX(0);
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;}
  to { filter:alpha(opacity=100);opacity:1; -webkit-transform: translateY(0px) translateX(0);
  -moz-transform: translateY(0px) translateX(0);
  transform: translateY(0px) translateX(0);}
}

@-webkit-keyframes mymove6
{
  /*from { filter:alpha(opacity=0);opacity:0; margin-bottom:-20%;}
  to {margin-bottom:3%;filter:alpha(opacity=1);opacity:1;}*/
  from {filter:alpha(opacity=0);opacity:0;  -webkit-transform: translateY(-100px) translateX(0);
  -moz-transform: translateY(-100px) translateX(0);
  transform: translateY(-100px) translateX(0);
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;}
  to { filter:alpha(opacity=100);opacity:1; -webkit-transform: translateY(0px) translateX(0);
  -moz-transform: translateY(0px) translateX(0);
  transform: translateY(0px) translateX(0);}
}

@keyframes map-point {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0.15;
    transform: scale(5);
  }
}

@-webkit-keyframes fadeInRight2 {
  from {
    opacity: 1.0;
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRight2 {
  from {
    opacity: 1.0;
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}