@charset "utf-8";
/*++++author:智慧云擎*******************/
/*+++++time:2021-06-07****************/

/************************首页**************************************/
/*******banner***************/
.banner{width: 100%;height:100vh;position:relative;overflow: hidden;}
.banner .swiper-container{z-index: 8990;width:100%;height: 100%;}
.banner .swiper-container .swiper-slide {width:100%;height:100%;overflow:hidden;margin:0 auto!important;display:block;background-size: cover!important;}
.leftUp img{-webkit-animation-name:leftUp;animation-name:leftUp;}
@-webkit-keyframes leftUp{
0%{transform:scale(1.1,1.1) translate(4.545%,4.545%); }
100%{transform:scale(1.1,1.1)  translate(-4.545%,-4.545%);}}
@keyframes leftUp{
0%{transform:scale(1.1,1.1) translate(4.545%,4.545%);}
100%{transform:scale(1.1,1.1)  translate(-4.545%,-4.545%);}}
.moveRight img{-webkit-animation-name:moveRight;animation-name:moveRight;}
@-webkit-keyframes moveRight{
0%{transform:scale(1.1,1.1) translate(-4.545%,0); }
100%{transform:scale(1.1,1.1)  translate(4.545%,0);}}
@keyframes moveRight{
0%{transform:scale(1.1,1.1) translate(-4.545%,0);}
100%{transform:scale(1.1,1.1)  translate(4.545%,0);}}
.moveDown img{-webkit-animation-name:moveDown;animation-name:moveDown;}
@-webkit-keyframes moveDown{
0%{transform:scale(1.1,1.1) translate(0,-4.545%); }
100%{transform:scale(1.1,1.1)  translate(0,4.545%);}}
@keyframes moveDown{
0%{transform:scale(1.1,1.1) translate(0,-4.545%);}
100%{transform:scale(1.1,1.1)  translate(0,4.545%);}}
.centerBig img{-webkit-animation-name:centerBig;animation-name:centerBig;}
@-webkit-keyframes centerBig{
100%{transform:scale(1.1,1.1);}}
@keyframes centerBig{
100%{transform:scale(1.1,1.1);}}
.rightDownBig img{-webkit-animation-name:rightDownBig;animation-name:rightDownBig;}
@-webkit-keyframes rightDownBig{
100%{transform:scale(1.1,1.1) translate(4%,4%);}}
@keyframes rightDownBig{
100%{transform:scale(1.1,1.1) translate(4%,4%);}}
.banner .swiper-container .swiper-slide img.pcimg{width:100%;height:100%;animation-duration:7s;animation-timing-function:linear;animation-fill-mode: forwards;-webkit-animation-duration:7s;-webkit-animation-timing-function:linear;-webkit-animation-fill-mode: forwards;}
.banner .swiper-wrapper {will-change:transform;}
.banner .swiper-container .headbg{display:none;position:absolute;z-index:9;width:100%;height: 100%;background-repeat:no-repeat;background-size:cover;background-position:center center;-webkit-animation-fill-mode: both; animation-fill-mode: both;}
.banner .swiper-container .swiper-pagination-bullet-active {background:#404040;border-color:#404040;position:relative;z-index:1;}
.slideDown{display:none;z-index: 999999;-webkit-animation: Tmouse 0.5s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;animation: Tmouse 0.5s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;position: absolute;width:30px;height:50px;bottom: .3rem;left:50%;margin-left:-.54rem;background:url(../images/mouse.png) no-repeat center;background-size:20px 33px;}
@-webkit-keyframes Tmouse {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    -o-transform: translateY(-8px);
    transform: translateY(-5px);
  }
}
@keyframes Tmouse {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    -o-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
.index-product{width:100%;overflow: hidden;background: url(../images/indexbg1.png) no-repeat center;padding:.5rem 0;background-size:cover;}
.index-product-title{max-width:369px;overflow: hidden;margin-top: 40px;}
.index-product-title img{display: block;width: 100%;}
.index-product .link-nav{width: 60%;overflow: hidden;}
.index-product .link-nav .quick-nav dl dt a{font-weight: 600;}
.index-product .link-nav .quick-nav dl dd a:hover{color: #e50083}
.index-advantages{width: 100%;overflow: hidden;background:#f9f5f2 url(../images/bg3.png) no-repeat center;background-size:cover;height:7.5rem;}
.index-advantages-title{max-height:3.8rem;overflow: hidden; }
.index-advantages-title img{width: 100%;}
.index-advantages .container2 .wrap{width:50%;padding-left: 50%;padding-top: 12%;}
.index-advantages-title img{display: block;}
.index-advantages-txt{width:100%;overflow: hidden;margin-top: .6rem;display: flex;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;}
.index-advantages-txt span{margin-bottom:.2rem;display: inline-block;background: url(../images/checked.png) no-repeat left center;font-size: 25px;color: #0D9DDF;padding-left: 25px;font-weight: 400;}
.index-case{width:100%;overflow: hidden;height: 8.09rem;}
.index-case .box{width:32%;overflow: hidden;height: 100%;position: relative;flex: 1;overflow: hidden;transition: .5s;}
.index-case .box>img{display: block;transition: .5s;}
.index-case .box .masks{display: none;transition:all 0.5s ease 0s; -webkit-transform:all 0.5s ease 0s;}
.index-case .box.active .masks,.index-case .box:hover .masks{display: block;}
.index-case .box:hover,.index-case .box.active {flex: 1 1 36%;}
.index-case .box .masks-txt{height:100%;position: absolute;top:0;z-index: 5;left:0;width:100%;text-align: center;display: none;transition:all 0.5s ease 0s; -webkit-transform:all 0.5s ease 0s;}
.index-case .box .masks-txt h4{color: #fff;font-size: 35px;letter-spacing: 4px;}
.index-case .box .masks-txt a.btn{display: block;margin:.3rem auto .2rem auto;background: #fff;line-height: .58rem;width:2rem;text-align: center;font-size: .2rem;color:#E90085;font-weight: 400;height: .6rem;display: block;border-radius: .6rem;letter-spacing: 2px;}
.index-case .box:hover .masks-txt,.index-case .box.active .masks-txt{display: block;}
.index-case .box .masks-txt p.txt{color: #fff;font-size: 20px;letter-spacing: 6px;padding-top: 10px;}
.index-case .box .masks-txt a.btn:hover{background: #0e9de0;color: #fff;}
.index-abouts{width:100%;background: url(../images/indexaboutbg.png) no-repeat center;background-size: cover;overflow: hidden;height:9.27rem; } 
.index-process{width:100%;background: url(../images/indexprocess.png) no-repeat center;background-size: cover;overflow: hidden;padding-bottom: .7rem;height: auto; } 
/**优势**/
.advantage{width:100%;padding:.3rem 0;background: #fff;}
.advantage .li{width:18%;overflow: hidden;max-width: 260px;}
.advantage .li div.img{width:100px;height: 100px;margin:0 auto;overflow: hidden;}
.advantage .li div.img img{display: block;width: 100%}
.advantage .li h4{color: #000000;font-size: 18px;font-weight: 300;text-align: center;}
.index-news{overflow: hidden;width:100%;height: 3.52rem;}
.index-newstbox{width:100%;overflow: hidden;height: 100%;}
.index-newstbox a.li{display: block;width:33%;height: 100%;overflow: hidden;position: relative;}
.index-newstbox a.li div.img{width:100%;height: 100%;overflow: hidden;}
.index-newstbox a.li2{width: 34%;}
.masks{position:absolute;top:0;left:0;z-index:4;background:#000;-webkit-opacity: 0.45;   /* Netscape and Older than Firefox 0.9 */  -moz-opacity: 0.45;   /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/   -khtml-opacity: 0.45;  /* IE9 + etc...modern browsers */   opacity: .45;   /* IE 4-9 */  filter:alpha(opacity=45);  /*This works in IE 8 & 9 too*/  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=45)";  /*IE4-IE9*/  filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=45);width:100%;height: 100%; }
.index-newstbox a.li2 .inews-t{position:absolute;top:0;left:0;z-index:5;}
.index-newstbox a.li2 .inews-t img{display: block;max-width:4rem;margin:0 auto; }
.index-newstbox a.li2:hover div.img img{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);filter:scale(1.15); filter:transform; transition:all 0.5s ease 0s; -webkit-transform:all 0.5s ease 0s;}
.index-newslist{width:100%;overflow: hidden;height: auto;}
.index-newslist a.li{transition: .5s;display: block;width:33.3%;overflow: hidden;background: #DBDBDB;padding:.2rem 0 .8rem 0;height: 4.2rem;position: relative;}
.index-newslist a.li:nth-child(2){width: 33.4%;background: #E6E6E6;}
.index-newslist a.li div.time{padding: .1rem .4rem .1rem .4rem;overflow: hidden;}
.index-newslist a.li div.time p.day{color: #000000;font-size: 55px;}
.index-newslist a.li div.time p.y-m{color: #5F5F5F;font-size: 25px;}
.index-newslist a.li h2{padding:0 .4rem;color: #000000;font-size: 25px;line-height:35px;height: 70px;overflow: hidden;font-weight: 400;width:66%;}
.index-newslist a.li .text{padding:0 .4rem;height: 2rem;overflow: hidden;margin-top: .5rem;}
.index-newslist a.li .text .img{width: 3.2rem;height: 2rem;overflow: hidden;}
.index-newslist a.li .text .txt{width:160px;font-size: 14px;color: #717171;line-height: 2;height: 2rem;overflow: hidden;}
.index-newslist a.li:hover{background: #eee}
.index-newslist a.li s.more{display: block;position: absolute;top:.2rem;right: .2rem;background:#E5E5E5 ;width:40px;height: 40px;line-height:40px;text-align: center;font-size: 35px;font-weight: 300;color: #727272;text-decoration: none;}
.index-newslist a.li:hover s.more{color:#fff;background: #0e9de0}
.index-newslist a.li:hover h2{color: #0e9de0;}
.process-title{text-align: center;margin:0 auto;overflow: hidden;padding-top: 3rem;}
.process-title img{display: block;margin:0 auto;text-align: center;max-width: 9.12rem;}
.process-title h4{text-align: center;font-size: 25px;color: #FFF;display: none;}
.process-list{height:auto;width: 100%;margin-top:12%;overflow: hidden; }
.process-list ul {height:auto;overflow: hidden;cursor: pointer;width:100%;}
.process-list ul li{margin-bottom: .2rem;}
.process-list ul li.li{width:1.19rem;height: 1.23rem;background: url(../images/circle.png) no-repeat center}
.process-list ul li.fx{width: .4rem;height: 1.23rem;background: url(../images/fx.png)  no-repeat center}
.process-list ul li.li div.img{width:.56rem;height:.54rem;margin:10px auto 5px auto;}
.process-list ul li.li div.text{text-align: center;font-size: 18px;color: #000;margin-top: 5px;}
.process-list ul li.li:first-child div.text{font-size: 16px;margin-top: 0;}
.index-abouts .timers{overflow: hidden;padding-top: 1.5rem;}
.index-abouts .timers .txt{width: 36.5%;overflow: hidden;float: left;position: relative;height: 100%;padding-left: .4rem;padding-bottom: .1rem;}
.index-abouts .timers .txt::after{width: 1px;background: #135B97;display: block;position: absolute;left:0;top:0;height: 100%;content: '';}
.index-abouts .timers .txt h4{color: #135B97;font-size: 42px;overflow: hidden;font-weight: normal;}
.index-abouts .timers .years{width: 600px;float: left;height: 208px;overflow: hidden;position: relative;}
.index-abouts .timers .years .num{width:280px;height:208px;color: #fff;font-size: 280px;text-indent: -9999999px;background: url(../images/13.png) no-repeat left top;white-space: nowrap;overflow: hidden;}
.index-abouts .timers .txt p{color: #145C98;font-size: 20px;font-weight: normal;line-height: 1.628;margin-top: .15rem;}
.index-abouts .timers .years .abouts-txts{background: url(../images/years.png) no-repeat left bottom;width:calc(100% - 280px);height: 100%;position: absolute;left:260px;top:0;}
.index-abouts .timers .years .abouts-txts h4{color: #135B97;font-size: 58px;padding-top:.3rem}
.index-abouts .timers .years .abouts-txts .singce{color: #fff;font-size: 1rem;text-indent: -99999px;background: url(../images/2009.png) no-repeat bottom right;height: 91px;overflow: hidden;padding-top: 10px;margin-right: 20px;}
/********内页banner*******/
.nybanner{width:100%;height:70vh; overflow: hidden;}
.nybanner img{pointer-events: none !important;object-position: 50% 50%;-webkit-animation: scaleBigToSmall 15s;animation: scaleBigToSmall 15s;}
/**********产品列表**********/
.main{overflow: hidden;width:100%;}
.main .main-left{height: 100vh;box-sizing: border-box; position:relative;width:17%;overflow: hidden;background: #00AAE2;padding-top: .6rem;float: left;}
.main .main-left h4{color: #fff;text-align: center;font-size: 22.79px;background: url(../images/logotxt.png) no-repeat center bottom;height:95px;background-size: 64.5% auto;}
.main .main-right{width:83%;float: right;overflow: hidden;}
.main-right-menu{height: .8rem;background: #EEEEEE;overflow: hidden;width:100%;line-height: .8rem;}
.main-right-menu a{display: inline-block;width:33.3%;text-align: center;font-size: 20px;color: #877D7D;height:100%;position:relative;}
.main-right-menu a::after{-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;content: "";display: block;position: absolute;width:0;height: 4px;background: #00A9E1;bottom: 0;left:0;}
.main-right-menu a:hover::after,.main-right-menu a.on::after{width: 100%;}
.main-right-menu a:hover,.main-right-menu a.on{color:#00A9E1}
.prosearchbox{padding:0 4.5%;margin:0 auto;overflow: hidden;}
.keywords{font-size: 18px;color: #B1B1B1;width:60%;overflow: hidden;}
.keywords span{padding-left: 10px;display: inline-block;}
.keywords a{color: #B1B1B1;padding:0 .1rem;display: inline-block;width: auto;}
.keywords a::after{display: none;}
.pserach{width:29%;border-radius: .5rem;height: .5rem;line-height: .5rem;padding:0 .3rem;background: #fff;margin-top: .15rem;overflow: hidden;position: relative;}
.pserach .txt{border:none;font-size: 16px;color: #233;width:calc(100% - .6rem);height:100%;position: absolute;top:0;left:.3rem;z-index: 9;}
.pserach .submits{display:block;position: absolute;width:.7rem;height: .5rem;background: url(../images/search1.png) no-repeat center;top:0;right: 0;z-index: 10;cursor: pointer;border:none;}
.main-right-body{width:auto;background: #fff;overflow: hidden;padding: 0 4.5%;}
.right-content{overflow: hidden;width:100%;}
.crumbs{height: 30px;overflow: hidden;font-size: 16px;color: #948f8f;line-height:30px;padding-top: .4rem;}
.crumbs em,.crumbs span{display: inline-block;color: #948f8f}
.crumbs em {background: url(../images/address.png) no-repeat left center;padding-left:30px;}
.crumbs a{color:#948f8f;display: inline-block; }
.crumbs a:hover,.crumbs a.on{color: #00a5e9}
.product-list{overflow: hidden;width:100%;}
.product-list .li{display: block;width:23%;height:100%;border-radius: .15rem;position: relative;margin-top: .4rem;overflow: hidden;}
.product-list .li div.img{display: block;width:100%;height: 100%;border-radius: .15rem;overflow: hidden;}
.product-list .li h3{-webkit-transition: all 400ms ease 0s;transition: all 400ms ease 0s;border-radius: 0 0 .15rem .15rem;position: absolute;bottom: 0;width:100%;background:rgba(0 ,0 ,0,.7);height: 60px;line-height: 60px;text-align: center;color:#fff;font-size:18px;font-weight:500;}
.product-list a:hover h3 {line-height: 50px;}
.product-list .li:last-child:nth-child(4n + 2){ margin-right: calc((100% - 23%) / 3 * 2);}  
.product-list .li:last-child:nth-child(4n + 3){ margin-right: calc((100% - 23%) / 3 * 1);} 
/*.product-imgs{overflow: hidden;padding:.4rem;background: #f5f5f5;margin-top: 40px;}*/
.product-imgs{overflow: hidden;padding:.4rem;background: #f5f5f5;margin-top: 40px;margin-bottom: .5rem;}
/*.product-imgs-warp{width:50%;overflow: hidden;min-height: 500px;}*/
.product-imgs-warp{width:60%;overflow: hidden;}
.product-imgs-txt{width:38%;overflow: hidden;height: auto;}
.advs {white-space: nowrap;overflow: hidden;line-height: 30px;overflow: hidden;}
.advs span{white-space: nowrap;overflow: hidden;display: inline-block;background: url(../images/checked.png) no-repeat left center;font-size: 18px;color: #4B494C;padding-left: 25px;}
.protitle{color: #191919;font-size: 35px;letter-spacing: 2px;font-weight: 300;height: 33px;line-height: 33px;position: relative;padding-left:20px;}
.protitle::after{content: "";position: absolute;top:0;left:0;display: block;height: 100%;width: 9px;background-color:#178AC0;background: linear-gradient(180deg, #178AC0,#97349A);}
.product-imgs-txt .protitle{margin-top: 30px;}
.product-imgs-txt .txts{color: #797878;font-size: 18px;line-height: 1.8;margin-top: 35px;}
.product-imgs-warp h3{color: #191919;font-size: 35px;font-weight: 400;}
.product-imgs-warp .intros{color:#191919;font-size: 20px;line-height: 1.7;padding-top: 15px;}
/*.product-imgs-scroll{height: 310px;margin-bottom: 25px;width: 100%;}*/
.product-imgs-scroll{height: 600px;width: 100%;}
.product-imgs-scroll .swiper-container {overflow: hidden;}
.product-imgs-scroll .swiper-container .swiper-slide {background-size: cover; background-position: center;}
.product-imgs-scroll .gallery-top { height:500px;width: 100%;/*! float: left; */oveflow:hidden;}
.product-imgs-scroll .gallery-top .swiper-pagination{display: none;}
.product-imgs-scroll .gallery-top .swiper-pagination .swiper-pagination-bullet-active{background:#e50083}
.product-imgs-scroll .gallery-thumbs {height:90px;/*! float: right; */ width: 100%;overflow: hidden;margin-top: 10px;}
.product-imgs-scroll .gallery-thumbs .swiper-slide {width:140px;height:86px;border:2px solid #f5f5f5;opacity: 0.8;overflow: hidden;/*! margin-bottom: 8px; */margin-right: 12px;cursor: pointer;/*! float: left; */}
.product-imgs-scroll .gallery-thumbs .swiper-slide-active {opacity: 1;border-color:#00A9E1;}
.product-imgs-scroll .gallery-thumbs .swiper-wrapper{display: flex;}
/*.products-display{overflow: hidden;margin-top: 40px;width: 100%;}*/
.products-display{overflow: hidden;width: 100%;}
.products-display .protitle{margin-left: .4rem;}
.font-title .protitle span{color: #00A9E1;font-size: 20px;padding-left: 20px;}
.product-display-box{width:100%;overflow: hidden;height:auto;margin-top: 40px;margin-bottom: .5rem;}
/*.product-display-box a{display: block;width:23%;height: 100%;border-radius: 10px;overflow: hidden;}*/
.product-display-box a{display: block;width:23%;height: 2.5rem;border-radius: 10px;overflow: hidden;margin-bottom: .3rem;}
.product-display-box a:last-child:nth-child(4n + 2){ margin-right: calc((100% - 23%) / 3 * 2);}  
.product-display-box a:last-child:nth-child(4n + 3){ margin-right: calc((100% - 23%) / 3 * 1);} 
.product-display-box a img{display: block;border-radius: 10px;}
.product-intross,.product-zujian,.hearts{padding:.4rem;background: #f5f5f5;margin-bottom: .5rem;overflow: hidden;}
.product-intross .titbox{width: 18%;max-width: 235px;}
.product-intross .titbox h5{margin-bottom: 15px;overflow: hidden;}
.product-intross .titbox p.s{color: #00A9E1;font-size: 20px;padding-left: 15px;line-height: 1.6;padding-top: 3px;}
.product-intross .function{width:80%;overflow: hidden;}
.product-intross .function dl{overflow: hidden;margin-bottom: .25rem;}
.product-intross .function dl dt{color: #fff;background: #00A9E1;width:140px;height: 49px;line-height: 49px;display: block;font-size: 25px;text-align: center;border-radius:10px;float: left;}
.product-intross .function dl dd{width: calc(100% - 180px);color: #191919;font-size: 18px;line-height: 1.628;float: right;}
.zujianwrap .li{display: block;width:30.3%;overflow: hidden;margin-bottom: .3rem;}
.zujianwrap .li div.img{border-radius: 10px;width:100%;height:2.17rem;overflow: hidden;}
.zujianwrap .li div.img img{border-radius: 10px;overflow: hidden;display: block;}
.zujianwrap{margin-top: 40px;overflow: hidden;width: 100%;}
.zujianwrap .li h2{color: #797777;font-size: 18px;font-weight: 300;line-height: 30px;text-align: center;padding-top: 15px;}
.zujianwrap .li:last-child:nth-child(3n+2) {margin-right: calc((100% - 30.3%) / 2);}
.hearts-box{width:96%;margin:.6rem auto 0 auto;overflow: hidden;}
.hearts-box .li{width:19%;overflow: hidden;max-width: 240px;}
.hearts-box .li div.img{border:2px solid #fff;border-radius: 10px;overflow: hidden;}
.hearts-box .li div.img img{display: block;border-radius: 10px;}
.hearts-box .li h4{text-align: left;font-size: 25px;color: #191919;font-weight: 300;height: 45px;line-height: 45px;padding-top: 13px;}
.hearts-box .li div.txt{color: #191919;font-size: 18px;line-height: 1.8;margin-top: 10px;overflow: hidden;font-weight:200;}
.hearts-box .li div.line{height:5px;border-radius:5px;width:100%;background-color: #00AAE2;background-image: -webkit-linear-gradient(left, #00AAE2 0, #6D59B5 50%, #E50083 100%);background-image: linear-gradient(left, #00AAE2 0, #6D59B5 50%, #E50083 100%);}
.hearts-box .li:nth-child(2n+2) div.line{background-color: #E50083;background-image: -webkit-linear-gradient(left, #E50083 0, #6D59B5 50%, #00AAE2 100%);background-image: linear-gradient(left, #E50083 0, #6D59B5 50%, #00AAE2 100%);}
.caigouwrap{padding:0 .4rem .6rem .4rem;overflow: hidden;}
.caigouform{width:90%;margin:.5rem auto;overflow: hidden;}
.caigouform .item{height: 50px;width:100%;overflow: hidden;margin-bottom: .4rem;}
.caigouform .item .li{width:48%;height: 100%;display: block;overflow: hidden;}
.caigouform .item .li span,.caigouform .items span{font-size: 20px;color: #5C5E5F;font-weight: 300;display: inline-block;width: 120px;text-align: right}
.caigouform .item .li span em,.caigouform .items span em{color: #F80404;font-size: 16px;padding-right: 2px;}
.caigouform .item .li .txt{color: #444;font-size: 16px;height: 50px;border:none;background: #EDEDED;width:calc(100% - 140px);text-indent: 10px;}
.caigouform .items{width: 100%;position: relative;height: 140px;overflow: hidden;margin-bottom: .4rem;}
.caigouform .items span{position: absolute;top:0;left:0;}
.contents{width:calc(100% - 170px);height: auto;min-height:100px;padding:15px;background:  #EDEDED;border:none;font-size: 16px;color: #444;line-height: 1.6; position: absolute;right:15px;top:0;}
.caigouform .item .li.li1{width: 30%;max-width: 410px;}
.caigouform .item .li.li2{width: 69%;}
.caigouform .item .li .yzm{display: block;height: 50px;overflow: hidden;position: relative;float:left;width:40%;cursor: pointer;max-width:250px;} 
.caigouform .item .li .yzm img{ width: 100%;height:50px;}
.caigouform .item .li.li2 .yzm .yzmimg{display: block;width:100%;height: 33px;position: absolute;top:0;right:0px;}
.caigouform .item .li.li2 .yzm  a{display: block;color:#00A9E1;font-size: 12px;position: absolute;bottom:0;right: 0;width:100%;text-align: center;}
.resetss{float:left;width:168px;height: 50px;background: #ACCC3D;font-size: 23px;font-weight: 300;line-height: 50px;border-radius:10px;text-align: center;color: #fff;display: inline-block;border:none;cursor: pointer;letter-spacing: 4px;margin-left: 20px;}
.submitsss{float:right;width:259px;height: 50px;background: #00A9E1;font-size: 23px;font-weight: 300;line-height: 50px;border-radius: 10px;text-align: center;color: #fff;display: inline-block;border:none;cursor: pointer;letter-spacing: 4px;margin-right:15px}
.item2{display: none;height: 45px;width:210px;margin:.5rem auto 0 85px;overflow: hidden;}
.item2 .wapresetss{width:95px;height: 45px;line-height: 35px;background: #ACCC3D;border-radius: 5px;font-size: 15px;text-align: center;color: #fff;border:none;cursor: pointer;letter-spacing: 1px;}
.item2 .wapsubmitsss{width:95px;height: 45px;line-height: 35px;background:#00A9E1;border-radius: 5px;font-size: 15px;text-align: center;color: #fff;border:none;cursor: pointer;letter-spacing: 1px;}
.ys{display: block;margin-top: 40px;margin-bottom: 0.5rem;padding: 0 40px;}
/*企业合作**/
.left-share{ border:1px solid #91DAF2;border-bottom: none;width:80%;height: 55px;background: #30c1f1;margin:0 auto;margin-bottom: .2rem;position: absolute;bottom:0;left:10%;}
.left-share a{width:49.5%;display: inline-block;height: 35px;padding:10px 0;float: left;}
.left-share a:nth-child(1){border-right:1px solid #91DAF2;}
.left-share a img{display: block;width:35px;height: 35px;margin:0 auto;transition:all 0.3s ease 0s;-webkit-transform:all 0.3s ease 0s;}
.left-share a:hover img{opacity: .8}
.main-right .pages{margin-top:60px;}
.main .main-left .left-menu{margin-top: 25px;overflow: hidden;}
.main .main-left .left-menu dl{overflow: hidden;width:100%;}
.main .main-left .left-menu dl dt{background:#0397C8;text-align: center;height:55px;line-height: 55px;font-size: 20px;color: #fff;font-weight: bold;}
/*.main .main-left .left-menu dl dd{padding-top:15px;width:75%;margin:0 auto;border-top: 1px dashed  #3FC4EF;overflow: hidden;text-align: left;}*/
.main .main-left .left-menu dl dd{padding-top:15px;width:75%;margin:0 auto;border-top: 1px dashed  #3FC4EF;overflow: hidden;text-align: left;padding-left: 60px;}
.main .main-left .left-menu dl dd a{display: block;color:#fff;line-height: 2.1;vertical-align: middle;padding:10px 0;}
.main .main-left .left-menu dl dd a em{display: inline-block;height: ;width:25px;vertical-align: middle;margin-right: 10px;}
.main .main-left .left-menu dl dd a em img{vertical-align: middle;display: block;}
.main .main-left .left-menu dl dd a span{display: inline-block;vertical-align: middle;font-size: 18px;position: relative;z-index: 4}
.main .main-left .left-menu dl dd a span::after{display: block;width:0;background: rgba(1,128,170,.6);transition: all .2s ease-out;height: 4px;position: absolute;bottom:6px;left:0;content: "";z-index: 1}
.main .main-left .left-menu dl dd a:hover span::after,.main .main-left .left-menu dl dd a.on span::after{width:100%}

/*************成功案例***********/
.casemain{width:100%;overflow: hidden;background:#F5F5F5;padding-bottom: .5rem;}
.maincontainer{width:80%;margin:0 auto;max-width: 1430px;}
.casemain .crumbs{padding-left: 40px;}
.casemain  .tabbox{margin-top:35px;}
.tabbox{overflow: hidden;background: #fff;width:100%;}
.tabbox a.tabtn{height: 40px;padding:38px 0 ;transition:all 0.3s ease 0s;-webkit-transform:all 0.3s ease 0s;overflow: hidden;text-align: center;display: inline-block;line-height: 40px;color:#877D7D;font-size: 25px;width:33.3%;float: left;letter-spacing: 1px;}
.tabbox a.tabtn:hover,.tabbox a.tabtn.on{background: #00aae2;color: #fff;}
.tabcontent{width:100%;margin-top: 45px;}
.tabcontent .li{width:29.3%;background: #fff;padding:1%;margin-bottom: .4rem;}
.tabcontent .li a{display: block;width:100%;overflow: hidden;position: relative;}
.tabcontent .li a div.img{overflow: hidden;width: 100%;height: 100%;}
.tabcontent .li a  h4{line-height: 40px;color: #262525;font-size: 25px;font-weight:400;height: 40px;padding:10px 0;}
.tabcontent .li a p{color: #00A9E1;font-size: 20px;padding-bottom:50px;}
.tabcontent .li a s{transition:all 0.3s ease 0s;-webkit-transform:all 0.3s ease 0s;display: block;text-decoration:none;width:40px;height: 40px;background: #00A9E1;color: #fff;font-size: 35px;line-height: 35px;text-align: center;position: absolute;right:0;bottom:0;}
.tabcontent .li a:hover s{transform:rotate(-360deg);-moz-transform:rotate(-360deg);-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);}
.casemain .pages{text-align: center;}
.tabcontent .li:hover{background: #D1F2FD;}
.tabcontent .li:last-child:nth-child(3n+2) {margin-right: calc((100% - 29.3%) / 2);}

/*********news******/
.news-list{overflow: hidden;padding:20px 0;margin: 10px auto 0 auto;width:92%;}
.main-dl{transition:all 0.3s ease 0s;-webkit-transform:all 0.3s ease 0s;overflow: hidden;box-sizing: border-box;padding: 35px 30px 35px 36px;width: 100%;min-height: 130px;border-bottom:1px solid #ddd}
.main-dl:hover {box-shadow: 0px 0px 30px 0px rgba(78, 90, 102, 0.16);}
.main-dl a{display: block;width:100%;overflow: hidden;}
.main-dl dt {height: 130px;overflow: hidden;float: left;width:200px;}
.main-dl .pimg {height: 180px;width:250px;}
.main-dl dt p{color: #ACCC3E;}
.main-dl dt p.day{font-size: 55px;font-weight: 500;}
.main-dl dt p.y-m{font-size: 25px;font-weight: 400;padding-top: 5px;}
.main-dl dd.txt{display: block;height:100%;float: right;width: calc(100% - 200px)}
.main-dl dd.ptxt{display: block;height:100%;float: right;width: calc(100% - 280px)}
/*.main-dl dd.txt span{font-size:24px;color: #333333;font-weight: 600;display:block;line-height: 40px;overflow: hidden;}*/
.main-dl dd.txt span{font-size:24px;color: #0e9de0;font-weight: 600;display:block;line-height: 40px;overflow: hidden;}
.main-dl dd.txt p{font-size: 16px;color: #333333;line-height: 25px;height: 75px;overflow: hidden;padding-top:10px;}
.main-dl a:hover dd.txt span{color: #00AAE2}
.main-news-right .pages{padding:50px 0 0 50px;}
.newsdetailbox{background: #fff;padding:.6rem 5%;overflow: hidden;margin-top: 40px;}
.newsdetailbox h4{color: #636163;font-size: 30px;text-align: center;}
.newsdetailbox .intro{width:75%;padding:.3rem;color: #797777;font-size: 15px;line-height: 1.6;margin:.2rem auto;background: #E4E4E4;}
.detial-box1{height: 40px;line-height: 40px;margin:15px auto;text-align: center;}
.detial-box1 span{color: #949494;font-size: 16px;}
.detial-box1 span.time{padding-left: 30px; }
.detial-box1 span.share{padding-left: 30px;overflow: hidden;vertical-align: middle}
.detial-box1 span.share .share-icon{display: inline-block;height: 38px;overflow: hidden;vertical-align: middle;;margin-left:5px;}
.detial-box1 span.share a{display: inline-block;width: 38px;height: 38px;overflow: hidden;margin:0 5px;vertical-align: middle;margin-top: -10px;}
.detial-box1 span.share a img{display: block;width: 100%;}
.newsdetailcontent{overflow: hidden;width:100%;margin-top: .5rem;}
/*.newsdetailcontent  p,.newsdetailcontent * p{color:#191919;font-size:20px;line-height: 1.9;text-indent: 40px;padding-bottom: 20px;}*/
.newsdetailcontent  p,.newsdetailcontent * p{color:#191919;font-size:20px;text-indent: 40px;}
/*.newsdetailcontent  p img,.newsdetailcontent * img,.newsdetailcontent  img{display: block;max-width: 100%;margin:.2rem auto;}*/
.newsdetailcontent  p img,.newsdetailcontent * img,.newsdetailcontent  img{display: block;max-width: 100%;margin:0 auto;}
.tagss{color:#E30083;font-size: 20px;line-height: 1.6;padding:20px 0;overflow: hidden;}
.nepr{ width:70%;overflow: hidden;margin-top: 10px;}
.nepr a{ display:block; height:60px; line-height:60px;padding:0 10px;width:auto; font-size:20px; color:#00A9E1;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;width:80%;}
.nepr a:hover{ background:#00A9E1; color:#fff;}
/*********联系我们******/
.contact-main{padding-bottom: 50px;}
.main.contact-main .main-left{min-height: 660px;}
.main-contact-right,.main-contact-right .main-right-body{background: #f5f5f5;overflow: hidden;}
.contact-box{width: 100%;overflow: hidden;}
.contactMap{width:100%;height:470px;overflow: hidden;}
.contact-ul{overflow: hidden;padding:.5rem 8%;background: #FFFFFF;margin-bottom: 30px;margin-top: 40px;}
.contact-ul .li{display:block;text-align: center;}
.contact-ul .li div.img{width:110px;height: 110px;border-radius: 100%;overflow: hidden;margin:0 auto 15px auto;}
.contact-ul .li p.t{color: #434344;font-size: 16px;text-align: left;}
.contact-ul .li h4{color: #434344;font-size: 20px;text-align: center;margin-bottom: 20px;font-weight: 500;}
.contact-ul .li p.tel{color: #434344;font-size: 16px; line-height:1.6;}
.honor-wrap{overflow: hidden;overflow: hidden;width: 100%;height: auto;}
.honor-wrap ul{overflow: hidden;padding-top: 40px;padding-bottom: 40px;}
.honor-wrap ul li{width:31.3%;overflow: hidden;margin-bottom: .4rem;height: auto; }
.honor-wrap ul li div.img{max-width:96%;max-height: 96%;padding:2%;background: #fff;overflow: hidden;}
.honor-wrap ul li h4{color: #393A3A;font-size: 18px;height:40px;line-height: 40px;text-align: center;padding:30px 0 0 0 ;font-weight: 500;}
.honor-wrap ul li:last-child:nth-child(3n+2) {margin-right: calc((100% - 30.3%) / 2);}
.main-contactliuyan-right ,.main-contact-right.main-contactliuyan-right .main-right-body{background: url(../images/liuyanbg.png) no-repeat center;background-size: cover;}
.liuyanbox{background: #fff;padding:.5rem;width:80%;margin:.5rem auto;overflow: hidden;}
.liuyanbox h4{text-align: center;font-size: 30px;color: #00aae2;letter-spacing: 3px;}
.form-box{overflow: hidden;width:100%;margin-top: .5rem;}
.form-box-item{overflow: hidden;margin-bottom: 25px;}
.form-box-item .li{height:85px;position: relative;overflow: hidden;padding:5px 0;}
.form-box-item .li .input{position: relative;height:85px;transition: 400ms cubic-bezier(.4, 0, .2, 1); -webkit-transition: 400ms cubic-bezier(.4, 0, .2, 1);-ms-transition: 400ms cubic-bezier(.4, 0, .2, 1);}
.form-box-item .li .input label {position: absolute; top: -5px;left: 0;z-index: 2;cursor: pointer;line-height: 60px;transition: 400ms cubic-bezier(.4, 0, .2, 1); -webkit-transition: 400ms cubic-bezier(.4, 0, .2, 1);-ms-transition: 400ms cubic-bezier(.4, 0, .2, 1);font-size: 20px;color: #020202;}
.form-box-item .li .input label em{padding-right:5px;color: #FF0606;display: inline-block;line-height: 60px;}
.form-box-item .li .input input {height: 40px;top: 44px;border: none; background: transparent;position: relative;line-height: 40px;color: #000;font-size: 14px;}
.form-box-item .li .input .spin {background: #0e9de0;z-index: 4;width: 0;height: 1px;position: absolute;bottom: 0;left: 0;transition: all .3s ease-in; -moz-transition: all .3s ease-in; -webkit-transition: all .3s ease-in;-o-transition: all .3s ease-in;}
.form-box-item.flex-ul .li{width:48%;}
.form-box-item .li  .input::before {content: "";background: rgba(0, 0, 0, 0.1);z-index: 3;position: absolute;height: 1px;left:0;bottom:0;width:100%;}
.submit{display: block;width: 393px;height: 68px;background: #00A9E1;border-radius:.68rem;margin-top:.4rem;text-align: center;line-height: 68px;color: #fff;font-size: 25px;font-weight:300;border:none;letter-spacing: 10px;cursor: pointer;}
.about-box-con{background: #fff;margin-top:40px;overflow: hidden;padding:.5rem;}
.about-box-con h5{font-size: 30px;text-align: center;font-weight: 500;display: block;color: #000}
.about-txtbox{padding-top: 40px;overflow: hidden;}
.about-txtbox p,.about-txtbox * p{color: #737272;font-size: 18px;line-height: 1.8;text-indent: 40px;padding-bottom: 20px;}
.about-txtbox p img,.about-txtbox * img,.about-txtbox  img{display: block;max-width: 100%;margin:.2rem auto;}
.aboutbgbox{width:;margin-top:.3rem;background: url(../images/aboutbg.png) no-repeat center;background-size: cover;overflow: hidden;padding:.5rem;}
.aboutbgbox h4{color: #000;font-size: 20px;text-align: center;font-weight: 500;display: block;padding:10px 0 0 0;}
.abum-zhanting{background: #fff url(../images/abg.png) no-repeat left top;min-height:200px;margin-top:40px;overflow: hidden;width:100%;background-size:80% auto;}
.abum-zhanting .product-list{padding:.4rem .5rem;overflow: hidden;box-sizing:border-box;}


/*#side-left.fixed{
  position: fixed;
  left: 0;
  top: 1.2rem;
  bottom: 0;
  height: auto !important;
  padding-top: 0;
  z-index: 9999;
}*/
#side-left.fixed{
  position: fixed;
  left: 0;
  top: 1rem;
  bottom: 0;
  height: auto !important;
  padding-top: 0;
  z-index: 9999;
}
#side-left.fixed h4{
  display: none;
}

.banner .swiper-pagination-bullet,
.swiper-dot-wrapper .swiper-pagination-bullet{
  background: #fff !important;
}


/****20210728修改***/
.listp728 .right-content .product-list  .li{position:static!important;}
.listp728 .right-content .product-list  .li h3{position:static!important;background:none!important;color:#000;}


/****媒体查询响应手机********************************/

@media (max-width: 1680px) {
  .main .main-left{width:19%;}
  .main .main-right{width:81%;}
  .product-list .li{width:23.8%;}
  .main .main-left .left-menu dl dd{width:80%;white-space: nowrap;}
  .main .main-left .left-menu{margin-top: .4rem;}
  .main .main-left .left-menu dl dd a{padding:8px 0;}
  .keywords{white-space: nowrap;font-size: 17px;text-overflow:ellipsis;overflow: hidden;}
  .maincontainer{width:95%;}

}
@media (max-width: 1500px) {
  .product-list .li{width:30.3%;}
  .main .main-left .left-menu dl dd a{padding:6px 0;line-height: 2}
  .hearts-box{width:100%;}
  .hearts-box .li h4{font-size: 24px;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}
  
  /*.product-list .li:last-child:nth-child(4n + 2){ margin-right : 0}*/
  .product-list .li:last-child:nth-child(3n + 2){margin-right: calc((100% - 30.3%) / 2);}
}

/*小屏幕电脑**/

@media (max-width: 1440px) {
  .main .main-left{width:18%;}
  .main .main-right{width:82%;}
  /*.product-list .li{width:23.5%;}*/
  .product-list .li{width:30.3%;}
  .main .main-left .left-menu dl dd a{padding:5px 0;}
  .main .main-left .left-menu dl dd a span{font-size: 17px;}
  .main .main-left .left-menu{margin-top: 35px;}
  .product-list .li h3{height: 55px;line-height: 55px;font-size: 17px;}
  .product-intross, .product-zujian, .hearts,.product-imgs{padding:.3rem}
  .tabbox a.tabtn,.tabcontent .li a h4{font-size: 24px;}
}
@media (max-width: 1360px) {
  .product-list .li{width:30.3%;}
  .product-imgs-scroll .gallery-top{width: 100%;float: none;}
  .product-imgs-scroll .gallery-thumbs{display: none;}
  .product-imgs-scroll .gallery-top .swiper-pagination{display: block;}
  .main-dl dd.txt span{font-size: 23px;}
  .left-share a img{width:30px;height: 30px;}
  .left-share{left:5%;width:90%;height: 50px;}
  .left-share a{height: 30px;}
  .contact-ul .li div.img{width:95px;height: 95px;}
  .contact-ul{padding:.4rem;}
  .contact-ul .li p.t,.contact-ul .li p.tel{font-size: 14px;}
  .contactMap{height: 4.5rem}
  .index-case .box .masks-txt h4{font-size: 35px;}
  .index-case .box .masks-txt a.btn{width:2.7rem;height: .48rem;line-height: .48rem;font-size: 24px;}
  .honor-wrap ul li h4{font-size: 17px;}
  .contact-main .main .main-left .left-menu dl dd a{padding:10px 0;}
  .product-list .li:last-child:nth-child(3n + 2){margin-right: calc((100% - 30.3%) / 2);}
  .index-advantages .container2 .wrap{padding-left: 40%}
  .index-newslist a.li{height: auto;}
  .index-newslist a.li div.time p.day{font-size: 45px;}
  .index-abouts .timers .txt p{padding-top: .5rem;color: #fff}
  .index-newslist a.li div.time p.y-m{font-size: 20px;}
  .index-newstbox a.li2 .inews-t img{width:90%;}  
}
@media (max-width: 1250px) {
  .tabbox a.tabtn,.tabcontent .li a h4{font-size: 22px;}
  .protitle::after{width: 7px;}
  .index-newslist a.li .text .txt{display: none;}
  .products-display .protitle{margin-left:.3rem;}
  .product-imgs-warp h3,.protitle{font-size: 30px;}
  .product-imgs-warp .intros,.product-intross .titbox p.s{font-size: 19px;}
  .product-imgs-txt .txts,.zujianwrap .li h2,.hearts-box .li div.txt{font-size: 17px;}
  .product-intross .function{width:75%;}
  .product-intross .titbox{width:24%;}
  .honor-wrap ul li h4{font-size: 16px;}
  .product-intross .function dl dt{font-size:22px;width:130px;height: 40px;line-height: 40px;}
  .zujianwrap .li div.img{height: 1.66rem}

  .hearts-box .li h4{font-size: 22px;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}
  .hearts-box .li{width:23%;}
  .resetss{display: none;}
  .caigouform .item .li.li1{width: 50%;}
  .caigouform .item .li.li2{width: 50%}
  .submitsss{font-size: 22px;width:calc(100% - 170px);}
  .newsdetailbox h4{font-size: 28px;}
  .newsdetailcontent p, .newsdetailcontent * p{font-size: 17px;}
  .nepr a{width: 100%;}
  .nepr a{font-size: 18px;}
  .index-product-title{max-width: 300px}
  .index-product .link-nav{width: 65%}
  .index-newslist a.li h2{font-size: 22px;width:70%;}

}
@media (max-width: 1150px) {
  .index-product .container{display: block;}
  .index-product-title{margin:0 auto;overflow: hidden;}
  .index-product .link-nav{width:100%;margin:.8rem auto 0 auto;}
  .index-advantages .container2 .wrap{padding-left: 35%}
  .index-abouts .timers .years{float: none;}
  .index-abouts .timers .txt::after{display: none;}
  .process-title img{width:70%;}

  .index-abouts .timers .txt{width: 100%;float: none;margin-top:.6rem;overflow:hidden;padding:0;}
}
/**平板**/
@media (max-width: 1024px) {
  /****banner**/
  .banner{height: 40vh;}
  .banner .swiper-container1 .swiper-slide img.pcimg{display:none;}
  .banner .swiper-container1 .headbg,.banner .slideDown{display:block;}   
  .main .main-right{float: none;width:100%;}
  .main .main-left{display: none;}
  .product-list .li h3{font-size: 16px;height: 55px;line-height: 55px;}
  .newsdetailbox h4{font-size: 26px;}
  .main-dl dd.txt span{font-size: 22px;}
  .index-advantages .container2 .wrap{padding-left: 40%}
  

}
/*平板竖屏**/
@media (max-width: 980px) {
   /****首页****/
    .advantage .li{width:50%;margin-bottom: .2rem;}
    .advantage .li div.img{width:50px;height: 50px;}
    .advantage .li h4{font-size: 14px;}
    .index-newstbox a.li{width:100%;display: none;}
    .index-newstbox a.li2{display: block;}
    .index-newslist a.li{width: 100%;}
    .index-newslist{display: block;}
    .process-list ul li.fx{display: none;}
    .index-newslist a.li:nth-child(2){width: 100%;}
    /***内页**/
    .left-share{display: none;}
    .nybanner{height: 50vh;}
    .index-newslist a.li .text .txt{display:block;}
    .product-list .li{width:31.3%;}
    .index-newstbox a.li2 .inews-t img{width:60%!important;}
    .main-right .pages{margin-top: .5rem;}
    .product-list .li h3{height: 50px;line-height: 50px;font-size: 16px}
    .product-list .li:last-child:nth-child(3n + 2){margin-right: calc((100% - 31.3%) / 2);}
  .product-imgs{padding: .3rem;display: block;}
  .product-imgs-warp,.product-imgs-txt{width: 100%;min-height: auto;}
  .product-imgs-warp h3{font-size: 30px;}
  .product-imgs-txt{margin-top: .3rem;}
  .product-imgs-warp .intros{font-size: 18px;line-height: 1.628}
  .advs span,.product-imgs-txt .txts{font-size: 16px;}
  .product-imgs-txt .txts{line-height: 1.628;margin-top: .3rem;}

  .protitle{height: 28px;line-height: 28px;font-size: 28px;letter-spacing: 1px;}
  .font-title .protitle span{font-size: 18px;}
  .products-display .protitle{margin-left: 0;}
  .product-intross .titbox p.s{font-size: 18px}
  .caigouform .item .li span, .caigouform .items span{font-size: 16px;}
  /*成功案例**/
  .maincontainer{padding:0 .2rem;max-width: 100%;width: auto;}
  .casemain .crumbs{padding-left: 0}
  .tabbox a.tabtn{font-size: 18px;padding:.2rem 0;}
  .casemain .tabbox{margin-top: .7rem;}
  .tabcontent .li{width:46%;}
  /*****新闻****/
  .news-list{width:100%;}
  .main-dl dd.txt,.main-dl dt{width:100%;float: none;}
  .main-dl dt p.day{font-size: 36px;}
  .main-dl dt p.y-m{font-size: 16px;}
  .main-dl dt{height: auto;}
  .main-dl .pimg{height: auto;width: 100%;} 
  .main-dl{padding:.3rem;}
  .main-dl dd.txt{margin-top: .35rem;}
  .main-dl dd.txt span{font-size: 18px;}
  .main-news-right .pages{padding:0;}
  .newsdetailbox .intro{width:calc(100% - .6rem);margin-top: .8rem;}

}
/*手机*/
@media (max-width: 767px) {
  /**首页**/
  .index-product-title{width:100%;text-align: center;}
  .index-product-title img{width:70%;margin:0 auto;}

  .index-product .link-nav{width:100%;margin-top: .8rem;}
  .index-product .quick-nav{display: block;height: auto;}
  .index-product  .quick-nav dl{width: 100%;margin-bottom: .35rem;}
  .index-product  .quick-nav dl dt{font-size: 18px;}
  .index-product  .quick-nav dl dd{font-size: 14px;margin-top: 15px;}
  .index-product  .quick-nav dl dd a{width:33.3%;font-size: 14px;}
  .index-case .box{min-width:100%;width: 100%; display: none;}
  .index-case .box.active{display: block;}
  .index-case{flex-wrap: nowrap;overflow: visible;}
  .index-case .swiper-slide.box .masks-txt{ display: block;}
  .index-case .swiper-slide.box .masks{ display: block;}
  .index-case .box .masks-txt h4{font-size: 26px;}
  .index-case .box .masks-txt p.txt{font-size: 14px;}
  .index-advantages{height: auto;}
  .index-advantages .container2 .wrap{width: 100%;padding:.8rem 0;}
  .index-advantages-title img{width:50%;margin-left: 25%;}
  .index-advantages-txt span{font-size: 16px;background-size: 15px auto;}
  .index-advantages-txt{padding-left:25%;width:80%;}
  .index-newslist a.li div.time p.day{font-size: 30px;}
  .index-newslist a.li div.time p.y-m{font-size: 14px;}
  .index-newslist a.li s.more{width:26px;height: 26px;line-height: 26px;font-size: 22px;}
  .index-newslist a.li h2{width: 100%;font-size: 16px;height: 40px;line-height: 20px;margin-top: .15rem;}
  .index-newslist a.li .text{margin-top: .1rem}
  .index-abouts .timers .years{width: 90%;height:80px;margin:0 auto;float: none;}
  .index-abouts .timers .years .num{width:70px;background-size:70px auto;font-size: 30px;height:80px;}
  .index-abouts .timers .years .abouts-txts{width:150px;left:80px;height: 80px;background-size:60px auto;background-position: left 58px;}
  .index-abouts .timers .years .abouts-txts h4{font-size: 25px;padding-top: 0}
  .index-abouts .timers .years .abouts-txts .singce{font-size: 16px;background-size:40px auto;height: 40px;padding-top: 0}
  .index-abouts .timers .txt{width:100%;margin-top: .65rem;float: none;padding:0;}
  .index-abouts .timers .txt::after{display: none;}
  .index-abouts .timers .txt h4{font-size: 25px;}
  .index-abouts .timers .txt p{display:none;font-size: 16px;color: #fff;line-height: 1.628}
  .index-abouts .timers{padding-top:1.2rem;}
  .crumbs{font-size: 14px;height: auto;line-height: 1.628}
    .crumbs em{background-size: 12px auto;padding-left: 18px;}
    .process-title img{width: 50%;display: none;}
    .index-process{background: #f5f5f5;}
    .process-title{padding:.7rem 0 0 0;}
    .process-list ul li.fx{display: none;}
  .process-list ul li.li{margin-bottom: .9rem;padding:0 .5rem;background-size: 1.19rem auto;}
  .process-list ul li.li:last-child:nth-child(3n + 3){margin-right: calc((100% - 1.79rem) / 2);}
  .process-list ul li.li div.img{margin-top: .6rem}
  .process-list ul li.li div.img img{display: block;width:100%;}
  .process-title h4{display: block;}
  .process-list ul li.li:last-child:nth-child(3n + 2){margin-right: calc((100% - 1.19rem) / 2)!important;}
  .process-list ul li.li:first-child div.text,.process-list ul li.li div.text{font-size: 14px;color: #fff;padding-top: 0rem;font-weight:bold;}
  .process-list ul li.li div.text{width:100% !important;font-size:12px !important;}
  .process-list ul li.li{height:3rem !important;}
  /***内页**/
    .nybanner{height: 45vh;}
    .main-right-body{padding:0 .2rem;}
    .prosearchbox-menu{display: none;}
    .main-right-menu{height: 1rem;line-height: 1rem;}
    .main-right-menu a{font-size: 16px;}
    .product-list .li{width:48%;}
    .product-list .li:last-child:nth-child(3n + 2){margin-right: 0;}
    .main-right-menu a::after{height: 2px;}
    .product-list .li h3{height: 40px;line-height:40px;font-size: 15px;}
    .product-imgs-warp h3{font-size: 24px;}
  .product-imgs-scroll .gallery-top{width:100%;float: none;overflow: hidden;height: 4rem;}
  .product-imgs-scroll .gallery-top .swiper-slide{border-radius: 5px!important;}
  .product-imgs-scroll .gallery-thumbs{display: none;}
  .product-imgs-scroll{height: auto;overflow: hidden;}
  .product-imgs-warp .intros{font-size: 16px;line-height: 1.628}
  .advs{line-height: 1.6;height: auto}
  .product-imgs-scroll .gallery-thumbs .swiper-wrapper{width:100%;overflow: hidden;}
  .advs span{font-size: 15px;background-size: 16px auto;padding-left: 20px;white-space:normal;width:22.3%;margin-bottom: 5px;}
  .advs span:last-child:nth-child(3n + 2){margin-right: calc((100% - 22.3%) / 2);}
  .protitle{height: 20px;line-height: 20px;font-size: 20px;}
  .product-imgs-txt .txts{font-size: 15px;}
  .font-title .protitle span{font-size: 14px;}
  .ys{padding:0 .3rem;}
  .product-imgs-scroll .gallery-top .swiper-pagination{display: block;}
  .product-display-box a,.zujianwrap .li{width:48%;margin-bottom: .35rem;border-radius: 5px;}
   .product-display-box a.li{margin-right: 2%;width:46%;}
   .product-display-box a.li:nth-child(2n){margin-right: 0;}
  .product-display-box{margin-top: .9rem;overflow: hidden;}
  .product-display-box a img{border-radius: 5px;}
  .zujianwrap{margin-top: .4rem;}
  .product-intross, .product-zujian, .hearts{padding:.3rem;}
  .zujianwrap .li div.img img,.zujianwrap .li div.img{border-radius: 5px;}
  .zujianwrap .li h2{font-size: 15px;padding-top: 5px;}
  .product-intross{display: block;}
  .protitle::after{width:5px;}
  .product-intross .titbox,.product-intross .function{width:100%;max-width: 100%;}
  .product-intross .titbox p.s{font-size: 16px;display: inline-block;}
  .product-intross .function{margin-top: .4rem;overflow: hidden;}
  .product-intross .function dl dt,.product-intross .function dl dd{float: none;}
  .product-intross .function dl{margin-bottom: .3rem;}
  .product-intross .function dl dt{width: 85px;padding:0 5px;height: 30px;line-height: 30px;font-size: 16px;margin-bottom: .2rem;}
  .product-intross .function dl dd{width: 100%;font-size: 15px;}
  .hearts-box .li{width: 100%;max-width: 100%;margin-bottom: .5rem;}
  .hearts-box .li h4{font-size: 18px;font-weight: 600;padding-top: 5px;}
  .hearts-box .li div.line{height: 3px;border-radius: 3px;}
  .hearts .protitle{line-height: 25px;margin-bottom: .5rem;overflow: hidden;height: auto;}
  .hearts .protitle span{line-height: 1.6}
  .hearts  .protitle::after{height: 20px;top:5px;}
  .hearts-box{width:auto;padding:0 .3rem ;}
  .hearts-box .li div.txt{font-size: 15px;}
  .caigouwrap{padding:0;}
  .caigouform .item{height:auto;}
  .caigouform .item1{display: block;overflow: hidden;margin-bottom:10px;}
  .caigouform .item1 .li{margin-bottom:20px}
  .caigouform .item .li{width: 100%;}
  .caigouform{width:100%;}
  .caigouform .item .li .txt{font-size: 14px;width: calc(100% - 100px);}
  .contents{width: calc(100% - 130px);}
  .caigouform .item .li.li1{width:65%}
  .caigouform .item .li1 .txt{width: calc(100% - 90px);}
  .caigouform .item .li.li2{width:35%;}
  .caigouform .item .li.li2 .yzm{ width: calc(100% - 15px);}
  .caigouform .item .li span, .caigouform .items span{font-size: 14px;width:80px;}
  .submitsss,.resetss{display: none;}
  .item2{display: block;}
  .index-case .box .masks-txt a.btn{font-size: 18px;}
  .flex-ul {display: flex;display: -webkit-flex;justify-content: flex-start;flex-wrap: wrap;}
  /**成功案例**/
  .tabbox a.tabtn{font-size: 15px;padding:.25rem 6.65%;line-height: 1.3;width:20%;}
  .tabcontent .li{width:46.5%;}
  .tabcontent .li a h4{font-size: 15px;padding:0;}
  .tabcontent .li a p{font-size: 13px;}
  .tabcontent{margin-top: .5rem;}
  .tabcontent .li a s{width:26px;height: 26px;line-height: 26px;font-size: 22px;}
  .newsdetailbox h4{font-size: 18px;font-weight: 600;}
  .detial-box1 span{font-size: 14px;}
  .detial-box1 span.share a{width:28px;height: 28px;}
  /*.newsdetailcontent{margin-top: 1rem;}*/
  .newsdetailcontent{margin-top: .5rem;}
  .detial-box1{line-height: 1.6}
  .detial-box1 span.share a{margin-top: 1px}
  .newsdetailcontent p, .newsdetailcontent * p{font-size: 15px;line-height: 1.628}
  .tagss{font-size: 16px;padding:.1rem 0 ;}
  .nepr{width: 100%}
  .nepr a{width:95%;font-size: 16px;line-height: 35px;height: 35px;padding:0;}

  /*****新闻******/
  
  .main-dl dt p.day{font-size: 30px;}
  .main-dl dt p.y-m,.main-dl dd.txt p{font-size: 14px;}
  .main-dl dd.txt span{font-size: 16px;}
  .main-dl dd.txt p{padding-top: 5px;}
  /**联系我们**/
  .contact-ul{padding:.6rem;}
  .contact-ul .li{margin-bottom: .5rem;}
  .contact-ul .li h4{font-size: 18px;}
  .contact-ul .li div.img{width:1.1rem;height: 1.1rem;}
  .contact-ul .li p.t,.contact-ul .li p.tel{text-align: center;font-size: 14px;}
  .contact-ul .li{width: 40%;}
  .contactMap{height: 5.5rem;overflow: hidden;}
  .about-box-con h5{font-size: 20px;}
  .about-txtbox p, .about-txtbox * p{font-size: 15px;line-height: 1.628}
  .aboutbgbox{background: none;padding:0;}
  .honor-wrap ul li{width:48%;}
  .honor-wrap ul li h4{padding-top: 10px;font-size: 15px;}
  .abum-zhanting{padding-bottom: .4rem;}
  .abum-zhanting .gallery a.li{width:48.5%;}
  .abum-zhanting .product-list{padding:.2rem;}
  .abum-zhanting .product-list .li:last-child:nth-child(3n+2){margin-right: 0}
  .liuyanbox h4{font-size: 20px;}
  .form-box-item{margin-bottom: .2rem;}
  .form-box-item.flex-ul .li{width: 100%;}
  .form-box-item .li .input{height: 80px;}
  .form-box-item .li .input label{font-size: 16px!important;top:0px!important;}
  .submit{width:100%;height: 45px;line-height: 45px;font-size: 16px}
  .process-list ul{
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    }
    .process-list ul li{
    text-align: center;
    width: auto !important;
    margin-right: .4rem;
    /* display: flex;
    flex-direction: row;
    justify-content: center; */
    }
    .process-list ul .text{
    white-space: nowrap;
    }
    .process-list ul li.li:last-child:nth-child(3n + 3){
    margin-right: 0 !important;
    }

    .banner .swiper-button-next,.banner .swiper-button-prev{
      display: none;
    } 
}
@media (max-width: 640px) {
  .index-product-title img{width:50%;margin:0 auto;}
  /**产品**/
  .product-list .li h3{font-size: 14px;}
  .main-right-menu a{font-size: 15px;}
  .index-case .box .masks-txt h4{font-size: 30px;}
  .index-case .box .masks-txt a.btn{height: .55rem;line-height: .55rem;}
}


@charset "utf-8";
/*++++author:智慧云擎*******************/
/*+++++time:2020-06-07****************/
/*rest css*/
html{width:100%;min-height:100%;outline:0;font-size:20px;-webkit-text-size-adjust:none;}
body,dd,div,dl,figure,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,textarea,ul{margin:0;padding:0;font-family: 'PingFangSC-Regular, PingFang SC',"微软雅黑";}
body{background-color:#fff;color:#333;}
ol,ul{list-style:none;}
img{border:none;vertical-align:middle;display:block;}
a{outline:0;border:0 none;text-decoration:none;-webkit-tap-highlight-color:transparent;color:#333333;}
.clearfix:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0;content:'\200B';}
.clearfix{zoom:1;}
html{min-width:320px; margin:0 auto; position:relative;}
body{min-width:320px;font-size:14px;position: relative;}
em,i{font-style:normal;}
/*.oe{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}*/
.oe{text-overflow: ellipsis;}
input[type="button"],input[type="submit"],input[type="reset"] {-webkit-appearance: none;}
textarea{-webkit-appearance: none;}
/*不允许文本域拖动*/
textarea{resize:none;}
/*删除谷歌浏览器input焦点样式*/
*:focus {outline: none;}
/*删除火狐下按钮默认样式*/
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{border:none; padding:0;}
.img-cover {width: 100%;height: 100%;max-width: 100%;max-height: 100%;object-fit: cover;}
.fl{float:left;}
.fr{float:right;}
/**美化滚动条*/
::-webkit-scrollbar-track-piece { background-color:#f8f8f8;}
::-webkit-scrollbar {width:9px;height:9px;}
::-webkit-scrollbar-thumb {background-color:#dddddd;background-clip:padding-box;min-height:20px;border-radius: 10px}
::-webkit-scrollbar-thumb:hover {background-color:#bbb;}
/*flex布局***/
.flex {display: -webkit-box;display: -moz-box;display: box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: flex;}
.flex-wrap{display: flex;display: -webkit-flex;flex-wrap: wrap;align-content: flex-start;}
.flex-end{display: flex;display: -webkit-flex;justify-content: flex-end;align-items: center;}
/* flex垂直排列*/
.flex-col{display: flex;display: -webkit-flex;flex-direction: column;}
/* flex全居中*/
.flex-center{display: flex;display: -webkit-flex;align-items: center;justify-content: center;}
/* flex竖向全居中*/
.flex-center-col{display: flex;display: -webkit-flex;flex-direction: column;align-items: center;justify-content: center;}
/* flex垂直居中*/
.flex-center-y{display: flex;display: -webkit-flex;align-items: center;}
/* 竖直baseline对齐*/
.flex-baseline{display: flex;display: -webkit-flex;align-items: baseline;}
/* flex水平居中*/
.flex-center-x{display: flex;display: -webkit-flex;justify-content: center;}
/* flex左右靠边*/
.flex-between{display: flex;display: -webkit-flex;align-items: center;justify-content: space-between;}
/* 水平均匀分布*/
.flex-around{display: flex;display: -webkit-flex;justify-content: space-around;align-items: center;}
.flex-ul{display: flex;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;}
/****************效果样式*************************/
/*黑白照片*/.gray {
 -webkit-filter:grayscale(100%);
 -moz-filter:grayscale(100%);
 -ms-filter:grayscale(100%);
 -o-filter:grayscale(100%);
 filter:grayscale(100%);
 filter:gray;
 transition:all 0.5s ease 0s;
 -webkit-transform:all 0.5s ease 0s;
 cursor:pointer;
}
/*圆角5px*/.radius5 {
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 -ms-border-radius:5px;
 -o-border-radius:5px;
 border-radius:5px;
}
/*圆角10px*/.radius10 {
 -webkit-border-radius:10px;
 -moz-border-radius:10px;
 -ms-border-radius:10px;
 -o-border-radius:10px;
 border-radius:10px;
}
/*图片变大*/.tra {
 -webkit-transform:scale(1);
 -moz-transform:scale(1);
 -ms-transform:scale(1);
 -o-transform:scale(1);
 filter:scale(1);
 filter:transform;
 transition:all 0.5s ease 0s;
 -webkit-transform:all 0.5s ease 0s;
}
.tra:hover {
 -webkit-transform:scale(1.15);
 -moz-transform:scale(1.15);
 -ms-transform:scale(1.15);
 -o-transform:scale(1.15);
 filter:scale(1.15);
 filter:transform;
 transition:all 0.5s ease 0s;
 -webkit-transform:all 0.5s ease 0s;
}
/*透明度50%*/.opacity5 {
 filter:alpha(opacity=50);
 -moz-opacity:0.5;
 -khtml-opacity:0.5;
 opacity:0.5;
}
.shadow1 {
 -webkit-box-shadow:rgba(0,0,0,0.1) 0px 0px 5px;
 -moz-box-shadow:rgba(0,0,0,0.1) 0px 0px 5px;
 -ms-box-shadow:rgba(0,0,0,0.1) 0px 0px 5px;
 -o-box-shadow:rgba(0,0,0,0.1) 0px 0px 5px;
 box-shadow:rgba(0,0,0,0.1) 0px 0px 5px;
}
.shadow2 {
 transition:all 0.3s ease 0s;
 -webkit-transform:all 0.3s ease 0s;
}
.shadow2:hover {
 -webkit-box-shadow:rgba(0,0,0,0.1) 0px 0px 15px;
 -moz-box-shadow:rgba(0,0,0,0.1) 0px 0px 15px;
 -ms-box-shadow:rgba(0,0,0,0.1) 0px 0px 15px;
 -o-box-shadow:rgba(0,0,0,0.1) 0px 0px 15px;
 box-shadow:rgba(0,0,0,0.1) 0px 0px 15px;
 transition:all 0.3s ease 0s;
 -webkit-transform:all 0.3s ease 0s;
}
/*投影*/.shadow5 {
 transition:all 0.3s ease 0s;
 -webkit-transform:all 0.3s ease 0s;
}
.shadow7 {
 transition:all 0.3s ease 0s;
 -webkit-transform:all 0.3s ease 0s;
}
.shadow7:hover {
 -webkit-box-shadow:rgba(0,0,0,0.2) 0px 0px 10px;
 -moz-box-shadow:rgba(0,0,0,0.2) 0px 0px 10px;
 -ms-box-shadow:rgba(0,0,0,0.2) 0px 0px 10px;
 -o-box-shadow:rgba(0,0,0,0.2) 0px 0px 10px;
 box-shadow:rgba(0,0,0,0.2) 0px 0px 10px;
 transition:all 0.3s ease 0s;
 -webkit-transform:all 0.3s ease 0s;
}
.shadow1_1 {
 -webkit-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px;
 -moz-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px;
 -ms-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px;
 -o-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px;
 box-shadow:rgba(0,0,0,0.5) 0px 0px 5px;
 transition:all 0.3s ease 0s;
 -webkit-transform:all 0.3s ease 0s;
}
.shadow5:hover {
 -webkit-box-shadow:rgba(0,0,0,0.05) 5px 10px 10px;
 -moz-box-shadow:rgba(0,0,0,0.05) 5px 10px 10px;
 -ms-box-shadow:rgba(0,0,0,0.05) 5px 10px 10px;
 -o-box-shadow:rgba(0,0,0,0.05) 5px 10px 10px;
 box-shadow:rgba(0,0,0,0.05) 5px 10px 10px;
 transition:all 0.3s ease 0s;
 -webkit-transform:all 0.3s ease 0s;
}
.shadow8 {
 -webkit-box-shadow:rgba(0,0,0,0.05) 5px 5px 5px;
 -moz-box-shadow:rgba(0,0,0,0.05) 5px 5px 5px;
 -ms-box-shadow:rgba(0,0,0,0.05) 5px 5px 5px;
 -o-box-shadow:rgba(0,0,0,0.05) 5px 5px 5px;
 box-shadow:rgba(0,0,0,0.05) 5px 5px 5px;
 transition:all 0.5s ease 0s;
 -webkit-transform:all 0.5s ease 0s;
}
.shadow6 {
 -webkit-box-shadow:rgba(0,0,0,0.1) 5px 5px 60px;
 -moz-box-shadow:rgba(0,0,0,0.1) 5px 5px 60px;
 -ms-box-shadow:rgba(0,0,0,0.1) 5px 5px 60px;
 -o-box-shadow:rgba(0,0,0,0.1) 5px 5px 60px;
 box-shadow:rgba(0,0,0,0.1) 5px 5px 60px;
 transition:all 0.5s ease 0s;
 -webkit-transform:all 0.5s ease 0s;
}
/*投影*/.shadow10 {
 -webkit-box-shadow:rgba(0,0,0,0.1) 10px 4px 20px;
 -moz-box-shadow:rgba(0,0,0,0.1) 10px 4px 20px;
 -ms-box-shadow:rgba(0,0,0,0.1) 10px 4px 20px;
 -o-box-shadow:rgba(0,0,0,0.1) 10px 4px 20px;
 box-shadow:rgba(0,0,0,0.1) 10px 4px 20px;
}
/*图片居中*/.center {
 -webkit-align-items:center;
 display:-webkit-flex;
 -webkit-justify-content:star;
}
/*图片居中2*/.vertical {
 display:-webkit-box;
 display:-webkit-flex;
 display:-moz-box;
 display:-moz-flex;
 display:-ms-flexbox;
 display:flex;
 /* 水平居中*/ -webkit-box-align:center;
 -moz-box-align:center;
 -ms-flex-pack:center;
 /* IE 10 */ -webkit-justify-content:center;
 -moz-justify-content:center;
 justify-content:center;
 /* IE 11+,Firefox 22+,Chrome 29+,Opera 12.1*//* 垂直居中 */-webkit-box-pack:center;
 -ms-flex-align:center;
 -moz-box-pack:center;
 /* IE 10 */ -webkit-align-items:center;
 -moz-align-items:center;
 align-items:center;
}
/*图片翻转*/.flip {
 -webkit-transform:rotate(0deg);
 -moz-transform:rotate(0deg);
 -ms-transform:rotate(0deg);
 -o-transform:rotate(0deg);
 transform:rotate(0deg);
 transition:all 1.2s ease;
 -webkit-transform:all 1.2s ease;
}
.flip:hover {
 -webkit-transform:rotateY(360deg);
 -moz-transform:rotateY(360deg);
 -ms-transform:rotateY(360deg);
 -o-transform:rotateY(360deg);
 transform:rotateY(360deg);
 transition:all 1.4s ease;
 -webkit-transform:all 1.4s ease;
 cursor:pointer;
}
/*图片翻转*/
.flip{ -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform: all 0.3s ease;}
.flip:hover{ -webkit-transform: rotateY(360deg); -ms-transform: rotateY(360deg); transform: rotateY(360deg); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform: all 0.3s ease; cursor: pointer;}
.anitop{ -webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.anitop:hover{-webkit-transform: translate3d(0, -3%, 0);transform: translate3d(0, -3%, 0);cursor: pointer;}
/**居中**/
.table{display: table;width:100%;height: 100%;margin: 0 auto;}
.cell{display: table-cell;vertical-align: middle;}

@charset "utf-8";
/*++++author:智慧云擎*******************/
/*+++++time:2021-06-07****************/
.container{padding:0 3%;margin:0 auto;}
.container2{padding:0 7%;margin:0 auto;}
/**************************导航*************************************/
/*.global-header{ position:fixed;width:100%;z-index:9999;height:130px;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;background: rgba(24,31,11,.65)!important;}*/
.global-header{ position:fixed;width:100%;z-index:9999;height:100px;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;background: rgba(24,31,11,.65)!important;}
/*.global-header.sticky {top:0;left:0;box-shadow: 5px 3px 15px rgba(24,31,11,.65);height: 120px;}*/
.global-header.sticky {top:0;left:0;box-shadow: 5px 3px 15px rgba(24,31,11,.65);height: 100px;}
/*.global-header .container{height: 100px;padding-top: 30px;display: flex;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;}*/
.global-header .container{height: 85px;padding-top: 15px;display: flex;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;}
.global-header .container .logo{width:130px;height: 66px;overflow: hidden;display: block;}
.global-header .p-nav{ -moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;display: flex;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;width:65%;margin-left:5%;}
/*.global-header .p-nav li.li{position: relative;height: 100px;}*/
.global-header .p-nav li.li{position: relative;height: 85px;}
.global-header .p-nav li.li>a{font-size: 18px;color: #fff;display: block;line-height: 66px;height: 100%}
/*.global-header .p-nav li.dropmenu .second-nav{display:none;position: absolute;width:180px;padding:15px;overflow: hidden;background: #0e9de0;border-radius: 0 0 5px 5px;top:100px;left:0;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;}*/
.global-header .p-nav li.dropmenu .second-nav{display:none;position: absolute;width:180px;padding:15px;overflow: hidden;background: #0e9de0;border-radius: 0 0 5px 5px;top:85px;left:0;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;}
/*.global-header.sticky .p-nav li.dropmenu .second-nav{top:90px;}*/
.global-header.sticky .p-nav li.dropmenu .second-nav{top:85px;}
.global-header .p-nav li.dropmenu .second-nav a{display: block;color: #fff;font-size: 16px;line-height: 35px;}
.global-header .p-nav li.dropmenu .second-nav a:hover{color: #e50083;}
.global-header .p-nav li.dropmenu .second-nav a em{display: inline-block;width:20px;height:19px;overflow: hidden;}
.global-header .p-nav li.dropmenu .second-nav a img{display: block;max-width: 20px;max-height: 19px;}
.global-header .p-nav li.dropmenu .second-nav a span{display: inline-block;margin-left:10px;border-bottom: 1px dashed #13ADF5;padding-right: 5px;width:calc(100% - 45px);}
.global-header .p-nav li.dropmenu .second-nav a:last-child span{border-bottom: none}
.global-header .p-nav li.active a,.global-header .p-nav li:hover a{color: #0e9de0;}
.global-header .p-nav li:hover .second-nav{display: block;}
.search-box{width:200px;height: 100%;overflow: hidden;position: relative;overflow: hidden;}
.searchbox{width:200px;height:40px;background:#fff;position:absolute;border-radius:3px;right:0;top:6px;z-index:10000 !important;transform: scaleX(0);opacity: 0;transition: all .2s ease-out;transition-property: all;transition-property: transform,opacity;}
.searchbox input{width:190px;height:40px;border:none;position: absolute;margin:0 5px;color:#666;}
.websitebox{height: 66px;line-height: 66px;}
.search-btn{height:50px;background: url(../images/search-icon.png) no-repeat 150px 23px;cursor: pointer;width:180px;position: absolute;top:5px;right: 0}
.websitebox a{display: inline-block;color: #fff;font-size: 14px;}
.searchbox .s-btn{display: block;width:40px;height:40px;text-align: center;background:#e50083 url(../images/search-icon.png) no-repeat center;cursor: pointer;position: absolute;top:0px;z-index:11;right:0;border-radius: 0 3px 3px 0;}
.websitebox a::after{content: "|";color: #fff;font-size: 13px;padding-left:12px;}
.websitebox a:last-child::after{display: none;}
.search-box .search-btn:hover .searchbox{transform: scaleX(1); opacity: 1;}


/**手机端***/
.m_nav{position: fixed;top: 0px;/* box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38); */width: 100%; height: 100%; background: #fff; transition: all ease 0.5s; -webkit-transition: all ease 0.5s;z-index: 999000; opacity: 1; visibility: visible; margin-top: 0; overflow-y: auto; transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; top: 0; transform: translateX(100%);}
.m_nav.open{transform: translateX(0);}
.m_nav .top{height:45px;padding:30px;box-sizing: border-box;}
.m_nav .top .closed{width: 22px;height:22px;vertical-align: middle;float:right;cursor: pointer;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out;transition: all 0.4s ease-out;background-size: 22px 22px}
.m_nav .logo{width:190px;margin:0 auto;}
.m_nav .top .closed:hover{transform:rotate(-360deg);-moz-transform:rotate(-360deg);-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);}
.m_nav .logo img{height: 68px;display: block;margin:20px auto;}
.m_nav .ul{margin-top: 30px;}
.m_nav .ul li{padding: 0 20px;border-bottom: 1px solid #f5f5f5;transform: translateY(0);-webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; opacity: 0;}
.m_nav.open .ul li{opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}
.m_nav .ul li:nth-child(1){-webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(2){-webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(3){-webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(4){-webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(5){-webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(6){-webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li:nth-child(7){-webkit-transition: all 1.4s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all 1.4s cubic-bezier(.77, 0, .175, 1) 0ms;}
.m_nav .ul li a{display: block;text-decoration: none;color: #333;font-size: 16px;height: 50px;line-height: 50px;width: 100%;}
/*.m_nav .ul li.active a,.m_nav .ul li a:hover{color: #0e9de0; }*/
.m_nav .ul li .dropdown_menu{display: none;}
.m_nav .ul li.dropdown.active .dropdown_menu{display: block;}
.m_nav .ul li .dropdown_menu a{display: block;height: 50px;line-height: 50px;padding: 0 40px;box-sizing: border-box;border-bottom: 1px solid #f5f5f5;}
.m_nav .ul li .dropdown_menu a:last-child{border: none;}

.global-header #navToggle{position:relative; width:30px;height:35px;display:none;float: right;-webkit-tap-highlight-color: rgba(0, 0, 0, 0.04); cursor: pointer; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s;top:12.5px;}
.global-header #navToggle s{position: absolute; right:0px; display: block; width: 30px; height: 3px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; -webkit-transition: opacity .3s ease, left .3s ease, width .3s ease, -webkit-transform .3s ease; transition: opacity .3s ease, left .3s ease, width .3s ease, -webkit-transform .3s ease; transition: transform .3s ease, opacity .3s ease, left .3s ease, width .3s ease; transition: transform .3s ease, opacity .3s ease, left .3s ease, width .3s ease, -webkit-transform .3s ease; -webkit-transform-origin: 0 50%; transform-origin: 0 50%;}
.global-header #navToggle .i1{top: 7px;}
.global-header #navToggle .i2{ top: 50%; margin-top: -1.5px; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%;}
.global-header #navToggle .i3{width: 20px;bottom: 7px;}
.global-header #navToggle:hover .i3{ width: 30px !important; -webkit-animation-name: none; animation-name: none;}
.global-header.sticky #navToggle s{background: #3f403f;}
.global-header.sticky #navToggle  .i2{background: #adcd3e;}
.global-header.sticky #navToggle  .i1{background: #00aae2}
.global-header.sticky #navToggle  .i3{background:#e50083}


/*****footer***************************************************/
.footer{width:100%;overflow: hidden;}
/*.footer .f-link{width: 100%;height: 400px;padding:70px 0  30px 0;overflow: hidden;background: #1F1F1F;}*/
.footer .f-link{width: 100%;height: 400px;padding:20px 0  30px 0;overflow: hidden;background: #1F1F1F;}
.footer .f-link .link-code{width:320px;padding-top:112px;background: url(../images/f-logo.png) no-repeat left top;height: auto;overflow: hidden;}
.footer .f-link .link-code .solo{color: #fff;font-size: 16px;margin-top: 40px;}
.footer .f-link .link-code .solo p{line-height: 1.6}
.footer .f-link .link-code .f-tel{color: #ADCC3B;font-size: 18px;display: block;padding-top: 5px;line-height: 1.6}
.f-tel span i{letter-spacing:.5px;display:inline-block;vertical-align:bottom;-webkit-animation-name:fontSizeUp1;animation-name:fontSizeUp1;-webkit-animation-duration:5.5s;animation-duration:5.5s;-webkit-animation-timing-function:steps(1,end);animation-timing-function:steps(1,end);-webkit-animation-fill-mode:none;animation-fill-mode:none;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-transform-origin:50% 75%;transform-origin:50% 75%}
.f-tel span i:nth-of-type(1){-webkit-animation-delay:0s;animation-delay:0s}
.f-tel span i:nth-of-type(2){-webkit-animation-delay:.5s;animation-delay:.5s}
.f-tel span i:nth-of-type(3){-webkit-animation-delay:1s;animation-delay:1s}
.f-tel span i:nth-of-type(4){-webkit-animation-delay:1.5s;animation-delay:1.5s}
.f-tel span i:nth-of-type(5){-webkit-animation-delay:2s;animation-delay:2s}
.f-tel span i:nth-of-type(6){-webkit-animation-delay:2.5s;animation-delay:2.5s}
.f-tel span i:nth-of-type(7){-webkit-animation-delay:3s;animation-delay:3s}
.f-tel span i:nth-of-type(8){-webkit-animation-delay:3.5s;animation-delay:3.5s}
.f-tel span i:nth-of-type(9){-webkit-animation-delay:4s;animation-delay:4s}
.f-tel span i:nth-of-type(10){-webkit-animation-delay:4.5s;animation-delay:4.5s}
.f-tel span i:nth-of-type(11){-webkit-animation-delay:5s;animation-delay:5s}
@-webkit-keyframes fontSizeUp1 {
  0% {
    -webkit-transform: scale(1.2) translateY(2%);
            transform: scale(1.2) translateY(2%);
  }
  7%,
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes fontSizeUp1 {
  0% {
    -webkit-transform: scale(1.2) translateY(2%);
            transform: scale(1.2) translateY(2%);
  }
  7%,
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.footer .f-link .link-code .code{width:258px;overflow: hidden;margin-top: 28px;}
.footer .f-link .link-code .code div.li{width:98px;text-align: center;color: #fff}
.footer .f-link .link-code .code div.li img{display: block;width:98px;height: 98px;}
.footer .f-link .link-code .code div.li span{display: block;font-size: 16px;line-height: 45px;}
.f-tel span{font-size: 20px;font-weight: 600;}
.footer .f-link .link-nav{width: calc(100% - 395px);overflow: hidden;}

.header-telboxs{overflow: hidden;color:#ADCC3B;margin-top: 6px}
.header-telbox .f-tel{padding-top: 3px}
.header-telbox .f-tels2 span i{letter-spacing: 1px!important}

/*.footer .f-link .link-nav .friend-link{margin-top: 55px;border-radius:15px;background: #fff;height: 70px;line-height: 70px;box-sizing:border-box;padding:0 35px;color: #1F1F1F;overflow: hidden;white-space: nowrap;}*/
.footer .f-link .link-nav .friend-link{margin-top: 13px;border-radius:15px;background: #fff;height: 105px;line-height: 50px;box-sizing:border-box;padding:0 35px;color: #1F1F1F;overflow: hidden;}
.footer .f-link .friend-link a.a{font-size: 18px;color: #1F1F1F;padding-right: 30px;display: inline-block;}
.footer .f-link .friend-link span{font-size: 18px;display: inline-block;}
.footer .f-link .friend-link a.access{font-size: 16px;color: #00A5E9;float: right;display: inline-block;}
/*.quick-nav{height: 255px;overflow: hidden;width:100%;}*/
.quick-nav{overflow: hidden;width:100%;}
.quick-nav dl{overflow: hidden;display: block;width:180px;}
.quick-nav dl dt{color: #fff;font-size: 22px;line-height: 1.6;display: block;}
.quick-nav dl dt a{color:#fff;}
.quick-nav dl dd{font-size: 18px;margin-top: 30px;display: block}
.quick-nav dl dd a{display: inline-block;color: #fff;line-height: 2.1;width:100%;}
.footer .f-link .quick-nav dl dd a:hover,.footer .f-link .friend-link a.a:hover{color:#00A5E9}
.quick-nav dl:nth-child(1){width: 325px;}
/*.quick-nav dl:nth-child(1) dd{display: flex;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;}*/
.quick-nav dl:nth-child(1) dd{display: flex;display: -webkit-flex;flex-wrap: wrap;}
.quick-nav dl:nth-child(1) dd a{width:50%;}
.f-link .quick-nav dl:nth-child(4) dd{margin-top: 0;width:110px;}
.footer .f-copyright{width:100%;background: #000;padding:40px 0;overflow: hidden;color: #fff;}
/*.footer .f-copyright .copy{width: 68%;overflow: hidden;}*/
.footer .f-copyright .copy{overflow: hidden;line-height: 1.6;text-align:center;}
.footer .f-copyright .icp{width:265px;text-align: right;}
.footer .f-copyright .icp p,.footer .f-copyright .copy p{font-size: 16px;color: #fff;}
.footer .f-copyright .icp p a{color: #fff;display: block;}
.footer .f-copyright .copy p.p{line-height: 30px;height: 30px;margin-top: 8px;}
.footer .f-copyright .icp p.p{height: 30px;width:265px;background: url(../images/beian.png) no-repeat left center;line-height: 30px;margin-top:8px;}

/*page分页*/
.pages{ text-align:left; padding:10px 0;width:100%;margin:20px auto 60px auto;}
.pages a,.pages span{ display:inline-block; padding:6px 15px; margin:0 6px; font-size:16px;border-radius: 3px;}
.pages a{ border:1px solid #ddd;}
.pages span,.pages a:hover{ border:1px solid #00a5e9; background:#00a5e9; color:#fff;}
/*弹出层*/
.nb-invite{width:501px;height: 236px;background: url(../images/nb-invite.png) no-repeat center;overflow: hidden;position: fixed;z-index: 9000;display: none;}
.nb-invite-body{padding:30px;position: relative;}
.nb-invite-body .closex{-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out;transition: all 0.4s ease-out;  display: block;width:20px;height:20px;background:url(../images/close.png) no-repeat  center;position: absolute;top:10px;right:10px;}
.nb-invite-body .closex:hover{transform:rotate(-360deg);-moz-transform:rotate(-360deg);-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);}
.nb-invite-body h4{color: #fff;padding:15px 0 0 170px;font-size: 35px;letter-spacing: 4px;font-weight: 500;}
.contentx{color: #fff;overflow: hidden;margin-top: 8px;}
.contentx .nb-tel{width:140px;margin:20px 0 0 20px;font-size: 14px;line-height: 1.5}
.contentx .nb-tel span{font-size: 15px;font-weight: 600;display: block;}
.contentx .nb-con{width:270px;overflow: hidden;}
.contentx .nb-con p{line-height: 1.6;font-size: 14px;}
.nb-bottom{overflow: hidden;height: 36px;margin-top: 15px;margin-left: 20px;}
.nb-bottom a{display: inline-block;margin:0  20px 0 0;background: #fff;text-align: center;color: #131313;font-size: 14px;border-radius:5px;width:88px;line-height: 36px;height: 36px;}
.nb-bottom a:hover {background: #13ADF5;color: #fff;}

/***右边**/
.right-navigate { position: fixed; right: 40px;top: 50%;z-index: 8999; margin-top: -240px;padding-top:173px;animation: infinite move1  5s ease;}
.right-navigate:hover ,.right-navigate:hover:before{animation-play-state: paused;-webkit-animation-play-state: paused;}
.right-navigate:before {position: absolute;left: -22px;top: 0;content: "";width:110px; height:171px;background: url(../images/fiexd.png) center no-repeat; animation: move2 5s infinite alternate ease-in-out;transform-origin: center bottom;}
@keyframes move2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  33% {
    -webkit-transform: rotate(-6deg);
    transform: rotate(-6deg);
  }
  66% {
    -webkit-transform: rotate(6deg);
    transform: rotate(6deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@-webkit-keyframes move2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  33% {
    -webkit-transform: rotate(-6deg);
    transform: rotate(-6deg);
  }
  66% {
    -webkit-transform: rotate(6deg);
    transform: rotate(6deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes move1 {
  0% {
    transform: translateY(0) translateZ(0);
  }
  50% {
    transform: translateY(20px) translateZ(0);
  }
  100% {
    transform: translateY(0) translateZ(0);
  }
}
.navigate-list{overflow: hidden}
.navigate-list li {margin-bottom: 2px;}
.navigate-list li:last-child {margin-bottom: 0;}
.navigate-list li a {display: block;padding-top: 9px; padding-bottom: 9px;width: 65px;border-radius: 4px; background:rgba(119,187,6,.9);text-align: center;}
.navigate-list li a img {display: block;position: relative;margin:0 auto;text-align: center;transition: 0.35s;width:32px;height: 32px;}
.navigate-list li a span {display: block; margin-top: 9px;line-height: 1;color: #fff;font-size: 12px;}
.navigate-list li a:hover img {transform: translateY(-3px);-webkit-transform: translateY(-3px);}
.navigate-list li.backup a{background:rgba(6,170,235,.9);}
.navigate-list li.backup{display: none;}
/****************媒体查询响应手机********************************************************************/
/**大屏幕电脑**/
@media  (max-width: 1700px) {
  
    /*导航**/
    .global-header .p-nav{margin-left: 3%;}
    .search-box{width:20%;}
    .search-btn{width:47%;background-position: right 23px;}
    .searchbox{width:60%;}
    .searchbox input{width:80%;}
    .websitebox{width:50%;}

}
/*小屏幕电脑**/
@media  (max-width: 1680px) {
    .search-box{width:200px;}
    .websitebox{display: none;}
    .search-btn{width: 100%;background-position: right 23px}
    .searchbox{width:100%;}

}
/*小屏幕电脑**/
@media  (max-width: 1440px) {
  .container2{padding: 0 3%;}
    .footer .f-link .friend-link a.access{display: none;}
    .footer .f-link .link-nav .friend-link{overflow: hidden;white-space: nowrap;font-size: 16px!important}
    .footer .f-link .friend-link span{font-size: 16px;}
    .websitebox{display: none;}
    .search-box{width:170px;}
    .search-btn{width: 100%;background-position: right 23px}
    .searchbox{width:100%;}
    .global-header .p-nav{padding-left: 6%;width:66%;}
}
@media (max-width: 1360px) {
    .search-box{width:150px;}
    .global-header .p-nav{width:70%;padding-left: 2%}
    /**footer*/
   .footer .quick-nav dl:last-child{display: none;}
}
@media (max-width: 1250px) {
    
    /**header**/
    .search-box,.right-navigate{display: none;}
    .global-header .p-nav{margin-left: 0;width: calc(100% - 180px);}
    /**footer***/
    .quick-nav{height: auto;}

    .footer .f-link .link-code{max-width: 310px;background-size: 60% auto;}
    .footer .quick-nav dl,{width:31%;}
    .footer .quick-nav dl:nth-child(1){width:38%;}
    .footer .f-link .link-nav{width:calc(100% - 330px);}
    .footer .f-link .link-nav .friend-link{overflow: hidden;white-space: nowrap;height: 60px;line-height: 60px;}
    .footer .f-link .friend-link a.a{font-size: 16px;}
    .footer .f-link .link-code .solo{margin-top: 35px;}
    .footer .f-link .link-nav .friend-link span{display: none;}
    .quick-nav dl dd{font-size: 16px;}

}
@media  (max-width: 1150px) {
    /**footer***/
    .search-box{display: block;}
    .footer .quick-nav dl,{width:30%;}
    .footer .quick-nav dl:nth-child(1){width:40%;}
    .footer .f-link .link-code{max-width:100%;}
}
/**ipad**/
@media  (max-width: 1024px) {
    .container2{padding:0 .3rem;}
  .right-navigate,.nb-invite,.header-telboxs{display: none!important}
  /**导航*/
  .nav-box.sticky{position: fixed;top:0;left:0;z-index:9999;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;background: rgba(41,136,72,0.9)!important;box-shadow: 0 0 14px #999;}
  .m_nav .ul li a{font-size:16px;line-height:55px;height: 55px;}
    .global-header.sticky,.global-header{height:65px;}
    .global-header.sticky .container{padding:0 .3rem;}
    .global-header .container{padding:0 .3rem;position: relative;}
    .global-header .container .logo{height: 45px;width:89px;padding:10px 0;float: left;}
    .global-header .container .logo img{display: block;width: 100%;}
    .global-header #navToggle{display: block;}
    .global-header .container .p-nav,.websitebox{display: none;} 
    .search-box{width:50px;height: 65px;position: absolute;right:60px;}
    .searchbox{width:80%;position: fixed;top:10px;transform: scaleX(1); opacity: 1;left:.3rem;display: none;height: 45px;line-height: 45px;}
    .searchbox .s-btn{height: 45px;width: 45px;}
    .search-btn{width:100%;background: url(../images/search-icon.png) no-repeat center;height: 100%;}
    /*弹窗特效*/
    .sopen{animation: spcaleIn 0.3s ease-in-out 0s 1;animation-fill-mode:forwards;}
    .sclose{animation: spcaleIn_close 0.3s ease-in-out 0s 1;animation-fill-mode:forwards;}
    @keyframes spcaleIn {
        0% {transform: scale(0.5);}
        45% {transform: scale(1.25);}
        80% {transform: scale(0.95);}
        100% {transform: scale(1);}
    }
   /*footer***/
    .footer .quick-nav dl:nth-child(1) dd a{display: block;width: 100%;}
    .quick-nav dl dt{font-size: 20px;}
    .footer .f-link .link-nav .friend-link{display: none;}
}
/*平板竖屏**/
@media (max-width: 980px) {
  .container{padding:0 .2rem;margin:0 auto;width:auto;max-width: 100%!important;}
  /**导航***/
  
  /**footer**/
    .footer .f-link{padding:.5rem 0;overflow: hidden;height: auto;}
    .footer .f-link .link-code{background-size:2rem auto;background-position: left top;padding-top:1.2rem;width: 100%;position: relative;}
    .footer .f-link .link-nav{display: none;}
   
    .footer .f-link .link-code .solo{margin-top: 20px;}
    .footer .f-link .link-code .code{width: 240px;position: absolute;top:0;right:0;}
    .footer .f-copyright .icp p, .footer .f-copyright .copy p{font-size: 15px;line-height: 1.6}
    .footer .f-copyright{padding:.3rem 0;}
    .footer .f-copyright .icp{width:35%;}
    .footer .f-copyright .copy{width: 100%;}
    .footer .f-copyright .icp p.p{width: 100%;background:none;}
    /** 分页 */
    .pages a,.pages span{padding:5px 13px; margin:5px; }
   
    
}

/**phone*/
@media (max-width: 767px) {
  
  .header-telboxs{display: none;}
    .header-banner{height:35vh;}
    /** 分页 */
    .pages a,.pages span{ padding:4px 10px; font-size:14px;margin:3px;}

  
  /*footer**/
    .footer .f-copyright .container2{display: block;}
     .footer .f-link .link-code{background-size:30% auto;background-position: center top;padding-top: 1rem;position: static;margin:0 auto;}
    .footer .f-link .link-code .code{width:70%;max-width: 400px;margin:.5rem auto 0 auto;position: static;}
  .footer .f-copyright .copy,.footer .f-copyright .icp,.footer .f-copyright .icp p.p{width:100%;}
    .footer .f-copyright .copy p.p{display: none}
    .footer .f-link .link-code{width:100%;text-align: center;}
    .footer .f-copyright .icp p a{text-align: center;}
    .footer .f-copyright .icp p, .footer .f-copyright .copy p{font-size: 14px;}
    .footer .f-copyright .icp p.p{background:none;margin-top: 0px;}
    .footer .f-copyright .icp{margin-top: 15px;}
    .footer .f-copyright .copy p{line-height: 1.6}
    .footer .f-link .link-code .solo p,.footer .f-link .link-code .code div.li span{font-size: 14px;}
    .footer .f-link .link-code .f-tel{font-size: 16px;}


}
@media (max-width: 640px) {
  .search-box{right:50px;}
    .footer .f-link .link-code .code{width:80%;}

}