@charset "utf-8";
/* CSS Document */
a{text-decoration:none;color:#333333}
a:hover{text-decoration:none;}
body {padding:0px;margin:0px auto;color:#333333;background:#ffffff;min-width:14rem;font-size:0.14rem;max-width: 1920px;    font-family: 'Averia Sans Libre', Arial, sans-serif;}
pre{white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; Word-wrap: break-word;}
ul,p,h1,h2,h3,h4,h5,h6,li,p,dl,dd,dt{padding:0px;margin:0px;list-style:none;}
select,input{ outline:0}
img{ border:0 none;transition:all 0.4s}
a,img{ outline:0}
a{ text-decoration:none}
form{ margin:0px; padding:0px;}input,textarea{ outline:0}
h1,h2,h3{ font-weight:normal;}
i{font-style: normal;}

.fl{ float:left}
.fr{float:right;margin: 0.1rem 0;}
.home{width:100%;float:left;padding:4% 0}
.main{width: 85%;margin: 0 auto;}
.top{float:left;width:100%;height: 1.2rem;background:#ffffff;}
.top .ul01{width: 14rem;margin: 0 auto;height: 0.8rem;margin-top: 0;}
.top .ul01 h2{float:left;width: 1.9rem;height: 1.2rem;font-size:0px;position: relative;padding-top: 0;}
.top .ul01 h2 img{max-width: 100%;height: auto;margin: auto;position: absolute;top: 0;left: 0;bottom: 0;right: 0;}
.ul01 .call {padding: 0 0.2rem;background: #00b95e;color: #fff;height: 0.45rem;line-height: 0.45rem;overflow: hidden;border-radius: 0.3rem;border: 1px solid #00b95e;}
.ul01 .call p {font-size: 0.18rem;margin-bottom: 0.05rem;text-transform: uppercase;}
.ul01 .call .tel{font-size: 0.16rem;color: #fff;font-weight: 600;}
.ul01 .call:hover{background:#fff;}
.ul01 .call:hover .tel{color:#00b95e}

/*导航栏纯CSS样式*/
* html .clearfix{ zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.nav{margin: 0 2% 0 1%;}
.index-nav-frame{margin: 0 auto;height: 1.2rem;float: left;margin-top: 0rem;}
.Nptline{z-index: 99;max-width: 1.25rem;float: left;position: relative;display: block;outline: none;cursor: pointer;line-height: 1rem;text-align: center;font-size: 0.18rem;font-weight: 400;padding: 0.1rem 0.24rem;font-weight: bold;}
.Nptline a{color:#444}
.Nptline:hover a{color:#00b95e;}
.Nptline:hover .Nptcenter a{color:#444}
.Nptcenter a:first-child{margin-top: 0.1rem;}
.Nptcenter{max-width: 2rem;opacity: 0;display: block;height: 0;position: absolute;overflow: hidden;transition: all 0.5s;margin-bottom: 1px;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;/* Firefox 4 */-o-transition: all 0.5s; /* Opera */z-index:99;left: 0;box-shadow: 0px 0px 4px #e6e3e3;top: 1rem;}
.Nptcenter a{width: 90%;font-weight: normal;font-size: 0.14rem;text-align: left;background: #fff;color: #000;float:left;height: 0.4rem;line-height: 0.4rem;margin: 0 auto;text-decoration: none;border-bottom: 1px solid #ededed;padding: 0 5%;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.Nptline .Nptcenter a:hover{color:#00b95e;}
.Nptline-focus:focus{display: none;}
.Nptline:hover .Nptcenter{height:auto;opacity: 1;}
.right_nav{margin-top: 0.35rem;}
.top_ss{width: 0.3rem;height: 0.3rem;position: relative;margin-right: 0.2rem;margin-top: 0.1rem;cursor: pointer;}
.top_ss img{max-width: 0.3rem;position: absolute;margin: auto;left: 0;right: 0;top: 0;bottom: 0;}
.two-banner{width:100%;float: left;max-height: 8.9rem;overflow: hidden;}
.two-banner img{width:100%;}
.yuyan{width: 0.3rem;height: 0.3rem;margin-right:0.2rem;margin-top: 0.1rem;}
.yuyan img{max-width:100%;height: auto;}

/*搜索弹窗*/
.overlay {position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: #0000008f;z-index: 101;display: none;}
.overlay .overlay-close {width: 0.4rem;height: 0.4rem;position: absolute;right: 0.22rem;top: 0.25rem;overflow: hidden;border: none;background: none;color: #fff;outline: none;z-index: 100;font-size: 0.2rem;border: #f52029;border-radius: 0.1rem;background: #f52029;padding: 0;}
.overlay .close-times{width: 100%;height: 100%;background: url(../pic/uniF00D.png) no-repeat center;float: left;background-size: 0.24rem;}
.overlay nav {text-align: center;position: relative;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.w3l-formhny {max-width: 60%;margin: 0 auto;background: #fff;padding: 0.4rem 0.6rem;}
.w3l-formhny h5 {padding-bottom: 0.2rem;width: 20%;margin: 0 auto;}
.w3l-formhny h5 img{max-width: 100%;height: auto;}
.search-header input {font-size: 0.16rem;padding: 0.12rem 0.15rem;color: #636466;width: 85%;float: left;border-right: 0;border-radius: 0;}
.search-header input:focus {box-shadow: none;border-color: #f52029;}
.form-control {display: block;width: 100%;padding: .375rem .75rem;font-size: 1rem;font-weight: 400;line-height: 1.5;color: #212529;background-color: #fff;background-clip: padding-box;border: 1px solid #f0f1f3;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: .25rem;transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;}
.btn-style{background: url(../pic/suosou.png) #e6002d no-repeat center;background-size: 0.35rem;padding: 0.1rem 0;color:#fff;font-weight: 700;font-size:0.18rem;line-height: 0.28rem;cursor: pointer;border: 1px solid #e6002d;font-size: 0;width: 15%;}
.search-header{width: 50%;margin: 0 auto;}
/*语言选择*/
.box{position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: #0000008f;z-index: 99999;display: none;}
.language{width: 960px;background: #fff;position: fixed;z-index: 999999;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.language .close_x{height: 0.55rem;line-height: 0.55rem;border-bottom: 1px solid #ddd;position: relative;}
.language .close_x i{background: url(../pic/icon_close1.jpg) no-repeat;width:12px;height: 12px;position: absolute;right: 25px;top: 20px;}
.language_nr{width:100%;float:left;box-sizing: border-box;padding: 0.3rem 0.3rem 0.8rem;}
.language_nr h3{line-height: 0.24rem;margin-bottom: 0.15rem;font-size: 0.18rem;color: #555;text-align: left;}
.language_nr .language_word{width:100%;float:left;}
.language_nr .language_word li{width: calc(100%/4 - 0.15rem);background: #f5f5f5;margin-left: 0.2rem;margin-bottom: 0.2rem;padding: 0 0.2rem;height: 0.5rem;line-height: 0.5rem;float: left;box-sizing: border-box;}
.language_nr .language_word li:nth-child(4n+1){margin-left:0;}
.language_nr .language_word li a{display:block;color:#555;}
.language_nr .language_word li:hover{background:#dedede}

/*轮播广告*/
.bn-alp {width:100%;height: 6.5rem;position:relative;float:left;background: #ffed29 no-repeat;background-position:50% 0%;overflow:hidden;}
.bn-alp ul,.bn-alp li { margin:0; padding:0; list-style:none; }
.bn-alp .abox { height:100%; position:relative; }
.bn-alp .abox li {width:100%;height: 6.5rem;background-position:50% 0%;background-repeat:no-repeat;background-color:#dddddd;background-size:cover;position:absolute;top:0;left:0;z-index:10;}
.bn-alp .abox li.on {z-index: 80;}
.bn-alp .abox li img.bg { display:none; }
.bn-alp .abox li a.b { display:block; width:100%; height:100%; }
.bn-alp .i { bottom:0.25rem; left:50%; margin-left:-0.5rem; text-align:center; position:absolute; z-index:100;}
.bn-alp .i i {display:inline-block;margin-right:0.1rem;width: 0.1rem;height: 0.05rem;background: #fff;cursor:pointer;/* transition: 0.3s all ease-in-out; */}
.bn-alp .i i.on {background-position: -1.3rem 0;background: #04979e;width: 0.2rem;}
/*首页分类展示*/
.Hpro_type{background: #f0f3f6}
.Htitle{width:100%;float:left;text-align: center;}
.Htitle h2{font-size: 0.42rem;color:#212121;text-transform: capitalize;width:100%;float: left;text-align: center;font-weight: bold;}
.Htitle p{font-size:0.2rem;color:#808080;width: 60%;margin: 0 auto;line-height: 0.24rem;margin-bottom: 0.1rem;}
.type_list{width:100%;float:left;margin-top:0.48rem}
.type_list .type_item{background: #fff;border-radius: 6px;float:left;margin-left:0.3rem;width:calc(100%/4 - 0.25rem);overflow: hidden;position: relative}
.type_list .type_item:first-child{margin-left:0}
.type_pic{width:100%;float:left;position: relative}
.type_pic .pic_box{width:100%;float:left;padding-top:143.68%;position: relative}
.type_pic .pic_box.hover_img{top:0;right: 0;left:0;bottom:0; position: absolute;z-index: -1;}
.type_pic .pic_box.hover_img:after{content:"";position: absolute;width:100%;height: 100%;background-color: rgba(0,58,98,50%);top:0;bottom:0;left:0;right:0;}
.type_pic .pic_box img{width:100%;height: 100%;position: absolute;top:0;left:0;object-fit: cover;}
.type_item:hover .type_pic .pic_box.hover_img{z-index:2}
.type_item .type_word{width: 100%;text-align: center;box-sizing: border-box;padding: 40px;position: absolute;left: 50%;transform: translateX(-50%);top: 0;z-index: 2;}
.type_item .type_word h2{font-size:0.24rem;color:#333333;margin-top:0.2rem;display: block;font-weight: 600;text-shadow: -1px 1px 0 #fff, 1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff;}
.type_item .type_word p{font-size:0.16rem;color:#fff;line-height: 1.5;margin-top:0.12rem;margin-bottom: 0.3rem;opacity:0}
.type_link{color: #FFFFFF;background-color: #00000000;border: 1px solid #FFFFFF;font-size: 0.18rem;border-radius: 0.3rem !important;text-align: center;padding:0.12rem 0.36rem;opacity:0; font-weight: 600;}
.type_item:hover .type_word h2{color:#fff;text-shadow:none;}
.type_item:hover .type_word p,.type_item:hover .type_word .type_link{opacity:1}
.type_link:hover{color:#003a62;;background: #fff;}
.more_link{width:100%;float:left;margin: 0.8rem 0 0.4rem;text-align: center;}
.more_link .btn{color:#fff;background: #00b95e;border-radius: 0.3rem;font-size: 0.2rem;font-weight: bold;padding:0.17rem 0.44rem;border: 1px solid #00000000}
.more_link .btn:hover{color:#00b95e;border: 1px solid #00b95e;background: #fff;}
/*首页案例*/
.Hcase_iteam{width:100%;float:left;margin-top:0.48rem;}
.Hcase_iteam .Hcase_list li{float:left;width:50%;overflow: hidden;position: relative;}
.Hcase_iteam .Hcase_list li:after{transition: all 0.3s;content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background:#003a6285;opacity:0}
.Hcase_iteam .Hcase_list li .Hcase_img{float:left;width:100%;height: 100%;position: relative;overflow: hidden;border-radius: 0.2rem;}
.Hcase_iteam .Hcase_list li .Hcase_img span{width:100%;padding-top:59%;overflow: hidden;float: left;}
.Hcase_iteam .Hcase_list li .Hcase_img span img{width:100%;height: 100%;object-fit: cover;position: absolute;top:0;left:0}
.Hcase_iteam .Hcase_word{width: 100%;position: absolute;left: 50%;transform: translateX(-50%);z-index: 10;box-sizing: border-box;padding: 0.3rem;bottom:0.3rem;}
.Hcase_iteam .Hcase_word h2{color: #ffffff;font-size: 0.24rem;font-weight: bold;}
.Hcase_iteam .Hcase_word p{color: #ffffff;font-size: 0.16rem;margin-top:0.1rem;line-height: 1.4;margin-bottom: 0.2rem;display: none;}
.Hcase_list li:hover .type_link,.Hcase_list li:hover:after{opacity:1;}
.Hcase_list li:hover .Hcase_word p{display:block}
.pagination-news {margin-top: 0.4rem;float: left;/*padding-right: 0.2rem;*/width: 100%;text-align: center;}
.pagination-news span {width: 0.25rem;height: 0.25rem;line-height: 0.25rem;overflow: hidden;background: #00b95e;margin-right: 0.1rem;position: relative;opacity: 1;color: #fff;text-align: center;font-size: 0.2rem;border-radius: 50%;font-family: arial;border:1px solid #00b95e;}
.pagination-news span:hover,.pagination-news .swiper-pagination-bullet-active{color:#00b95e;background:#fff;}
/*首页关于我们*/
.Habout{padding: 6% 0;background: #003a62;}
.aboout-left{width:45%;float: right;position: relative;}
.aboout-left .img{width:100%;position: relative;padding-top: 86%;overflow:hidden;}
.aboout-left .img img{width:100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;transition:all 0.4s}
.aboout-left:hover img{transform:scale(1.1);transition:all 0.4s}
.about-right{color: #fff;width: 48%;float: left;margin-top: 0.6rem;}
.about-right .gywm-title{font-size:0.36rem;text-transform: capitalize;margin: 0.1rem 0 0.3rem;width:100%;float:left;font-weight: 600;}
.about-right .gywm-word{font-size: 0.2rem;color: #a3afbb;line-height:0.32rem;width: 100%;float: left;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;}
.Habout .more-link{text-align:left;margin-top:0.6rem;width: 100%;float: left;}
.Habout .more-link .type_link{opacity: 1;padding: 0.12rem 0.5rem;}
/*首页广告*/
.adv{padding:0;}
.adv_box{width:100%;float:left;position: relative;}
.adv_list{width:100%;float:left;overflow: hidden;height: 6.8rem;}
.adv_list .tab-content{position: absolute;top: 0;transition: all .2s linear;opacity: 0;z-index: -1;height: 0;width: 100%;overflow: hidden;}
.adv_list .tab-content.show {height: auto;opacity: 1;left: 0;z-index: 1;}
.adv_list .tab-content .adv_img{width:100%;padding-top: 6.8rem;position: relative;}
.adv_list .tab-content .adv_img img{width:100%;height: 100%;object-fit: cover;position: absolute;left:0;top:0;}
.adv_list .tab-content .adv_img:after{content:"";width:100%;height:100%;left:0;background: #00000045;position:absolute;z-index: 3;top: 0;}
.adv_list .tab-content .adv_word{width:90%;z-index: 10;position: absolute;box-sizing: border-box;padding:0.8rem 0.8rem;top:50%;left: 50%;transform: translate(-50%,-50%);text-align: center;color: #fff;}
.adv_list .tab-content .adv_word .adv_word01{font-size:0.44rem;margin-bottom:0.25rem;font-weight:600;line-height:1.1}
.adv_list .tab-content .adv_word .adv_word02{font-size:0.16rem;line-height:1.8;margin-bottom:0.3rem;}
.adv_list .tab-content .adv_word .adv_word03 .type_link{opacity:1;padding: 0.12rem 0.5rem;}
.adv_title{position:absolute;bottom: -0.25rem;width: 14rem;z-index: 5;left: 50%;transform: translate(-50%,-50%);text-align: center;}
.adv_title .adv_tab{display:flex;justify-content: center;}
.adv_title .adv_tab li{flex: 1;margin:0 0.1rem;background: #ffffffad;padding:0.35rem 0.5rem;line-height:1.4;font-size: 0.2rem;border-radius: 0.1rem;cursor: pointer;}
.adv_title .adv_tab li p{width:100%;float:left;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.adv_title .adv_tab li.on,.adv_title .adv_tab li:hover{background:#00b95e;color:#fff}
/*首页新闻*/
.Hnews .Hnews_list{width:100%;float:left;margin-top:0.6rem;}
.Hnews .Hnews_list li{float:left;margin-left:0.3rem;width: calc(100%/3 - 0.2rem);margin-top: 0.2rem;position: relative;}
.Hnews .Hnews_list li:after{content:"";position:absolute;width:100%;height:100%;background: #22222245;top:0;left:0;}
.Hnews .Hnews_list li:nth-child(4n+1){margin-left:0;}
.Hnews .Hnews_list li .Hnews_pic{width:100%;position: relative;padding-top: 120%;border-radius: 0.1rem;overflow: hidden;}
.Hnews .Hnews_list li .Hnews_pic img{width:100%;height: 100%;object-fit: cover;position: absolute;left:0;top:0}
.Hnews .Hnews_list li .Hnews_word{position:absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);padding: 0.4rem;width: 100%;box-sizing: border-box;color: #fff;z-index: 1;}
.Hnews .Hnews_list li .Hnews_word a{color:#fff}
.Hnews .Hnews_list li .Hnews_word .n_time{font-size:0.16rem;}
.Hnews .Hnews_list li .Hnews_word .n_title{margin-top:0.15rem;font-size:0.26rem;margin-bottom: 0.3rem;}
.Hnews .Hnews_list li .Hnews_word .type_link{opacity:1;text-transform: uppercase;font-size: 0.15rem;}
.Hnews .Hnews_list li .Hnews_word .type_link:hover{color:#003a62}
.Hnews .Hnews_list li:hover img{transform:scale(1.1)}
/*底部*/
.bottom{width:100%;float:left;background: #262626;padding:5% 0 1%;}
.bottom .nav2{width:100%;float:left;padding-bottom: 0.3rem;}
.bottom{width:100%;float:left;background: #262626;padding:5% 0 1%;color: #fff;}
.bottom .nav2{width:100%;float:left;padding-bottom: 0.3rem;}
.bottom .nav2 .nav-list{width: calc(100%/3 - 0.25rem);float:left;margin-left: 0.3rem;padding: 0 0.4rem;box-sizing: border-box;}
.bottom .nav2 .nav-list:first-child{margin-left:0;}
.bottom .nav2 .nav-list dt{color:#fff;font-size:0.2rem;margin-bottom: 0.25rem;float:left;width: 100%;font-weight: bold;}
.bottom .nav2 .nav-list dd{line-height: 2;float: left;width:100%;box-sizing: border-box;}
.bottom .nav2 .contact-1 dd{padding-bottom: 0.2rem;padding-left: 0.4rem;}
.bottom .nav2 .contact-1 .address{background:url(../pic/address.png) no-repeat;background-size:0.3rem }
.bottom .nav2 .contact-1 .email{background:url(../pic/email.png) no-repeat;background-size:0.3rem }
.bottom .nav2 .contact-1 .phone{background:url(../pic/tell.png) no-repeat;background-size:0.3rem }
.bottom .nav2 .aboutus dt{width: 46%;float:left;position:relative;margin-bottom: 0.1rem;}
.bottom .nav2 .aboutus dt img{max-width:100%;height: auto;}
.bottom .nav2 .aboutus .aboutlink a{float:left;background:#383838;color:#fff;margin-top:0.2rem;padding:0.1rem 0.3rem;border-radius:0.5rem}
.bottom .nav2 .nav-list .enter{margin-top:0.3rem;}
.bottom .nav2 .nav-list .enter .form{display:flex;}
.bottom .nav2 .nav-list .enter input{text-indent: 0.15rem;flex-grow: 1;max-width: 3.5rem;border: 1px solid transparent;height: 0.48rem;line-height: 0.48rem;border-radius: 0.35rem 0 0 0.35rem;font-size: 0.15rem;}
.bottom .nav2 .nav-list .enter .subscribe{cursor: pointer;background: #fff;height: 0.52rem;line-height: 0.52rem;width: 0.6rem;border: 0;border-radius: 0 0.35rem 0.35rem 0;}
.bottom .nav2 .nav-list .enter .subscribe i{background: url(../pic/send.png) no-repeat center;background-size: 0.3rem;width: 100%;height: 100%;float: left;}
.footer{padding: 0.25rem 0;border-top: 1px solid #f2f2f238;width:100%;float:left;text-align: center;color: #fff;font-size: 0.14rem;background: #262626;}
.footer .copyright{width:100%;float:left;line-height: 2;margin-bottom: 0.05rem;}
.footer .copyright a{color:#fff;}
.footer .link a{color: #fff;margin-left:0.2rem;}
/*右侧悬浮菜单*/
.slide{width: 0.5rem;height: auto;position: fixed;top: 50%;margin-top: -1.26rem;background: #00b95e;right: 0;border-radius: 5px 0 0 5px;z-index: 999;}
.slide ul{list-style: none;}
.slide .icon li{width: 0.49rem;height: 0.5rem;background: url(../pic/iconright.png) no-repeat;background-size:5rem }
.slide .icon .up{background-position:-3.3rem -1.2rem ;}
.slide .icon li.qq{background-position:-3.85rem -0.73rem ;}
.slide .icon li.tel{background-position:-3.85rem -1.6rem ;}
.slide .icon li.wx{background-position:-3.85rem -1.2rem ;}
.slide .icon li.down{background-position:-3.3rem -1.6rem ;}
.slide .info{top: 50%;height: 1.47rem;position: absolute;right: 100%;background: #00b95e;width: 0px;overflow: hidden;margin-top: -0.735rem;transition:0.5s;border-radius:4px 0 0 4px;}
.slide .info.hover{width: 1.45rem;}
.slide .info li{width: 1.45rem;color: #ffffff;text-align: center;}
.slide .info li p{font-size: 1.1em;line-height: 2em;padding: 0.1rem;text-align: left;}
.slide .info li.qq p a{display: block;margin-top: 0.12rem;width: 1rem;height: 0.32rem;line-height: 0.32rem;color: #ffffff;font-size: 0.16rem; text-align: center;text-decoration: none;border: 1px solid #ffffff;border-radius: 5px;}
.slide .info li.qq p a:hover{color: #00b95e;border: none;background: #ffffff;}
.slide .info li div.img{height: 100%;background: #DEFFF9;margin: 0.15rem;}
.slide .info li div.img img{width: 100%;height: 100%;}

/*产品内页*/
.two-banner{width:100%;float: left;max-height: 8.9rem;overflow: hidden;}
.two-banner img{width:100%;}
.mbx{width:100%;float:left;background: #f7f7f7;}
.mbx .cat{position: relative;color: #4b4b4b;padding: 0.25rem 0;overflow: hidden;font-size: 0.14rem;}
.mbx .cat:before{position: absolute;bottom: 1px;left: 0;width: 100%;content:'';}
.mbx .cat a{display: inline-block;margin: 0 0.06rem;color:#4b4b4b;font-size: 0.14rem;}
.mbx .cat a:first-child{padding-left:0.26rem;margin-left: 0;background: url(../pic/home.png) no-repeat left center;}
.product{width:100%;float:left;margin-top:2%}
.product .cpfl{width:2.5rem;margin-bottom: 0.46rem;}
.product .cpfl .li01{float:left;width: 100%;font-size: 0.2rem;color: #222222;line-height: 0.56rem;display: block;position: relative;border-bottom: 1px solid #ededed;text-transform:uppercase;}
.product .cpfl .li03 a.sub{color: #888;font-size: 0.16rem;}
.product .cpfl .li03 {width: 2.5rem;padding-bottom: 0.1rem;padding-top: 0.1rem;float:left;overflow: hidden;}
.product .cpfl .gundong{max-height: 3.8rem;overflow: auto;overflow-x: hidden;}
.product .cpfl .gundong::-webkit-scrollbar {/*滚动条整体样式*/  width: 0.06rem;     /*高宽分别对应横竖滚动条的尺寸*/  height: 0.06rem;}
.product .cpfl .gundong::-webkit-scrollbar-thumb {/*滚动条里面小方块*/  -webkit-box-shadow: inset 0 0 0.05rem rgba(0,0,0,0.1);  background: rgba(0,0,0,0.4);}
.product .cpfl .gundong::-webkit-scrollbar-track {/*滚动条里面轨道*/  -webkit-box-shadow: inset 0 0 0.05rem rgba(0,0,0,0.1);  border-radius: 0;  background: rgba(0,0,0,0.05);}
.product .cpfl .li03 h2{float: right;width: 2.3rem;font-size: 0.16rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: relative;margin-bottom: 0.15rem;padding: 0.1rem 0.2rem 0.1rem 0;line-height: 0.16rem;}
.product .cpfl .li03 h2 a:hover{color: #00b95e;}
.product .cpfl .li03 h3{float: left;width: 2rem;font-size: 0.13rem;line-height: 0.4rem;padding-left: 0.3rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: relative;margin-bottom: 0.15rem;display: none;border-bottom: 1px dashed #ededed;font-weight: normal;}
.product .cpfl .li03 h3:hover a{color:#04979e;}
.product .cpfl .li03 h3:hover:before{background:#04979e}
.product .cpfl h2 span{position: absolute;right: 0.2rem;cursor:pointer;color: #333;border-radius: 50%;font-weight: bold;width: 0.16rem;height: 0.16rem;line-height: 0.16rem;text-align: center;font-size: 0.14rem;font-family: "微软雅黑";}
.prolist{width:calc(100% - 2.8rem);float:right;}
.prolist .top_title{float:left;width: 100%;font-size: 0.2rem;color: #222222;line-height: 0.56rem;display: block;position: relative;border-bottom: 1px solid #ededed;}
.prolist .top_title h3{text-transform:uppercase;}
.prolist .prolist-box{width:100%;float:left;margin-top:0.8rem;}
.prolist .prolist-box li{float:left;margin-left: 0.3rem;margin-bottom: 0.7rem;width:calc(100%/4 - 0.25rem)}
.prolist .prolist-box li:nth-child(4n+1){margin-left:0;}
.prolist .prolist-box li .pro-img{width:100%;float:left;padding-top:100%;position: relative;overflow: hidden;}
.prolist .prolist-box li .pro-img img{width:100%;height: 100%;object-fit: cover;position: absolute;left: 0;top:0;}
.prolist .prolist-box li .pro-img:hover img{transform:scale(1.1);    transition: all 0.4s;}
.prolist .prolist-box li .pro-word{margin-bottom: 0.2rem;line-height: 1.8;color: #222222;padding: 0 0.3rem;width:calc(100% - 0.6rem);float:left;text-align: center;margin-top:0.25rem;}
.prolist .prolist-box li .pro-word h2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;width: 100%;float:left;font-size: 0.14rem;font-weight: bold;}
.prolist .prolist-box li .pro-word p{color: #333;float: left;width: 100%;line-height: 0.4rem;font-weight: bold;font-size: 0.15rem;margin-top: 0.2rem;border: 1px solid #333;border-radius: 0.3rem;}
.prolist .prolist-box li .pro-word p:hover{background:#00b95e;color:#fff;border:1px solid #00b95e}
/*翻页*/
.turn_page{text-align:center;line-height:0.35rem;clear:both;overflow: hidden;position: relative;font-family:Arial,Helvetica,sans-serif;padding: 0.3rem 0;}
.turn_page span{border: 1px solid #f6f6f6;display:inline-block; *display:inline; *zoom:1;font-size:0.14rem;height:0.33rem;line-height:0.33rem;overflow:hidden;background:#fff;vertical-align:top;margin:0 0.04rem;}
.turn_page span em{width:0.15rem;height:0.15rem;display:inline-block;vertical-align:middle;margin-top:-0.02rem;}
.turn_page font, .turn_page a{width:0.32rem; height:0.33rem; display:block; text-align:center; text-decoration:none;}
.turn_page .page_item_current{background: #333333;color:#fff;cursor:default;}
.turn_page .page_button, .turn_page .page_noclick{width:auto; padding:0 0.12rem;}
.turn_page .page_noclick{cursor:no-drop;}
.turn_page .icon_page_prev{background:url(../pic/fanyeleft.png) no-repeat -0rem -0rem;background-size: 100%;}
.turn_page .icon_page_next{background: url(../pic/fanyeright.png) no-repeat  -0rem -0rem; background-size: 100%}

/*显示屏-滚动条样式*/
.thumb_small::-webkit-scrollbar {width: 1px;height: 3px;background-color: transparent;}
.thumb_small::-webkit-scrollbar-thumb {border-radius: 0px;-webkit-box-shadow: 0 0 6px rgba(0,0,0,.1);background: #dcdadb;}
.ly-content::-webkit-scrollbar{width: 5px;height: 3px;background-color: transparent;}
.ly-content::-webkit-scrollbar-thumb {border-radius: 0px;-webkit-box-shadow: 0 0 6px rgba(0,0,0,.1);background: #545354;border-radius:10px}
/*产品详情页*/
.prodetails{width:100%;float:left;position: relative;padding:0.5rem 0;}
.prodetails .thumbimg{width:50%;float:left;}
.thumbimg .thumb_small{width: 0.9rem;margin-right: 5px;padding-right: 5px;position: relative;overflow: hidden;overflow-y: scroll;order: 1;max-height: 600px;float: left;}
.thumbimg .thumb_small li{display: inline-block;max-width: 100%;width: 0.89rem;height: 0.89rem;margin-bottom: 0.13rem;cursor: pointer;box-sizing: border-box;border: 1px solid transparent;padding: 2px;vertical-align: middle;}
.thumbimg .thumb_small li.on{border:1px solid #000}
.thumbimg .thumb_small li img{max-width:100%;max-height: 100%;vertical-align: middle;}
.thumbimg .thumb_big{width: calc(100% - 1.1rem);height: 6rem;float:right;overflow: hidden;position: relative;margin-top: 3px;}
.thumbimg .thumb_big .tab-content{position: absolute;top: 0;transition: all .2s linear;opacity: 0;z-index: -1;height: 0;width: 100%;overflow: hidden;left: 6rem;}
.thumbimg .thumb_big .tab-content.show{height: auto;opacity: 1;left: 0;z-index: 1;}
.thumbimg .thumb_big .tab-content .bigimg{width:100%;height:100%;float:left;position:relative;}
.thumbimg .thumb_big .tab-content .bigimg img{width:100%;height:100%;}
.thumbimg .thumb_big .tab-content .bigimg:hover img{transform:scale(1.1)}
.thumbword{width: 45%;float:right;color:#222;margin-top: 3%;}
.thumbword h1{width:100%;float:left;line-height: 1.2;margin-bottom: 0.18rem;font-size: 0.3rem}
.thumbword .price_con {float: left;padding-bottom: 0.2rem;margin-bottom: 0.2rem;width: 5.6rem;overflow: hidden;border-bottom: 1px solid #f6f6f6;font-size:0.16rem}
.thumbword .price_con i {font-size: 0.36rem;font-weight: bold;color: #FF0000;font-style: normal;}
.thumbword .shorts-dec{width:100%;line-height: 1.8;float:left;margin-bottom: 0.15rem;font-size: 0.15rem;}
.conatct-link{width:100%;float:left;}
.conatct-link a{color:#fff;background: #00b95e;font-size:0.16rem;float: left;width: 2.5rem;text-align: center;line-height: 0.5rem;font-weight: bold;border-radius: 0.3rem;}
.conatct-link a:hover{color:#333;background:#fecf00}
.pro_desc{width:100%;float:left;margin-top:0.6rem;}
.pro_desc .desc_title{width:100%;float:left;border-bottom: 2px #dedede solid;font-size:0.36rem;line-height: 0.5rem;margin-bottom: 0.2rem;}
.pro_desc .desc_title p{position:relative;float: left;}
.pro_desc .desc_title p:after{content:"";width:100%;height: 2px;background: #13141a;position: absolute;bottom:2px;left:0}
.pro_desc .desc_word{width:100%;float:left;line-height:2;font-size:0.16rem;border-bottom: 1px solid #f2f2f2;padding-bottom: 0.5rem;}
.pro_desc .desc_word img{max-width:100%;height:auto;display: block;}
/*case列表页*/
.case{width:100%;float:left;margin-top:5%;}
.case .case_list{width:100%;float:left;}
.case .case_list li{width: calc(100%/3 - 0.35rem);margin-left:0.4rem;float:left;margin-bottom: 0.4rem;position: relative;}
.case .case_list li:nth-child(3n+1){margin-left:0;}
.case .case_list li a{width:100%;float:left;position:relative;color:#fff;z-index: 1;}
.case .case_list li .caseimg{width:100%;overflow: hidden;padding-top:89%;position: relative;}
.case .case_list li .caseimg img{width:100%;height: 100%;object-fit: cover;position: absolute;left:0;top:0;}
.case .case_list li a:after{width:100%;height:100%;content:"";background: rgb(0 0 0 / 10%);position:absolute;left:0;top:0;z-index: 0;}
.case .case_list li .casetext{position:absolute;width: 74%;left: 13%;bottom: 13%;z-index: 2;}
.case .case_list li .casetext h2{font-size:0.3rem;line-height:1.2;margin-bottom:0.2rem;font-weight: bold;text-shadow: 0px 3px 3px #333;}
.case .case_list li .casetext p{color: #fff;background: #00b95e;width:50%;text-align:center;line-height:0.4rem;text-transform:uppercase;border-radius: 0.3rem;font-weight: bold;}
.case .case_list li:hover img{transform:scale(1.1); transition: all 0.4s;}
/*case详细页*/
.case-details .title{width:100%;float:left;text-align: center;line-height: 1.5;font-size:0.48rem;color:#222222}
.case-details .desc{width:100%;float:left;margin-top:5%;font-size:0.16rem;line-height: 2;border-top: 1px solid #f2f2f2;border-bottom: 1px solid #f2f2f2;padding: 0.2rem 0 0.5rem;}
.case-details .desc img{max-width:100%;height: auto;}
/*news列表页*/
.newslist .news_list{margin-bottom:4%;width:100%;float:left}
.newslist .news_list li{width:100%;float:left;margin-top: 4%;}
.news_list .newsimg{width:39%;float:left;}

.news_list .newsimg span{width:100%;padding-top:68%;position: relative;float: left;overflow: hidden;}
.news_list .newsimg span img{width:100%;height: 100%;float:left;position: absolute;object-fit: cover;top:0;left:0;bottom: 0;right: 0;margin: auto;}
.news_list .newsimg:hover img{transform:scale(1.1)}
.news_list .newsword{width:58%;float:right;}
.news_list .newsword .title{color: #222222;font-size:0.24rem;margin-bottom:0.2rem;line-height:1.2;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;font-weight: bold;}
.news_list .newsword .title a{color: #222222;}
.news_list .newsword .time{width:100%;float:left;margin-bottom: 0.2rem;color: #666;}
.news_list .newsword p{width:100%;float:left;margin-bottom: 32px;line-height: 24px;color: #555555;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.news_list .newsword .news_link{font-size: 0.18rem;border: 1px solid #00b95e;padding:0.1rem 0.32rem;font-weight: bold;border-radius: 0.3rem;background:#ffffff;color:#00b95e}
.news_list .newsword .news_link:hover{background: #00b95e;color: #fff;}
/*news详情页*/
.news_box{width:100%;float:left;}
.news_box .news_left{width:1.2rem;float:left;}
.news_box .news_left p{color: #333;background-color: #fecf00;width:1.2rem;height: 1.2rem;float:left;font-size:0.38rem;line-height: 0.45rem;text-align: center;box-sizing: border-box;padding-top: 0.2rem;}
.news_box .news_left .view{width:100%;float:left;text-align:right;margin-top:0.1rem;font-size:0.15rem}
.news_box .news-right{float:right;width:calc(100% - 1.6rem);}
.news_box .news-right h1{width:100%;float:left;margin-bottom: 0.2rem;padding-bottom: 0.2rem; border-bottom: 1px solid #e8e8e8;line-height: 0.5rem;font-size: 0.36rem;box-sizing: border-box;}
.news_box .news-right .news_ms{width:100%;float:left;font-size:0.16rem;line-height: 2;border-bottom: 1px solid #f2f2f2;padding-bottom: 0.4rem;}
.news_box .news-right .news_ms img{max-width:100%;height: auto;}
.next-box{width:100%;float:left;margin-top: 0.2rem;}
.paging_prev{float: left;width: 100%;line-height: 0.3rem;padding: 0.3rem 0px 0 0px;font-size: 0.14rem;color: #222;}
.paging_prev span{float:left;padding: 0 10px;width: 78px;line-height: 30px;background-color: #fecf00;color: #000;overflow: hidden;text-align: center;box-sizing: border-box;margin-right:0.1rem}
.paging_prev a{color:#222;}
/*联系我们*/
.contactus{width:100%;float:left;}
.contact .contact_title{width:100%;float:left;text-align: center;font-size:0.3rem;line-height: 0.46rem;padding-bottom: 2%;}
.contactus .contact_word{width:100%;float:left;line-height: 1.6;color: #555555;}
.contactus .contact_word .contact_nr{width:68%;float: left;}
.contactus .contact_word dt{font-size:0.18rem;color:#000;margin-top:0.2rem;}
.contactus .contact_word dd{padding-left: 0.2rem;}
.contactus{width:100%;float:left;}
.contact .contact_title{width:100%;float:left;text-align: center;font-size:0.3rem;line-height: 0.46rem;padding-bottom: 2%;}
.contactus .contact_word{width:100%;float:left;line-height: 1.6;color: #555555;}
.contactus .contact_word .contact_nr{width:70%;float: left;}
.contactus .contact_word dt{font-size:0.18rem;color:#000;margin-top:0.2rem;}
.contactus .contact_word dd{padding-left: 0.2rem;}
.contactus .contact_word .contact_img{width:28%;float:right;}
.contactus .contact_word .contact_img span{width:100%;float:left;}
.contactus .contact_word .contact_img span img{width:100%;height:auto}
.contactus .contact_word .contact_img p{width:100%;text-align:center;float:left;color: #000;font-size: 0.15rem;}
.message{background:#e3e3e5;padding:5% 0}
.message .main{width: 11rem;}
.message .title{color: #000000;width:100%;float:left;text-align: center;}
.message .title h2{font-size:0.48rem;color:#222;margin-bottom: 0.15rem;}
.message .title p{color:#656565;font-size:0.18rem;margin-bottom: 0.4rem;}
.form-table{width: 100%;float:left;margin-top:0.3rem;}
.form-table .rows_list{display: flex;flex-wrap: wrap;justify-content: space-between;}
.form-table .rows_list .rows{width:48%;margin-top:0.25rem;}
.form-table .rows_list .rows.full{width:100%;}
.form-table .rows_list .rows label{width:100%;float:left;margin-bottom:0.06rem;color:#1a1d22;font-size:0.16rem}
.form-table .rows_list .rows .input_txt{border:0;width:100%;box-sizing: border-box;padding:0 0.2rem;height:0.5rem;line-height:0.5rem;font-size:0.18rem;border-radius:3px}
.form-table .rows_list .rows .textarea_txt{width:100%;border:0;box-sizing: border-box;;padding:0.2rem;height:1.4rem;border-radius:3px}
.form-table .rows_list .center{text-align:center;margin-top: 0.4rem;}
.form-table .rows_list .submit{color: #FFFFFF;background-color: #00b95e;border: 1px solid #00000000;font-size: 0.18rem;text-align: center;padding: 0.15rem 0.32rem;cursor: pointer;border-radius: 0.3rem;font-weight: bold;width:80%;text-transform:uppercase;}
.form-table .rows_list .submit:hover{background:#333333;}
/*留言弹窗*/
/*Get a Quote*/
.gettc{ position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: #0000008f;z-index: 99999;display: none;}
.gettc .message{width: 675px;top: 50%;position: absolute;left: 50%;transform: translate(-50%, -50%);background: #f4f4f8;padding: 0;border-radius: 0.2rem;height: 80vh;overflow: hidden;}
.gettc .message .close{    width: 60px;height: 60px;position: absolute;right: 0;top: 0;cursor: pointer;transform: rotate(45deg);z-index: 1;}
.gettc .message .close::before {content: '';width: 26px;height: 2px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background-color: #343434;}
.gettc .message .close::after {content: '';width: 2px;height: 26px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background-color: #343434;}
.gettc .ly-content{height: 100%;overflow: auto;}
.gettc .ly-content .title{background:#fff;padding: 6% 0;}
.gettc .form-table{box-sizing: border-box;padding: 0.2rem 0.4rem;background: #f4f4f8;position: relative;padding-bottom: 0.8rem;}
.gettc .form-table .rows_list .center{position:fixed;bottom: 3%;left: 50%;transform: translateX(-50%);}
.gettc .form-table .rows_list .submit{width:80%;}