@font-face { font-family: 'PuHuiTi'; src: url(fonts/Alibaba-PuHuiTi-Regular.ttf); }
/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;outline: none;}
table{border-collapse:collapse;border-spacing:0}
address,caption,cite,code,dfn,em,strong,th,var{font-weight:normal;font-style:normal;}
ol,ul,li{list-style:none}
caption{text-align:left}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%}
fieldset,img,abbr,acronym{border:0}
a{text-decoration: none}
/* 页面样式 */
body {font:12px/1.5 "PuHuiTi";background: url(images/bg.png) no-repeat;background-size: 100% 100%;background-attachment:fixed;}
.top{width: .48rem;height: .48rem;position: fixed;right:.1rem;bottom:.1rem;background: url(images/top.png) no-repeat;background-size: 100% 100%;z-index:10;display: none;border-radius: .1rem}
.top:hover{background: url(images/topOn.png) no-repeat;background-size: 100% 100%;}
.wrap{width:14.4rem;position: relative;margin: 0 auto;}
.header{width: 100%;height: .8rem;position: relative;text-align: center;background-color: #fff}
.header .logo{position: absolute;left: 1.2rem;top: .23rem;width: 1.98rem;height: .36rem;cursor:pointer;z-index: 2;background: url(images/logo.jpg) no-repeat;background-size: 100%}
.header .logo:hover{background: url(images/logoOn.jpg) no-repeat;background-size: 100%}
.header ul{height: .8rem;position: relative;overflow: hidden;margin: 0 auto;display: flex;justify-content: center;}
.header ul a{font-size: .24rem;color: #000;display: block;height: .80rem;line-height: .8rem;font-weight: bold;}
.header ul li{display: block;height: .8rem;padding: 0 .4rem;box-sizing: border-box}
/*.header ul li:hover{border-bottom: .04rem solid #1E80ED;}
.header ul li:hover a{color: #1E80ED}*/
.header ul .on{border-bottom: .04rem solid #1E80ED;}
.header ul .on a{font-weight: bold;color: #1E80ED}
.header .search-input{font-size: .14rem;line-height: .32rem;border: none;padding-left: .2rem;position: absolute;right: 1.2rem;top: .26rem;width: 1.51rem;height: .32rem;background: url("images/search-input.jpg") no-repeat;background-size: 1.51rem;box-sizing: border-box;}
.header .search-input::placeholder {opacity: 0.8;color: #4B4B4B;}
.banner,.banner img{width: 14.4rem;height: 6.56rem;}
.banner .swiper-pagination{text-align:left;box-sizing: border-box;padding-left: 1.25rem;bottom:.7rem!important;}
.banner .swiper-pagination span{width: .39rem;height: .07rem;background: url(images/pagination.png) no-repeat;background-size: .39rem;margin: 0!important;opacity: 1!important;border-radius: 0!important;}
.banner .swiper-pagination-bullet-active{background: url(images/pagination-on.png) no-repeat!important;background-size: .39rem!important;}
.products{background-color: #252b43;padding: 0 1.2rem;box-sizing: border-box;overflow: hidden}
.products h1{font-size: .96rem;font-weight: 900;color: #fff;line-height: 1.2rem;margin: .24rem 0rem;padding-left: .3rem;position: relative}
.products h1:after{content: "";width: .06rem;height: .67rem;position: absolute;left: 0rem;background-color: #1d82ec;top: .28rem;}
.products .h2{display: flex;justify-items: center;justify-content: space-between;margin-top: .4rem}
.products h2{font-size: .48rem;font-weight: bold;color: #fff;line-height: .67rem;margin-bottom: .2rem;padding-left: .3rem;position: relative}
.products h2:after{content: "";width: .06rem;height: .4rem;position: absolute;left: 0rem;background-color: #1d82ec;top: .13rem;}
.products ul.ul1{display: flex;justify-items: center;justify-content: space-between}
.products ul.ul1 li{width: 3.89rem;height: 3.4rem;background-color: #fff;display: flex;align-items: center;justify-content: center;position: relative;border-radius: .1rem}
.products ul.ul1 li:hover{background: linear-gradient(180deg, #ffffff 10%, #1E80ED 130%);}
.products ul.ul1 li img{max-width: 2.15rem;max-height: 1.65rem;}
.products ul li a{width: 3.41rem;height: .58rem;position: absolute;bottom: .15rem;left: 50%;margin-left: -1.705rem;font-size: .24rem;font-weight: bold;color: #1A1A1A;line-height: .58rem;}
.products ul li a i{width: .48rem;height: .48rem;position: absolute;top: .05rem;right: 0rem;background: url(images/jt.png) no-repeat center;background-size: .2rem;border-radius: .04rem}
.products ul li:hover a{color: #fff}
.products ul li:hover i{background: url(images/jt_on.png) no-repeat #fff center;background-size: .2rem;}
.products .h2-ul{display: flex;justify-items: center;justify-content: space-between}
.products ul.ul2{display: flex;justify-items: center;justify-content: space-between;flex-wrap: wrap;flex-direction: column;margin-bottom: .4rem}
.products ul.h2-ul-right{width: 3.89rem;height: 4.33rem}
.products ul.h2-ul-left{width: 7.95rem;height: 4.33rem}
.products ul.ul2 li{width: 3.89rem;height: 2.1rem;background-color: #fff;display: flex;align-items: start;justify-content: center;position: relative;border-radius: .1rem}
.products ul.ul2 div{width: 1.56rem;height: 1.56rem;display: flex;align-items: center;justify-content: center;position: relative;}
.products ul.ul2 li:hover{background: linear-gradient(180deg, #ffffff 10%, #1E80ED 130%);}
.products ul.ul2 li img{max-width: 1.56rem;max-height: 1.56rem;}
.products ul.h2-ul-left li:nth-child(1){height: 4.33rem;margin-right: .15rem;align-items: center;}
.products ul.h2-ul-left li:nth-child(1) div{width: 4.33rem;height: 4.33rem;}
.products ul.h2-ul-left li:nth-child(1) img{max-width: 2.25rem;max-height: 2.48rem;}
.why-choose-us{height: 5.33rem;position: relative;overflow: hidden}
.why-choose-us h1{height: 1.1rem;line-height: 1.1rem;position: relative;margin: .4rem auto;color: #fff;font-weight: bold;font-size: .78rem;text-align: center;width: 5.9rem}
.why-choose-us h1:after{content: "";background: url(images/i1.png) no-repeat;background-size: .18rem;position: absolute;bottom: .2rem;right: -.2rem;width: .18rem;height: .18rem;display: block}
.why-choose-us ul{display: flex;justify-items: center;justify-content: space-between;padding: 0 1.2rem;box-sizing: border-box;overflow: hidden}
.why-choose-us ul li{width: 3.89rem;height: 2.86rem;background-color: #fff;position: relative;border-radius: .1rem;box-shadow: 0 .04rem .1rem 0 rgba(214, 214, 214, 0.3);overflow: hidden}
.why-choose-us ul li img{width: .62rem;height: .62rem;position: absolute;top: .32rem;left: .32rem;}
.why-choose-us ul li span{font-size: .28rem;font-weight: bold;color: #000;height: .4rem;display: block;line-height: .4rem;margin-top: 1.15rem;padding-left: .32rem;margin-bottom: .15rem}
.why-choose-us ul li p{font-size: .2rem;color: #767676;display: block;padding: 0rem .32rem}
.customizable{position: relative;height: 7.2rem;overflow: hidden}
.customizable img{width: 14.4rem;height: 7.2rem;}
.customizable h1{font-size: .96rem;color: #1A1A1A;font-weight: bold;line-height: 1.1rem;position: absolute;left: .62rem;top: 1.4rem;}
.customizable p{font-size: .32rem;color: #767676;position: absolute;left: .62rem;top: 3.57rem;}
.tailoredSolutions{position: relative;height: 17.73rem;width: 14.4rem;background: url(images/TailoredSolutions.jpg) no-repeat;background-size: 14.4rem}
.tailoredSolutions .h1{font-size: .78rem;color: #fff;font-weight: bold;height: 1.09rem;line-height: 1.09rem;position: absolute;top: .4rem;left: 0;text-align: center;display: block;width: 100%;}
.tailoredSolutions .h2{font-size: .68rem;color: #1A1A1A;font-weight: bold;height: .95rem;line-height: .95rem;position: absolute;top: 3.2rem;left: 1.7rem;display: block;}
.tailoredSolutions .h3{font-size: .68rem;color: #1A1A1A;font-weight: bold;height: .95rem;line-height: .95rem;position: absolute;top: 10.5rem;left: 1.7rem;display: block;}
.tailoredSolutions .p1{font-size: .4rem;color: #fff;line-height: .56rem;position: absolute;top: 1.5rem;left: 0;text-align: center;display: block;width: 100%;opacity: .8;}
.tailoredSolutions .p3{font-size: .32rem;color: #767676;line-height: .45rem;position: absolute;top: 11.5rem;left: 1.7rem;display: block;}
.tailoredSolutions ul{position: absolute;left: 9.05rem;bottom: 1.6rem;}
.tailoredSolutions ul li{height: .56rem;line-height: .56rem;font-size: .28rem;color: #1A1A1A;display: block;position: relative}
.tailoredSolutions ul li i{width: .14rem;height: .14rem;border-radius: 50%;background-color: #d2e6fb;left: -.3rem;position: absolute;top: 50%;margin-top: -.07rem;display: flex;align-items: center;justify-content: center}
.tailoredSolutions ul li i:after{content: "";width: .07rem;height: .07rem;background-color: #1E80ED;display: block;border-radius: 50%;}
.freeTechnicalGuidance{position: relative;height: 6.85rem;width: 14.4rem;background: url(images/FreeTechnicalGuidance.jpg) no-repeat;background-size: 14.4rem}
.freeTechnicalGuidance h1{font-size: .96rem;color: #1A1A1A;font-weight: bold;line-height: 1.1rem;position: absolute;left: .62rem;top: 1.4rem;}
.freeTechnicalGuidance p{font-size: .32rem;color: #1A1A1A;position: absolute;left: .62rem;top: 3.57rem;}
.showcasingOurFacilities{position: relative;height: 7.2rem;width: 14.4rem;background: url(images/ShowcasingOurFacilities.jpg) no-repeat;background-size: 14.4rem}
.showcasingOurFacilities h1{font-size: .78rem;color: #fff;font-weight: bold;line-height: 1.1rem;position: absolute;left: 1.25rem;top: .8rem;display: block}
.showcasingOurFacilities .swiper-container{width: 14.4rem;position: absolute;left: 0rem;top: 2.3rem;}
.showcasingOurFacilities .swiper-slide{width: 4.91rem;height: 3.68rem;margin-right: .15rem;}
.showcasingOurFacilities .swiper-pagination{width: 12rem!important;left: 1.2rem!important;bottom: 0!important;background-color: #fff;display: flex}
.showcasingOurFacilities .swiper-pagination span{height: .04rem;display: block;border-radius: 0;margin: 0!important;flex: 1!important;}
.showcasingOurFacilities img{width: 100%;}
.footer{height: 4rem;background-color: #252B42;display: flex;align-items: center;justify-content: space-around;}
.footer ul{width: 6.1rem;display: flex;align-items: center;justify-content: space-between;flex-wrap:wrap;}
.footer ul li{width: 2.9rem;height: .55rem;font-size: .18rem;font-weight: bold;color: #fff;display: block;text-align: center;line-height: .55rem;position: relative}
.footer ul li:after{content: "";width: 100%;height: .01rem;background-color: #fff;display: block;position: absolute;bottom: 0;left: 0;}
.footer .inquiry_btn{cursor: pointer}
.footer .inquiry_btn:hover{text-decoration: underline;}
.footer .right h1{font-size: .24rem;color: #fff;font-weight: bold;height: .34rem;display: block;line-height: .34rem;margin-bottom: .32rem;}
.footer .right p{font-size: .18rem;color: #fff;line-height: .25rem;margin-bottom: .13rem;}
.footer .right span{display: inline-block;width: 1.35rem;}
.about{height: 6.2rem;background: url("images/about.jpg") no-repeat;background-size: 14.4rem;overflow: hidden;}
.about h1{position: relative;color: #fff;font-weight: bold;font-size: .58rem;text-align: center;margin: 0 auto;margin-top: 1.9rem;width: 2.6rem;}
.about h1:after{content: "";background: url(images/i1.png) no-repeat;background-size: .18rem;position: absolute;bottom: .2rem;right: -.2rem;width: .18rem;height: .18rem;display: block}
.about-icon{height: 15.2rem;background: url("images/about-icon.jpg") no-repeat;background-size: 14.4rem;position: relative}
.about-icon .swiper{width: 12rem;height: .6rem;position: absolute;left: 50%;top: -2.15rem;margin-left: -6rem;}
.about-icon .swiper .left{position: absolute;top: 0;left: 0;width: 6rem;height: 6rem;display: block;}
.about-icon .swiper .left .swiper-slide,.about-icon .swiper .left img{width: 6rem;height: 6rem;}
.about-icon .swiper-pagination{box-sizing: border-box;bottom:.2rem!important;}
.about-icon .swiper-pagination span{width: .39rem;height: .07rem;background: url(images/pagination.png) no-repeat;background-size: .39rem;margin: 0!important;opacity: 1!important;border-radius: 0!important;}
.about-icon .swiper-pagination-bullet-active{background: url(images/pagination-on.png) no-repeat!important;background-size: .39rem!important;}
.about-icon .swiper .right{position: absolute;top: 0;right: 0;width: 6rem;height: 6rem;background: url(images/about-icon-r.png) no-repeat;background-size: 6rem;display: flex;align-items: center;text-align: left;}
.about-icon .swiper .right span{font-size: .33rem;color: #1A1A1A;letter-spacing: -0.05em;display: block;padding-left: .15rem;width: 5.4rem;}
.about-icon .title{height: .9rem;width: 12.65rem;position: absolute;left: 50%;bottom: 10rem;margin-left: -6.325rem;}
.about-icon .title p{font-size: .3rem;color: #fff;display: block;width: 100%;text-align: center}
.about-icon .title h1{font-size: .46rem;color: #fff;font-weight: bold;display: block;width: 100%;text-align: center}
.about-icon .earth{width: 5.48rem;height: 3.7rem;position: absolute;right: 1.17rem;bottom: 1.37rem;}
.about-icon .earth p{font-size: .3rem;font-weight: 500;color: #000;display: block;text-align: left;padding-left: .25rem;line-height: .4rem;padding-top: .2rem;}
.about-icon .earth .l,.about-icon .earth .r{width: 1.77rem;height: .93rem;display: block;position: absolute;top: 0}
.about-icon .earth .l{left: 0}
.about-icon .earth .r{right: 0}
.about-icon .earth .data{width: 4.22rem;height: .93rem;position: absolute;bottom: .54rem;left: .36rem;}
.about-icon .earth .data h1{height: .64rem;line-height: .64rem;text-align: center;display: block;font-size: .48rem;color: #1E80ED;font-weight: bold}
.about-icon .earth .data span{height: .64rem;text-align: center;display: block;font-size: .24rem;color: #1E80ED;opacity: .8;line-height: .2rem;}
.products-top{z-index: 2;width: 14.4rem;height: 3.2rem;background: url(images/products-top.jpg) no-repeat;background-size: 14.4rem;position:relative}
.products-top input{ font-size: .14rem;color: #fff;height: .3rem;line-height: .3rem;box-sizing: border-box;border:none;border-bottom: .01rem #fff solid;width: 9rem;position: absolute;left: 4.24rem;bottom: .25rem;background-color: transparent;}
.products-top input::placeholder {font-size: .14rem;color: #fff;}
.products-title{z-index: 2;box-shadow: 0px .1rem .3rem rgba(0,0,0,.1);background-color: #fff;height: .4rem;line-height: .4rem;font-size: .14rem;display: block;color: #000;padding-left: 1.23rem;width: 14.4rem;box-sizing: border-box}
.products-title span{color: #767676}
.products-main{display:flex;justify-content: space-between;width:12rem;margin:0 auto;}
.products-main-left{margin-top: .24rem;width: 2.4rem;}
.products-menu{background-color: #fff;}
.products-menu>li{width: 2.4rem;line-height: .48rem;position: relative;overflow: hidden;min-height: .48rem;}
.products-menu li div{font-size: .16rem;color: #1A1A1A;padding-left: .31rem;position: absolute;top: 0;left: 0;height: .48rem;width: 2.4rem;box-sizing: border-box;z-index: 2;cursor: pointer}
.products-menu li div:hover{color: #1E80ED}
.products-menu li div::after{content: "";position: absolute;right: .25rem;top: 50%;background: url(images/jt2.png) no-repeat;width: .07rem;height: .13rem;background-size: .07rem;margin-top: -.065rem;}
.products-menu li ul{display: none}
.products-menu>li.open::after{width: 50%;content: "";height: .48rem;position: absolute;right: 0;top: 0;background-color: #e8f2fd;z-index: 1}
.products-menu>li.open div{color: #fff;padding-left: .24rem;background: url(images/i2.png) no-repeat;background-size: 2.4rem;}
.products-menu li.open div::after{background: url(images/jt1.png) no-repeat;width: .13rem;height: .07rem;background-size: .13rem;margin-top: -.035rem;}
.products-menu>li.open ul{display: block;margin-top: .48rem;}
.products-menu>li.open ul li{padding-left: .47rem;background-color: #e8f2fd;cursor: pointer;font-size: .14rem;}
.products-menu>li.open ul li:hover{color: #1E80ED}
.products-menu>li.open ul li.on{color: #1E80ED}
.products-list{width: 8.96rem;margin-top: .24rem;display: flex;justify-content: space-between;flex-wrap:wrap;z-index: 1}
.products-list li{width: 2.88rem;margin-bottom: .3rem;}
.products-list hr{margin: .8rem auto;width: 80%;border-top: #0256FF .01rem solid}
.products-list li div{cursor:pointer;width: 2.88rem;height: 2.88rem;display: flex;justify-content: center;align-items: center;overflow: hidden}
.products-list li div img{width: 100%;height: 100%;transition: all 0.3s ease;}
.products-list li div img:hover{transform: scale(1.2);}
.products-list li span{cursor:pointer;line-height: .25rem;display: block;font-size: .2rem;color: #1A1A1A;margin-top: .1rem;}
.products-list li span font{color: #fff;background-color: #0256FF}
.products-list li span:hover,.products-list li a:hover{text-decoration: underline}
.products-list li p{line-height: .25rem;display: block;font-size: .16rem;color: #767676;}
.products-list li a{line-height: .25rem;display: block;font-size: .16rem;color: #0256FF;margin-top: .05rem;}
.products-details{width: 8.96rem;margin-top: .24rem;display: flex;justify-content: space-between;flex-wrap:wrap;z-index: 1;margin-bottom:.5rem}
.products-magnifier{ width: 1.6rem;height: 1.6rem;background: rgba(255, 255, 255, .4);position: absolute;left: 0;top: 0;display: none;}
.products-origin{width: 4.91rem;height: 4.91rem;position: absolute;right: -5rem;top: 0;overflow: hidden;z-index: 2;display: none;}
.products-origin div{position: absolute;display: flex;justify-content: center;align-items: center;width: 14.73rem;height: 14.73rem}
.products-origin div img{width: 100%;height: 100%}
.products-img{width: 4.91rem;position: relative}
.products-img .l{width: .49rem;height: .85rem;position: absolute;top: 4.96rem;left: 0;background: url(images/l.jpg) no-repeat;background-size: 100%;display: block}
.products-img .l:hover{background: url(images/lOn.jpg) no-repeat;background-size: 100%;}
.products-img .r{width: .49rem;height: .85rem;position: absolute;top: 5rem;right: 0;background: url(images/r.jpg) no-repeat;background-size: 100%;display: block}
.products-img .r:hover{background: url(images/rOn.jpg) no-repeat;background-size: 100%;}
.products-img>div{width: 4.91rem;height: 4.91rem;position: relative;display: flex;justify-content: center;align-items: center}
.products-img>div>img{width: 100%;height: 100%}
/*.products-img a{position: absolute;left: 0;top: 0;}*/
.products-img ul{width: 3.91rem;height: .85rem;margin-top: .05rem;display: flex;overflow: hidden;padding-left: .5rem}
.products-img ul li{flex-shrink: 0;border: .01rem solid #fff;box-sizing: border-box;border-radius: .05rem;width: .85rem;height: .85rem;margin: 0 .07rem;display: flex;justify-content: center;align-items: center;cursor: pointer}
.products-img ul li.on{border: .01rem solid #1E80ED;box-sizing: border-box;background-color: #fff;}
.products-img ul li img{width: 100%;height: 100%;border-radius: .05rem;}
.products-introduction{width: 3.9rem;position: relative}
.products-introduction h1{font-size: .24rem;line-height: .3rem;color: #000;margin-bottom: .3rem;}
.products-introduction>div{margin-bottom: .5rem;/*height: 4rem;overflow-x: hidden;overflow-y: auto*/}
.products-introduction span{font-size: .16rem;color: #767676;display: block;margin-top: .15rem;}
.products-introduction ul{display: flex;flex-wrap:wrap;}
.products-introduction ul li{border-radius: .05rem;cursor: pointer;padding: .06rem .12rem;font-size: .16rem;color: #1A1A1A;border: .01rem solid #D8D8D8;margin-bottom: .15rem;margin-right: .15rem;box-sizing: border-box}
.products-introduction ul li:hover{border: .01rem solid #1E80ED;background-color: #e5eeff}
.products-introduction ul li.on{border: .01rem solid #1E80ED;background-color: #e5eeff}
.products-introduction .entry p{color: #767676;font-size: .14rem;}
.products-introduction a{width: 1.59rem;height: .47rem;line-height: .47rem;text-align: center;color: #fff;font-size: .18rem;background-color: #1E80ED;display: block;position: absolute;right: 0;bottom: 0;}
.products-introduction a:hover{background-color:#1e4fed}
.products-html{width: 8.95rem;margin-top: .4rem;}
.products-html img{max-width: 100%;width:100%}
.pop{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background-color: rgba(0,0,0,.7);display: none;align-items: center;justify-content: center;z-index: 999;}
.pop>div{width: 10rem;height: 6.85rem;border-radius: .2rem;background-color: #fff;position: relative;overflow: hidden;}
.pop i{width: .8rem;height: .8rem;display: block;background: url(images/success.png) no-repeat;background-size: .8rem;margin: 0 auto;margin-top: 2.1rem;}
.pop h1{box-sizing: border-box;padding-left: 1.05rem;line-height: .84rem;padding-top: .64rem;padding-bottom: .3rem;font-size: .58rem;font-weight: bold;display: block}
.pop h2{line-height: 1.25rem;font-size: .48rem;display: block;color: #1A1A1A;text-align: center}
.pop a.close{width: .36rem;height: .36rem;display: block;position: absolute;right: .24rem;top: .24rem;background: url(images/close.png) no-repeat;background-size: .36rem;}
.pop a.submit{width: 2.07rem;height: .6rem;display: block;position: absolute;right: .95rem;bottom: .32rem;font-size: .24rem;font-weight: bold;color: #fff;text-align: center;line-height: .6rem;border-radius: .05rem;background-color: #3869f4}
.pop a.submit:hover{background-color:#1e4fed}
.pop a.close_input{width: 2.07rem;height: .6rem;display: block;font-size: .24rem;font-weight: bold;color: #fff;text-align: center;line-height: .6rem;border-radius: .05rem;background-color: #1E80ED;margin: 0 auto;}
.pop a.close_input:hover{background-color:#1e4fed}
.pop ul{width: 7.93rem;height: 4rem;margin: 0 auto;display: flex;flex-wrap:wrap;justify-content: space-between}
.pop ul li{width: 7.93rem;}
.pop ul li:nth-child(2){width: 3.87rem;}
.pop ul li:nth-child(1){width: 3.87rem;}
.pop ul span{width: 100%;font-size: .18rem;color: #000;height: .35rem;line-height: .35rem;display: block;}
.pop ul input{width: 100%;height: .58rem;line-height: .58rem;color: #000;font-size: .22rem;}
.pop ul textarea{width: 100%;height: 1.2rem;line-height: .2rem;color: #000;box-sizing: border-box;padding: .1rem;resize: none;font-size: .22rem;}