@import url('//at.alicdn.com/t/c/font_5002653_d3dz3n4whs5.css');
@import url(swiper-iconfont.css?v=1.0.6);
@charset "utf-8";



@font-face{font-display:swap;font-family:HarmonyOS;src:url(fonts/HarmonyOS_Sans_Regular.ttf)}
@font-face{font-display:swap;font-family:HarmonyOSlight;src:url(fonts/HarmonyOS_Sans_Light.ttf)}
@font-face{font-display:swap;font-family:D-DINExp;src:url(fonts/D-DINExp.ttf)}
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul,div{ margin: 0; padding: 0; }


body, button, input, select, textarea {font-family:"Noto Sans SC","微软雅黑",roboto,Helvetica,Arial,sans-serif;font-size: 1.4rem;line-height: 1.5; color: rgba(60, 60, 60, 1);outline: none;}
.clearfix:after { display: block; clear: both; content: ""; visibility: hidden; height: 0;}
html{font-size: 10px;}
img{vertical-align: middle;display: block;}
li{ list-style-type: none; }
a{ text-decoration: none; color: rgba(60, 60, 60, 1); outline: none; transition: all .3s;}
a:hover,.footer .footerbd .footnav li a:hover{ color: rgba(0, 128, 204, 1);}
.text-primary{ color: rgba(0, 128, 204, 1);}
.bd{width: 100%; max-width: 144rem; margin: 0 auto;}
/*body{ padding-top:8rem }*/
.mbd{width:100%;max-width: 120rem; margin: 0 auto;}
.shadow{box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);}
.entitle{text-transform: uppercase; color: rgba(196, 196, 196, 1); font-size: 2.4rem; font-family:HarmonyOSlight;}
.btn-primary{ background-color:rgba(0, 128, 204, 1); border: 1px solid rgba(0, 128, 204, 1); cursor: pointer; border-radius:.5rem; font-size:1.8rem; color:#FFF; transition:all .3s; text-align:center; display:inline-block; }
.btn-primary:hover{ background-color:rgba(0, 128, 204, 1); color: #FFF; box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.16); }
.btn-primary:active{ background-color:rgba(0, 128, 204, .8); }
.btn-default{ background-color:rgba(255,255,255, 1); border-radius:.5rem; cursor: pointer; font-size:1.8rem; border:1px solid rgba(125, 125, 125, 1);transition:all .3s; text-align:center;display:inline-block;  }
.btn-default:hover{ background-color:rgba(255,255,255, 1); box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.16); border-color:rgba(0, 128, 204, 1);color:rgba(0, 128, 204, 1); }
.btn-default:active{ background-color:rgba(0, 0, 0, .06); }
.indexbg{ background:url(images/boxbg.png?v=1.1) no-repeat center 19.1rem; background-size:cover; }
.float-left{float: left;}
.float-right{float: right;}

.pages{ text-align:center; padding:60px 0;}
.pages ul li{ display:inline-block; padding:0 10px;}
.pages ul li a{ display:block; width: 42px; height: 42px; line-height: 42px; background-color:#EEE; }
.pages ul li a:hover{background-color:#08ABA8; color: #FFF}
.pages ul .active a{ background-color:#08ABA8; color: #FFF}
.pages ul .disabled a,.pages ul .disabled a:hover{ background-color:#EEE; color: #333; cursor:not-allowed;}
.pages ul .more a,.pages ul .more a:hover{ background-color: transparent; color: #333 }

.header{background-color:#FFF; transition: all .3s}
.header-fixed{position: fixed; z-index: 50; left: 0; top: 0; right: 0;}
.header .headerbd{position: relative; z-index: 12;background-color:#FFF;height: 8rem;  }
.header .logo{float: left; padding: 2rem 0;}
.header .logo img{ height:4rem; transition: all .3s}
.header .rbd{float: right; position:relative; }
.header .mainnav .li{float: left; padding: 0 2.8rem;}
.header .mainnav .li .mainitem{font-size: 1.8rem;}
.header .mainnav .li a{ line-height: 8rem;display: block; position: relative;}
.header .mainnav .li a:after{content:""; position:absolute; transition:all .3s; width:0;bottom:2rem; }
.header .mainnav .li.on a:after{content:""; position:absolute;  left:50%; margin-left:-2rem; background-color: rgba(0, 128, 204, 1); width:4rem; height:.2rem;}
.header .mainnav .li.on a{ color:rgba(0, 128, 204, 1); }
.header .mainnav .li:last-child{ padding-right:0 }
/*.header .subitem{ position:absolute; left:0; right:0; top: 8rem; transform: translateY(-5rem); opacity: 0; transition: all .4s; z-index: 8; background-color:rgba(230, 230, 230, 1); height:4rem; line-height:4rem;  }*/
.header .subitem{ transition: all .6s; z-index: 8; background-color:rgba(230, 230, 230, 1); position:relative; height:0; overflow:hidden; }
.header .subitem.hline{ height:0 }
.header .subitemmall{ height:4rem; z-index:0;background-color:rgba(230, 230, 230, 1); position:relative;overflow:hidden; }
.header .mallbd{display: none; position: absolute; left: 0; right: 0; z-index: 10}
.header .subitem .mbd,.header .subitemmall .mbd{ line-height:4rem; height: 4rem; position:relative;  }
.header .subitem.hline .mbd{ height:8rem }
.header .subitem .subul,.header .subitemmall .subul{ z-index: 1; float: right;}
.header .subitem .subli,.header .subitemmall .subli{float: left;  position:relative; }
.header .subitem .subli a,.header .subitemmall .subli a{height: 4rem; line-height: 4rem;display: block; padding: 0 2rem; position: relative;}
.header .subitem .subli a:after,.header .subitemmall .subli a:after{ position:absolute; content:""; width:1px; top:1rem; bottom:1rem; right: 0; border-right: 1px dashed rgba(125, 125, 125, 1);}
.header .subitem .subli a.noafter:after,.header .subitemmall .subli a.noafter:after{display: none}
.header .subitem .subli.on{ z-index:2 }
.header .subitem .subli:last-child .cat a:after,.header .subitemmall .subli:last-child .cat a:after{display: none}

.header .subitem .subli.on .cat a{  }
.header .subitem .subli.on .cat{ position:relative; }
.header .subitem .subli.on .cat a:after{position: absolute; display: block; border: 0; background-color:rgba(244, 244, 244, 1); width: auto; z-index: -1; position: absolute; left: -1px; right: 0; top: 0; bottom: 0}
/*.header .subitem .subli .cat a.noafter:after{display: none}*/
.header .subitem .subli .caton a{ color:rgba(0, 128, 204, 1);}
/*.header .subitem .subli:last-child a{ padding-right:0 }*/
.header .childitem{ position:absolute; white-space: nowrap; left:0; top: 4rem; height: 4rem; line-height: 4rem;display: none}
.header .childitem li:last-child a:after{display: none}
.header .childitembg{background-color:rgba(244, 244, 244, 1);position:absolute; left:0; right:0; top: 4rem; height: 4rem;}
.header .childitem .childul {display: flex; align-items: center;}
.header .childitem .childul li{display: inline-block;}
.header .childitem .childul li a{ align-items:center; justify-content:center; display:flex; }
.header .childitem .childul li a img{ height:2rem }
.header .childitem .childon a{color:rgba(0, 128, 204, 1);}
.header-fixed .subitem{ height:0; }
.header-fixed .subitem.hline{ height:0 }

.header .nav{float: left;}
.header .quickmenu{color: rgba(0, 128, 204, 1);font-size: 1.2rem; position: absolute; font-weight:300; right: -12rem; top: 0}
.header .quickmenu .lang{float: left; cursor: pointer; position: relative;}
.header .quickmenu .lang ul{display: none; background-color: #FFF; padding: .5rem 0; border-radius: 4px; width:5rem; position: absolute; left: 50%; margin-left: -2.5rem; top: 50%; margin-top: 1.5rem}
.header .quickmenu .lang ul li{ line-height:2.4rem;  padding:0 0 0 11px; color:rgba(60, 60, 60, 1); transition:color,background-color .3s }
.header .quickmenu .lang ul li:hover{ background-color:#EEE; }
.header .quickmenu .lang ul li.on{ background-color: rgba(0, 128, 204, 1); color: #FFF}
.header .quickmenu .lang .now{ line-height:8rem; transition:all .3s }
.header .quickmenu .lang .now:after{content: ""; display: inline-block; margin-left: .3rem; vertical-align: middle; border-top: .5rem solid rgba(0, 128, 204, 1);border-right: .4rem solid transparent;border-bottom: 0;border-left: .4rem solid transparent;transition: all .3s;}
.header .quickmenu .lang .now.up:after{transform: rotate(180deg);}
.header .quickmenu .share{float: left; padding: 0 0 0 1.5rem; transition: all .3s; cursor: pointer; line-height: 8rem; margin-left: 2.5rem; background: url(images/share.png) no-repeat left center; background-size: 1rem auto}

/*.header-fixed{height: 6rem;}
.header-fixed .logo{ padding:1.5rem 0 }
.header-fixed .logo img{ height:3rem }
.header-fixed .mainnav .li a,.header-fixed .quickmenu .lang .now,.header-fixed .quickmenu .share{ line-height:6rem }*/

.swiper{position: relative;}
.swiper .swiper-pagination-bullet{ background-color: rgba(196,196,196,.31); transition: all .3s;height: 2px; width: 12rem;  border-radius: 0; opacity: 1; }
.swiper .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0; }
.swiper .swiper-horizontal>.swiper-pagination-bullets, .swiper .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper .swiper-pagination-custom, .swiper .swiper-pagination-fraction{ bottom: 6rem; }
.swiper .swiper-pagination-bullet-active{ background-color: rgba(255,255,255,1); width: 12rem; }
.swiper .swiper-button-l, .swiper .swiper-button-r{ opacity: 0;visibility: hidden; transition: all .5s; position: absolute; z-index: 1; border-radius: 0; cursor: pointer; width: 5rem; height: 5rem;line-height: 5rem;  top: 50%; margin-top: -2.5rem; font-size: 2rem; background-color: rgba(0,0,0,.3); color: #FFF; text-align: center; }
.swiper .swiper-button-l{ left: 2rem; }
.swiper .swiper-button-r{ right: 2rem; }
.swiper:hover .swiper-button-l, .swiper:hover .swiper-button-r{ opacity: 1; visibility: inherit; }
.bannerpagination{transition: all .3s; opacity: 0}
.swiper:hover .bannerpagination{opacity: 1}
.swiper .swiper-slide{text-align: center;}
.swiper .swiper-slide img{ margin:0 auto; }

.modeltitle{text-align: center; border-bottom:1px solid rgba(230,230,230,1); position:relative; padding:6rem 0 4rem 0 }
.modeltitle h3 span{ font-size:3rem; color: #3C3C3C; font-weight: normal; display:inline-block;  background-repeat: no-repeat; background-position: left center; background-size: auto 4.4rem; height: 4.4rem; line-height: 4.4rem; padding: 0 0 0 7rem}
.modeltitle p{ padding:1rem 0 0 0 }
.modeltitle:after{content: ""; height: .2rem; background-color: rgba(0, 128, 204, 1); border-radius: 1rem; position: absolute; bottom: -.1rem; width: 32rem; left: 50%; margin-left: -16rem}

.product .modeltitle h3 span{background-image: url(images/title_product.png?v=1);}
.productlist{ max-width:120rem; margin:0 auto; }
.productlist li{float: left; text-align: center; width: 28.5rem; margin-right: 2rem; margin-top: 2.4rem}
.productlist li:nth-child(4),.productlist li:nth-child(8),.productlist li:nth-child(12){ margin-right:0 }
.productlist li .img{overflow: hidden;}
.productlist li img{ width:100%; position:relative; transition:all .5s }
.productlist li:hover img{transform: scale(1.3);}
.productlist li p{ height:4rem; line-height:4rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:1.6rem; }

.profile .modeltitle h3 span{background-image: url(images/title_profile.png?v=1);}
.profile .numlist{ text-align:center; padding:7rem 20rem 0 20rem }
.profile .numlist li{ float:left; width:25%; background:url(images/profile-num-line.png) no-repeat right center; background-size:auto 12.1rem; }
.profile .numlist li:last-child{ background:none }
.profile .numlist li em{ font-style:normal; }
.profile .numlist li .p{font-size: 2.4rem;padding:2.6rem 0 0 0;}
.profile .numlist li .num{font-size: 4rem; font-weight: 700; color:rgba(0, 128, 204, 1); }
.profile .ct { padding:7rem 0 0 0 }
.profile .ct .ct-r{ float:right; width:77.6rem;overflow:hidden; }
.profile .ct .ct-r img{ width:100%; transition:all .5s}
.profile .ct .ct-r:hover img{transform: scale(1.1);}
.profile .ct .ct-l{ float:left; width:58rem; height:50rem; position:relative; }
.profile .ct .subtitle h4 span{ font-size:3rem; font-weight:400; background:url(images/arrow-r.png) no-repeat right center; display: inline-block; background-size:auto 3.2rem; padding:0 6rem 0 0; color:rgba(0, 128, 204, 1);}
.profile .ct .subct p{ padding-top:1.5em; font-size:1.6rem; line-height:2.6rem; font-weight:300; text-indent:2em }
.profile .ct .btns{ position:absolute; left:0; bottom:0 }
.profile .ct .btns .btn-primary{ width:25.6rem; height:6rem; line-height:6rem; margin-right:2.4rem }
.profile .ct .btns .btn-default{ width:25.4rem; height:5.8rem; line-height:5.8rem }

.advantage{ padding:3rem 0 0 0 }
.advantage .modeltitle h3 span{background-image: url(images/title_advantage.png?v=1);}
.advantage-bd{ max-width:120rem; margin:5rem auto; height:70rem;  position:relative; }
.advantage-bd .l{ position:absolute; left:0; top:0; bottom:0; width: 8.5rem}
.advantage-bd .l .num{font-family:D-DINExp;font-size: 4rem;font-weight: bold; opacity: .9; line-height: 2.8rem; margin-top: 1rem; text-align: center;}
.advantage-bd .l .num .t,.advantage-bd .l .num .m{font-size: 2.4rem; font-family: HarmonyOS; font-weight: normal;}
.advantage-bd .l .num .m{ font-family:D-DINExp; }
.advantage-bd .l .num .on{ position:relative; }
.advantage-bd .l .num .on:after{background-color:rgba(230, 230, 230, 1); position:absolute; bottom:-.2rem; left:0; right:0; content:""; height:.4rem; }
.advantage-bd .l .p{writing-mode: vertical-rl; font-family:HarmonyOSlight; text-transform: uppercase; font-size: 1.8rem; position: absolute; bottom: 0; left: 50%; margin-left: -1.35rem;  white-space: nowrap; color: rgba(125,125,125,1); background-color: #FFF; padding-top: 3rem}
.advantage-bd .l:before{content: ""; width:1px; background-color:rgba(125, 125, 125, 1); position: absolute; top:8.2rem; bottom: 0; left:50%; margin-left:-.5px }
.advantage-bd .l:after{content: ""; width:1px; height: 4rem; background-color:rgba(125, 125, 125, 1); position: absolute; bottom: 0; left:1.5rem }
.advantage-bd .c{ padding:0 24rem 0 14rem }
.advantage-bd .c .process{ padding:1rem 0 0 0; height: 1rem; position: relative;}
.advantage-bd .c .process .bg{ position:absolute; width:16rem; right: 0; right: 0; top: 1rem; bottom: 0; background-color: #FFF}
.advantage-bd .c .process .bg span{ background-color:rgba(0, 128, 204, 1); position:absolute; left:0; top:0; bottom:0;transition:all .3s }
.advantage-bd .c .desc{font-size: 1.6rem;  padding: 3rem 0 0 0; font-weight:300}
.advantage-bd .c .desc .p{line-height: 2.6rem; position: relative;}
.advantage-bd .c .desc .p p{ padding-bottom:2em;text-align:justify; }
.advantage-bd .c .desc .p .simg{position: absolute; right: 0; top: 1rem}
.advantage-bd .c .desc .p .pimglist li{float: left; width: 19rem; margin-right: 2rem; overflow: hidden;}
.advantage-bd .c .desc .p .pimglist li:last-child{margin-right: 0}
.advantage-bd .c .desc .p .pimglist li img{ width:100%;transition:all .3s }
.advantage-bd .c .desc .p .pimglist li:hover img{ transform:scale(1.1); }
.advantage-bd .c .desc .p6 p{ padding-bottom:1rem; padding-top:2rem }
.advantage-bd .r{position: absolute; right: 0; top: 0; height: 70rem; overflow: hidden; width: 18rem;}
.advantage-bd .r ul{ position:relative;transition: all .3s}
.advantage-bd .r ul li{ height:17.5rem; background-color:rgba(249, 249, 249, 1); text-align:center;cursor:pointer; }
.advantage-bd .r ul li.on{ background-color:rgba(0, 128, 204, 1); box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.16); position:relative; z-index:2 }
.advantage-bd .r ul li .icon{height: 6rem; text-align:center; padding:2.4rem 0 2rem 0; color:rgba(230, 230, 230, 1);transition: all .3s; }
.advantage-bd .r ul li p{font-size: 1.8rem;transition: all .3s;}
.advantage-bd .r ul li.on p{ color:#FFF; font-weight:400 }
.advantage-bd .r ul li.on .icon{color: #FFF;}
.advantage-bd .r ul li .icon .iconfont{font-size: 6rem;display: block; line-height: 1em}
.advantage-bd .r ul li:hover .icon,.advantage-bd .r ul li:hover p{ color:rgba(0, 128, 204, 1); }
.advantage-bd .r ul li.on:hover .icon,.advantage-bd .r ul li.on:hover p{ color:#FFF; }
.advantage-swiper{overflow: hidden; width: 100%}

.case{ padding:3rem 0 0 0 }
.case .modeltitle h3 span{background-image: url(images/title_case.png?v=1);}
.case .caselist{ padding:2.4rem 0; }
.case .caselist .r{float: right; height: 60rem; width: 104rem; overflow: hidden;}
.case .caselist .r .swiper-slide img{ width:100% }
.case .caselist .l{ float:left; width:40rem;background-color:rgba(249,249,249,1);}
.case .caselist .l li{transition: all .3s }
.case .caselist .l .box{ margin:0 4rem; display: block; text-align:justify; height:20rem; background:url(images/caseline.png) no-repeat bottom center; background-size:100% auto; }
.case .caselist .l li:last-child .box{ background:none }
.case .caselist .l .box h4{  font-weight:400; font-size:1.8rem; padding:2.4rem 0 0 0 }
.case .caselist .l .box h4 .iconfont{ left:1.6rem; position:relative;transition:all .3s }
.case .caselist .l .box .desc{ color:rgba(125, 125, 125, 1); font-weight:300; font-size:1.6rem;padding:1rem 0 0 0;min-height:8.8rem }
.case .caselist .l .box .more span{color:rgba(125, 125, 125, 1);font-weight:300; font-size:1.6rem; border:.5px solid transparent; transition: all .3s;  display: inline-block; border-radius: .5rem; text-align: center; height:2.4rem; line-height:2.4rem }
.case .caselist .l .on a .more span{ border-color: rgba(0, 128, 204, 1); background-color:rgba(0, 128, 204, 1); color:#FFF; padding:0 1.2rem }
.case .caselist .l .on{background-color: #FFF}
.case .caselist .l .on h4{color:rgba(0, 128, 204, 1);}
.case .caselist .l .on h4 .iconfont{ left:3.6rem }
.swiper-case{position: relative;}
.swiper-case .swiper-pagination-bullet{ background-color: rgba(196,196,196,.31); transition: all .3s;height: 2px; width: 8rem;  border-radius: 0; opacity: 1; }
.swiper-case .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-case .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0; }
.swiper-case .swiper-horizontal>.swiper-pagination-bullets, .swiper-case .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-case .swiper-pagination-custom, .swiper-case .swiper-pagination-fraction{ bottom: 4rem; }
.swiper-case .swiper-pagination-bullet-active{ background-color: rgba(255,255,255,1); width: 8rem; }
.swiper-case .nums{position: absolute; right: 12rem; bottom: 4rem; z-index: 5; color: rgba(255,255,255,.9)}
.swiper-case .nums .now{font-size: 4rem; font-family:D-DINExp; font-weight:bold; }
.swiper-case .nums .tot{font-size: 2.4rem; font-family:HarmonyOS }

.news{ padding:3rem 0 0 0 }
.news .modeltitle h3 span{background-image: url(images/title_news.png?v=1);}
.news .newtab{ padding:2rem 0 0 0; }
.news .newtab li{float: left; width: 25%;text-align: center;font-size: 2.4rem; line-height: 5rem; height: 5rem}
.news .newtab li h4{ font-weight:400; }
.news .newtab li h4 a{display: block;}
.news .newtab li.on a{ color: rgba(0, 128, 204, 1); position: relative;}
.news .newtab li a:after{content:""; position:absolute; transition:all .3s; width:0; }
.news .newtab li.on a:after{content:""; position:absolute;  left:50%; margin-left:-3rem; background-color: rgba(0, 128, 204, 1); width:6rem; height:.2rem;bottom:0;}
.news .newsbd{ max-width:120rem; margin:0 auto; }
.news .newsct{padding: 2rem 0 0 0;display: none}
.news .newsct .img{float: left; width: 77.6rem;}
.news .newsct ul{float: right; width: 40rem;}
.news .newsct ul .b{ background-color:rgba(249, 249, 249, 1); display: block; height: 10rem; margin-bottom: 1.6666rem;}
.news .newsct ul li:last-child .b{ margin-bottom:0; }
.news .newsct ul .b:hover{box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.16);}
.news .newsct ul .b .date{float: left; text-align: center; width: 10rem; height: 7.5rem; position: relative; margin: 1.25rem 0 0 0}
.news .newsct ul .b .date:after{ content:""; width:1px; position:absolute; top:0; bottom:0; right:0; background-color:rgba(230, 230, 230, 1) }
.news .newsct ul .b .date .day{font-family: D-DINExp;font-size: 4rem;font-weight: 700; color:rgba(0, 128, 204, 1); display:block; line-height:3.6rem; padding:1.25rem 0 0 0; }
.news .newsct ul .b .date .month{font-size: 1.2rem; color: rgba(125, 125, 125, 1); display: block; line-height: 1.4rem}
.news .newsct ul .b .desc{ padding:1.25rem 2.4rem 0 11.6rem; }
.news .newsct ul .b .desc h5{ position:relative; font-size:1.8rem; font-weight:400; height:2.6rem; line-height:2.6rem; overflow:hidden; text-overflow:ellipsis;white-space: nowrap; padding-right:3rem }
.news .newsct ul .b .desc h5 .iconfont{ font-size:1.2rem; color:rgba(0, 128, 204, 1); position:absolute; top:50%; margin-top:-1.2rem; right:0 }
.news .newsct ul .b .desc p{font-size: 1.6rem;color: rgba(125, 125, 125, 1); margin-top: 2rem; height: 2.6rem;line-height:2.6rem; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; font-weight: 300}

.subbaner img{ width:100% }
.navposition{ font-size:1.6rem; font-weight:300; padding: 2.4rem 0 0 0}
.navposition .iconfont{ font-size:1.2rem; position: relative; top: -.1rem}
.navposition span{ color:#999; display:inline-block; padding:0 1rem }

.about-company .modeltitle h3 span{background-image: url(images/title_about.png?v=1);}
.about-company .aboutcat{position: relative; margin-top: 2.4rem}
.about-company .aboutcat .img img{width: 100%}
.about-company .aboutcat .catli{ position:absolute; left:0; right:0; bottom:-3.5rem; z-index:10 }
.about-company .aboutcat .catli li{ float:left; width:16.6666% }
.about-company .aboutcat .catli li a{display: block; margin: 0 .4rem; height: 6rem; background-color: rgba(249, 249, 249, 1); text-align: center; line-height: 6rem; overflow: hidden; text-overflow: ellipsis; padding: 0 1rem; font-size: 1.8rem;}
.about-company .aboutcat .catli li a.on{ color:rgba(255, 255, 255, 1);  background-color:rgba(0, 128, 204, 1); box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.16);}
.about-company .about-desc{ font-size:1.6rem; line-height:2.4rem;font-weight:300; padding:7.5rem 4rem 4rem 4rem; color:rgba(108, 108, 108, 1) }
.about-company .aboutslide{  overflow:hidden; cursor:pointer; margin:4rem 0 0 0 }
.about-company .aboutslide .swiper-slide{ float:left;  width: 52rem}
.about-company .aboutslide .swiper-slide img{ width: 100%}
.about-company .aboutslide .swiper-slide div{ position:relative; }
.about-company .aboutslide .swiper-slide div p{ position:absolute; bottom:0; left:0; right:0; padding:1rem 2rem;  overflow:hidden; font-size:1.8rem; background-color:rgba(0,0,0,.2); color:#FFF }
.about-company .aboutslide .swiper-slide div p span{ font-size:1.6rem; display:block; font-weight:300 }

.aboutslide{position: relative;}
.aboutslide .swiper-button-l, .aboutslide .swiper-button-r{  transition: all .5s; position: absolute; z-index: 1; border-radius: 0; cursor: pointer; width: 5rem; height: 5rem;line-height: 5rem;  top: 50%; margin-top: -2.5rem; font-size: 2rem; background-color: rgba(0,0,0,.3); color: #FFF; text-align: center; }
.aboutslide .swiper-button-l{ left: 2rem; }
.aboutslide .swiper-button-r{ right: 2rem; }
.aboutslide:hover .swiper-button-l, .aboutslide:hover .swiper-button-r{ opacity: 1; visibility: inherit; }

.about-company .cultureslide{  cursor:pointer; margin:8rem 0 0 0; padding-bottom: 1rem }
.about-company .cultureslide .swiper-slide{ float:left; box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.16); }
.about-company .cultureslide .swiper-slide .r{ position:relative; }
.about-company .cultureslide .swiper-slide .ct{ position:absolute; bottom:0; left:0; right:0; padding:1rem 2.4rem;  overflow:hidden; color:#FFF }
.about-company .cultureslide .swiper-slide .r .img{ position:relative; overflow: hidden; }
.about-company .cultureslide .swiper-slide .r .img img{ position:relative;transition:all .3s }
.about-company .cultureslide .swiper-slide .r .img:hover img{transform: scale(1.1);}
.about-company .cultureslide .swiper-slide .ct h4{ font-weight:400; font-size:2.4rem; border-bottom:1px solid #FFF; }
.about-company .cultureslide .swiper-slide .ct p{font-size: 1.6rem; min-height: 7.2rem; line-height: 2.6rem; font-weight: 300; padding:.5rem 0 1rem 0}

.about-company .cultureslide{position: relative;}
.about-company .cultureslide .swiper-button-l, .cultureslide .swiper-button-r{  transition: all .5s; position: absolute; z-index: 1; border-radius: 0; cursor: pointer; width: 5rem; height: 5rem;line-height: 5rem;  top: 50%; margin-top: -2.5rem; font-size: 2rem; background-color: rgba(0,0,0,.3); color: #FFF; text-align: center; }
.about-company .cultureslide .swiper-button-l{ left: 2rem; }
.about-company .cultureslide .swiper-button-r{ right: 2rem; }
.about-company .cultureslide:hover .swiper-button-l, .cultureslide:hover .swiper-button-r{ opacity: 1; visibility: inherit; }

.about-qualification{ padding:8rem 0 0 0; }
.qualificationslide{position: relative; overflow: hidden; padding: 4rem 2rem}
.qualificationslide .swiper-button-l, .qualificationslide .swiper-button-r{  transition: all .5s; position: absolute; z-index: 1; border-radius: 0; cursor: pointer; width: 5rem; height: 5rem;line-height: 5rem;  top: 50%; margin-top: -2.5rem; font-size: 2rem; background-color: rgba(0,0,0,.3); color: #FFF; text-align: center; }
.qualificationslide .swiper-button-l{ left: 2rem; }
.qualificationslide .swiper-button-r{ right: 2rem; }
.qualificationslide:hover .swiper-button-l, .qualificationslide:hover .swiper-button-r{ opacity: 1; visibility: inherit; }
.qualificationslide .swiper-slide div{ display:flex; align-items:center; justify-content:center;  }
.qualificationslide .swiper-slide div img{height: 15.2rem;}
.qualificationslide .swiper-slide { width:auto; }
.qualificationslide .swiper-slide p{ font-size:1.6rem; margin: 1rem 0 0 0; font-weight:300;color:rgba(108, 108, 108, 1); text-align:center; line-height:3rem; height:3rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.qualificationslide1{position: relative; overflow: hidden; padding: 4rem 2rem}
.qualificationslide1 .swiper-button-l, .qualificationslide1 .swiper-button-r{  transition: all .5s; position: absolute; z-index: 1; border-radius: 0; cursor: pointer; width: 5rem; height: 5rem;line-height: 5rem;  top: 50%; margin-top: -2.5rem; font-size: 2rem; background-color: rgba(0,0,0,.3); color: #FFF; text-align: center; }
.qualificationslide1 .swiper-button-l{ left: 2rem; }
.qualificationslide1 .swiper-button-r{ right: 2rem; }
.qualificationslide1:hover .swiper-button-l, .qualificationslide1:hover .swiper-button-r{ opacity: 1; visibility: inherit; }
.qualificationslide1 .swiper-slide div{ display:flex; align-items:center; justify-content:center;  }
.qualificationslide1 .swiper-slide div img{height: 29.8rem}
.qualificationslide1 .swiper-slide {width: auto }
.qualificationslide1 .swiper-slide p{ font-size:1.6rem; margin: 1rem 0 0 0; font-weight:300;color:rgba(108, 108, 108, 1); text-align:center; line-height:3rem; height:3rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.aboutjoin{position: relative; overflow: hidden; padding: 5rem 2rem 4rem 2rem}
.aboutjoin .joinlist{ padding:1rem 4rem 0 2rem; }
.aboutjoin .joinlist li{ float:left; width:50%; padding:4rem 0 0 0 }
.aboutjoin .joinlist li .box{ background-color:rgba(249, 249, 249, 1);box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.16); margin:0 2rem; padding:0 4rem 4rem 4rem; }
.aboutjoin .joinlist li .box .dtitle{font-size: 1.8rem; padding: 2rem 0 2.5rem 0; color:rgba(60, 60, 60, 1); }
.aboutjoin .joinlist li .box .li{display: flex; flex: 2}
.aboutjoin .joinlist li .box .li span.label{ width:12rem; display: block;font-size: 1.4rem;color:rgba(60, 60, 60, 1);}
.aboutjoin .joinlist li .box .li div.de{width: 100%; text-align: justify; color: rgba(125, 125, 125, 1); font-size: 1.4rem;padding: 0 0 2rem 0;}
.aboutjoin .joinlist li .box .detail{text-align: right; font-size: 1.6rem;color:rgba(0, 128, 204, 1);}
.aboutjoin .joinlist li .box .names{ position:relative;color:rgba(60, 60, 60, 1); }
.aboutjoin .joinlist li .box .names span{ background-color:rgba(0, 128, 204, 1); color:#FFF; font-size:1.8rem; width:5.7rem; height:4rem; display:inline-block; text-align:center; line-height:5rem; position:relative; z-index:2 }
.aboutjoin .joinlist li .box .names span:after{ background-color:rgba(0, 128, 204, .3);content:""; width:5.6rem; height:3.6rem; position:absolute; left:.3rem; bottom:-.2rem; z-index:-1 }
.aboutjoin .joinlist li .box .names .z{ font-size:1.8rem; left:8rem; height:2rem; line-height:2rem; bottom:.5rem; position:absolute; padding-right:2.5rem; background-color:rgba(249, 249, 249, 1); z-index:2 }
.aboutjoin .joinlist li .box .names .n{ font-size:1.8rem; right:0; height:2rem; line-height:2rem; bottom:.5rem; position:absolute; padding-left:2.5rem; background-color:rgba(249, 249, 249, 1); z-index:2 }
.aboutjoin .joinlist li .box .names:before{ height:1px; background-color:rgba(125, 125, 125, 1); position:absolute; left:9rem; right:2rem; top:2.5rem; content:""; z-index:1 }
.joindetail .detailtitle{ position:relative; padding:2rem 0 2rem 8rem }
.joindetail .detailtitle .names .li{ float:left; }
.joindetail .detailtitle span{background-color:rgba(0, 128, 204, 1); color:#FFF; font-size:1.8rem; width:8rem; height:6.2rem; display:inline-block; text-align:center; line-height:6.2rem; position:absolute; top: 0; right: 4rem; z-index:2}
.joindetail .detailtitle span:after{ background-color:rgba(0, 128, 204, .3);content:""; width:8rem; height:6.2rem; position:absolute; left:-.3rem; bottom:-.2rem; z-index:-1 }
.joindetail .detailtitle .names .li .iconfont,.joindetail .detailtitle .names h3{ font-size:2.4rem; line-height:5rem; font-weight:400 }
.joindetail .detailtitle .names .li .iconfont{ color:rgba(0, 128, 204, 1); margin-right:2rem }
.joindetail .linebd{ height:4rem; line-height:4rem; padding:0 0 0 8rem; font-size:1.8rem; background-color:rgba(230, 230, 230, 1) }
.joindetail .joincontent .joinct{font-weight: 300; padding: 2.4rem 8rem 3rem 8rem;}
.joindetail .joincontent .joinct p{font-size: 1.6rem; padding-bottom: 1.5em}
.joindetail .joincontent .joinct p span{ color: rgba(125, 125, 125, 1);  }

.contactbd{ padding:8rem 0 0 0 }
.contactbd .l{ float:left; width:50rem;background-color:rgba(249, 249, 249, 1); min-height:67.8rem }
.contactbd .l .box{padding: 4rem 5rem;}
.contactbd .l .box h3{font-size: 1.8rem; font-weight: normal; height: 4rem; position: relative;}
.contactbd .l .box h3:after{content: ""; height: 2px; width: 2.4rem; background-color: rgba(60, 60, 60, 1); position: absolute; bottom: 0; left: 0; border-radius: 100px}
.contactbd .l .box .ct{font-size: 1.6rem; font-weight: 300; padding: 2rem 0 0 0}
.contactbd .l .box .ct p{padding-bottom: 1.5em; }
.contactbd .r{float: right; width: 64rem; padding: 4rem 0 0 0;}
.contactbd .r .title{font-size: 1.8rem;}
.contactbd .r .title .iconfont{ float:left; color:rgba(0, 128, 204, 1); font-size:2.1rem;  }
.contactbd .r .title h4{ float:left; padding-left:1.5rem; font-weight:400 }
.contactbd .booksub .formbd{ padding:2.6rem 0 0 0; position:relative; }
.contactbd .booksub .formbd .form-group{ margin-bottom:1.6rem }
.contactbd .booksub .formbd .form-group .ll{width: 50%; float: left;}
.contactbd .booksub .formbd .form-group .rr{width: 50%; float: left;}
.contactbd .booksub .formbd .form-group .txtbd{ background-color: rgba(249, 249, 249, 1)}
.contactbd .booksub .formbd .form-group .ll .txtbd{ margin-right:1rem }
.contactbd .booksub .formbd .form-group .rr .txtbd{ margin-left:1rem }
.contactbd .booksub .formbd .form-group .txtbd .form-txt{ height:5.8rem; position:relative; }
.contactbd .booksub .formbd .form-group .txtbd .form-txt label{width: 9.2rem;  font-size: 1.6rem; font-weight: 300;  position: absolute; left: 1.3rem; top: 1rem; bottom: 1rem; border-right:1px solid rgba(125, 125, 125, 1); display:flex; align-items:center; }
.contactbd .booksub .formbd .form-group .txtbd .form-txt label span{display: inline-block; vertical-align: middle; margin-left: 1rem; position: relative; top: .4rem; color: rgba(255, 0, 0, 1)}
.contactbd .booksub .formbd .form-group .txtbd .form-txtarea{ height:22.8rem }
.contactbd .booksub .formbd .form-group .txtbd .form-txt .inputbd{ position:absolute; left:12rem; right:1.5rem; top:.3rem; bottom:.3rem; }
.contactbd .booksub .formbd .form-group .txtbd .form-txt .inputbd .txt{ width:100%; border:0; background-color:transparent;  height: 100%; font-size: 1.6rem; font-weight: 300}
.contactbd .booksub .formbd .form-btn{ padding:2rem 0 0 0; }
.contactbd .booksub .formbd .form-btn button{ float:right; width:20rem; height:6rem; margin-left:2rem; font-size:2.4rem; font-weight:300 }
.contactbd .booksub .formbd .form-group .txtbd .form-txt .selectgroup{ position:absolute; left:12rem; right:1.5rem; top:1rem; bottom:1rem; }
.contactbd .booksub .formbd .form-group .txtbd .form-txt .selectgroup li{float: left; position: relative; font-size: 1.6rem; font-weight: 300;border-right:1px solid rgba(125, 125, 125, 1);}
.contactbd .booksub .formbd .form-group .txtbd .form-txt .selectgroup li div{ padding:0 3rem; height:3.8rem; line-height:3.8rem; }
.contactbd .booksub .formbd .form-group .txtbd .form-txt .selectgroup li select{opacity: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0;font-size: 1.6rem; font-weight: 300; text-align: center;}
.contactbd .booksub .formbd .form-group .txtbd .form-txt .selectgroup li:last-child{border: 0}
.contactbd .booksub .formbd .form-group .txtbd .form-txt .txtareabd{ position:absolute; left:12rem; right:1.5rem; top:1rem; bottom:1rem; }
.contactbd .booksub .formbd .form-group .txtbd .form-txt .txtareabd .txtarea{width:100%; border:0; background-color:transparent;  height: 100%; font-size: 1.6rem; font-weight: 300}
.contactbd .booksub .formbd .tips{display: none;}
.contactbd .booksub .formbd .tips .table{ position:absolute;  left: 0rem;right: 0rem; top: 2.6rem; bottom: 0; background-color: #EEE;display: flex; align-items: center;  justify-content: center; font-size: 1.8rem;font-weight: 300}
.contactbd .booksub .formbd .tips .btn-ubd{ padding:5rem 0 0 0; text-align:center; }
.contactbd .booksub .formbd .tips .btn-ubd button{ padding:.5rem 3rem; font-size:2.4rem; font-weight:300 }

.about-news .modeltitle h3 span{background-image: url(images/title_news.png?v=1);}
.about-news .newsbd{padding: 2.4rem 0 0 0; position: relative;}
.about-news .newsbd .newscat{float: left; width: 20rem; position: inherit;}
.about-news .newsbd .newscatposition{ position:absolute; float:none; left:0; bottom:0; top:auto; }
.about-news .newsbd .newscatfixed{float: none; position: fixed;}
.about-news .newsbd .newscat li { padding-bottom:.8rem }
.about-news .newsbd .newscat li a{display: block; text-align: center; background-color: rgba(249, 249, 249, 1); box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.16); padding: 3.4rem 0}
.about-news .newsbd .newscat li a i{font-size: 3.6rem; line-height: 3.8rem; color: rgba(0, 128, 204, 1); padding: 0}
.about-news .newsbd .newscat li a p{font-size: 2.4rem; line-height: 2.4rem;height: 2.4rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 2rem 0 0 0}
.about-news .newsbd .newscat li a.on{ background-color:rgba(0, 128, 204, 1);color:#FFF;  }
.about-news .newsbd .newscat li a.on i{ color: #FFF;}
.about-news .newsbd .r{ float:right; width:97rem; }
.about-news .newsbd .newslist li{ background-color:rgba(249, 249, 249, 1); margin-bottom:2.5rem }
.about-news .newsbd .newslist .img{float: left; width: 42.2rem; position: relative;}
.about-news .newsbd .newslist .img .imgbd{ position:relative; overflow:hidden; }
.about-news .newsbd .newslist .img img{ width:100%; transition:all .3s; vertical-align:middle; display:block; }
.about-news .newsbd .newslist .img a{ position:relative; display:block; }
.about-news .newsbd .newslist .img a:hover img{ transform:scale(1.1);}
.about-news .newsbd .newslist .img .imgtitle{ position:absolute; left:3rem; right:3rem; bottom:0;top:0; display: flex; align-items: center; justify-content: center;}
.about-news .newsbd .newslist .img .imgtitle h4{font-weight: normal; color: #FFF; font-size: 1.8rem}
.about-news .newsbd .newslist .info{ padding:0 0 0 3rem; overflow: hidden;}
.about-news .newsbd .newslist .info .infobox{ padding:2rem 2.4rem 0 0 }
.about-news .newsbd .newslist .info p{ color:rgba(125, 125, 125, 1);font-size:1.6rem; line-height:2.6rem; font-weight:300; text-align:justify; height:15rem }
.about-news .newsbd .newslist .info div .tags{float: left;}
.about-news .newsbd .newslist .info div .more{float: right;}
.about-news .newsbd .newslist .info div .more a{ color:rgba(0, 128, 204, 1); }
.about-news .pages{ padding:4rem 0 0 0 }
.about-news .newsbd .newslist .activeli .img{ width:60rem;}
.about-news .newsbd .newslist .activeli .img .imgbd{ overflow:hidden; position:relative; }
.about-news .newsbd .newslist .activeli .info h4{font-size: 1.6rem; font-weight: 400; border-bottom: 1px solid rgba(203, 203, 203, 1); padding: 0 0 1.5rem 0; position: relative;}
.about-news .newsbd .newslist .activeli .info h4:after{ content:""; height:2px; width:15rem; background-color:rgba(0, 128, 204, 1); position:absolute; left:0; bottom:-1px; }
.about-news .newsbd .newslist .activeli .info .aitem { padding:4rem 0 0 0 }
.about-news .newsbd .newslist .activeli .info .aitem .item{display: flex; padding: 0 0 3.5rem 0} 
.about-news .newsbd .newslist .activeli .info .aitem .item .label{ color:rgba(125, 125, 125, 1); width:4rem }
.about-news .newsbd .newslist .activeli .info .aitem .item .label .iconfont{ font-size:2rem}
.about-news .newsbd .newslist .activeli .info .aitem .item .desc{ padding:.4rem 0 0 0 }
.about-news .newsbd .newslist .activeli .info .infobox{ padding:5rem 2.4rem 0 0 }

.hotnews{padding: 10rem 0 0 0}
.hotnews .title{ font-size:1.8rem; background-color:rgba(230, 230, 230, 1); height:4rem; line-height:4rem; }
.hotnews .title h4{ font-weight:400;display:inline-block;  padding: 0 0 0 4rem}
.hotnews .title .iconfont{font-size: 1.8rem; color: rgba(226, 72, 38, 1); margin-left: 1rem}
.hotnews .hotnewslist{ overflow:hidden; padding:4rem 0 0 0 }
.hotnews .hotnewslist .swiper-slide{float: left;  width: 59rem;background-color:rgba(249, 249, 249, 1)}
.hotnews .hotnewslist .swiper-slide .swiper-slide-box{ width:59rem }
.hotnews .hotnewslist .swiper-slide .img{ width:24rem; overflow:hidden; float:left; }
.hotnews .hotnewslist .swiper-slide .img .imgbd{ position:relative; overflow:hidden; }
.hotnews .hotnewslist .swiper-slide .img img{ width:100%; transition:all .3s; vertical-align:middle; display:block; }
.hotnews .hotnewslist .swiper-slide .img a{ position:relative; display:block; }
.hotnews .hotnewslist .swiper-slide .img a:hover img{ transform:scale(1.1);}
.hotnews .hotnewslist .swiper-slide .imgtitle{ position:absolute; left:0; right:0; bottom:0;top:0; display: flex; align-items: center; justify-content: center;}
.hotnews .hotnewslist .swiper-slide .imgtitle h4{font-weight: normal; color: #FFF; font-size: 1.6rem}
.hotnews .hotnewslist .swiper-slide .info .infobox{ padding:1.6rem 1.6rem 0 2.4rem; overflow:hidden; }
.hotnews .hotnewslist .swiper-slide .info .mowbd{ padding:1rem 0 0 0;font-size:1.2rem }
.hotnews .hotnewslist .swiper-slide .info .mowbd .tags{float: left;}
.hotnews .hotnewslist .swiper-slide .info .mowbd .more{float: right;}
.hotnews .hotnewslist .swiper-slide .info .mowbd .more a{ color:rgba(0, 128, 204, 1); }
.hotnews .hotnewslist .swiper-slide .info .infobox .desc{height:6rem; overflow: hidden; font-size:1.2rem; color:rgba(125, 125, 125, 1); text-align:justify; }
.joindetail .newlinebd{ height:4rem; line-height:4rem; padding:0 0 0 8rem; font-size:1.4rem; background-color:rgba(245, 245, 245, 1) }
.joindetail .newlinebd span{display: inline-block; margin-right: 4rem;}


.prohot{padding: 10rem 0 0 0}
.prohot .title{ font-size:1.8rem; background-color:rgba(230, 230, 230, 1); height:4rem; line-height:4rem; }
.prohot .title h4{ font-weight:400;display:inline-block;  padding: 0 0 0 0}
.prohot .title .iconfont{font-size: 1.8rem; color: rgba(226, 72, 38, 1); margin-left: 1rem}
.prohot .prohotlist{ overflow:hidden; padding:4rem 0 0 0 }
.prohot .prohotlist .swiper-slide{float: left;  width: 32rem; text-align: center;}
.prohot .prohotlist .swiper-slide .img{ position:relative; overflow:hidden; }
.prohot .prohotlist .swiper-slide .img img{ width:32rem; height: 18rem; transition:all .3s; vertical-align:middle; display:block; object-fit:scale-down; }
.prohot .prohotlist .swiper-slide a{ position:relative; display:block; }
.prohot .prohotlist .swiper-slide:hover img{ transform:scale(1.1);}
.prohot .prohotlist .swiper-slide p{ line-height:4rem; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-size:1.6rem;color:rgba(125, 125, 125, 1);transition:all .3s }
.prohot .prohotlist .swiper-slide a:hover p{ color: rgba(0, 128, 204, 1);}

.about-case .modeltitle h3 span{background-image: url(images/title_case.png?v=1);}
.about-case .caselist .caseitem{ padding:2.4rem 0 2rem 0; position:relative; }
.about-case .caselist .caseitem .casel{float: left; width: 28.8rem;}
.about-case .caselist .caseitem .caselfixed{ float:none; position:fixed; }
.about-case .caselist .caseitem .caselposition{ float:none; position:absolute;left:0; bottom:12.2rem; top:auto; }
.about-case .caselist .caseitem .casel a{display: flex; align-items: center; justify-content: center; background-color: rgba(249, 249, 249, 1); text-align: center; height: 28.8rem}
.about-case .caselist .caseitem .caselistl a{ margin-bottom:2rem }
.about-case .caselist .caseitem .casel .iconfont{ font-size:3rem; line-height:3rem; color:rgba(203, 203, 203, 1);transition:all .3s }
.about-case .caselist .caseitem .casel a:hover .iconfont,.about-case .caselist .caseitem .casel a.on,.about-case .caselist .caseitem .casel a.on .iconfont{color:rgba(0, 128, 204, 1);}
.about-case .caselist .caseitem .casel p{ font-size:2.4rem; padding:1rem 0 0 0 }
.about-case .caselist .caseswiper{ float:right;width:89.6rem; height:28.8rem; overflow:hidden; }
.about-case .caseswiper{  overflow:hidden; cursor:pointer;}
.about-case .caseswiper .swiper-slide{ float:left;  width: auto;}
.about-case .caseswiper .swiper-slide img{ height: 28.8rem}
.about-case .caseswiper .swiper-slide div{ position:relative; }
.about-case .caseswiper .swiper-slide div p{ position:absolute; bottom:0; left:0; right:0; padding:1rem 2rem;  overflow:hidden; font-size:1.8rem; background-color:rgba(0,0,0,.2); color:#FFF }
.about-case .caseswiper .swiper-slide div p span{ font-size:1.4rem; display:block; font-weight:300; position:absolute; right:2rem; height:1.6rem; line-height:1.6rem;top:50%; margin-top:-.8rem }
.about-case .caselist .caser{ float:right; width: 90.6rem; overflow: hidden;}
.about-case .caselist .caser .li{float: left; width: 28.8rem;margin-left: 1.4rem; margin-bottom:2rem }
.about-case .caselist .caser .li.mgnone{ margin-right:0; }
.about-case .caselist .caser .li .div{ position:relative; }
.about-case .caselist .caser .li .div .img{ position:relative; overflow:hidden; }
.about-case .caselist .caser .li .div .img img{ width:100%; transition:all .3s }
.about-case .caselist .caser .li:hover .img img{ transform:scale(1.1); }
.about-case .caselist .caser .li .div p{ position:absolute; bottom:0; left:0; right:0; padding:1rem 2rem;  overflow:hidden; font-size:1.6rem; background-color:rgba(0,0,0,.2); color:#FFF }
.about-case .caselist .caser .li .div p span{ font-size:1.2rem; display:block; font-weight:300; position:absolute; right:2rem; height:1.6rem; line-height:1.6rem;top:50%; margin-top:-.8rem }
.about-case .caselist .caser .li .div p .iconfont{ font-size:.3rem; position:relative; top:-.3rem; margin-right:1rem }
.about-case .caselist .caser .li a{display: block;}
.about-case .caselist .caser .pages{ padding-top:6rem; }

.caseswiper{position: relative;}
.caseswiper .swiper-button-l, .caseswiper .swiper-button-r{  transition: all .5s; position: absolute; z-index: 1; border-radius: 0; cursor: pointer; width: 5rem; height: 5rem;line-height: 5rem;  top: 50%; margin-top: -2.5rem; font-size: 2rem; background-color: rgba(0,0,0,.3); color: #FFF; text-align: center; }
.caseswiper .swiper-button-l{ left: 2rem; }
.caseswiper .swiper-button-r{ right: 2rem; }
.caseswiper:hover .swiper-button-l, .caseswiper:hover .swiper-button-r{ opacity: 1; visibility: inherit; }

.casedetail-swiper{position: relative; margin-top: 2.4rem}
.casedetail-swiper .swiper-pagination-bullet{ background-color: rgba(196,196,196,.31); transition: all .3s;height: 2px; width: 8rem;  border-radius: 0; opacity: 1; }
.casedetail-swiper .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .casedetail-swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0; }
.casedetail-swiper .swiper-horizontal>.swiper-pagination-bullets, .casedetail-swiper .swiper-pagination-bullets.swiper-pagination-horizontal, .casedetail-swiper .swiper-pagination-subbanner, .casedetail-swiper .swiper-pagination-fraction{ bottom: 3rem; }
.casedetail-swiper .swiper-pagination-bullet-active{ background-color: rgba(255,255,255,1); width: 8rem; }
.casedetail-swiper .swiper-button-casedetail-l, .casedetail-swiper .swiper-button-casedetail-r{ opacity: 0;visibility: hidden; transition: all .5s; position: absolute; z-index: 1; border-radius: 0; cursor: pointer; width: 5rem; height: 5rem;line-height: 5rem;  top: 50%; margin-top: -2.5rem; font-size: 2rem; background-color: rgba(0,0,0,.3); color: #FFF; text-align: center; }
.casedetail-swiper .swiper-button-casedetail-l{ left: 2rem; }
.casedetail-swiper .swiper-button-casedetail-r{ right: 2rem; }
.casedetail-swiper .cat{ position: absolute; left:4rem; top:0; background-color:rgba(249, 249, 249, 1); z-index:5; }
.casedetail-swiper .cat a{ display:flex; width:10rem; height:10rem;  align-items:center; justify-content:center; text-align:center; }
.casedetail-swiper .cat .t p{font-size: 1.6rem}
.casedetail-swiper .cat .t .iconfont{ font-size:1.8rem; }
.casedetail-swiper:hover .swiper-button-casedetail-l, .casedetail-swiper:hover .swiper-button-casedetail-r{ opacity: 1; visibility: inherit; }
.casedetail .casedetail-content{ padding:2.4rem 0 0 0; }
.casedetail .casedetail-content .h4,.casedetail .casedetail-more .h4{font-weight: 400; padding: 0 4rem; height: 4rem; line-height: 4rem; font-size: 1.8rem; background-color: rgba(230, 230, 230, 1);}
.casedetail .casedetail-content .desc{ padding:3rem 4rem 3rem 4rem; font-size:1.6rem; line-height:2.6rem; font-weight:300 }
.casedetail .casedetail-content .desc p{ margin-bottom:1.5em;text-indent:2em }
.casedetail .casedetail-content .desc a{ color:rgba(0, 128, 204, 1); text-decoration:underline; }
.casedetail .casedetail-content .desc a:hover{text-decoration: none}


.casedetail-more .swiper-casemore-slide{ margin-top:4rem; position:relative; }
.casedetail-more .li{float: left; width: 28.8rem;}
.casedetail-more .li.mgnone{ margin-right:0; }
.casedetail-more .li .div{ position:relative; }
.casedetail-more .li .div .img{ position:relative; overflow:hidden; }
.casedetail-more .li .div .img img{ width:100%;}
.casedetail-more .li .div p{ position:absolute; bottom:0; left:0; right:0; padding:1rem 2rem;  overflow:hidden; font-size:1.6rem; background-color:rgba(0,0,0,.2); color:#FFF }
.casedetail-more .li .div p span{ font-size:1.2rem; display:block; font-weight:300; position:absolute; right:2rem; height:1.6rem; line-height:1.6rem;top:50%; margin-top:-.8rem }
.casedetail-more .li .div p .iconfont{ font-size:.3rem; position:relative; top:-.3rem; margin-right:1rem }
.casedetail-more .li a{display: block;}
.casedetail-more .swiper-casemore-slide .swiper-button-casedetail-l, .casedetail-more .swiper-casemore-slide .swiper-button-casedetail-r{ opacity: 0;visibility: hidden; transition: all .5s; position: absolute; z-index: 800; border-radius: 0; cursor: pointer; width: 5rem; height: 5rem;line-height: 5rem;  top: 50%; margin-top: -2.5rem; font-size: 2rem; background-color: rgba(0,0,0,.3); color: #FFF; text-align: center; }
.casedetail-more .swiper-casemore-slide .swiper-button-casedetail-l{ left: 2rem; }
.casedetail-more .swiper-casemore-slide .swiper-button-casedetail-r{ right: 2rem; }
.casedetail-more:hover .swiper-button-casedetail-l, .casedetail-more:hover .swiper-button-casedetail-r{ opacity: 1; visibility: inherit; }

.service-ask .askbd{ padding:2.4rem 0 0 0; position:relative; }
.service-ask .modeltitle h3 span{background-image: url(images/title_service.png?v=1); }
.service-ask .askbd .askcat{float: left; width: 20rem;position: inherit;}
.service-ask .askbd .askcatposition{ position:absolute; float:none; left:0; bottom:0; top:auto; }
.service-ask .askbd .askcatfixed{float: none; position: fixed;}

.service-ask .askbd .askcat li { padding-bottom:1rem }
.service-ask .askbd .askcat li a{display: block; text-align: center; background-color: rgba(249, 249, 249, 1); box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.16); padding: 2.8rem 0}
.service-ask .askbd .askcat li a p{font-size: 1.8rem; line-height: 2.4rem;height: 2.4rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.service-ask .askbd .askcat li a.on{ background-color:rgba(0, 128, 204, 1);color:#FFF;  }
.service-ask .askbd .askcat li a.on i{ color: #FFF;}
.service-ask .askbd .askcat li:last-child{ padding-bottom:0; }
.service-ask .askbd .asklist{ float:right; width:97.6rem }
.service-ask .askbd .asklist .li{ padding-bottom:4rem }
.service-ask .askbd .asklist .li .a{ background-color:rgba(249, 249, 249, 1); height:4rem; line-height:4rem; padding:0 4rem; font-size:1.8rem; position:relative; }
.service-ask .askbd .asklist .li .a .date{ height:2rem; line-height:2rem; top:50%; margin-top:-1rem; right:4rem; position:absolute;font-size:1.4rem }
.service-ask .askbd .asklist .li .desc{ padding:2.4rem 4rem; font-size:1.6rem; line-height:2.6rem; font-weight:300;}
.service-ask .askbd .asklist .li .more{text-align: right; padding: 0 4rem 0 0}
.service-ask .askbd .asklist .pages{ padding-top:4rem }

.service-ask .servicebd{ float:right; width:97.6rem }
.service-ask .servicebd .card .card-head{ height:4rem; font-size:1.8rem; background-color:rgba(230, 230, 230, 1); line-height:4rem; padding:0 4rem; }
.service-ask .servicebd .card .card-body{ padding-bottom:2rem }
.service-ask .servicebd .card .card-body.card-hx{ padding-bottom:4rem }
.service-ask .servicebd .textbox{ padding:2.4rem 4rem; font-size:1.6rem; font-weight:300; line-height:2.6rem; }
.service-ask .servicebd .textbox p{  }
.service-ask .servicebd .table-2{display: grid;grid-template-columns:repeat(4, 1fr);grid-gap:1.6rem;row-gap:1.6rem; padding: 2.4rem 0 2rem 0}
.service-ask .servicebd .table-2 li.row{box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.16); background-color: rgba(249, 252, 255, 1); padding: 1rem 1.5rem; min-height: 21rem; position:relative; border-radius:5px; overflow:hidden; }
.service-ask .servicebd .table-2 li.row .t{ font-size:1.8rem; text-align:center; border-bottom:1px solid rgba(230, 230, 230, 1); padding:1.5rem 0 1rem 0 }
.service-ask .servicebd .table-2 li.row p{font-size: 1.4rem; color: rgba(125, 125, 125, 1); line-height: 1.5em; font-weight: 300; padding: 1rem 0 0 0; text-align: justify;}
.service-ask .servicebd .table-2 li.row .img{ position:absolute; top:0; left:0; width:100%; height:100%;display:flex; align-items:center;justify-content:center; background-color:rgba(0, 128, 204, 1) }
.service-ask .servicebd .table-2 li.row .img img{ width:70%;  }
.service-ask .servicebd .table-2.step{grid-gap:4rem;row-gap:6rem; position: relative; padding: 6rem 0 4rem 0}
.service-ask .servicebd .table-2.step:after{content: ""; position: absolute; top: 33rem;  left: 0; right: 0; border-bottom: 1px dashed rgba(125, 125, 125, 1);}
.service-ask .servicebd .table-2.step li.steprow{ box-shadow:none; position: relative; height: 24rem}
.service-ask .servicebd .table-2.step li.steprow:after{content: ""; position: absolute; right: -2rem; top: 0; bottom: 0; border-right: 1px dashed rgba(125, 125, 125, 1);}
.service-ask .servicebd .table-2.step li.steprow:nth-child(4):after,.service-ask .servicebd .table-2.step li.steprow:nth-child(8):after{display: none}
.service-ask .servicebd .table-2.step li.steprow .icon{ text-align:center; }
.service-ask .servicebd .table-2.step li.steprow .icon .iconfont{color:rgba(0, 128, 204, 1); font-size:3.6rem; line-height:3.6rem; line-height:3.6rem }
.service-ask .servicebd .table-2.step li.steprow .tit{ height:5.2rem; display:flex; align-items:center; justify-content:center; text-align: center; font-size:1.8rem; padding:1rem 0 0 0 }
.service-ask .servicebd .table-2.step li.steprow .tit p{font-size: 1.6rem; font-weight: 300}
.service-ask .servicebd .table-2.step li.steprow .desc{ color:rgba(125, 125, 125, 1); font-size:1.4rem; font-weight:300; padding:2rem 0 1rem 0 }
.service-ask .servicebd .table-2.step li.steprow .num{text-align: center; font-size: 1.6rem; position: absolute; bottom: 0; width: 100%; left: 0;}
.service-ask .servicebd .table-2.step li.steprow .btnbd a{ color:rgba(125, 125, 125, 1); font-size:1.8rem;  text-align: center;display: block; height: 4rem; line-height: 4rem; border: 1px solid rgba(125, 125, 125, 1);}
.service-ask .servicebd .table-2.step li.steprow .btnbd .iconfont{ font-size:1.8rem; margin-right:1rem }
.service-ask .servicebd .cardcontact .title{ background-color:rgba(0, 128, 204, 1); color:#FFF; height:6rem; line-height:6rem;font-size:1.6rem; padding:0 4rem }
.service-ask .servicebd .cardcontact .title .iconfont{font-size: 1.8rem; vertical-align: middle; margin-right: 2.4rem}
.service-ask .servicebd .cardcontact .body{ background-color:rgba(249, 249, 249, 1); position:relative; padding:2.2rem 8.5rem;font-weight:300; font-size:1.6rem; line-height:2.6rem }
.service-ask .servicebd .cardcontact .body .subtit{font-size: 1.8rem; position: relative; padding: 0 0 4rem 0;}
.service-ask .servicebd .cardcontact .body .subtit:after{content: ""; width: 2.4rem; height: 2px; border-radius: 10rem; background-color: rgba(60, 60, 60, 1); position: absolute; left: 0; bottom: 2rem}
.service-ask .servicebd .cardcontact .body .bgtxt{font-family: HarmonyOSlight; font-size: 2.4rem; color: rgba(230, 230, 230, 1); position: absolute; right: 0; bottom: 0; width: 12.2rem; line-height: 2.8rem}
.service-ask .askbd .rcat{ font-size:1.6rem; position:absolute; width:6.4rem; right:-10rem; top:8rem; color:rgba(125, 125, 125, 1);visibility: hidden;}

.service-ask .askbd .rcatposition{ position:absolute; float:none; right:-10rem; bottom:0; top:auto; }
.service-ask .askbd .rcatfixed{float: none; position: fixed;}

.service-ask .askbd .rcat .c{text-align: center; padding-bottom: 4rem; position: relative; cursor: pointer;transition: all .3s}
.service-ask .askbd .rcat .c.on{ color:rgba(60, 60, 60, 1) }
.service-ask .askbd .rcat .c:after{ content:""; width:1px; height:3.2rem; border-right:1px dashed rgba(125, 125, 125, 1); position: absolute; bottom: 0; left: 50%; margin-left: -.5px}
.service-ask .askbd .rcat .c:last-child:after{display: none}
.service-ask .askbd .rcat .c:last-child{ padding-bottom:0 }

.service-ask .asklist .fimg img{ width:100% }
.service-ask .asklist .downcat{ background-color:#FFF }
.service-ask .asklist .downcat li{float: left; margin-right: 2rem; font-size: 1.6rem}
.service-ask .asklist .downcat li a{display: block; background-color: rgba(249, 249, 249, 1); color: rgba(125, 125, 125, 1); min-width: 10rem; padding: 0 2rem; height: 4rem; line-height: 4rem; text-align: center;}
.service-ask .asklist .downcat li a.on{ background-color:rgba(249, 252, 255, 1);box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.16); color: rgba(0, 128, 204, 1)}
.service-ask .asklist .downlist { padding:.8rem 0 0 0 }
.service-ask .asklist .downlist.downpd{ padding-top:4.8rem }
.service-ask .asklist .downlist .item{ float:left; width:50%; margin-top:1.6rem }
.service-ask .asklist .downlist .item .box{ background-color:rgba(249, 249, 249, 1); display:flex; align-items:center;   transition:all .3s }
.service-ask .asklist .downlist .item .box:hover{box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.16);}
.service-ask .asklist .downlist .item .box.l{margin-right: 1rem;}
.service-ask .asklist .downlist .item .box.r{margin-left: 1rem;}
.service-ask .asklist .downlist .item .box .img img{ height:4rem;}
.service-ask .asklist .downlist .item .box .img{ padding:1rem 2.4rem 1rem 3rem;}
.service-ask .asklist .downlist .item .box .qr{ width:17rem; text-align:center; padding:1rem 0 }
.service-ask .asklist .downlist .item .box .qr img{ height:100% }
.service-ask .asklist .downlist .item .box .btns{ width:3rem; height: 100%; display:flex; align-items:center; position:relative;  }
.service-ask .asklist .downlist .item .box .btns div{text-align: center; width: 3rem; }
.service-ask .asklist .downlist .item .box .btns a{display: inline-block; height: 50%;  width: 100%; line-height: 3rem;}
.service-ask .asklist .downlist .item .box .btns a:hover{ background-color:rgba(249, 252, 255, 1);box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.16); }
.service-ask .asklist .downlist .item .box .names{flex: 1; font-size: 1.6rem; white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.service-ask .asklist .downcatposition{ position:absolute; float:none; right:-10rem; bottom:0; top:auto; }
.service-ask .asklist .downcatfixed{float: none; position: fixed; padding: 1rem 0; width: 97.6rem; z-index: 5}

.service-ask .asklist .downapplist{display: grid;grid-template-columns: repeat(2, 1fr);gap: 2rem;}
.service-ask .asklist .downapplist .item{ margin-top:1.6rem; float: none; width: auto;}
.service-ask .asklist .downapplist .item.on .box .btns a{color: rgba(0, 128, 204, 1)}
.service-ask .asklist .downapplist .item .box .qr img{ height:10rem; }
.service-ask .asklist .downapplist .item .box .btns a:hover{ background-color: none; box-shadow: none}
.service-ask .asklist .downapplist .item .box .qr img{display: none;}
.service-ask .asklist .downapplist .item .box.l{margin-right: 0;}
.service-ask .asklist .downapplist .item .box.r{margin-left: 0;}

.service-ask .askbd .videolist{ float:right; width:97.6rem }
.service-ask .askbd .videolist .list{display: grid;grid-template-columns: repeat(2, 1fr);gap: 2rem;}
.service-ask .askbd .videolist .list .li .video{ position:relative; }
.service-ask .askbd .videolist .list .li .img{ overflow:hidden; position:relative; }
.service-ask .askbd .videolist .list .li .img img{ position:relative; transition:transform .3s; width:100% }
.service-ask .askbd .videolist .list .li .img span i{font-size: 3.6rem; width: 3.6rem; height: 3.6rem; line-height: 3.6rem; color: #FFF; opacity: .4; transition: all .3s; position: relative;}
.service-ask .askbd .videolist .list .li:hover span i{opacity: 1;}
.service-ask .askbd .videolist .list .li .img span{ position:absolute; left: 50%; top:50%; margin-left: -1.8rem; margin-top: -1.8rem; transition: all .3s;}
.service-ask .askbd .videolist .list .li:hover .img img{transform: scale(1.1);}
.service-ask .askbd .videolist .list .li .txtbd{ background-color:rgba(60,60,60,.6); font-size: 1.4rem; padding: 0 2.4rem; height:4rem; line-height:4rem; white-space:nowrap; text-overflow:ellipsis; position:absolute; left:0; bottom:0; right:0; color:#FFF }
.service-ask .askbd .videolist .list .li .txtbd h4{ font-weight:300; float: left;}
.service-ask .askbd .videolist .list .li .txtbd span{  font-weight:300; float:right; }


.productbd .modeltitle h3 span{background-image: url(images/title_product.png?v=1);}
.productbd .productwrap .pl{float: left; width: 24rem;}
.productbd .productwrap .pl h3{ font-size:3rem; font-weight:normal; padding:1rem 0 0 0 }
.productbd .productwrap .pl h3 i{font-size: 3rem;color: rgba(230, 230, 230, 1)}
.productbd .productwrap .pl .iconl{display: inline-block; width: 6rem}
.productbd .productwrap .pl .hlist{font-size: 2.4rem; padding: 1.5rem 0 0 0}
.productbd .productwrap .pl .hlist .iconfont{font-size: 2.4rem; color: rgba(230, 230, 230, 1)}
.productbd .productwrap .pl .hlist .ricon{padding: 0 0 0 1.5rem;}
.productbd .productwrap .pl .hlist.on a{color:rgba(0, 128, 204, 1) }
.productbd .productwrap .pl .hlist.on .iconfont{ color: rgba(0, 128, 204, 1) }
.productbd .productwrap .pl .catbd .li .item{cursor: pointer; padding: 1rem 0 .3rem 0}
.productbd .productwrap .pl .catbd .li .item h4{display: inline-block; font-size: 2.4rem; font-weight: normal;}
.productbd .productwrap .pl .catbd .li .item .iconl .iconfont{font-size: 2.4rem; position: relative;display: block;transition: all .3s}
.productbd .productwrap .pl .catbd .li .item .iconl span{margin-right: 1rem; display: inline-block;}
.productbd .productwrap .pl .catbd .li .item .iconl{text-align: right;}
.productbd .productwrap .pl .catbd .li .item.on .iconl .iconfont{transform: rotate(90deg);}
.productbd .productwrap .pl .catbd .li .item.on{color: rgba(0, 128, 204, 1)}
.productbd .productwrap .pl .catbd .li .catlist{ padding:0 3rem .5rem 3rem;display: none}
.productbd .productwrap .pl .catbd .li .catlist .catli{ padding:0.5rem 0 }
.productbd .productwrap .pl .catbd .li .catlist .catli a{display: block; position: relative; padding: 0 0 0 3rem; line-height: 2.7rem; font-size: 1.8rem; white-space: nowrap; overflow: hidden;text-overflow: ellipsis; color: rgba(125, 125, 125, 1)}
.productbd .productwrap .pl .catbd .li .catlist .catli a.on{ background-color:rgba(249, 249, 249, 1); color:rgba(60, 60, 60, 1) }
.productbd .productwrap .pl .catbd .li .catlist .catli a.on:after{content:""; position: absolute; width: .2rem; top:.5rem; bottom: .5rem; left: 1rem; background-color: rgba(60, 60, 60, 1)}
.productbd .productwrap .pl .catbd .li .catlist .catli a:hover{ color: rgba(0, 128, 204, 1) }
.productbd .productwrap .pl .catbd .li .catlists{ padding:0 3rem .5rem 3rem;display: none}
.productbd .productwrap .pl .catbd .li .catlists .iconl{text-align: right;}
.productbd .productwrap .pl .catbd .li .catlists .iconl .iconfont{font-size: 1.8rem; position: relative;display: block;transition: all .3s}
.productbd .productwrap .pl .catbd .li .catlists .iconl span{margin-right: 1rem;display: inline-block;}
.productbd .productwrap .pl .catbd .li .catlists.on .iconl .iconfont{transform: rotate(90deg);}
.productbd .productwrap .pl .catbd .li .catlists .subitem{font-size: 1.8rem;color: rgba(125, 125, 125, 1); cursor: pointer; padding: .4rem 0}
.productbd .productwrap .pl .catbd .li .catlists .subitem.on{ background-color: rgba(249, 249, 249, 1)}
.productbd .productwrap .pl .catbd .li .catlists .subcatlist{ padding:0 0 .5rem 3rem; font-size:1.6rem; display:none;color: rgba(125, 125, 125, 1);  }
.productbd .productwrap .pl .catbd .li .catlists .subcatlist .iconfont{font-size: 1.6rem; margin-right: 1rem}
.productbd .productwrap .pl .catbd .li .catlists .subcatlist .subli{ padding:.2rem 0; cursor:pointer; }
.productbd .productwrap .pl .catbd .li .catlists .subitem .iconl{ width:auto; }
.productbd .productwrap .pl .catbd .li .catlists .subitem .iconl .iconfont{position: relative;display: block;transition: all .3s}
.productbd .productwrap .pl .catbd .li .catlists .subitem.on{ color:rgba(60, 60, 60, 1) }
.productbd .productwrap .pl .catbd .li .catlists .subitem.on .iconl .iconfont{transform: rotate(90deg);}

.productbd .productwrap .pr{float: right; width: 118rem;}
.productbd .productwrap .pr .choicebd{ padding:1.5rem 0 }
.productbd .productwrap .pr .choicebd li{float: left; padding: 1rem 1.5rem 1rem 0}
.productbd .productwrap .pr .choicebd li a{display: block;}
.productbd .productwrap .pr .choicebd li i{font-size: 1.4rem}
.productbd .productwrap .pr .choicebd li .icon{ display:inline-block; margin:0 0 0 1rem }
.productbd .productwrap .pr .prolist ul{ display: grid;grid-template-columns: repeat(3, 1fr);gap: 2rem;}
.productbd .productwrap .pr .prolist li .pimg{ width:100%; transition:all .3s; }
.productbd .productwrap .pr .prolist li{ overflow:hidden; }
.productbd .productwrap .pr .prolist li .img{ background-color:rgba(249, 249, 249, 1); position:relative; }
.productbd .productwrap .pr .prolist li .img{ overflow:hidden; }
.productbd .productwrap .pr .prolist li:hover .pimg{transform: scale(1.1);}
.productbd .productwrap .pr .prolist li .protitle{font-size: 1.6rem; line-height: 2.6rem; height: 2.6rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding:.4rem 0 1rem 0}
.productbd .productwrap .pr .prolist li .tags{font-size: 1.2rem; height: 1.4rem; line-height: 1.4rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 1.4rem 0 0 0; color: rgba(125, 125, 125, 1)}
.productbd .productwrap .pr .prolist li:hover .tags{color: rgba(0, 128, 204, 1);}
.productbd .productwrap .pr .prolist li .img .icons{ position:absolute; right:2rem; top:2rem }
.productbd .productwrap .pr .prolist li .img .icons span{display: block; margin-bottom: 1.5rem}
.productbd .productwrap .pr .prolist li .img .icons span img{ width:2.4rem }
.productdetail .h1{font-size: 2.4rem; line-height: 3rem; padding: 3rem 0 1rem 0;font-weight: normal;}
.productdetail .imgbd .mainimg{}
.productdetail .infobd .imgbd{ width:60rem;float: left; }
.productdetail .infobd .infos{float: right; width: 53.6rem}
.productdetail .infobd .imgbd .mainswiper{ width:60rem; height: 40rem; overflow:hidden; background-color:rgba(249, 249, 249, 1) }
.productdetail .infobd .imgbd .mainswiper .swiper-slide{width: 60rem; height: 40rem}
.productdetail .infobd .imgbd .mainswiper .swiper-slide img{ width:100%; height:100%;object-fit:cover; cursor:pointer; }
.productdetail .infobd .imgbd .thumbswiper{ width:60rem; height: 10rem; overflow:hidden; margin-top:.8rem }
.productdetail .infobd .imgbd .thumbswiper .swiper-slide{float: left; width: 14.4rem; height: 10rem; margin-right: .8rem;}
.productdetail .infobd .imgbd .thumbswiper .swiper-slide img{ width:100%; height:100%;object-fit:cover; background-color: rgba(249, 249, 249, 1);transition: all .3s; cursor: pointer;}
.productdetail .infobd .imgbd .thumbswiper .swiper-slide-thumb-active img{ background-color:rgba(0,0,0,.1) }
.productdetail .infobd .infos .title{display: flex; align-items: center; }
.productdetail .infobd .infos .title .iconfont{ font-size:6rem; color:rgba(0, 128, 204, 1);height: 6rem; line-height: 6rem }
.productdetail .infobd .infos .title h4{font-size: 2.4rem; font-weight: normal; padding: 0 0 0 2rem}
.productdetail .infobd .infos .desc{ padding:2.5rem 0 }
.productdetail .infobd .infos .desc li{color: rgba(108, 108, 108, 1);font-size: 1.6rem; line-height: 3.2rem;font-weight: 300}
.productdetail .infobd .infos .desc li.descmore{display: none}
.productdetail .infobd .infos .rzslider{overflow: hidden; }
.productdetail .infobd .infos .rzslider .swiper-slide{ height:3rem; float: left; margin-right: 1rem}
.productdetail .infobd .infos .rzslider .swiper-slide img{height: 100%;}
.productdetail .infobd .infos .rzslider .swiper-slide { width:auto; }
.productdetail .infobd .infos .btns{ padding:4.8rem 0 0 0 }
.productdetail .infobd .infos .btns a{display: block; float: left; width: 21rem; margin-right: 1.4rem; height: 6rem; line-height: 6rem; text-align: center; border-radius: 0}
.productdetail .infobd .infos .btns a .iconfont{font-size: 1.8rem; margin-right: 1rem}
.productdetail .infobd .infos .btns a.btn-default .iconfont{color:rgba(0, 128, 204, 1);}
.productdetail .infobd .infos .btns a.moredesc{ width:10rem;  text-align: center;}
.productdetail .infobd .infos .btns a.moredesc img{ height:2rem; display:inline-block; transition:all .3s; position: relative;}
.productdetail .infobd .infos .btns a.moredesc.on img{ transform:rotate(180deg); }
.productdetail .infobd .infos .btns a.btn-buy{ margin-right:0; width:19rem }

.productdetail .procontent{ padding:6rem 0 0 0 }
.productdetail .procontent .tabs .catli li{ float:left; width:14.4rem; margin-right:1rem }
.productdetail .procontent .tabs .catli li:last-child{ margin-right:0; }
.productdetail .procontent .tabs .catli li a{display: block; height: 5rem; background-color: rgba(249, 249, 249, 1); text-align: center; color: rgba(125, 125, 125, 1); line-height: 5rem; overflow: hidden; text-overflow: ellipsis; padding: 0 1rem; font-size: 1.8rem;}
.productdetail .procontent .tabs .catli li.morexh a{ height:4.8rem; line-height:4.8rem; border:1px solid rgba(125, 125, 125, 1); background-color:#FFF }
.productdetail .procontent .tabs .catli li a.on{ color:rgba(255, 255, 255, 1);  background-color:rgba(0, 128, 204, 1); box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.16);}
.productdetail .procontent .tabct{ display:none }
.productdetail .procontent .tabct .tablelist{ padding:2.4rem 0 0 0 }
.productdetail .procontent .tabct .tablelist .tr{display: grid;grid-template-columns: repeat(7, 1fr);gap: 0;}
.productdetail .procontent .tabct .tablelist .tr .td{  padding:1.8rem 1rem; white-space: nowrap; overflow:hidden; word-break: nowrap; height: 1.5rem; line-height: 1.5rem; text-overflow: ellipsis; align-items: center; justify-content: center; text-align: center;}
.productdetail .procontent .tabct .tablelist .title .td{ background-color: rgba(249, 249, 249, 1); font-size: 1.8rem}
.productdetail .procontent .tabct .tablelist .tr.bg .td{background-color: rgba(249, 249, 249, 1);}
.productdetail .procontent .tabct .tablelist .tr .td.pnames{ width:37rem; }
.productdetail .procontent .tabct .tablelist .ct{font-size: 1.6rem}
.productdetail .procontent .tabct .tablelist .ct .td{ color:rgba(125, 125, 125, 1);  }
.productdetail .procontent .tabct .tablelist  .td{ position:relative; }
.productdetail .procontent .tabct .tablelist  .td:after{ content:""; position:absolute; height:3.6rem; right:0; top:50%; margin-top:-1.8rem; width:1px; background-color:rgba(230, 230, 230, 1) }
.productdetail .procontent .tabct .tablelist .tr .td:last-child:after{display: none}
.productdetail .procontent .tabct .tablelist-col{}

.productdetail .procontent .tabct .tablelist-col .tr{gap: 1rem;grid-template-columns: 40rem auto;}
.productdetail .procontent .tabct .tablelist-col .tr .td{ text-align:left; padding: 1.8rem 4rem; width: auto}
.productdetail .procontent .tabct .tablelist-col  .td:after{display: none}
.productdetail .procontent .tabct .tablelist-col  .td.label{ text-align:left; color:rgba(60, 60, 60, 1);font-size:1.8rem }
.productdetail .procontent .tabct .tablelist-col .hidetr{display: none}

.productdetail .procontent .tabct .tablelist-col-2{gap: 1rem;grid-template-columns: repeat(2, 1fr);display: grid;}
.productdetail .procontent .tabct .tablelist-col-2 .tr{gap: 0;grid-template-columns: 14rem auto;}
.productdetail .procontent .tabct .tablelist-col-2 .tr .td{ text-align:left; padding: 1.5rem 2.4rem 1.5rem 0; width: auto}
.productdetail .procontent .tabct .tablelist-col-2  .td:after{display: none}
.productdetail .procontent .tabct .tablelist-col-2  .td.label{ text-align:left; color:rgba(60, 60, 60, 1);font-size:1.8rem; padding-left:2.4rem }

.productdetail .procontent .tabct .downlist { padding:.8rem 0 0 0 }
.productdetail .procontent .tabct .downlist.downpd{ padding-top:4.8rem }
.productdetail .procontent .tabct .downlist .item{ float:left; width:50%; margin-top:1.6rem }
.productdetail .procontent .tabct .downlist .item .box{ background-color:rgba(249, 249, 249, 1); display:flex; align-items:center;   transition:all .3s }
.productdetail .procontent .tabct .downlist .item .box:hover{box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.16);}
.productdetail .procontent .tabct .downlist .item .box.l{margin-right: 1rem;}
.productdetail .procontent .tabct .downlist .item .box.r{margin-left: 1rem;}
.productdetail .procontent .tabct .downlist .item .box .img img{ height:4rem;}
.productdetail .procontent .tabct .downlist .item .box .img{ padding:1rem 2.4rem 1rem 3rem;}
.productdetail .procontent .tabct .downlist .item .box .qr{ width:17rem; text-align:center; padding:1rem 0 }
.productdetail .procontent .tabct .downlist .item .box .qr img{ height:100% }
.productdetail .procontent .tabct .downlist .item .box .btns{ width:3rem; height: 100%; display:flex; align-items:center; position:relative;  }
.productdetail .procontent .tabct .downlist .item .box .btns div{text-align: center; width: 3rem; }
.productdetail .procontent .tabct .downlist .item .box .btns a{display: inline-block; height: 50%;  width: 100%; line-height: 3rem;}
.productdetail .procontent .tabct .downlist .item .box .btns a:hover{ background-color:rgba(249, 252, 255, 1);box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.16); }
.productdetail .procontent .tabct .downlist .item .box .names{flex: 1; font-size: 1.6rem; white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}

.moreparam{ padding:4rem 0 0 0 }
.moreparam a{display: block; width: 14.4rem; height: 5rem;  background-color: rgba(249, 249, 249, 1);  box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.16); text-align: center;}
.moreparam a img{ position:relative; width:2rem; height:auto; display:inline-block; margin-top:1.8rem;transition:all .3s }
.moreparam a.on img{ transform:rotate(180deg); }

.productdetail .procontent .tabct .videolist{ padding:2.4rem 0 0 0; }
.productdetail .procontent .tabct .videolist .list{display: grid;grid-template-columns: repeat(2, 1fr);gap: 2rem;}
.productdetail .procontent .tabct .videolist .list .li .video{ position:relative; }
.productdetail .procontent .tabct .videolist .list .li .img{ overflow:hidden; position:relative; }
.productdetail .procontent .tabct .videolist .list .li .img img{ position:relative; transition:transform .3s; width:100% }
.productdetail .procontent .tabct .videolist .list .li .img span i{font-size: 3.6rem; width: 3.6rem; height: 3.6rem; line-height: 3.6rem; color: #FFF; opacity: .4; transition: all .3s; position: relative;}
.productdetail .procontent .tabct .videolist .list .li:hover span i{opacity: 1;}
.productdetail .procontent .tabct .videolist .list .li .img span{ position:absolute; left: 50%; top:50%; margin-left: -1.8rem; margin-top: -1.8rem; transition: all .3s;}
.productdetail .procontent .tabct .videolist .list .li:hover .img img{transform: scale(1.1);}
.productdetail .procontent .tabct .videolist .list .li .txtbd{ font-size: 1.6rem; padding: 0 2.4rem; height:5rem; line-height:5rem; white-space:nowrap; text-overflow:ellipsis; position:absolute; left:0; bottom:0; right:0; color:#FFF }
.productdetail .procontent .tabct .videolist .list .li .txtbd h4{ font-weight:300; float: left;}
.productdetail .procontent .tabct .videolist .list .li .txtbd span{  font-weight:300; float:right; }


.pagesubtitle{ background-color:rgba(249, 249, 249, 1); font-size:1.8rem;height: 4rem; line-height: 4rem; padding: 0 4rem }
.pagesubtitle .iconfont{margin-right:1rem;color:rgba(0, 128, 204, 1); }


.pages{ text-align:center; padding:8rem 0 0 0;}
.pages ul li{ display:inline-block; padding:0 .5rem;}
.pages ul li a{ display:block; width: 4.2rem; height: 4.2rem; line-height: 4.2rem; background-color:rgba(249, 249, 249, 1); }
.pages ul li a:hover,.pages ul li a.page-nobg:hover{background-color:rgba(0, 128, 204, 1); color: #FFF}
.pages ul li a.page-nobg{ background-color:transparent; }
.pages ul li a i{  color:rgba(0, 128, 204, 1); transition:all .3s }
.pages ul li a:hover i{ color:#FFF }
.pages ul .active a{ background-color:rgba(0, 128, 204, 1); color: #FFF}
.pages ul .disabled a,.pages ul .disabled a:hover{ background-color:#EEE; color: #333; cursor:not-allowed;}
.pages ul .disabled a i,.pages ul .disabled a:hover i{ color:rgba(0, 128, 204, 1)}
.pages ul .more a,.pages ul .more a:hover{ background-color: transparent; color: #333 }

.footer{ background-color:rgba(249,249,249,1); margin-top:10rem }
.footer .copyright{ background-color:rgba(230, 230, 230, 1); font-size:1.2rem; text-align:center; height:4rem; line-height:4rem }
.footer .copyright span{display: inline-block; padding: 0 1rem;}
.footer .footerbd .flogo{float: left; width:24rem; margin-top:11.5rem; }
.footer .footerbd .flogo img{ width:100% }
.footer .footerbd{ min-height:46rem; }
.footer .footerbd .footnav{ float:right; padding:3rem 0 0 0; position:relative; }
.footer .footerbd .footnav .item{ float:left; padding-left:14.5rem; position:relative; }
.footer .footerbd .footnav .item:first-child{padding-left: 0}
.footer .footerbd .footnav:before{content: ""; height: 1rem; border-bottom: 2px dotted rgba(180, 180, 180, 1); position: absolute; top: 10rem; left: 0; right: 0}
.footer .footerbd .footnav .gz .img{ width:14rem; }
.footer .footerbd .footnav .gz .img img{ width:100%; }
.footer .footerbd .footnav h3{font-size: 2.4rem; position: relative; padding: 0 0 2rem 0; font-weight: normal;}
.footer .footerbd .footnav h3:after{ content:""; height:.2rem; width:2.4rem; position: absolute; left: 0; bottom: 0; background-color:rgba(0, 128, 204, 1); }
.footer .footerbd .footnav ul{ padding:4rem 0 0 0; position:relative; }
.footer .footerbd .footnav li{font-size: 1.6rem; line-height: 3.4rem;}
.footer .footerbd .footnav li a{color: rgba(125, 125, 125, 1)}

.fixed-right{position: fixed;right: 2rem;top: 20rem; z-index: 10}
.fixed-right  .btn,.fixed-right .backtop{ background-color:rgba(0, 128, 204, 1); transition: all .3s; position:relative; overflow:hidden; border-radius:10rem; box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.16);width: 5rem; height: 5rem; }
.fixed-right  .btn  .icon,.fixed-right .backtop .icon{background-repeat: no-repeat; background-position: center center; background-size: 40%; cursor:pointer;width: 5rem; height: 5rem; }
.fixed-right  .btn-search{ position:absolute; right:0; top:0 }
.fixed-right  .btn-more,.fixed-right  .fixed-more,.fixed-right  .subfixed{ position:absolute; right:0; top:8rem; }
.fixed-right  .btn-weixin{ position:absolute; right:0; top:5rem; }
.fixed-right  .btn-mobile{ position:absolute; right:0; top:13rem; }
.fixed-right  .btn-book{ position:absolute; right:0; top:21rem; }
.fixed-right  .subfixed{display: none; position: relative;height: 29rem; z-index: 20}
.fixed-right  .subfixed .txtbd{display: none}
.fixed-right  .subfixed .img{display: none; width: 14rem; z-index: 10;}
.fixed-right  .subfixed .img img{ width:100% }
.fixed-right  .btn .icon{  background-image: url(images/fixedsearch.png); position:absolute; right:0; top:0;  }
.fixed-right  .btn-search .inputbd{ border-right:1px solid #FFF; border-left:1px solid #FFF; height:4rem;  width:30rem;display: none; margin:.5rem 5rem 0 3rem; position:relative; }
.fixed-right  .btn-search .txt{ display:block; border:0; background-color:transparent; height:4rem; line-height:4rem; position:absolute; left:1rem; right:1rem; top:0; color:#FFF; }
.fixed-right  .btn-search .txt::placeholder{ color:#FFF;  }
.fixed-right  .btn-search.active{ width: 38.2rem}
.fixed-right  .btn-search.active .inputbd{display: block;}
.fixed-right  .btn-email:hover{ width: 26rem;}
.fixed-right  .btn-email:hover .txtbd{display: block;}
.fixed-right  .btn-mobile:hover{ width: 26rem;}
.fixed-right  .btn-mobile:hover .txtbd{display: block;}
.fixed-right  .btn-weixin{ overflow:inherit; }
.fixed-right  .btn-weixin:hover .img{display: block;}
.fixed-right  .img{ position:absolute; right:6rem; bottom: 0; }
.fixed-right  .txtbd{font-family:HarmonyOSlight; letter-spacing: 0.16rem; font-size:1.6rem; font-weight: 200; line-height: 5rem; height: 5rem; color: #FFF; margin:0 5rem 0 3rem}
.fixed-right  .btn-weixin,.fixed-right  .btn-mobile,.fixed-right  .btn-book{ margin-top:3rem }
.fixed-right  .btn-more .icon{  background-image: url(images/fixedmore.png);  background-size: 43%;}
.fixed-right  .btn-email .icon{  background-image: url(images/fixedemail.png);  background-size: 43%;}
.fixed-right  .btn-weixin .icon{  background-image: url(images/fixedwechat.png);  background-size: 43%;}
.fixed-right  .btn-mobile .icon{  background-image: url(images/fixedmobile.png);  background-size: 43%;}
.fixed-right  .btn-book .icon{  background-image: url(images/fixedbook.png);  background-size: 43%;}
.fixed-right .backtop{position: fixed; bottom: 8rem; right: 8rem}
.fixed-right .backtop .icon{background-image: url(images/backtop.png);  background-size: 52%;}

.fixed-submit{ background-color:rgba(0,0,0,.8); position:fixed; left:0;right:0;top:0;bottom:0; z-index:100; display:none }
.fixed-submit .box{width: 100%; height: 100%; align-items: center; justify-content: center; display: flex;}
.fixed-submit .box .ct{ background-color:#FFF;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); width:120rem; height:80%; max-height: 70rem; position:relative; }
.fixed-submit .box .ct .booksub{ margin:4rem; overflow:hidden; overflow-y:auto ; left:0; top:0; right:0; bottom:0; position:absolute; overflow: }
.fixed-submit .box .ct .booksub .title h4{font-size: 2.4rem; float: left; font-weight: 400; padding-left: 2.4rem; position: relative;}
.fixed-submit .box .ct .booksub .title .icon-book-title{float: left; font-size: 3.8rem; color:rgba(0, 128, 204, 1); line-height:4rem; height:4rem }
.fixed-submit .box .ct .booksub .title .icon-guanbi{ float:right; color:#999; line-height:4rem; font-size:2rem; cursor:pointer; }
.fixed-submit .box .ct .booksub .formbd{ padding:2.6rem 3rem 0 3rem; position:relative; }
.fixed-submit .box .ct .booksub .formbd .form-group{ margin-bottom:1.6rem }
.fixed-submit .box .ct .booksub .formbd .form-group .l{width: 50%; float: left;}
.fixed-submit .box .ct .booksub .formbd .form-group .r{width: 50%; float: left;}
.fixed-submit .box .ct .booksub .formbd .form-group .txtbd{ border: 1px solid rgba(112, 112, 112, 1); }
.fixed-submit .box .ct .booksub .formbd .form-group .l .txtbd{ margin-right:1rem }
.fixed-submit .box .ct .booksub .formbd .form-group .r .txtbd{ margin-left:1rem }
.fixed-submit .box .ct .booksub .formbd .form-group .txtbd .form-txt{ height:5.8rem; position:relative; }
.fixed-submit .box .ct .booksub .formbd .form-group .txtbd .form-txt label{width: 11.2rem;  font-size: 1.8rem; font-weight: 300;  position: absolute; left: 1.3rem; top: .3rem; bottom: .3rem; border-right:1px solid rgba(112, 112, 112, 1); display:flex; align-items:center; }
.fixed-submit .box .ct .booksub .formbd .form-group .txtbd .form-txt label span{display: inline-block; vertical-align: middle; margin-left: 1rem; position: relative; top: .4rem; color: rgba(255, 0, 0, 1)}
.fixed-submit .box .ct .booksub .formbd .form-group .txtbd .form-txtarea{ height:22.8rem }
.fixed-submit .box .ct .booksub .formbd .form-group .txtbd .form-txt .inputbd{ position:absolute; left:14rem; right:1.5rem; top:.3rem; bottom:.3rem; }
.fixed-submit .box .ct .booksub .formbd .form-group .txtbd .form-txt .inputbd .txt{ width:100%; border:0; background-color:transparent;  height: 100%; font-size: 1.8rem; font-weight: 300}
.fixed-submit .box .ct .booksub .formbd .form-btn{ padding:2rem 0 0 0; }
.fixed-submit .box .ct .booksub .formbd .form-btn button{ float:right; width:20rem; height:6rem; margin-left:2rem; font-size:2.4rem; font-weight:300 }
.fixed-submit .box .ct .booksub .formbd .form-group .txtbd .form-txt .selectgroup{ position:absolute; left:14rem; right:1.5rem; top:1rem; bottom:1rem; }
.fixed-submit .box .ct .booksub .formbd .form-group .txtbd .form-txt .selectgroup li{float: left; position: relative; font-size: 1.8rem; font-weight: 300;border-right:1px solid rgba(112, 112, 112, 1);}
.fixed-submit .box .ct .booksub .formbd .form-group .txtbd .form-txt .selectgroup li div{ padding:0 3rem; height:3.8rem; line-height:3.8rem; }
.fixed-submit .box .ct .booksub .formbd .form-group .txtbd .form-txt .selectgroup li select{opacity: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0;font-size: 1.8rem; font-weight: 300; text-align: center;}
.fixed-submit .box .ct .booksub .formbd .form-group .txtbd .form-txt .txtareabd{ position:absolute; left:14rem; right:1.5rem; top:1rem; bottom:1rem; }
.fixed-submit .box .ct .booksub .formbd .form-group .txtbd .form-txt .txtareabd .txtarea{width:100%; border:0; background-color:transparent;  height: 100%; font-size: 1.8rem; font-weight: 300}
.fixed-submit .box .ct .booksub .formbd .tips{display: none;}
.fixed-submit .box .ct .booksub .formbd .tips .table{ position:absolute;  left: 3rem;right: 3rem; top: 2.6rem; bottom: 0; background-color: #EEE;display: flex; align-items: center;  justify-content: center; font-size: 1.8rem;font-weight: 300}
.fixed-submit .box .ct .booksub .formbd .tips .btn-ubd{ padding:5rem 0 0 0; text-align:center; }
.fixed-submit .box .ct .booksub .formbd .tips .btn-ubd button{ padding:.5rem 3rem; font-size:2.4rem; font-weight:300 }


@media screen and  (max-width:479px){html{font-size:10px}}
@media screen and (min-width:480px) and (max-width:639px){html{font-size:8px}}
@media screen and (min-width:640px){html{font-size:10px}}