/*侧滑栏*/
.menuBar{position: fixed;height: 100%;width: 45%;background: #333;overflow: hidden;right: -45%;z-index: 999;top: 2.2rem;}
.menuBar-ac{right: 0;z-index: 20;background: #333;}
.warp{height: auto;width: 100%;margin-left: 0;margin-left:0;position: relative;z-index: 1;margin-top: 2.2rem;}
.warp-ac{margin-left: -45%;}
.opa{height: 100%;width: 100%;background: #000;z-index: -1;position: fixed;top: 0;left: 0;display: none;overflow: hidden;}
.opa-ac{z-index: 15;opacity:0.2;display: block;}
.menu_list{width: 100%;height: auto;overflow: hidden;}
.menu_list li{transform: translate(100%,0);opacity: 0;  width: 100%;height: 2rem;overflow: hidden;border-left: 5px solid #1E1E1E;box-sizing:border-box;background: url(../images/arrow_r.png) 1rem 0.8rem no-repeat;}
.menu_list li:nth-child(2n-1){background: #696969 url(../images/arrow_r.png) 1rem 0.8rem no-repeat;}
.menu_list li a{display: block;color:#eee;font-size: 0.7rem;line-height: 2rem;height: 2rem;text-align: center;}
/*侧边栏动画*/
.menu_list .done{transform: translate(0,0);opacity: 1;}

/*header*/
.header{width: 100%;height: 2.2rem;padding: 0 0.5rem;display: flex;justify-content: space-between;position: fixed;top: 0;z-index: 999;background-color: #fff;}
.header-logo{width: 6.425rem;height: 100%;background: url(../images/header-logo.png) center center no-repeat;background-size: 100%;}
.header-btn{width: 1.5rem;height: 100%;display: flex;align-items: center;justify-content: space-around;}
.header-btn .block{background-color: #000;border-radius: 50%;width: 0.25rem;height: 0.25rem;transition: all .6s;-webkit-border-radius: 50%;}
.header-btn .ac{width: 0.375rem;height: 0.375rem;}

/*banner*/
.banner{height: 7.625rem;width: 100%;margin-top: 2.2rem;}
.banner img{width: 100%;height: 100%;}

/*iAdv*/
.iAdv{width: 100%;height: 18.75rem;background: url(../images/iAdv.jpg) center center no-repeat;background-size: 100%;}

/*iPro*/
.iPro{overflow: hidden;padding-bottom: 2.5rem;}
.iPro-top{width: 100%;height: 1.775rem;display: flex;justify-content: center;}
.iPro-top img{width: 7.15rem;height: 100%;}
.iPro-list{width: 100%;height: 10.5rem;display: flex;justify-content: space-around;flex-wrap: wrap;margin-top: 0.5rem;}
.iPro-list li{width: 5.525rem;height: 4.925rem;}
.iPro-list img{width: 100%;height: 3.925rem;}
.iPro-list li a span{font-size: 0.4rem;line-height: 0.4rem;text-align: center;display: block;width: 100%;}
.iPro-list .li6{position: relative;}
.iPro-list .li6:after{content: '';height: 4.25rem;width: 1px;background-color: #296fb7;position: absolute;right: 0;bottom: 0.075rem;}
.iPro-list .li6:before{content: '';width: 4.25rem;height: 1px;background-color: #296fb7;position: absolute;bottom:0.5rem;right: -0.255rem;}

/*footer*/
.footer{width: 100%;height: 2.5rem;display: flex;justify-content: space-around;margin-top: 1rem;border-top: 1px solid #eee;padding: 0.025rem 0;position: fixed;bottom: 0;background-color: #fff;z-index: 999;}
.footer-nav{width: 1.25rem;height: 100%;display: flex;flex-flow: column wrap;justify-content: space-around; }
.footer-nav .icon1{width: 1.25rem;height: 1.25rem;background: url(../images/footer-icon1a.png);background-size: 100%;}
.footer-nav .icon2{width: 1.25rem;height: 1.25rem;background: url(../images/footer-icon2a.png);background-size: 100%;}
.footer-nav .icon3{width: 1.1rem;height: 1.25rem;background: url(../images/footer-icon3a.png);background-size: 100%;}
.footer-nav .icon4{width: 1.25rem;height: 1.25rem;background: url(../images/footer-icon4a.png);background-size: 100%;}
.footer-nav span{display: block;width: 100%;height: 0.6rem;font-size: 0.55rem;text-align: center;}
.footer-nav.touch .icon1{width: 1.25rem;height: 1.25rem;background: url(../images/footer-icon1b.png);background-size: 100%;}
.footer-nav.touch .icon2{width: 1.25rem;height: 1.25rem;background: url(../images/footer-icon2b.png);background-size: 100%;}
.footer-nav.touch .icon3{width: 1.1rem;height: 1.25rem;background: url(../images/footer-icon3b.png);background-size: 100%;}
.footer-nav.touch .icon4{width: 1.25rem;height: 1.25rem;background: url(../images/footer-icon4b.png);background-size: 100%;}
.footer-nav.touch span{color: #296fb7;}

/*page*/
.page-header{height: 2.2rem;width: 100%;background-color: #296fb7;display: flex;justify-content: space-between;padding: 0 0.5rem;position: fixed;top: 0;z-index: 999;}
.page-header-back{height: 100%;width: 0.5rem;background: url(../images/page-header-back.png) center center no-repeat;background-size: 0.5rem;}
.page-header-title{font-size: 0.9rem;color: #fff;line-height: 2.2rem;}
.page-header .header-btn .block{background-color: #fff;}

/*page-nav*/
.page-nav{height: 2.1rem;width: 100%;display: flex;justify-content: space-around;align-items: center;box-shadow: 5px 0 5px rgba(0,0,0,0.3);margin-top: 2.2rem;}
.page-nav-btn{width: 0.6rem;height: 1rem;background-size: 100%;}
.page-nav-btn.lbtn{background: url(../images/lbtn.png) center center no-repeat;}
.page-nav-btn.rbtn{background: url(../images/rbtn.png) center center no-repeat;}
.page-nav-wrap{height: 1.25rem;width: 15.75rem;position: relative;overflow: hidden;}
.page-nav-list{height: 1.25rem;position: absolute;left: 0;overflow: hidden;width: 200%;transition: all .3s;}
.page-nav-list li{width: 3.9rem;height: 1.25rem;border-radius: 8px;float: left;margin-left: 2.025rem;}
.page-nav-list li:first-child, .page-nav-list li:nth-child(4){margin-left: 0;}
.page-nav-list li a{display: block;line-height: 1.25rem;text-align: center;font-size: 0.5rem;}
.page-nav-list .touch{background-color: #296fb7;}
.page-nav-list .touch a{color: #fff;}

/*page-about*/
.page-con{padding: 1.325rem 0.5rem 0;text-align: justify;padding-bottom: 2.5rem;font-size: 0.5rem;}
.page-about{overflow: hidden;}
.page-about img{display: block;width: 5rem;float: left;margin-left: 0.5rem;}
.product-list{overflow: hidden;display: flex;flex-flow: row wrap;justify-content: space-between;}
.product-list li{width: 5.15rem;height: 5.7rem;overflow: hidden;margin-bottom: 0.5rem;}
.product-list a{display: block;}
.product-list img{width: 5.15rem;height: 4.4rem;display: block;}
.product-list span{display: block;height: 1.3rem;line-height: 1.3rem;font-size: 0.5rem;color: #6a6a6a;text-align: center;}
.propage{overflow: hidden;}
.propage img{display: block;max-width: 9rem;margin: 0 auto;}
.propage span{display: block;margin-top: 1rem;font-size: 0.5rem;text-align: center;color: #6a6a6a;}

.contact{overflow: hidden;}
.contact img{display: block;margin: 0 auto;width: 17.75rem;}
.contact ul{overflow: hidden;margin: 0 auto;}
.contact li{margin-top: 1rem;height: 1rem;width: 17.75rem;}
.contact li a{display: block;}
.contact .icon{display: block;float: left;width: 1rem;height: 1rem;}
.contact .icon1{background: url(../images/contact-icon1.png) center center no-repeat;background-size: 100% 100%;}
.contact .icon2{background: url(../images/contact-icon2.png) center center no-repeat;background-size: 100% 100%;}
.contact .icon3{background: url(../images/contact-icon3.png) center center no-repeat;background-size: 100% 100%;}
.contact .icon4{background: url(../images/contact-icon4.png) center center no-repeat;background-size: 100% 100%;}
.contact .icon5{background: url(../images/contact-icon5.png) center center no-repeat;background-size: 100% 100%;}
.contact li span{display: block;float: left;margin-left: 0.5rem;font-size: 0.5rem;line-height: 1rem;}
.contact .icon.btn{float: right;background: url(../images/rbtn.png) center center no-repeat;}
.contact-tit{width: 3.9rem;height: 1.25rem;border-radius: 8px;color: #fff;display: block;background-color: #296fb7;margin: 0 auto;line-height: 1.25rem;text-align: center;font-size: 0.5rem;}

.page-news{overflow: hidden;width: 17rem;margin: 0 auto;}
.page-news li{height: 1.5rem;width: 100%;border-bottom: 1px dashed #ccc;}
.page-news li .sp1{display: block;font-size: 0.75rem;line-height: 1.5rem;overflow: hidden;height: 1.5rem;width: 70%;float: left;text-indent: 0.25rem;}
.page-news li .sp2{display: block;font-size: 0.6rem;line-height: 1.5rem;float: right;}

.pageindex{text-align: center;width: 100%;overflow: hidden;}
.pageindex a{display: inline-block;}

.product-list2 img{width: 5.15rem;height: 4.4rem;display: block;margin-bottom: 0.5rem}