/*侧滑栏*/
.menuBar{position: fixed;height: 100%;width: 45%;background: #333;overflow: hidden;right: -45%;z-index: 990;top: 3rem;}
.menuBar-ac{right: 0;z-index: 20;background: #333;}
.wrap{height: auto;width: 100%;overflow: hidden;margin-left: 0;margin-right:0;position: relative;z-index: 1;margin-top: 3rem;}
.wrap-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-right: 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;}
#load{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../images/load.jpg) center 0 no-repeat;background-size: 100%;z-index: 999;display: none;transition: all .3s;}

/*header*/
.header{height: 3rem;overflow: hidden;background-color: #f4f4f4;position: fixed;top: 0;width: 100%;z-index: 990;}
.header-logo{width: 6.125rem;height: 100%;background: url(../images/header-logo.png) center center no-repeat;background-size: 100%;margin-left: 1rem;display: block;}
.header-line{margin-left: 8.75rem;height: 1.35rem;margin-top: 0.825rem;border-left: 1px solid #c7c7c7;border-right: 1px solid #fff;}
.header-btn{margin-left: 0.75rem;width: auto;height: auto;margin-top: 0.95rem;}
.header-btn i{font-size: 1.025rem;display: block;color: #2666b2;}
/*banner*/
.banner{height: 9.4rem;overflow: hidden;}
.banner img{width: 100%;height: 9.4rem;}
/*nav*/
.nav{width: 100%;height: 4.3rem;display: flex;justify-content: center;align-items: center;box-shadow: 0 5px 5px #e1e1e1;}
.nav-wrap{width: 14.875rem;height: 2.75rem;display: flex;justify-content: space-between;}
.nav-list{width: 2.75rem;height: 2.75rem;display: block;border-radius: 5px;}
.nav-list.touch{background-color: #3969d1;}
.nav-list i{display: block;font-size: 1.5rem;text-align: center;color: #787878;margin-top: 0.155rem;}
.nav-list span{display: block;text-align: center;font-size: 0.4rem;color: #515151;}
.nav-list.touch i,.nav-list.touch span{color: #fff;}
/*iPro*/
.iPro{height: 15.5rem;overflow: hidden;padding-bottom: 1.175rem;}
.iPro-top{display: block;text-align: center;font-size: 0.7rem;margin-top: 1.35rem;color: #3b6dd2;font-weight: bold;}
.iPro-line{height: 3px;width: 6.25rem;margin: 0.4rem auto;background: url(../images/iPro-line.png) center center no-repeat;}
.iPro-wrap{width: 17.325rem;height: 11.525rem;margin: 0 auto;margin-top: 0.5rem;display: flex;justify-content: space-between;align-content: space-between;flex-wrap: wrap;}
.iPro-list{width: 5.5rem;height: 5.5rem;position: relative;overflow: hidden;}
.iPro-list.list4{width: 11.43rem;}
.iPro-list div{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 10;transition: all .3s;}
.iPro-list span{width: 3.125rem;height: 1rem;display: block;position: absolute;background-color: #3661c0;z-index: 30;left: 50%;top: 50%;transform: translate(-50%,-50%);font-size: 0.5rem;color: #fff;line-height: 1rem;text-align: center;transition: all .3s;}

.iPro-list.list4 span{width: 7.9rem;}
.iPro-list.list1 div{background: url(../images/iPro-list1.jpg) center center no-repeat;background-size: 100%;}
.iPro-list.list2 div{background: url(../images/iPro-list2.jpg) center center no-repeat;background-size: 100%;}
.iPro-list.list3 div{background: url(../images/iPro-list3.jpg) center center no-repeat;background-size: 100%;}
.iPro-list.list4 div{background: url(../images/iPro-list4.jpg) center center no-repeat;background-size: 100%;}
.iPro-list.list5 div{background: url(../images/iPro-list5.jpg) center center no-repeat;background-size: 100%;}

.iPro-list.touch div{transform: scale(1.1);}
.iPro-list.touch span{width: 100%;height: 100%;line-height: 5.5rem;opacity: 0.7;}

/*footer*/
.footer{width: 100%;height: 1.175rem;text-align: center;line-height: 1.175rem;color: #fff;background-color: #1e5bb4;font-size: 0.3rem;position: fixed;bottom: 0;z-index: 990;}
.foot-ac{margin-left: -45%;}
/*关于我们*/
/*about*/
.about{width: 100%;padding-bottom: 3.2rem;background-color:#FCFCFC;min-height: 26.5rem;}
.aboutTop{width: 100%;height: 3.15rem;border-top: 2px solid #1756B0;background: url(../images/aboutTop.png) 0 2.75rem no-repeat;background-size: 100%;}
.aboutTop p{text-align: center;font-size: 1.25rem;color: #1756B0;line-height: 2.7rem;background-size: 100%;}
/*.aboutTop .fil{ height:1px;border:none;border-top:1px solid #1E90FF;width: 100%;margin-top: 0.1rem;} */ 
.aNav{width: 18.125rem;padding-bottom: 1rem;margin: 0 auto;min-height: 2.5rem;}
.aNav ul{width: 100%;margin-top: 0.5rem;height: auto;padding-bottom: 0.7rem;overflow: hidden;}
.aNav li{overflow: hidden; height: 1.75rem;width: 5.4rem;border: 1px solid #104E8B;margin-left: 0.6rem;float: left;box-shadow: #d0d0d1 0px 0px 10px;margin-top: 0.5rem;}
.aNav li:nth-child(1),.aNav li:nth-child(3n+1){margin-left: 0;}
.aNav .touch{box-shadow: none;background: #104E8B;}
.aNav .touch a{color: #FFF;}
.aNav li a{color: #104E8B;text-align: center;font-size: 0.8rem;line-height: 1.75rem;height: 1.75rem;width: 5.4rem;display: block;}
.about .aCon{width: 17.625rem;min-height: 3rem;border: 1px solid #104E8B;margin: 0 auto;border-radius:8px;background: #fff;padding: 0.5rem 0.25rem;overflow-x: auto;overflow-y: hidden;}
.about .aCon p{font-size: 0.7rem;text-indent: 1.4rem;line-height: 1rem;}
.about .aCon img{max-width: 18rem;}

/*新闻中心*/
.about .nCon{width: 17.625rem;min-height: 3rem;border: 1px solid #104E8B;margin: 0 auto;border-radius:8px;background: #fff;padding: 0.5rem 0.25rem;padding-bottom: 1.5rem;overflow: hidden;}
.about .nCon ul{width: 100%;height: 100%;}
.about .nCon li{width: 100%;height: 1.8rem;border-bottom: 1px dashed #104E8B;overflow: hidden;}


.about .nCon a{font-size: 0.8rem;text-indent: 1rem;line-height: 2rem;display: block;}

.about .pageCon{width: 17.625rem;min-height: 3rem;border: 1px solid #104E8B;margin: 0 auto;border-radius:8px;background: #fff;padding: 0.5rem 0.25rem;padding-bottom: 1.5rem;overflow: hidden;}
.about .pageCon h1{text-align: center;font-size: 1rem;}
.about .pageCon p{font-size: 0.7rem;text-indent: 1.4rem;line-height: 1rem;}
.about .pageCon span{font-size: 0.8rem;line-height: 1rem;display: block;}
.about .pageCon span:nth-of-type(1){margin-top: 1rem;}


/*产品中心*/
.proCon{width: 17.625rem;min-height: 3rem;border: 1px solid #104E8B;margin: 0 auto;border-radius:8px;background: #fff;padding: 0.5rem 0.25rem;padding-bottom: 2rem;overflow: hidden;}
.proCon ul{width: 100%;height: auto;overflow: hidden;}
.proCon li{width: 7.5rem;height: 8.5rem;float: left;margin-top: 0.5rem;}
.proCon li img{border: 1px solid #ccc;width: 6.5rem;height: 6.5rem;margin: 0 auto;display: block;}
.proCon li .touch{box-shadow: #d0d0d1 0px 0px 10px;}
.proCon li:nth-child(2n){float: right;}
.proCon li a{display: block;text-align: center;font-size: 0.6rem;color: #000;}
.pageindex{width: 100%;height: 50px;line-height: 50px;text-align: center;overflow: hidden;}
.pageindex a{display: inline-block;margin-left:10px;margin-right: 10px;font-size: 0.7rem}

.propage{width: 17.625rem;min-height: 3rem;border: 1px solid #104E8B;margin: 0 auto;border-radius:8px;background: #fff;padding: 0.5rem 0.25rem;padding-bottom: 2rem;overflow: hidden;}
.propage img{border: 1px solid #ccc;width: 6.5rem;height: 6.5rem;margin-left: 1rem;display: block;margin-top: 1.2rem;float: left;}
.propage .proT{margin-left: 1.2rem;margin-top: 1rem;width: 4.5rem;height: auto;overflow: hidden;float: left;}
.propage .proT p{font-size: 0.8rem;display: block;margin-top: 1rem;}
.propage .proT p:nth-child(2n){margin-top: 0;}
.propage .proT2{display: block;width: 16.5rem;min-height: 4rem;font-size: 0.7rem;overflow-x: auto;margin-left: 1rem;margin-top: 2.2rem;overflow-y:hidden;}
.propage .proT p{font-size: 0.8rem;display: block;margin-top: 1rem;}
.propage .proT2 img{width: 100%;height: auto;margin-left: 0}