/* CSS Document */

/*public css*/
*{ margin:0px; padding:0px;}
body{ font-size:14px; font-family:"Microsoft YaHei",SimSun,Arial,Helvetica,sans-serif; color:#333; background:#FFF; overflow-x:hidden; }
ul li{ margin:0px; padding:0px; list-style-type:none;}
form,ul,li,table,td,p,span,h1,h2,h3,h4,h5,img,dl,dt,dd{ margin:0px; padding:0px;}
img{ border:none; width:auto; max-width:100%;}
a{ color:#333; text-decoration:none;}
a:hover,a:active{ color:#000000; text-decoration:none;}
.dispblock{ display:block;}
.dispnone{ display:none;}
.float_l{ float:left}
.float_r{ float:right}
.clear_both{clear:both;}
.hand{ cursor:pointer;}
.f12{ font-size:12px;}
.hei{ color:#000;}
.en_ft{ font-family:Arial;}
.ft1{ font-size:14px; font-weight:bold; color:#FFF;}
.ft_red{ color:#C80000;}
.ft_bai{ color:#FFF;}
.txt_cent{ text-align:center;}
.Word_Break{ word-break:break-all; overflow:hidden; TABLE-LAYOUT:fixed; WORD-WRAP:break-word;}
.fixedHeader{ position:fixed; left:0; top:0; z-index:100;}
.txthid{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.tjio { position: fixed; top: 0px; left: 0px; background: rgba(0,0,0,.5); width: 100%; height: 100%; z-index: 999; display: none; }
.searchs { position: absolute; top: 50%; left: 50%; width: 95%; height: 50px; margin-top: -25px; transform: translateX(-50%); max-width: 500px; }
.seaz { width: 80%; overflow: hidden; float: left; background: #fff; height: 50px; }
.seay { width: 20%; overflow: hidden; float: left; background: #2ea3f6; height: 50px; }
.seaz input { background: none; border: 0px; outline: none; height: 50px; padding-left: 10px; padding-right: 10px; width: 100%; box-sizing: border-box; }
.seay input { width: 100%; overflow: hidden; text-align: center; color: #fff; height: 50px; background: none; border: 0px; cursor: pointer; outline: none; }
.top_search { cursor: pointer; }
.top_search img{width:16px;}

/*index*/
.in_topbox{ width:100%; position:relative;top:0px;left:0px; z-index:1000;background:#222222;background-size:auto 100%;height:1.21rem;}
.in_topbox .lt{ float:left;width:3.21rem;margin-left:0rem;margin-top:0rem;}
.in_topbox .lt img{ width:100%;}
.in_topbox .rt{ float:right;margin-right:.2rem;margin-left:.35rem;}
.in_topbox .rt .lang{ float:left; display:inline-block;width:0.32rem;margin-right:.36rem;margin-top:.45rem;}
.in_topbox .rt .controlBtn{width:0.55rem;margin-top:.34rem;float:left;}
.in_topbox img{width:100%;}
.in_ban{width:100%;overflow:hidden;}
.in_ban .swiper-pagination-bullet{width:0.14rem;height:0.14rem;}
/*
.in_ban .swiper-pagination-bullet{background:url(../images/dl.png) no-repeat center;background-size:.13rem .13rem;width:.25rem;height:.25rem;outline:none;border-radius:0px;}
.in_ban .swiper-pagination-bullet-active{background:url(../images/dlg.png) no-repeat center;background-size:100%;width:.25rem;height:.25rem;}
.in_ban .swiper-pagination{text-align:center;margin-left:0rem;bottom:.14rem;}


.in_topbox .controlBtn{ float:left; height:60px; width:60px; background:#000000; position:relative; cursor:pointer; z-index:3; transition:all 0.3s;}
.in_topbox .controlBtn i{ display:block; height:2px; background:#FFF; width:24px; position:absolute; top:30px; left:18px; transition:all 0.3s;opacity:1;}
.in_topbox .controlBtn i::after{ content:""; display:block; height:2px; background:#FFF; width:24px; position:absolute; top:-7px; left:0px;transition:all 0.3s;}
.in_topbox .controlBtn i::before{ content:""; display:block; height:2px; background:#FFF; width:24px; position:absolute; bottom:-7px; left:0px;transition:all 0.3s;}
.in_topbox .controlBtn i.on{ background:#000000; opacity:1;}
.in_topbox .controlBtn i.on::after{ transform:rotate(45deg); top:0px;}
.in_topbox .controlBtn i.on::before{ transform:rotate(-45deg); bottom:0px;}
*/
.in_topbox .menu{ position:absolute; top:1.21rem; left:0; width:100%; line-height:40px; height:auto; display:none;}
.in_topbox .menu li{ float:none; width:100%; background:rgba(255,255,255,0.95); border-top:1px solid #EEE; text-indent:20px; cursor:pointer; padding:0; position:relative;}
.in_topbox .menu li:last-child{ border-bottom:1px solid #EEE;}
.in_topbox .menu li>a{ display:inline; color:#333; height:40px; line-height:40px;}	
.in_topbox .menu li:hover>a{ color:#333;}
.in_topbox .menu li.cur>a{ color:#333;}
.in_topbox .menu li>a:after{ display:none;}	
.in_topbox .menu li em{ position:absolute; right:10px; top:15px; width:10px; height:10px; border:1px solid #666; border-left:0px; border-bottom:0px; opacity:1; display:block; transform:rotate(45deg);}
.in_topbox .menu li .nav{ position:relative; top:0; left:0; width:100%; height:auto; line-height:30px; z-index:101; text-align:left; background:#FFF; display:none; margin:0; padding:0;}
.in_topbox .menu li .nav a{ display:block; width:100%; height:30px; color:#666; font-size:14px; margin:0; padding:0;}
.in_topbox .menu li .nav a:hover{ background:#000; color:#FFF; font-weight:normal; transform:translateX(0px);}	
.in_topbox .menu li .nav a:after{ display:none;}
.in_ban{ clear:both;}
.in_ban img{ display:block;}
.in_boxA{ clear:both; width:100%; background-color:#F6F6F6; padding:25px 0 10px 0;}
.in_tit{ text-align:center; font-weight:bold; font-size:18px;}
.in_boxA ul{ overflow:hidden; padding-top:15px;}
.in_boxA li{ float:left; width:calc(50% - 30px); padding:0 15px; text-align:center; margin-bottom:15px;}
.in_boxA li p{ padding-top:10px;}
.in_boxA li img{ display:block; box-shadow:5px 5px 5px #bbb;}
.in_boxB{ clear:both; width:calc(100% - 30px); padding:25px 15px 20px 15px;}
.in_boxB .imgs{ text-align:center; padding-top:20px;}
.in_boxB .tit{ font-size:16px; display:block; padding-top:20px;}
.in_boxB .info{ color:#666666; padding-top:15px;}
.in_boxB .more{ display:block;  width:130px; height:40px; line-height:40px; padding:0 10px 6px 0; color:#FFF; text-align:center; background:url(../images/wap_13_1.jpg) center center no-repeat; background-size:100% 100%; margin-top:15px;}
.in_boxC{ clear:both; width:calc(100% - 30px); padding:25px 15px 20px 15px; background:url(../images/wap_15.jpg) center center no-repeat; background-size:100% 100%;}
.in_boxC li{ overflow:hidden; padding-top:15px;}
.in_boxC li .ns_tit{ overflow:hidden;}
.in_boxC li .ns_tit b{ float:left; color:#2f2f2f;}
.in_boxC li .ns_tit span{ float:right; color:#666666;}
.in_boxC li .cont{ padding-top:7px; line-height:22px; max-height:66px; color:#666666; overflow:hidden;}
.in_boxD{ clear:both; width:calc(100% - 30px); padding:25px 15px 20px 15px;}
.in_boxD ul{ overflow:hidden;}
.in_boxD li{ float:left; width:calc(50% - 30px); padding:0 15px; text-align:center; margin-bottom:15px;}
.in_boxD li p{ padding-top:10px;}
.in_btmjg{ width:100%; height:1.06rem;overflow:hidden;}
.in_btmbox{ width:100%; height:1.06rem;overflow:hidden; background:#333333;background-size:100% 100%; position:fixed; left:0px; bottom:0px;z-index:9999;}
.in_btmbox ul{ overflow:hidden;display:grid;text-align:center;align-items: center;grid-template-columns: auto auto auto auto;}
.in_btmbox li{overflow:hidden;height:1.06rem;background-size:100% 100%;font-size:0.24rem;line-height:1.06rem;border-left:1px solid #3d3d3d;}
.in_btmbox li a{ display:block;  color:#FFF;font-size:.24rem;font-weight:bold;}
.in_btmbox .bkg_1{ }
.in_btmbox .bkg_2{}
.in_btmbox .bkg_3{ }
.in_btmbox .bkg_4{ }






.zxnr{overflow:hidden;width:100%;}
.in_ban{overflow:hidden;}
.main_w{width:93.75%;margin:0 auto;}
.about_b{width:100%;overflow:hidden;background:url(../images/index_12.jpg) no-repeat center;position:relative;padding-bottom:.5rem;background-size:cover;}
.about_b .title{text-align:center;overflow:hidden;text-align: center;padding-top:.6rem;padding-bottom:.5rem;}
.about_b .title font{font-size:.5rem;font-weight:bold;color:#28c2de;}
.about_b .title p{color:#ffffff;font-size:.2rem;color:rgba(255,255,255,0.5);padding-top:.05rem;}
.about_b .list{overflow:hidden;}
.about_b .list li{background:#fff;padding:.35rem;text-align:center;box-sizing: border-box;}
.about_b .list li font{display:inline-block;background:#28c2de;color:#fff;padding:.09rem .12rem;margin-top:.3rem;}
.about_b .list li p{color:#333333;font-size:.24rem;font-weight:bold;padding-top:.13rem;}
.about_b .swiper-pagination{text-align:center;width:100%;margin:0;position:inherit;padding-top:.4rem;}
.about_b .swiper-pagination .swiper-pagination-bullet{width:0.14rem;height:0.14rem;background:#cfcfcf;margin:0 0.1rem;opacity: 1;}
.about_b .swiper-pagination .swiper-pagination-bullet-active{background:#28c2de;}


.ywdsdq{width:100%;overflow:hidden;background:url(../images/index_14.jpg) no-repeat center;min-height:6.05rem;background-size:cover;padding-bottom:.7rem;}
.ywdsdq .cdab .title{font-size:.5rem;color:#ffffff;font-weight:bold;padding-top:.6rem;padding-bottom:.7rem;line-height:1;}
.ywdsdq .cdab .fntit{font-size:.3rem;line-height:1;padding-bottom:.4rem;color:#ffffff;}
.ywdsdq .cdab .cont{color:#ffffff;font-size:.2rem;line-height:2;padding-bottom:.8rem;}
.ywdsdq .cdab .mors{font-size:.22rem;color:#fff;text-transform: uppercase;width:2.06rem;height:.62rem;border:1px solid #99e0ec;border-radius:50px;text-align:center;line-height:.62rem;}
.ywdsdq .cdab .mors a{color:#fff;}

.ja_video{width:100%;overflow:hidden;padding-bottom:.56rem;}
.ja_video .title{text-align:center;padding-top:.6rem;padding-bottom:.6rem;color:#333333;font-size:.5rem;font-weight:bold;}
.ja_video .list ul{display:grid;grid-template-columns: repeat(2,1fr);gap:.39rem;}
.ja_video .list li p{text-align:center;font-size:.2rem;padding-top:.15rem;}
.ja_video .mores{display:block;font-size:.22rem;background:#28c2de;border-radius:50px;color:#ffffff;margin:0 auto;width:2.12rem;height:.6rem;text-align:center;line-height:.6rem;margin-top:.6rem;}
.ja_video .mores a{color:#fff;text-transform: uppercase;}


.tp{background:url(../images/index_16.jpg) no-repeat top center #f8f8f8;padding-top:.88rem;background-size:100% auto;}
.tp .stre ul{display:grid;grid-template-columns: repeat(2,1fr);}
.tp .stre li font{display:block;width:.55rem;height:.55rem;background:#28c2de;color:#fff;border-radius:50%;text-align:center;line-height:.55rem;font-size:.2rem;margin:0 auto;margin-top:.25rem;}
.tp .stre li p{text-align:center;color:#fff;padding-top:.3rem;font-size:.2rem;}

.tp .cont{padding:.5rem .3rem;background:#28c2de;overflow:hidden;margin-top:.64rem;}
.tp .cont .tit{text-align:center;color:#fefefe;font-size:.5rem;font-weight:bold;}
.tp .cont .contents{color:#fefefe;font-size:.2rem;text-align:center;padding-top:.2rem;padding-bottom:.4rem;}
.tp .cont .mores{text-align:center;border:1px solid #96e1ef;padding:.2rem;display:block;width:2.1rem;border-radius:50px;margin:0 auto;}
.tp .cont .mores a{color:#fff;font-size:.22rem;text-transform: uppercase;}


.news_main{width:100%;overflow:hidden;background:#f8f8f8;}
.news_main .title{font-size:.5rem;font-weight:bold;text-align:center;padding-top:.6rem;padding-bottom:.5rem;}
.news_main .news_quan{display:grid;grid-template-columns: 1fr;gap:13px;}
.news_main .news_quan .imgs{overflow:hidden;}
.news_main .news_quan .imgs a{position:relative;}
.news_main .news_quan .imgs div{position:absolute;left:0px;bottom:0px;padding:.2rem .3rem;}
.news_main .news_quan .list a{position:relative;}
.news_main .news_quan .list ul{display:grid;gap:14px;}
.news_main .news_quan .list div{position:absolute;left:0px;bottom:0px;padding:.2rem .3rem;overflow:hidden;width:calc(100% - .6rem)}
.news_main .news_quan font{color:#ffffff;font-size:.22rem;display:block;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;}
.news_main .news_quan p{font-size:14px;padding-top:.05rem;color:rgba(255,255,255,0.5);}
.news_main .news_quan img{vertical-align: bottom;}
.news_main .mores{display:block;font-size:.22rem;background:#28c2de;border-radius:50px;color:#ffffff;margin:0 auto;width:2.12rem;height:.6rem;text-align:center;line-height:.6rem;margin-top:.4rem;margin-bottom:.4rem;}
.news_main .mores a{color:#fff;text-transform: uppercase;}


.m_ern{width:100%;overflow:hidden;}
.m_ern .title{text-align:center;overflow:hidden;font-size:.5rem;font-weight:bold;padding-top:.45rem;padding-bottom:.45rem;}
.m_ern .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
  }
.m_ern .list{overflow:hidden;}
.m_ern .swiper-pagination{text-align:center;width:100%;margin:0;position:inherit;padding-top:.4rem;padding-bottom:.4rem;}
.m_ern .swiper-pagination .swiper-pagination-bullet{width:0.14rem;height:0.14rem;background:#cfcfcf;margin:0 0.1rem;opacity: 1;}
.m_ern .swiper-pagination .swiper-pagination-bullet-active{background:#28c2de;}

.aboutus{width:100%;overflow:hidden;background:url(../images/01about_02.jpg) no-repeat left center;height:4.2rem;background-size:cover;position:relative;display:none;}
.aboutus .title{COLOR:#28c2de;font-size:.9rem;font-weight:bold;text-align:center;padding-top:1.3rem;line-height:1;}
.aboutus .sb{text-align:center;position:absolute;left:0px;bottom:20px;width:100%;}


.whoami{width:100%;overflow:hidden;overflow:hidden;background:url(../images/01about_03.jpg) no-repeat center;padding-bottom:.4rem;background-size:cover;}
.whoami .title{color:#28c2de;font-size:.5rem;font-weight:bold;padding-top:.7rem;padding-bottom:.7rem;text-align:center;}
.whoami .whmi{display:grid;grid-template-columns:1fr;gap:0.65rem;}
.whoami .whmi>div{overflow:hidden;}
.whoami .whmi .tit{color:#ffffff;font-size:.28rem;font-weight:bold;padding-bottom:.2rem;}
.whoami .whmi .conts{font-size:18px;line-height:2;color:#fff;height:445px;overflow:auto;padding-right:.3rem;}
.about_img {position:relative;}
.about_img .swiper-paginations{position:absolute;left:0px;bottom:0px;z-index:3;width:100%;text-align:center;padding-bottom:.2rem;}
.about_img .swiper-paginations .swiper-pagination-bullet{width:13px;height:13px;background:#fff;}
.about_img .swiper-paginations .swiper-pagination-bullet-active{background:#017ec5;}


.history{width:100%;overflow:hidden;background:url(../images/01about_04.jpg) no-repeat center;padding-bottom:0.8rem;}
.history .title font{color:#ffffff;font-size:.5rem;font-weight:bold;}
.history .title{text-align:center;padding-top:.7rem;}
.history .title p{color:rgba(255,255,255,0.5);padding-top:10px;font-size:.2rem;}
.history .content{overflow:hidden;}
.history .content .titl{color:#ffffff;font-size:1.5rem;font-weight:bold;text-align:center;padding-top:.65rem;line-height:1;}
.history .content .contents{min-height:100px;padding-bottom:.2rem;padding-top:.32rem;text-align:center;color:#ffffff;font-size:.2rem;line-height:1.3;}

.history .history_bottom{width:100%;overflow:hidden;display:grid;grid-template-columns: .52rem auto .52rem;gap:.2rem;align-items: flex-end;}
.history .history_bottom>div{overflow:hidden;}
.history .history_bottom .prev{background:url(../images/prev2.png) no-repeat;background-size:.52rem auto;width:.52rem;height:.52rem;display:block;transform: rotate(180deg);}
.history .history_bottom .next{background:url(../images/prev2.png) no-repeat;background-size:.52rem auto;width:.52rem;height:.52rem;display:block;}
.history .history_bottom .prev:hover{background-image:url(../images/prev1.png);transform: rotate(0deg);}
.history .history_bottom .next:hover{background-image:url(../images/prev1.png);transform: rotate(180deg);}
.history .history_bottom .list{width:calc(100% - .4rem);overflow:hidden;padding:0 .2rem;position:relative;}
.history .history_bottom .list::after{border-bottom:1px solid rgba(255,255,255,1);content:"";width:100%;display:block;position:absolute;left:0px;bottom:.24rem;}
.history .history_bottom .list ul{margin-bottom:.25rem;}
.history .history_bottom .list li{text-align:center;position:relative;cursor: pointer;}
.history .history_bottom .list li::after{position:absolute;left:calc(50% - 1px);bottom:0px;border-radius:50%;width:2px;height:15px;background:rgba(255,255,255,1);content:"";}
.history .history_bottom .list font{color:rgba(255,255,255,1);font-size:.18rem;height:0.45rem;display:block;line-height:1;}
.history .history_bottom .list .swiper-slide-thumb-active font{font-size:.24rem;font-weight:bold;color:#ffffff;}
.our_brand{width:100%;overflow:hidden;background:url(../images/01about_05.jpg) no-repeat;background-size:cover;}
.our_brand .title{color:#28c2de;font-size:.4rem;font-weight:bold;text-align:center;padding-top:.6rem;padding-bottom:.4rem;}
.our_brand .fren{position:relative;margin-bottom:.27rem;overflow:hidden;}
.our_brand .fren .ourb{color:#ffffff;padding:.35rem 0;font-size:18px;line-height:1.65;}


.kzao{width:100%;overflow:hidden;background:url(../images/01about_06.jpg) no-repeat center;background-size:cover;}
.kzao .title{font-size:.5rem;color:#333333;font-weight:bold;text-align:center;padding-top:.45rem;padding-bottom:.5rem;}
.kzao .list{overflow:hidden;padding-bottom:.4rem;}
.kzao .list li{text-align:center;}
.kzao .list p{font-size:.22rem;line-height:1.625;padding-top:.16rem;}
.honor{overflow:hidden;padding-bottom:.43rem;}
.honor .swiper-paginations{z-index:3;width:100%;text-align:center;}
.honor .swiper-paginations .swiper-pagination-bullet{width:13px;height:13px;background:#cfcfcf;opacity: 1;margin-left:10px;margin-right:10px;}
.honor .swiper-paginations .swiper-pagination-bullet-active{background:#28c2de;}


.cpmg{overflow:hidden;padding-bottom:.4rem;}
.prod{background:#2d2d2d;overflow:hidden;padding-top:.24rem;}
.prod .list{overflow:hidden;}
.prod .list ul{display:grid;grid-template-columns: repeat(2,1fr);gap:0.19rem;}
.prod .list li{background:#fff;padding:.35rem;text-align:center;box-sizing: border-box;border:1px solid #9c9c9c;}
.prod .list li p{font-size:.2rem;padding-top:.13rem;}
.prod .mores{display:block;font-size:.22rem;background:#28c2de;border-radius:50px;color:#ffffff;margin:0 auto;width:2.12rem;height:.6rem;text-align:center;line-height:.6rem;margin-top:.4rem;margin-bottom:.59rem;}
.prod .mores a{color:#fff;text-transform: uppercase;}
.pro{background-image: url(../images/03cplb_02.jpg);}

.sfd{background:#f7f7f7;padding-top:.49rem;padding-bottom:.7rem;}

.prob .list{overflow:hidden;}
.prob .list ul{display:grid;grid-template-columns: repeat(2,1fr);gap:19px;}
.prob .list li{background:#fff;padding:.35rem;text-align:center;box-sizing: border-box;}
.prob .list li font{display:inline-block;background:#28c2de;color:#fff;padding:.09rem .12rem;margin-top:.3rem;}
.prob .list li p{color:#333333;font-size:.24rem;font-weight:bold;padding-top:.13rem;}
.ftype{width:100%;display:block;gap:0.34rem;justify-content: center;}
.ftype .title{height:100%;cursor:pointer;}
.ftype .title p{padding:.24rem;border:1px solid #b6b6b6;font-size:.24rem;background:url(../images/j1.png) no-repeat right .24rem center;padding-right:.5rem;background-size:.16rem auto;}
.ftype .list{position:relative;padding-bottom:.45rem;z-index:2;}
.ftype .list ul{position:absolute;left:0px;top:0px;width:100%;display:none;}
.ftype .list li{padding:.1rem .24rem;background:rgba(255,255,255,.8);overflow:hidden;width:calc(100% - .48rem);border-bottom:1px dashed #ddd;}

#PageContent { margin: 0 auto; text-align: center; margin-top: 30px }
#PageContent {padding: .6rem 0px .6rem 0px;margin: 0px;text-align: center;font-family: arial;font-size: 14px;}
#PageContent a {border: 1px solid #e3e3e3;background: #e3e3e3;width: .5rem;height: .5rem;line-height: .5rem;color: #241F23;text-decoration: none;display: inline-block;box-sizing: border-box;margin-left: 5px;margin-right: 5px;border-radius: 50px;}
#PageContent a:hover {border: #28c2de 1px solid;background: #28c2de;color: #e3e3e3;}
#PageContent a.Ahover {width: .5rem;height: .5rem;line-height: .5rem;background: #28c2de;border: 1px solid #28c2de;color: #e3e3e3;display: inline-block;box-sizing: border-box;/* margin-left: 10px; *//* margin-right: 10px; *//* border-radius: 50px; */}
#PageContent span.disabled, #PageContent span.hunp {border: 1px solid #e3e3e3;background: #e3e3e3;width: .5rem;height: .5rem;line-height: .5rem;color: #333333;display: inline-block;box-sizing: border-box;margin-left: 5px;margin-right: 5px;border-radius: 50px;}
#PageContent :first-child { border-radius: 50px; font-family: simsun;}
#PageContent :last-child { border-radius: 50px;  font-family: simsun;}

.pro_show{width:100%;overflow:hidden;padding-top:.37rem;padding-bottom:.6rem;background: #f7f7f7;}
.pro_show .m_main{display:grid;grid-template-columns: repeat(1,1fr);gap:.27rem;}
.pro_show .m_main>div{overflow:hidden;}
.pro_show .m_main .air_tit{color:#ffffff;font-size:.27rem;background:#28c2de;text-align:center;display:inline-block;padding:2px 17px;}
.pro_show .content_pro{margin-top:.5rem;margin-bottom:.5rem;}
.pro_show table{width:100%;border-collapse: collapse;}
.pro_show td{background:#28c2de;border:1px solid #f7f7f7;padding:.25rem;color:#fff;font-size:0.2rem;}
.pro_show td:nth-child(2){background:#222222;}
.producttitle{color: #333333;text-align:center;font-size: 0.4rem;font-weight:bold;text-transform: uppercase;padding-top:0.5rem;border-bottom: 0.02rem solid #f0f0f0;}
.producttitle::after{width:1.05rem;height:0.06rem;background: #28c2de;height: 0.02rem;content:"";display:block;margin:0 auto;margin-top:0.28rem;margin-bottom: -0.02rem;}
.detaild{width:100%;overflow:hidden;height:1.05rem;background: #ffffff;display:grid;justify-content: space-between;align-items: center;grid-template-columns: repeat(1,1fr);}
.detaild .prev{font-size:.22rem;padding-left:0.26rem;padding-right:0.26rem;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
.detaild .next{font-size:.22rem;padding-right:0.26rem;padding-left:0.26rem;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
.detaild .prev a,.detaild .next a{color:#b8b8b8;}
.xgcp{width:100%;overflow:hidden;}
.xgcp .cp_list{overflow:hidden;width:100%;margin-top:.58rem;}
.xgcp .cp_list li{background:#fff;text-align:center;}
.xgcp .cp_list li p{font-size:.2rem;color:#333333;padding-top:10px;padding-bottom:30px;}
.xgcp .cp_list-pagination{margin-top:45px;text-align:center;}
.xgcp .cp_list-pagination .swiper-pagination-bullet{width:12px;height:12px;background:#d9d9d9;margin:0 8px;}
.xgcp .cp_list-pagination .swiper-pagination-bullet-active{background:#28c2de;}


.pro_show .tits{font-size:.36rem;font-weight:bold;padding-top:0.15rem;padding-bottom:0.15rem;}
.pro_show .conts{overflow:hidden;background:#222222;padding:0.24rem 0.3rem;}
.pro_show .conts .btdz{color:#28c2de;font-size:.22rem;font-weight:bold;}
.pro_show .conts .icon{font-size:.22rem;color:rgba(255,255,255,.5);margin-top:7px;}
.pro_show .conts .icon li{margin-top:0.18rem;padding-left:.2rem;background:url(../images/ico1.png) no-repeat left top 5px;background-size:.1rem auto;}
.pro_show .online{display:grid;grid-template-columns: repeat(2,1fr);gap:15px;padding-top:.3rem;}
.pro_show .online .order{background:#28c2de;border-radius:50px;display:block;overflow:hidden;height:.68rem;text-align:center;font-size:.22rem;line-height:.68rem;}
.pro_show .online .order a{color:#fff;font-weight:bold;background:url(../images/ico2.png) no-repeat left center;padding-left:.44rem;background-size:.29rem auto;}
.pro_show .online .video{background:#222222;border-radius:50px;display:block;overflow:hidden;height:.68rem;text-align:center;font-size:.22rem;line-height:.68rem;}
.pro_show .online .video a{color:#28c2de;font-weight:bold;background:url(../images/ico3.png) no-repeat left center;padding-left:.44rem;text-transform: uppercase;background-size:.28rem auto;}
.pro_show .list{display:grid;grid-template-columns:45px auto 45px;margin-top:.4rem;gap:.2rem;}
.pro_show .list .prev{background:url(../images/ico6.png) no-repeat center;background-size:.45rem auto;display:block;width:45px;height:100%;transform: rotate(180deg);}
.pro_show .list .next{background:url(../images/ico6.png) no-repeat center;background-size:.45rem auto;display:block;width:45px;height:100%;transform: rotate(0deg);}
.pro_show .list>div{overflow:hidden;}
.pro_show .list .prev:hover{background-image:url(../images/ico4.png) ;transform: rotate(0deg);}
.pro_show .list .next:hover{background-image:url(../images/ico4.png) ;transform: rotate(180deg);}
.pro_show .list .lists .cur img{border:2px solid #28c2de;box-sizing: border-box;}


.pfus{width:100%;overflow:hidden;background:url(../images/index_04.jpg) no-repeat center;background-size:cover;position:absolute;top:0px;left:0px;z-index:4;}
.logos{text-align:center;padding-top:.75rem;padding-bottom:.6rem;}
.pfus .main_w{position:relative;height:100vh;min-height:910px;}
.pfus .close{position:absolute;right:0px;top:34px;}

.sears{display:grid;grid-template-columns: auto 145px;width:824px;margin:0 auto;border-radius:50px;overflow:hidden;background:#e9e9e9;} 
.sears>div{overflow:hidden;height:77px;}
.sears .sears_left input{width:100%;border:0px;height:100%;background:none;padding:0 .32rem;box-sizing: border-box;font-size:.2rem;}
.sears .sears_left input::placeholder{color:#adadad;}
.sears .sears_right input{width:100%;height:100%;border-radius:50px;border:0px;background:url(../images/search.png) no-repeat center #28c2de;cursor:pointer;}

.gki{display:flex;justify-content: space-between;overflow:hidden;padding-top:.4rem;padding-bottom:.4rem;}
.gki>div{overflow:hidden;}
.gki .g_left a{color:#ffffff;font-size:.42rem;font-weight:bold;}
.gki .g_left li a{margin-bottom:30px;padding-left:.57rem;line-height:1;display:block;position:relative;z-index:1;display:inline-block;}
.gki .g_left li a::before{background:url(../images/lo1.png) no-repeat left top;content:"";display:block;width:41px;height:42px;position:absolute;left:0px;top:0px;transform: scale(0);transition: transform 0.3s ease;}
.gki .g_left li a:hover::before{transform: scale(1);}
.gki .g_left li a::after{width:0px;height:10px;background:#28c2de;border-radius:10px;content:"";position:absolute;left:.57rem;bottom:0px;z-index:-1;transition: width 0.3s ease;}
.gki .g_left li a:hover::after{width:calc(100% - .57rem);}
.gki .g_right .ewm1 ul{display:grid;grid-template-columns: repeat(2,1fr);gap:.2rem;}
.gki .g_right .neon{color:#ffffff;font-size:.2rem;font-weight:bold;padding-top:10px;padding-bottom:20px;text-align:center;}
.pfus{display:none;}
.pfus .language{text-align:center;width:100%;color:rgba(255,255,255,.3);font-size:20px;}
.pfus .language a{color:rgba(255,255,255,.3);display:inline-block;padding-left:.1rem;padding-right:.1rem;}
.pfus .language a.cur{color:#ffffff;font-weight:bold;}
iframe{max-width:100%;}
.sha_bg {
    background-color: rgba(0, 0, 0, .8);
    width: 100vw;
    height: 100vh;
    position: fixed;
    left: 100%;
    top: 0;
    transition: left .5s ease;
    z-index: 11000;
  
  }
  
  .sha_btn_close {
    position: absolute;
    right: 0.5rem;
    top: 0.5rem;
    cursor: pointer;
    background-color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: .4rem;
    height: .4rem;
    font-size: .18rem;
    text-align: center;
    line-height: .4rem;
    color: #444;
    z-index:3;
  }
  
  .sha_vid {
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    video{
      max-width: 80vw;
      max-height: 80vh;
      display: block;
    }
  }
  .newiconfont{position:relative;display:block;}
  .sha_btn_close .newiconfont:before, .sha_btn_close .newiconfont:after { content: ""; display: block; width: 0.2rem; height: 0.01rem; background-color: #999; position: absolute; left: 0.11rem; top: 0.2rem; }
  .sha_btn_close .newiconfont:before { transform: rotate(45deg); }
  .sha_btn_close .newiconfont:after { transform: rotate(-45deg); }
  .scroll-animate{animation-delay:0.5s;}

  .sb{animation: slideOutDown_s 2.5s cubic-bezier(0.55, 0.09, 0.68, 0.53) infinite;}
.sb img{width:.23rem;}

.news_tops{overflow:hidden;margin-top:.5rem;}
.news_tops_list{overflow:hidden;}
.news_tops_list li{padding-top:0.4rem;padding-bottom:0.4rem;border-top:0.01rem solid #d3d6de;}
.news_tops_list li:last-child{padding-bottom:0px;}
.news_tops_list li a{display:grid;gap:.4rem;grid-template-columns:1.7rem auto;}
.news_tops_list li a>div{overflow:hidden;}
.news_tops_list li a .cd{color:#333333;font-size:.24rem;font-weight:bold;}
.news_tops_list li a .cd2 font{color:#333333;font-size:.24rem;white-space: nowrap;overflow:hidden;text-overflow:ellipsis;display:block;}
.news_tops_list li a .cd2 p{color:#666666;font-size:.22rem;line-height:2;margin-top:15px;}


.menu_lists{width:100%;overflow:hidden;padding-top:.25rem;padding-bottom:.25rem;overflow:hidden;text-align:center;background:#f5f5f5;}
.menu_lists ul{display:grid;grid-template-columns: 1fr 1fr;}
.menu_lists li{display:block;overflow:hidden;}
.menu_lists li a{display:block;font-size:16px;padding-left:.2rem;padding-right:.2rem;margin:0 .1rem;height:0.55rem;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;line-height:0.55rem;}
.menu_lists li a:hover{background:#28c2de;color:#fff;}
.menu_lists li.cur a{background:#28c2de;color:#fff;}


.ny-news-tit { width: 100%; height: auto; overflow: hidden; line-height: 35px; color: #000; font-size: .23rem; font-weight: bold; text-align: center; }
.ny-author { width: 100%; height: auto; line-height: 30px; overflow: hidden; color: #393939; border-bottom: 1px solid #f0f0f2; padding: 10px 0px 10px 0px; margin-bottom: 30px; text-align: center; }
.news-author { height: auto; overflow: hidden; }
.fontsize input { width: 15px; height: 15px; line-height: 15px; background-color: #ececec; cursor: pointer; border: 1px solid #d1d1d1; margin-left: 3px; outline: none; }
.share { width: 150px; height: auto; overflow: hidden; float: right; margin-top: -2px; }
.share ul li { float: left; width: 40px; height: 30px; overflow: hidden; padding-left: 10px; cursor: pointer; }
#share a { width: 40px; height: 30px; overflow: hidden; padding: 0px; margin: 3px; display: block; float: left; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
#share a.bds_weixin { background: url(/images/share_webchat.png) no-repeat; }
#share a.bds_tsina { background: url(/images/share_weibo.png) no-repeat; }
#share a.bds_qzone { background: url(/images/share_qzone.png) no-repeat; }

.updown-div { width: 100%; line-height: 2; overflow: hidden; margin: 0 auto; padding: 50px 0px 20px 0px; }
#newsnr { font-size: 14px; line-height: 26px; }

.aboutDetail { font-size: 14px; line-height: 28px; padding: 0px 0px; padding-top: .4rem; padding-bottom: .4rem; min-height:4rem}
.txt_cent { padding-top: .4rem; }
.about-content { padding-top: .4rem; overflow: hidden; }

.position{overflow:hidden;width:100%; color:#fff;text-align:center;padding:.2rem 0;opacity: .5;}
.position a{color:#fff;}
/* .position .main_w{display:flex;align-items: center;justify-content: space-between;height:.68rem;}
.position .main_w>div{overflow:hidden;}
.position .main_w .dqwz{font-size:14px;text-align:right;}
.position .main_w .jszf{border:1px solid #333333;border-radius:20px;padding:.09rem .34rem;display:none;} */

.about-t{line-height:2;min-height:4rem;width:100%;overflow:hidden;padding:.4rem 0;}
.pic_list{width:100%;overflow:hidden;padding-top:.4rem;}
.pic_list .list ul{display:grid;grid-template-columns: repeat(2,1fr);gap:0.2rem 0.2rem;}
.pic_list .list li{overflow:hidden;text-align:center;}
.pic_list .list li p {
    font-size: .22rem;
    color: #333333;
    padding-top: 0.25rem;
    padding-bottom: 0.1rem;
}


.pros_boxB{  border-bottom: 2px solid #F3F3F3;}
.pros_boxB p{width: 93.75%;margin: 0 auto -2px auto;padding-bottom: 0.14rem;border-bottom: 2px solid #DA3E2C;font-size: 0.32rem;font-weight: bold;text-align: center;}
.pros_boxG { width: 100%; margin: 0px auto; padding: 0.5rem 0; }
.pros_boxG .box_1 { overflow: hidden; }
.pros_boxG .box_1 .box { float: left; width: 100%; display:flex; align-items:center; margin-bottom:.2rem;}
.pros_boxG label { color:#F00; margin-left:5px;}
.pros_boxG dl { width: calc(100% - 20px); border: 1px solid #ECECEC; display: flex; }
.pros_boxG dt { width: 0.8rem; background-color: #F7F7F7; background-position: center center; background-repeat: no-repeat; background-size:.25rem auto;}
.pros_boxG dd {width: calc(100% - 80px);background-color: #fff;}
.pros_boxG .txt { width: calc(100% - 40px); padding: 10px 20px; height: 26px; line-height: 26px; font-size: 14px; color: #333; background: none; border: 0; outline: none; }
.pros_boxG .bkg_1 { background-image: url(../images/proShow_19_1.png); }
.pros_boxG .bkg_2 { background-image: url(../images/proShow_19_2.png); }
.pros_boxG .bkg_3 { background-image: url(../images/proShow_19_3.png); }
.pros_boxG .bkg_4 { background-image: url(../images/proShow_19_4.png); }
.pros_boxG .bkg_5 { background-image: url(../images/proShow_19_5.png); background-position: center 17px; }
.pros_boxG .box_2 { margin-bottom: 20px; display: flex; }
.pros_boxG dd{}
.pros_boxG .area { font-family: Microsoft YaHei;width: calc(100% - 40px); padding: 15px 20px; height: 100px; line-height: 26px; font-size: 14px; color: #333; background: none; border: 0; outline: none; }
.pros_boxG .box_3 {  color: #666; }
.pros_boxG .codebox { display: flex; align-items: center; }
.pros_boxG .box_3 .code {width: 1.2rem;padding: 0.1rem 0.2rem;height: 26px;line-height: 26px;font-size: 14px;color: #333;border: 1px solid #ECECEC;background-color: #fff;outline: none;}
.pros_boxG .box_3 span { color: #F00; margin-left: 10px; }
.pros_boxG .btnbox { display: flex; align-items: center; margin-top:.4rem; }
.pros_boxG .box_3 .btn { margin-left: 0.1rem; width:45%; height: 46px; line-height: 46px; font-size: .24rem; font-weight: bold; text-align: center; background-color: #E6E6E6; border: 0; outline: none; cursor: pointer; }
.pros_boxG .box_3 .btn_1 { background-color: #28c2de; color: #FFF; }
.swiper-pagination-lock{display:block;}