@charset "utf-8";
/* CSS Document */
/*显示器小于800时生效*/
@media screen and (max-width: 800px) {
a{text-decoration:none;color:#333333}
a:hover{text-decoration:none;}
body {padding:0px;margin:0px auto;color:#333333;background:#ffffff;min-width:100%;font-size:0.24rem;max-width: 100%;    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}
*:hover img{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: 8% 0;position: relative;}
.main{width: 100%;margin: 0 auto;}
.top{float:left;width:100%;height: 1rem;background:#ffffff;position: fixed;z-index: 102;box-shadow: 0px 0px 5px #cecccc;}
.top .ul01{width: 100%;margin: 0 auto;height: 1rem;margin-top: 0;position: relative;}
.top .ul01 h2{float:left;width: 1.9rem;height: 0.8rem;font-size:0px;position: relative;padding-top: 0;margin-left: 0.1rem;margin-top:0.1rem;}
.top .ul01 h2 img{max-width: 100%;height: auto;margin: auto;position: absolute;top: 0;left: 0;bottom: 0;right: 0;filter: none;}
.ul01 .call {padding: 0.15rem 0.2rem 0;background: #004297;color: #fff;height: 0.6rem;overflow: hidden;border-radius: 0.1rem;margin-top: 0.2rem;display: none;}
.ul01 .call p {font-size: 0.28rem;margin-bottom: 0.05rem;text-transform: uppercase;}
.ul01 .call .tel {font-size: 0.3rem;color: #fff;}

/*导航栏纯CSS样式*/
* html .clearfix{ zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.nav{margin: 0 2% 0 1%;width: 0.64rem;height: 0.64rem;background: url(../pic/lanmu2.png) no-repeat;background-size: 0.64rem;position: absolute;right: 0.2rem;top: 0.2rem;}
.index-nav-frame{margin: 0 auto;height: 1rem;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: 0.8rem;text-align: center;font-size: 0.28rem;font-weight: 400;padding: 0.1rem 0.24rem;font-weight: bold;}
.Nptline a{color:#444}
.Nptline:hover a{color:#004297;}
.Nptline:hover .Nptcenter a{color:#444}
.Nptcenter a:first-child{margin-top: 0;}
.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: 0.8rem;}
.Nptcenter a{width: 90%;font-weight: normal;font-size: 0.24rem;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:#004297;}
.Nptline-focus:focus{display: none;}
.Nptline:hover .Nptcenter{height:auto;opacity: 1;}
.right_nav{margin-top: 0.3rem;margin-right: 1.2rem;}
.nav-fixed{background:#fff}
.nav-fixed .ul01 h2 img,.nav-fixed .top_ss img,.nav-fixed .yuyan img{filter:none}
.nav-fixed .Nptline a{color:#333;}
.nav-fixed  .ul01 .call{background: #004297;border: 1px solid #004297;}
.nav-fixed .ul01 .call .tel{color:#fff;}

.top_ss{width: 0.4rem;height: 0.3rem;position: relative;margin-right: 0.2rem;margin-top: 0.1rem;cursor: pointer;}
.top_ss img{max-width: 0.4rem;position: absolute;margin: auto;left: 0;right: 0;top: 0;bottom: 0;filter: none;}
.two-banner{width:100%;float: left;max-height: 8.9rem;overflow: hidden;margin-top: 1rem;}
.two-banner img{width:100%;}
.yuyan{width: 0.4rem;height: 0.3rem;margin-right:0.2rem;margin-top: 0;}
.yuyan img{max-width:100%;height: auto;filter: none;}
/*搜索弹窗*/
.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: 75%;margin: 0 auto;background: #fff;padding: 0.4rem 0.6rem;}
.w3l-formhny h5 {padding-bottom: 0.2rem;width: 40%;margin: 0 auto;}
.w3l-formhny h5 img{max-width: 100%;height: auto;}
.search-header input {font-size: 0.26rem;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.45rem;padding: 0.18rem 0;color:#fff;font-weight: 700;font-size:0.28rem;line-height: 0.28rem;cursor: pointer;border: 1px solid #e6002d;font-size: 0;width:15%;}
.search-header{width: 88%;margin: 0 auto;}
/*语言选择*/
.box{position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: #0000008f;z-index: 99999;display: none;}
.language{width: 90%;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: 0.2rem;height: 0.2rem;position: absolute;right: 0.25rem;top: 0.2rem;}
.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.28rem;color: #555;text-align: left;}
.language_nr .language_word{width:100%;float:left;}
.language_nr .language_word li{width: calc(100%/3 - 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.2rem;}
.language_nr .language_word li:nth-child(3n+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: 5rem;position:relative;float:left;background: #ffed29 no-repeat;background-position:50% 0%;overflow:hidden;margin-top: 1rem;}
.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: 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.1rem;background: #e6e6e6;cursor:pointer;transition: 0.3s all ease-in-out; border-radius:50%}
.bn-alp .i i.on {background-position: -1.3rem 0;background: #fd0002;}

.Hadv ul li h3{font-size:0.3rem;width:100%;float:left;font-family:"en1";margin:0.2rem 0;text-overflow: ellipsis; -o-text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;}
.Hadv ul li p{font-size:0.16rem;width:100%;float:left;line-height:0.24rem;height:0.48rem;overflow:hidden;}


/*首页分类展示*/
.Htitle{width: calc(100% - 0.2rem);float:left;text-align: center;margin: 0 0.1rem;}
.Htitle h2{font-size: 0.42rem;color:#212121;text-transform: uppercase;width:100%;float: left;text-align: center;font-family: en1;font-weight: bold;}
.Htitle p{font-size: 0.26rem;color:#808080;width: 100%;line-height: 0.4rem;margin: 0.1rem 0 0.2rem;float: left;font-weight: 100;}
.Htype_content{width:100%;float:left;}
.Htype_list{margin-top: 0.4rem;width:100%;float:left;}
.Htype_list li{width: calc(100%/2);float:left;position: relative;overflow:hidden;}
.Htype_list li a:after{width:100%;height: 100%;content:"";position: absolute;left:0;top:0;background: #00000066;}
.Htype_list li .Htype_img{width:100%;float:left;padding-top: 90%;position: relative;}
.Htype_list li .Htype_img img{width:100%;height: 100%;object-fit: cover;position: absolute;top:0;left:0}
.Htype_list li .Htype_word{width: 100%;left:0;top:50%;transform: translateY(-50%);position: absolute;z-index: 10;font-size:0.36rem;text-align: center;box-sizing: border-box;padding: 0 0.2rem;color: #fff;text-shadow: 0px 2px 2px #000;font-family: 'en1';}
.Htype_list li:hover img{transform:scale(1.1);transition:all 0.4s}
.Htype_list li .Htype_more{position:absolute;color:#ffd101;z-index: 10;left: 50%;top: 68%;transform: translateX(-50%);font-weight: bold;text-transform: uppercase;width: 68%;line-height: 0.5rem;text-align: center;}
.Htype_list li:hover a:after{background: #00000026}
.Htype_list li:hover .Htype_more{background:#ffd101;color:#333}
/*首页产品*/
.Hpro{background: #f7f7f7;padding-bottom: 0.2rem;}
.Hpro .Hpro_list{width: calc(100% - 0.2rem);float:left;margin: 0.1rem;}
.Hpro .Hpro_list li {width: calc(100%/2 - 0.2rem);float: left;box-sizing: border-box;overflow:hidden;background: #fff;padding: 0.13rem 0.19rem 0.15rem;margin: 0.4rem 0.1rem 0 0.1rem;}
.Hpro .Hpro_list li:nth-child(3n+1){margin-left: 0.1rem;}
.Hpro .Hpro_list li:hover {box-shadow: 0 0.03rem 0.07rem 0 rgba(0, 0, 0, .1);border-color: rgba(229, 229, 229, .73);}
.Hpro .Hpro_list li a  div.img{width: 100%;height: 3.8rem;float:left;position:relative;overflow: hidden;}
.Hpro .Hpro_list li a  div.img img{width: 100%;height: 100%;object-fit: contain;}
.Hpro .Hpro_list li a div.img:hover img{transform:scale(1.1)}
.Hpro .Hpro_list li a  h3.title {font-size: 0.28rem;color: #333;line-height: 0.35rem;height: 0.7rem;float:left;width: 100%;text-align: center;margin: 0.1rem 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-weight: bold;}
.Hpro .Hpro_list li a  p.desc {font-size: 0.24rem;line-height: 0.6rem;color: #666;float:left;width: 100%;text-align: center;font-weight: bold;margin-bottom: 0.2rem;}
.Hpro .Hpro_list li a  p.desc span{border:1px solid #000000;padding: 0.15rem 0.6rem;text-transform: uppercase;}
.Hpro .Hpro_list li a  p.desc:hover span{color:#fff;background:#004297;border:1px solid #004297}
/*首页关于我们*/
.Habout{padding: 1% 0 5%;margin: 0 0.2rem;width: calc(100% - 0.4rem);}
.aboout-left{width: 100%;float: right;position: relative;margin-top: 0.5rem;}
.aboout-left .img{width:100%;position: relative;overflow:hidden;}
.aboout-left .img li{float:left;width: 100%;margin-left: 0;height:4rem;position: relative;overflow: hidden;margin-bottom: 0.2rem;}
.aboout-left .img li:first-child{margin-left:0;}
.aboout-left .img img{width:100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;transition:all 0.4s}
.aboout-left li:hover img{transform:scale(1.1);transition:all 0.4s}
.about-right{width: 100%;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.26rem;line-height: 0.46rem;width: 100%;float: left;text-align: center;}
.Habout .more-link{margin-top: 0.4rem;width: 100%;float: left;text-align: center;line-height: 0.6rem;}
.Habout .more-link .type_link{opacity: 1;padding: 0.2rem 0.6rem;background: #004297;color: #fff;font-size: 0.28rem;font-weight: bold;}
.Habout .more-link .type_link:hover{color:#333;background:#ffd101;border:1px solid #ffd101}


/*首页优势*/
.Hadv{background:#004297;}
.Hadv ul{width:100%;float:left;padding:1% 0}
.Hadv ul li{float:left;width: calc(100%/2 - 0.2rem);margin: 0 0.1rem;border-left: 0;padding: 0.1rem 3%;box-sizing:border-box;text-align:center;}
.Hadv ul li:first-child{margin-left:0;border: 0;}
.Hadv ul li a{color:#fff;}
.Hadv ul li span{width:100%;float:left;text-align:center;overflow: hidden;}
.Hadv ul li span img{border-radius: 50%;width: 2rem;height: 2rem;object-fit: cover;-webkit-transition: -webkit-transform 0.5s ease-out;-moz-transition: -moz-transform 0.5s ease-out;-o-transition: -o-transform 0.5s ease-out;-ms-transition: -ms-transform 0.5s ease-out;border: 6px solid #ffffff63;}
.Hadv ul li:hover span img{  -webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}
.Hadv ul li h3{font-size:0.32rem;width:100%;float:left;font-family:"en1";margin:0.2rem 0;text-overflow: ellipsis; -o-text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;}
.Hadv ul li p{font-size:0.26rem;width:100%;float:left;line-height: 0.36rem;height:1.08rem;overflow:hidden;}


/*首页案例*/
.Npro .main{width: 100%;}
.Npro .Npro_list{width: calc(100% - 0.2rem);float:left;margin: 0.6rem 0.1rem 0 0.1rem;}
.Npro .Npro_list .Npro_content{width: calc(100%/2 - 0.2rem);float:left;position: relative;margin: 0.2rem 0.1rem 0 0.1rem;}
.Npro .Npro_list .Npro_content .Npro_img{height: 3rem;width:100%;float:left;position: relative;overflow: hidden;}
.Npro .Npro_list .Npro_content .Npro_img img{width:100%;height: 100%;position: absolute;object-fit: cover;top:0;left:0;}
.Npro .Npro_list .Npro_content .Npro_word{width:100%;position: absolute;color: #fff;text-align: center;bottom: 0;padding: 0.1rem 0;}
.Npro .Npro_list .Npro_content .Npro_word h2{line-height: 1.5;font-size: 0.26rem;color: #fff;padding: 0 0.1rem;position: relative;z-index: 2;font-weight: 600;}
.Npro .Npro_list .Npro_content .Npro_word p{font-size:0.26rem;margin-top:0.2rem;line-height: 0.26rem;height: 0.52rem;}
.Npro .Npro_list .Npro_content .Npro_word:after{content:"";position:absolute;bottom:0;background:#0000008a;width:100%;height:100%;left:0;}
.Npro .Npro_list .Npro_content:hover .Npro_img img{transform:scale(1.1);}
.Npro .Npro_list .Npro_content:first-child{width: calc(100% - 0.2rem);margin-left: 0;margin-bottom: 0;margin: 0 0.1rem;}
.Npro .Npro_list .Npro_content:first-child .Npro_img{padding-top: 3.2rem;}

/*首页新闻*/
.Hnews{background: #f6f6f6;}
.Hnews .Htitle h2{margin-bottom:0.4rem}
.Hnews .Hnews_list{width: calc(100% - 0.4rem);float:left;margin-top:0.3rem;margin: 0.3rem 0.2rem 0 0.2rem;}
.Hnews .Hnews_list li{margin-left: 0;width: 100%;float:left;position: relative;}
.Hnews .Hnews_list li:nth-child(2n+1){margin-left:0;}
.Hnews .Hnews_list li .Hnews_img{width:100%;float:left;padding-top: 62.6%;position: relative;overflow: hidden;}
.Hnews .Hnews_list li .Hnews_img img{width:100%;height: 100%;position: absolute;object-fit: cover;left:0;top:0;}
.Hnews .Hnews_list li .time{position:absolute;left:0.2rem;top: 64%;background: #095ac2;color: #fff;padding: 0.1rem 0.25rem;}
.Hnews .Hnews_list li .Hnews_word{box-sizing: border-box;width:100%;float:left;padding: 0.2rem 0.1rem;}
.Hnews .Hnews_list li .Hnews_word i{width:100%;float:left;color:#666;}
.Hnews .Hnews_list li .Hnews_word h2{width:100%;float:left;font-size: 0.28rem;margin: 0.1rem 0;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-weight: 600;font-family: 'en1';}
.Hnews .Hnews_list li .Hnews_word p{width:100%;float:left;line-height: 0.36rem;height: 0.72rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.Hnews .Hnews_list li .Hnews_img:hover img{transform:scale(1.1)}
.more_btn{width:100%;float:left;text-align: center;margin: 2% 0;line-height: 0.6rem;}
.more_btn a{border: 1px solid #004297;color: #fff;padding: 0.15rem 0.4rem;font-size:0.26rem;text-transform: uppercase;font-weight: 600;background: #004297;}
.more_btn a:hover{color:#333;background:#ffd101;border:1px solid #ffd101}
.poster{width:100%;float:left;background: url(../pic/index00.jpg) no-repeat 50% 50%;padding-top: 1%;}
.poster .left_side{padding-left: 13%;color: #212121;box-sizing: border-box;padding: 6% 6%;background: #fff;max-width: 65%;margin-left: 10%;}
.poster .left_side h3{font-size: 0.32rem;font-family: 'en1';}
.poster .left_side p{font-size:0.25rem;margin: 0.2rem 0 8%;}
.poster .left_side .send{color:#fff;background: #004297;font-size: 0.26rem;padding: 0.16rem 0.25rem;border-radius: 0.32rem;font-weight: bold;border: 1px solid #004297;}
.poster .left_side .send:hover{color:#333;background:#ffd101;border:1px solid #ffd101}
.poster .right_side{width:50%;overflow: hidden;margin: 0;}
.poster .right_side span{width:100%;float: left;padding-top: 36.2%;position: relative;}
.poster .right_side span img{width:100%;height: 100%;object-fit: cover;position: absolute;top:0;left:0}
/*底部*/
.bottom{width:100%;float:left;background: #262626;padding: 11% 0 1%;font-weight: 400;color: #fff;}
.bottom .nav2{width: calc(100% - 0.6rem);float:left;padding: 0 0.3rem 0.3rem 0.3rem;}
.bottom .nav2 .nav-list{width: 100%;float:left;margin-left: 0;padding: 0;box-sizing: border-box;margin-bottom: 0.4rem;}
.bottom .nav2 .nav-list:first-child{margin-left:0;display: none;}
.bottom .nav2 .nav-list dt{color:#fff;font-size:0.3rem;margin-bottom: 0.25rem;float:left;width: 100%;}
.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;}
.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.25rem;}
.bottom .nav2 .nav-list .enter .subscribe{cursor: pointer;background: #fff;height: calc(0.48rem + 2px);line-height: 0.48rem;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.2rem;border-top: 1px solid #f2f2f238;width: calc(100% - 0.4rem);float:left;text-align: center;color: #fff;font-size: 0.24rem;background: #262626;font-weight: 400;margin-bottom: 1.4rem;}
.footer .copyright{width:100%;float:left;line-height: 2;margin-bottom: 0.05rem;}
.footer .link a{color: #fff;margin-left:0.2rem;}
.slide{display:none;}

/*产品内页*/
.mbx{width: calc(100% - 0.4rem);float:left;background: #f7f7f7;padding: 0 0.2rem;}
.mbx .cat{position: relative;color: #4b4b4b;padding: 0.25rem 0;overflow: hidden;font-size: 0.24rem;}
.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.24rem;}
.mbx .cat a:first-child{padding-left: 0.32rem;margin-left: 0;background: url(../pic/home.png) no-repeat left center;}
.product{width:100%;float:left;margin-top:2%}
.product .cpfl{width: 94%;margin-bottom: 0.46rem;padding: 0 3%;}
.product .cpfl .li01{float:left;width: 100%;font-size: 0.3rem;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.26rem;}
.product .cpfl .li03 {width: 100%;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: left;width: calc(100%/3 - 0.2rem);font-size: 0.26rem;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.3rem;}
.product .cpfl .li03 h2 a:hover{color:#004297;}
.product .cpfl .li03 h3{float: left;width: 2rem;font-size: 0.24rem;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:#004297;}
.product .cpfl .li03 h3:hover:before{background:#004297}
.product .cpfl h2 span{position: absolute;right: 0.2rem;cursor:pointer;background: #004297;color: #fff;border-radius: 50%;font-weight: bold;width: 0.16rem;height: 0.16rem;line-height: 0.16rem;text-align: center;font-size: 0.24rem;font-family: "微软雅黑";display: none;}
.prolist{width: calc(100% - 0.2rem);float: left;padding: 0 0.1rem;}
.prolist .top_title{float:left;width: 100%;font-size: 0.3rem;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%/2 - 0.2rem);margin: 0 0.1rem 0.5rem 0.1rem;}
.prolist .prolist-box li:nth-child(4n+1){margin-left: 0.1rem;}
.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.24rem;line-height: 0.3rem;height: 0.6rem;}
.prolist .prolist-box li .pro-word p{color: #004297;background: #fff;float: left;width: 100%;line-height: 0.4rem;font-weight: bold;font-size: 0.25rem;margin-top: 0.2rem;}
/*翻页*/
.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.26rem;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;}

/*产品详情页*/
.prodetails{width: calc(100% - 0.4rem);float:left;position: relative;padding: 0.5rem 0.2rem;}
.prodetails .thumbimg{width: 100%;float:left;overflow: hidden;overflow-x: scroll;}
.smallimg{width:100%;float:left;height: 1.9rem;margin-top: 0.2rem;overflow: hidden;overflow-x: scroll;}
.thumbimg .thumb_small{width: 13.05rem;margin-right: 0;padding-right: 0;position: relative;max-height: initial;float: left;height: 100%;        width: max-content;}
.thumbimg .thumb_small li{display: inline-block;max-width: initial;width: 1.8rem;height: 1.8rem;margin-bottom: 0;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;object-fit: cover;width: 100%;height: 100%;}
.thumbimg .thumb_big{width: 100%;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%;}
.thumbword{width: 100%;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: 95%;overflow: hidden;border-bottom: 1px solid #f6f6f6;font-size:0.26rem}
.thumbword .price_con i {font-size: 0.4rem;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.25rem;}
.conatct-link{width:100%;float:left;}
.conatct-link a{color:#fff;background: #004297;font-size: 0.28rem;float: left;width: 100%;text-align: center;line-height: 0.8rem;font-weight: bold;border-radius: 0.4rem;}
.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.4rem;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.26rem}
.pro_desc .desc_word img{max-width:100%;height:auto;display: block;}
.pro_desc .desc_word table{max-width:100%;}
/*case列表页*/
.case{width:100%;float:left;margin-top:5%;}
.case .case_list{width: calc(100% - 0.2rem);float:left;margin: 0 0.1rem;}
.case .case_list li{width: calc(100%/2 - 0.2rem);margin-left:0.4rem;float:left;margin-bottom: 0.4rem;position: relative;margin: 0 0.1rem  0.4rem 0.1rem;}
.case .case_list li:nth-child(3n+1){margin-left: 0.1rem;}
.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 .caseword{position:absolute;width: 74%;left: 13%;bottom: 14%;z-index: 2;}
.case .case_list li .caseword h2{font-size:0.32rem;line-height:1.2;margin-bottom:0.2rem;}
.case .case_list li .caseword p{color: #fff;background: #004297;width: 85%;text-align:center;line-height: 0.6rem;text-transform:uppercase;}
.case .case_list li:hover img{transform:scale(1.1); transition: all 0.4s;}
.case .infoList li{box-shadow:0px 0px 10px #f2f2f2}
.case .infoList li a:after{background:none;}
.case .infoList li .caseword{position: revert;width: 96%;margin: 0.2rem 0;float: left;text-align: center;padding: 0 2%;}
.case .infoList li .caseword h2{color:#333;font-size:0.28rem;font-weight: 400;margin-bottom: 0;width: 100%;float: left;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.case .infoList li .caseword p{display:none;}

/*case详细页*/
.case-details{margin:0 3%;width:94%}
.case-details .main{width:100%;}
.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.26rem;line-height: 2;overflow: hidden;}
.case-details .desc img{max-width:100%;height: auto;}
/*news列表页*/
.newslist{padding:0 0.2rem;width:calc(100% - 0.4rem)}
.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: 93%;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 .newsword{width:58%;float:right;}
.news_list .newsword .title{color: #222222;font-size: 0.3rem;margin-bottom:0.2rem;line-height:1.2;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.news_list .newsword .title a{color: #222222;}
.news_list .newsword .time{width:100%;float:left;margin-bottom: 0.1rem;color: #666;font-size:0.2rem}
.news_list .newsword p{width:100%;float:left;margin-bottom: 0.2rem;line-height: 0.3rem;font-size: 0.22rem;color: #555555;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.news_list .newsword .news_link{font-size:0.24rem;border: 1px solid #004297;color: #004297;padding:0.1rem 0.32rem; float:left}
/*news详情页*/
.news_box{width:100%;float:left;}
.news_box .news_left{width:1.2rem;float:left;position: absolute;top: 0.5rem;left: 0.2rem;}
.news_box .news_left p{color: #333;background-color: #fecf00;width:1.2rem;height: 1.1rem;float:left;font-size: 0.36rem;line-height: 0.45rem;text-align: center;box-sizing: border-box;padding-top: 0.1rem;}
.news_box .news_left .view{width:100%;float:left;text-align:right;margin-top:0.1rem;font-size: 0.24rem;}
.news_box .news-right{float:right;width: 94%!important;padding: 0 3%;}
.news_box .news-right h1{width: 78%;float: right;margin-bottom: 0.2rem;padding-bottom: 0.2rem;border-bottom: 1px solid #e8e8e8;line-height: 0.5rem;font-size: 0.4rem;box-sizing: border-box;}
.news_box .news-right .news_ms{width:100%;float:left;font-size:0.26rem;line-height: 2;margin-top: 0.8rem;}
.next-box{width:100%;float:left;margin-top: 0.2rem;}
.paging_prev{float: left;width: 100%;padding: 0.3rem 0px 0 0px;font-size: 0.24rem;color: #222;}
.paging_prev span{float:left;padding: 0 0.1rem;width: 1.5rem;line-height: 0.5rem;background-color: #fecf00;color: #000;overflow: hidden;text-align: center;box-sizing: border-box;margin-right: 0.2rem;}
.paging_prev a{color:#222;font-size: 0.25rem;line-height: 0.5rem;}
/*联系我们*/
.contactus{width: 94%;float:left;padding: 0 3%;}
.contact .contact_title{width:100%;float:left;text-align: center;font-size: 0.4rem;line-height: 0.46rem;padding-bottom: 2%;}
.contact .main {width: 100%;}
.contactus .contact_word{width:100%;float:left;line-height: 1.6;color: #555555;}
.contactus .contact_word dt{font-size: 0.3rem;color:#000;margin-top:0.2rem;}
.contactus .contact_word dd{padding-left: 0.2rem;}
.contactus .contact_word .contact_img{width: 100%;float:right;margin-top: 0.2rem;}
.contactus .contact_word .contact_img span{width: 42%;float:left;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);position: relative;}
.contactus .contact_word .contact_img span img{width:100%;height:auto}
.contactus .contact_word .contact_img p{width: 100%;float:left;color: #000;font-size: 0.15rem;padding-left: 0rem;}
.contactus .contact_word .contact_nr{width: 100%;}
.message{background:#e3e3e5;padding: 5% 3%;width: 94%;}
.message .main{width: 100%;}
.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.28rem;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: 100%;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.15rem;color:#1a1d22;font-size: 0.3rem;}
.form-table .rows_list .rows .input_txt{border:0;width:100%;box-sizing: border-box;padding:0 0.2rem;height: 0.8rem;line-height: 0.8rem;font-size: 0.3rem;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;}
.form-table .rows_list .submit{color: #fff;background-color: #004297;border: 1px solid #00000000;font-size: 0.26rem;text-align: center;padding: 0.2rem 1rem;cursor: pointer;bottom: 24px;left: 34px;width:80%}
.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: 999999999;}
.gettc .message{width: 94%;top: 54%;transform: translateY(-50%);position: absolute;left: 3%;background: #f4f4f8;padding: 0;padding-bottom: 1.6rem;height: auto;}
.gettc .message .close{    width: 0.6rem;height: 0.6rem;position: absolute;right: 0;top: 0;cursor: pointer;transform: rotate(45deg);z-index: 1;}
.gettc .message .close::before {content: '';width: 0.26rem;height: 0.02rem;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background-color: #343434;}
.gettc .message .close::after {content: '';width: 0.02rem;height: 0.26rem;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background-color: #343434;}
.gettc .form-table{box-sizing: border-box;padding: 0.2rem 0.4rem 0.4rem;background: #f4f4f8;height: 6.7rem;overflow-y: scroll;}
.gettc .form-table .rows_list .submit{background-color: #ffd101;padding: 0.2rem 1.75rem;position: absolute;color:#333;}
/*留言提交*/
.ly-titile{width:100%;float:left;margin-bottom: 0.4rem;text-align: center}
.ly-titile h3{font-size:0.48rem;color:#222;width:100%;float:left}
.ly-titile p{font-size:0.26rem;color:#555;margin-top:0.1rem;width: 100%;float: left;}
.menssage_box{width:94%;margin:0 3%}
.left_bar{width: 100%;float:left;}
.left_bar .car_title{font-size: 0.26rem;color: #222;padding: 0 0.1rem;display: flex;justify-content: space-between;line-height: 0.5rem;border-bottom: 1px solid #e1e1e1;}
.left_bar .car_table{width:100%;float:left;}
.left_bar .car_table .car_item{padding: 0.3rem 0.1rem;border-bottom: 1px solid #e1e1e1;display: flex;width:100%;float:left;box-sizing: border-box;margin-bottom: 0.4rem;}
.left_bar .car_table .car_item .li01{width:1.2rem;height: 1.2rem;margin-right: 0.3rem;}
.left_bar .car_table .car_item .li01 img{max-width:100%;max-height: 100%;vertical-align: middle;}
.left_bar .car_table .car_item .li02{width:calc(100% - 4rem);margin-right: 0.4rem;flex: 1;font-size: 0.26rem;padding: 0.2rem 0;line-height: 0.26rem;height: 0.78rem;overflow: hidden;}
.left_bar .car_table .car_item .li03{float:right;align-self: center;}
.left_bar .car_table .car_item .li03 input{border:0;width: 0.4rem;text-align: center;margin-top: 0.02rem;}
.left_bar .car_table .car_item .li03 .iconfont{width: 0.2rem;height: 0.2rem;float: left;}
.left_bar .car_table .car_item .li03 .icon-mb_cut3{background: url(../pic/cut.png) no-repeat 50%;background-size: 0.14rem;}
.left_bar .car_table .car_item .li03 .icon-mb_add3{background: url(../pic/add.png) no-repeat 50%;background-size: 0.14rem;float: right;}
.quote{width: 100%;float:right;padding: 0 2% 2%;box-sizing: border-box;background: #f8f8f8;}
.quote .form-table .rows_list .rows{width:100%;text-align: left;margin-top: 0.3rem;}
.quote .form-table .rows_list .rows .input_txt{border: 1px solid #cbcbcb;}
.quote .form-table .rows_list .submit{width: 100%;text-transform:capitalize;font-weight:normal;background: #ffd101;color: #333;}
.conatct-link a, .conatct-link button{font-size:0.24rem;}

.downs{width:100%;float:left;margin-top:0.3rem;}
.downs .down_box{width: calc(100%/2 - 0.4rem - 2px);margin-left: 0.1rem;float:left;border: 1px solid #f5f5f5;padding:0.1rem;margin-bottom: 0.2rem;margin: 0 0.1rem 0.2rem 0.1rem;}
.downs .down_box:nth-child(4n+1){margin-left: 0.1rem;}
.down_contain{width:100%;float:left;margin-bottom: 0.15rem;}
.down_contain .down_img{width: 100%;height: 2rem;float:left;margin-right: 0;}
.down_contain .down_img img{width:100%;height: 100%;object-fit: contain;}
.down_contain .down_nr{width: 100%;float:right;position: relative;height: auto;text-align: center;}
.down_contain .down_nr h2{width:100%;float:left;color:#333;font-size: 0.28rem;margin-bottom: 0.05rem;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.down_contain .down_nr .time{font-size: 0.26rem;line-height: 0.4rem;float:left;width:100%;}
.down_box .down_nr p{color:#006bd3;width:100%;float:left;position: relative;bottom: inherit;line-height: 0.3rem;}
.down_box .down_nr p:hover{text-decoration: underline;font-weight: 600;}
.down_box .down_xz{background:#f5f5f5;width:100%;float:left;}
.down_box .down_xz .wj{width: 100%;float:left;line-height: 21px;}
.down_box .down_xz .wj i{margin-left:10px;}


}