@charset "utf-8";
/* CSS Document */

body{ width:100%; min-width:320px; max-width:640px; margin:0 auto; font-family: Arial,Microsoft YaHei; color:#333; font-size:0.8rem;}
a,a:hover,a:visited{ color:inherit; text-decoration:none;}
.clear{ clear:both; float:none !important; width:0 !important; height:0 !important; margin:0 !important; padding:0 !important; border:none !important;}
.clearfix:after{ content:""; height:0; display:block; clear:both; visibility:hidden;}
.flex-display{ display:-webkit-flex; display:-webkit-box; display:-ms-flexbox; display:-moz-flex; display:flex;}
.flex-wrap{ -webkit-flex-wrap:wrap; -webkit-box-flex-wrap:wrap; -ms-flex-wrap:wrap; -moz-flex-wrap:wrap; flex-wrap:wrap;}
.flex-alignC{-webkit-align-items:center; -webkit-box-align:center;  -moz-align-items:center; align-items:center; -ms-flex-align:center;}
.flex-flex1{ -webkit-flex:1; -webkit-box-flex:1; -ms-flex:1; -moz-flex:1; flex:1;}
.flex-flex2{ -webkit-flex:2; -webkit-box-flex:2; -ms-flex:2; -moz-flex:2; flex:2;}
img{ vertical-align:bottom;}
input,textarea,button{ font-family: Arial, Microsoft YaHei;}


/*top*/
.top{ position:relative; z-index:10;}
.top1{ background-color:#000; color:#fff; padding:0.4rem 0 0.3rem 0; }
.top1 .logo2{ margin-left:4rem; line-height:1;}
.top1 .logo2 img{ vertical-align:top; width:8.75rem;}
.top1 .tel{ font-size:0.45rem; height:0.75rem; line-height:0.75rem; font-style:italic; padding-left:1rem; background:url(../images/tel.png) left center no-repeat; background-size:0.75rem 0.75rem; margin-left:10.4rem;}
.top1 .tel span{ display:inline-block; vertical-align:middle;}
.top1 .tel.anima span{ animation:telanimate 0.5s linear; -moz-animation:telanimate 0.5s linear; -webkit-animation:telanimate 0.5s linear;}
.top1 .tel .tel1{}
.top1 .tel.anima .tel2{ animation-delay:0.1s; -moz-animation-delay:0.1s; -webkit-animation-delay:0.1s;}
.top1 .tel.anima .tel3{ animation-delay:0.2s; -moz-animation-delay:0.2s; -webkit-animation-delay:0.2s;}
.top1 .tel.anima .tel4{ animation-delay:0.7s; -moz-animation-delay:0.7s; -webkit-animation-delay:0.7s;}
.top1 .tel.anima .tel5{ animation-delay:0.8s; -moz-animation-delay:0.8s; -webkit-animation-delay:0.8s;}
.top1 .tel.anima .tel6{ animation-delay:0.9s; -moz-animation-delay:0.9s; -webkit-animation-delay:0.9s;}
.top1 .tel.anima .tel7{ animation-delay:1s; -moz-animation-delay:1s; -webkit-animation-delay:1s;}
.top1 .tel.anima .tel8{ animation-delay:1.5s; -moz-animation-delay:1.5s; -webkit-animation-delay:1.5s;}
.top1 .tel.anima .tel9{ animation-delay:1.6s; -moz-animation-delay:1.6s; -webkit-animation-delay:1.6s;}
.top1 .tel.anima .tel10{ animation-delay:1.7s; -moz-animation-delay:1.7s; -webkit-animation-delay:1.7s;}
.top1 .tel.anima .tel11{ animation-delay:1.8s; -moz-animation-delay:1.8s; -webkit-animation-delay:1.8s;}

.top1 .logo{ position:absolute; top:0px; left:0.5rem; width:2.5rem; line-height:0;}
.top1 .logo .logoBlock{ position:relative;}
.top1 .logo img{ width:100%;}
.top1 .logo .img2{ position:absolute; top:0; left:0;}
.top1 .logo .img3{ position:absolute; top:0; left:0;}

@keyframes telanimate
{
0% { margin-top:0;}
50% { margin-top:-12px;}
100% { margin-top:0;}
}

@-moz-keyframes telanimate /* Firefox */
{
0% { margin-top:0;}
50% { margin-top:-12px;}
100% { margin-top:0;}
}

@-webkit-keyframes telanimate /* Safari 和 Chrome */
{
0% { margin-top:0;}
50% { margin-top:-12px;}
100% { margin-top:0;}
}


@keyframes shining
{
0% { opacity:0.55; filter:alpha(opacity=55);}
50% { opacity:1; filter:alpha(opacity=100);}
100% { opacity:0.55; filter:alpha(opacity=55);}
}

@-moz-keyframes shining /* Firefox */
{
0% { opacity:0; filter:alpha(opacity=0);}
50% { opacity:1; filter:alpha(opacity=100);}
100% { opacity:0; filter:alpha(opacity=0);}
}

@-webkit-keyframes shining /* Safari 和 Chrome */
{
0% { opacity:0; filter:alpha(opacity=0);}
50% { opacity:1; filter:alpha(opacity=100);}
100% { opacity:0; filter:alpha(opacity=0);}
}

/*banner*/
.banner{ width:100%; position:relative; z-index:9;}
.banner img{ width:100%;}

.swiper-button-next, .swiper-button-prev{ background:none; width:0.4rem; margin-top:-0.5rem; height:1rem;}
.swiper-pagination-bullet{ width:0.7rem; height:4px; background-color:rgba(255,255,255,0.5); border-radius:0; opacity:1;}
.swiper-pagination-bullet-active{ background-color:rgba(68,120,164,0.7); opacity:1;}

.otherBanner{ width:100%; overflow:hidden;}
.otherBanner img{ width:100%;}

.contain{}
/*index*/
.indexCont{}
.indexCont1{ padding-top:0.7rem;}
.indexCont1 .title{ font-size:0.6rem; line-height:1rem; color:#7a7a7a; margin-bottom:0.8rem; text-indent:2em; padding:0 1rem;}
.indexCont1 .more{ display:block; margin:0 auto; width:5.1rem; height:1.1rem; line-height:1.1rem; text-align:center; color:#fff; background-color:#7a7a7a; font-size:0.5rem;  margin-bottom:1.1rem;}
.indexTitle{ text-align:center; font-size:0.6rem; color:#3c3c3c;}
.indexTitle span{ color:#084c97;}
.indexTitle .border{ padding-top:0.5rem; text-align:center; line-height:0.1rem;}
.indexTitle .border b{ display:inline-block; vertical-align:middle; width:0.4rem; height:0.1rem; background-color:#3c3c3c;}
.indexTitle .border b:last-child{ background-color:#084c97; border-left:1px solid #3e6692;}
.indexCont1 .IC1BG{ background-color:#eee; padding:0.8rem 0 0 0; position:relative;}
.indexCont1 .list{ padding-top:0.8rem;}
.indexCont1 .list ul{}
.indexCont1 .list li{ float:left; text-align:center; width:50%; padding:0.55rem 1rem; box-sizing:border-box; border-bottom:1px solid #dcdcdc;}
.indexCont1 .list li:last-child{ width:100%; border-bottom:0;}
.indexCont1 .list li:nth-of-type(2n){ border-left:1px solid #dcdcdc;}
.indexCont1 .list li .img{ position:relative; width:1.95rem; margin:0 auto; margin-bottom:0.5rem;}
.indexCont1 .list li .img img{ width:1.95rem;}
.indexCont1 .list li .himg{ position:absolute; width:1.95rem; height:2.1rem; overflow:hidden; transition:0.5s all; -webkit-transition:0.5s all;}
.indexCont1 .list li .himg img{ position:absolute;  width:1.95rem;}
.indexCont1 .list li .imgeffect1{}
.indexCont1 .list li .imgeffect1 .himg{ left:0; top:0; opacity:0; filter:alpha(opacity=0);}
.indexCont1 .list li .imgeffect1 .himg img{ left:0; top:0;}
.indexCont1 .list li.curr .imgeffect1 .himg{ opacity:1; filter:alpha(opacity=100);}
.indexCont1 .list li .imgeffect2{}
.indexCont1 .list li .imgeffect2 .himg{ left:0; top:0; width:0;}
.indexCont1 .list li .imgeffect2 .himg img{ left:0; top:0;}
.indexCont1 .list li.curr .imgeffect2 .himg{ width:1.95rem;}
.indexCont1 .list li .imgeffect3{}
.indexCont1 .list li .imgeffect3 .himg{ right:0; top:0; width:0;}
.indexCont1 .list li .imgeffect3 .himg img{ right:0; top:0;}
.indexCont1 .list li.curr .imgeffect3 .himg{ width:1.95rem;}
.indexCont1 .list li .imgeffect4{}
.indexCont1 .list li .imgeffect4 .himg{ right:0; top:0; height:0;}
.indexCont1 .list li .imgeffect4 .himg img{ right:0; top:0;}
.indexCont1 .list li.curr .imgeffect4 .himg{ height:2.1rem;}
.indexCont1 .list li .imgeffect5{}
.indexCont1 .list li .imgeffect5 .himg{ right:0; bottom:0; height:0;}
.indexCont1 .list li .imgeffect5 .himg img{ right:0; bottom:0;}
.indexCont1 .list li.curr .imgeffect5 .himg{ height:2.1rem;}
.indexCont1 .list li h1{ margin-bottom:0.3rem; font-size:0.65rem;}
.indexCont1 .list li p{ font-size:0.45rem; line-height:0.65rem; color:#7a7a7a; max-height:1.3rem; overflow:hidden;}

.indexCont1 .abList{ width:100%; position:absolute; top:0.8rem; overflow:hidden; height:0; max-height:17.5rem;}
.indexCont1 .abList h1,.indexCont1 .abList p,.indexCont1 .abList .indexTitle{ opacity:0; filter:alpha(opacity=0);}

.indexCont2{ padding-bottom:2rem; padding-top:0.7rem; background:url(../images/IC2_bg.jpg) center no-repeat; background-size:cover;}
.indexCont2 .flipBlock{ padding-top:0.8rem;}
.indexCont2 .flip-container{ perspective: 1000; -webkit-perspective: 1000; width:46%; margin:0 2%; height:7rem; margin-bottom:0.5rem;}
.indexCont2 .flip-container.hover .flipper {transform: rotateY(180deg); -webkit-transform: rotateY(180deg);}
.indexCont2 .front, .indexCont2 .back { width:100%; border:1px solid #0076cb; border-radius:5px; box-sizing:border-box;}
.indexCont2 .flipper { transition: 0.3s 0.2s  cubic-bezier(0.68, -0.55, 0.27, 1.55); -webkit-transition: 0.3s 0.2s  cubic-bezier(0.68, -0.55, 0.27, 1.55); transform-style: preserve-3d; -webkit-transform-style: preserve-3d; position: relative;}
.indexCont2 .front,.indexCont2 .back {backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; position: absolute;top: 0;left: 0; transition: all 0.6s ease 0s; transform-style: preserve-3d;}
.indexCont2 .front { z-index: 2; background-color:#fff; text-align:center; padding-top:0.5rem;}
.indexCont2 .front .img{ text-align:center; margin-bottom:0.5rem;}
.indexCont2 .front .img img{ width:6rem; height:4.8rem;}
.indexCont2 .front .sign{ width:1.35rem; height:1.6rem; text-align:center; line-height:1.6rem; background:url(../images/IC2_bg02.png) center no-repeat; background-size:100% 100%; font-size:0.675rem; color:#fff; position:absolute; right:0; bottom:0;}
.indexCont2 .flip-container:nth-of-type(2n) .front .sign{ right:auto; left:0;}
.indexCont2 .flip-container:last-child{ margin:0 auto; float:none; clear:both;}
.indexCont2 .front h1{ font-size:0.45rem; margin-bottom:0.55rem; color:#fff; background-color:#0076db;}
.indexCont2 .front p{ font-size:14px; line-height:22px; color:#7a7a7a;}

.indexCont2 .back { display:block; color:#fff; text-align:center; transform: rotateY(180deg); -webkit-transform: rotateY(180deg); background-color:#0076db; height:7rem;}
.indexCont2 .back h1{ font-size:0.6rem; margin-bottom:0.5rem; padding-top:0.5rem;}
.indexCont2 .back p{ font-size:0.45rem; line-height:0.6rem; height:1.8rem; overflow:hidden; padding:0 0.5rem; margin-bottom:0.5rem;}
.indexCont2 .back .sign{ width:1.35rem; height:1.6rem; text-align:center; line-height:1.6rem; background:url(../images/IC2_bg02_h.png) center no-repeat; margin:0 auto; background-size:100% 100%; font-size:0.6rem; color:#0076db; margin-bottom:0.3rem;}
.indexCont2 .back .more{ font-size:0.5rem; font-weight:normal;}

.indexCont3{ padding:0.7rem 0; background:url(../images/IC3_bg.jpg) center no-repeat; background-size:cover; position:relative; overflow:hidden;}
.indexCont3 .title{ text-align:center; margin-bottom:0.5rem;}
.indexCont3 .title img{ width:6rem;}
.indexCont3 .list{ padding:0.8rem 0;}
.indexCont3 .list ul{ text-align:center; padding-top:0;}
.indexCont3 .list li{ display:inline-block; width:2.05rem; height:2.05rem; background-color:#fff; transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); box-shadow:3px 0 5px #333; overflow:hidden; position:relative; margin-right:1rem; margin-top:-0.5rem;}
.indexCont3 .list li img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) rotate(-45deg); -webkit-transform:translate(-50%,-50%) rotate(-45deg); width:2.05rem;}
.indexCont3 .list li:first-child,.indexCont3 .list li:nth-child(10),.indexCont3 .list li:nth-child(14){ margin-left:1rem;}
.indexCont3 .list li:nth-child(9){ margin-right:0;}
.indexCont3 .list li .liHover{ position:absolute; background-color:#0076db; top:0; left:0; width:0; height:0; overflow:hidden;}
.indexCont3 .list li .liHover p{ font-size:0.55rem; color:#fff; display:inline-block; position:absolute; left:0; top:0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); white-space:nowrap; width:2.05rem; height:2.05rem; line-height:2.05rem;}
.indexCont3 .abList2 .list li .liHover{ width:2.05rem; height:2.05rem;}
.indexCont3 .list li:nth-child(even) .liHover{ top:auto; left:auto; bottom:0; right:0;}
.indexCont3 .list li:nth-child(even) .liHover p{ top:auto; left:auto; bottom:0; right:0;}

.indexCont3 .abList2{ position:absolute; width:100%; top:0px; padding:0.7rem 0; height:2rem; overflow:hidden;}
.indexCont3 .abList2 .abBlock{ position:absolute; top:-0px; padding:0.7rem 0;}
.indexCont3 .abList2 .title{ opacity:0; filter:alpha(opacity=0);}


.indexCont4{ padding:0.7rem 0; background:url(../images/IC4_bg2.png) center no-repeat; background-size:auto 100%; box-sizing:border-box; height:10.65rem; position:relative;}
.indexCont4 .title{ font-size:0.6rem; line-height:0.7rem; padding:0 0.6rem; text-align:center; color:#7a7a7a;}
.indexCont4 .title span{ color:#0076db;}
.indexCont4 .imgs{ position:relative; height:6.95rem;}
.indexCont4 .imgs img{ position:absolute; bottom:0.8rem;}
.indexCont4 .imgs .img1{ z-index:10; left:2rem; bottom:1rem; width:4rem;}
.indexCont4 .imgs .img2{ z-index:12; left:5rem; width:2.8rem}
.indexCont4 .imgs .img3{ z-index:12; left:2.6rem; width:0.7rem}
.indexCont4 .imgs .img4{ z-index:12; left:1rem; width:1.6rem;}

.indexCont5{ padding:0.7rem 0; background:url(../images/IC5_bg.jpg) center no-repeat; background-size:cover;}
.indexCont5 .form{ padding-top:0.6rem; text-align:center;}
.indexCont5 .form .formBlock{ text-align:left; margin:0 0.5rem; }
.indexCont5 .form .formBlock textarea{ width:100%; height:7.5rem; box-sizing:border-box; padding:0.4rem; border:1px solid #999; line-height:1.3; font-size:0.45rem; color:#7a7a7a; resize:none;}
.indexCont5 .form .formBlock input{ width:100%; height:1.625rem; padding:0 0.4rem; box-sizing:border-box; border:1px solid #999; font-size:0.45rem; color:#7a7a7a;}
.indexCont5 .form .formBlock .inputBlank{ height:1rem;}
.indexCont5 .form .formBlock button{ width:100%; height:1.5rem; padding:0; box-sizing:border-box; border:1px solid #b5b5b5; background-color:#084c97; color:#fff; font-size:0.6rem; cursor:pointer;}
.indexCont5 .form .formBlock img{ height:1.625rem; margin:0 0.3rem; vertical-align:top;}
.indexCont5 .form .formBlock a{ vertical-align:middle; font-size:0.45rem;; color:#084c97;}
.indexCont5 .inputBlock{ position:relative;}
.indexCont5 .inputBlock label{ position:absolute; left:0; bottom:-0.7rem; font-size:0.6rem; color:#f30;}

.indexCont6{ padding:0.7rem 0.8rem 0; background:url(../images/IC6_bg.jpg) center no-repeat; background-color:#5f6e7e;}
.indexCont6 .IC6Block{ color:#fff;}
.indexCont6 .IC6Block h1{ font-size:0.75rem; margin-bottom:0.7rem;}
.indexCont6 .IC6Block h2{ font-size:0.4rem; padding-bottom:0.5rem;}
.indexCont6 .IC6Block ul{ font-size:0.4rem;}
.indexCont6 .IC6Block li{ float:left; width:50%; line-height:0.75rem; margin-bottom:0.45rem;}
.indexCont6 .IC6Block li img{ margin-right:0.1rem; width:0.75rem;}
  
.indexCont7{}
.indexCont7 img{ width:100%;}

/*botttom*/
.bottomBlank{ height:2rem;}
.bottom{ background:#000; width:100%; max-width:640px; height:2rem; position:fixed; bottom:0; color:#bfbfbf; text-align:center; font-size:0.45rem; z-index:99;}
.bottomNav{}
.bottomNav ul{}
.bottomNav li{ float:left; width:25%;}
.bottomNav li img{ height:0.8rem; padding:0.25rem 0;}
.bottomNav li h1{}
.bottomNav a{ display:block;}


/* side */
.side{position:fixed;width:2rem;height:10rem;right:0;top:35%;z-index:100;}
.side ul li{width:2rem;height:2rem;float:left;position:relative;border-bottom:1px solid #444; box-sizing:border-box;}
.side ul li .sidebox{position:absolute;width:2rem;height:2rem; line-height:2rem; top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font-size:0.45rem;overflow:hidden;}
.side ul li.curr .sidebox{ width:5rem; opacity:1;filter:Alpha(opacity=100); background-color:#ae1c1c;}
.side ul li .sidetop{width:2rem;height:2rem;line-height:2rem;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}

.side ul li img{float:left;width:2rem;height:2rem;}

/*about*/
.aboutCont{ padding:0.9rem 0 0 0;}
.otherTitle{ text-align:center; background-position: center bottom; background-repeat:no-repeat; font-size:0.6rem; padding-bottom:0.6rem;}
.aboutCont .otherTitle{ color:#ed525d; background-image:url(../images/title_border_about.jpg); background-size:90% 1px;}

.aboutCont1{ padding:1.5rem 0.5rem 0 0.5rem;}
.aboutCont1 .img{ width:7.45rem;}
.aboutCont1 .img img{ width:100%;}
.aboutCont1 .text{ width:7.2rem; width:100%;}
.aboutCont1 .text img{ float:left; width:7.45rem; margin:0 0.5rem 0 0;}
.aboutCont1 .text h1{ color:#ee535e; text-align:center; font-weight:bold; font-size:0.5rem; margin-bottom:0.5rem;}
.aboutCont1 .text p{ font-size:0.45rem; color:#666; line-height:1.3; text-indent:2em; margin-bottom:0.5rem;}

.aboutCont2{ background:url(../images/about_bg01.png) center no-repeat; background-size:100% auto; padding:0 0.5rem; padding-top:1.5rem; margin-bottom:1rem;}
.aboutCont2 .AC21,.aboutCont2 .AC22{}
.aboutCont2 .AC21 .text{ padding-top:0.3rem; width:5.4rem;}
.aboutCont2 .AC21 .text h1{ color:#ee535e; font-size:0.5rem; font-weight:bold; margin-bottom:0.4rem;}
.aboutCont2 .AC21 .text p{ color:#666; line-height:1.3; font-size:0.45rem}
.aboutCont2 .AC21 .img{ width:8.3rem;}
.aboutCont2 .AC21 .img img{ width:100%;}

.aboutCont2 .AC22 .img{ width:4.25rem;}
.aboutCont2 .AC22 .img img{ width:100%;}
.aboutCont2 .AC22 .text{ width:6.4rem; color:#fff; padding-top:1.3rem; margin-left:0.4rem;}
.aboutCont2 .AC22 .text h1{ font-size:0.5rem; font-weight:bold; margin-bottom:0.5rem; text-align:center;}
.aboutCont2 .AC22 .text p{ line-height:1.3; font-size:0.45rem;}

.aboutCont2 .AC23 .text{ width:5.4rem; padding-top:4rem;}
.aboutCont2 .AC23 .img{ padding-top:0;}

.aboutCont3{ }
.aboutCont3 .AC31{ height:9.5rem; background:url(../images/about_bg02.jpg) center top no-repeat; background-size:100% auto;}
.aboutCont3 .AC31 .text{ padding:0 0.5rem; padding-top:5rem; color:#666; font-size:0.45rem; line-height:0.6rem; height:3.6rem; overflow:hidden;}
.aboutCont3 .AC32{ height:10.2rem; background:url(../images/about_bg03.png) center top no-repeat; background-size:100% auto;}
.aboutCont3 .AC32 .text{ padding:0 0.5rem; padding-top:6.2rem; color:#666; font-size:0.45rem; line-height:0.6rem; height:3.6rem; overflow:hidden;}
.aboutCont3 .AC33{ height:9.5rem; background:url(../images/about_bg04.jpg) center top no-repeat; background-size:100% auto;}
.aboutCont3 .AC33 .text{ padding:0 0.5rem; padding-top:5rem; color:#666; font-size:0.45rem; line-height:0.6rem; height:3.6rem; overflow:hidden;}
.aboutCont3 .AC34{ height:10.2rem; background:url(../images/about_bg05.png) center top no-repeat; background-size:100% auto;}
.aboutCont3 .AC34 .text{ padding:0 0.5rem; padding-top:6.2rem; color:#666; font-size:0.45rem; line-height:0.6rem; height:3.6rem; overflow:hidden;}

/*case*/
.caseCont{ padding:1.3rem 0;}
.caseTitle{ width:12.5rem; border-bottom:1px solid #dedede; margin:0 auto; text-align:center; position:relative; font-size:0.45rem;  color:#787878; font-weight:bold; padding-bottom:0.65rem;}
.caseTitle a{ display:inline-block; padding-bottom:0.15rem; border-bottom:0.05rem solid #0076ca;}
.caseTitle b{ display:block; width:1px; height:0.5rem; background-color:#dedede; position:absolute; left:50%; margin-left:-0.5px; bottom:0;}

.caseNav{ width:15.15rem; margin:0 auto;}
.caseNav ul{ padding-top:0.65rem; margin-top:-1px;}
.caseNav li{ width:2.6rem; box-sizing:border-box; border-radius:5px; height:1.2rem; line-height:1.14rem; text-align:center; float:left; font-size:0.45rem; color:#333; margin-right:0.53rem; cursor:pointer; position:relative; transition: color 0.5s; -webkit-transition: color 0.5s; z-index:10; background-color:#fff;}
.caseNav li:last-child{ margin-right:0;}
.caseNav li a{ display:block; position:relative; z-index:10; background-color:#fff; border-radius:5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; border:1px solid #898989; transition:all 0.5s; -webkit-transition:all 0.5s;}
.caseNav li b{ display:block; width:1px; height:0.5rem; background-color:#dedede; position:absolute; top:-0.65rem; left:50%; cursor:default;}
.caseNav li i{ font-size:1rem; position:absolute; left:50%; transform:translate(-50%,60%); -webkit-transform:translate(-50%,60%);  bottom:-0rem; color:#0076ca; opacity:0; transition:all 0.5s; -webkit-transition:all 0.5s; z-index:9;}
.caseNav li.curr{ color:#fff;}
.caseNav li.curr a{ background-color:#0076ca; border-color:#0076ca;}
.caseNav li.curr i{ opacity:1;}

.caseBanner{ overflow:hidden; padding:0.4rem; display:none;}
.caseBanner.curr{ display:block;}
.caseBanner a{ display:block; float:left; width:50%; box-sizing:border-box; padding:0.2rem;}
.caseBanner a img{ width:100%; box-sizing:border-box; border:0.1rem solid #fff; border-radius:3px; box-shadow:0 0 6px #999;}

#loading{ text-align:center; padding-top:0.1rem; color:#646464;}
#loading i{ font-size:0.8rem;}
#loading p{ font-size:0.45rem;}
#loading img{ height:0.7rem; padding:0.35rem 0;}
#loading div{ display:none;}
#loading.status1 .b1{ display:block;}
#loading.status2 .b2{ display:block;}
#loading.status3 .b3{ display:block;}

/*弹框样式*/
.imgzoom_pack{
	width:100%;
	height:100%;
	position:fixed;
	left:0;
	top:0;
	background:rgba(0,0,0,.7);
	display:none;
	z-index:199;
}
.imgzoom_pack .imgzoom_x{
	color:#fff;
	height:30px;
	width:30px;
	line-height:30px;
	background:#000;
	text-align:center;
	position:absolute;
	right:5px;
	top:5px;
	z-index:200;
	cursor:pointer;
}
.imgzoom_pack .imgzoom_img{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	overflow:hidden;
}
.imgzoom_pack .imgzoom_img img{
	width:100%;
	position:absolute;
	top:50%;
}