/*-------------主体样式 开始-----------------------*/


/*首页样式*/
.page{
    text-align: left;position:relative;
}
.pos{ position: absolute; }

/*首页开屏秀 样式*/
.page1{
    background: url(../images/index/home1.jpg) no-repeat center top; background-size:cover;
    text-align:center;
    
}



/*第一屏样式*/
.page1 .p01{ width:100%; display: inline-block; font-size: 0; position: absolute; left: 0; top:12%; text-align: center; color: #2e2e2d; font-size: 1.3rem;}
.page1 .p01 img{ display: block; width: 12%; margin: 0 auto;}
.page1 .p01 strong{ display: block; color: #32200f; font-size: 2.2rem; padding: 0.55rem 0;}
.page1 .p01 strong{ animation:none;}
.page1 .p02{left:0; top:24.5%; text-align: center; width: 100%;}
.page1 .p02 img{ display: inline-block; width: 100%;}
.page1 .p092{ top:27%;}
.page .pb0{ position: absolute; width: 100%; left: 0; text-align: center; bottom:0; height: 4.1rem; line-height: 4.1rem; font-size: 1.13rem; color: #fff; background:#fff; padding:2rem 0;}
.page .pb0 i{ display: inline-block; width: 1.16rem; height: 1.16rem;  background-size: 100% 100%; margin:0 0.35rem;}
.page .pb0 i.cur{ background-size: 100% 100%; }
.page .p21{ position: absolute; right:12%; top:10.5%; width: 46%;}
.page .p22{ position: absolute; right:0; top:15%; width:100%; z-index:5; display: block;}
.page .p23{ position: absolute; right:24%; top:13.5%; width:10%; z-index:5; display: block; color: #2e2a2a; font-size: 2.25rem;font-family:"Microsoft YaHei"; line-height: 105%;}
.page .p24{ position: absolute; right:36%; top:21.5%; width:10%; z-index:5; display: block; color: #2e2a2a; font-size:1.5rem;font-family:"Microsoft YaHei"; line-height: 105%;}
/*第一屏动画*/
.cur .p01{ opacity: 1; animation: zoomIn 1s ease-in 0s both;-webkit-animation: zoomIn 1s ease-in 0s both; } /*pulse infinite*/
.cur .p02{animation: zoomIn 1s ease-in both; -webkit-animation: zoomIn 1s ease-in both;}
.cur .pb0{opacity: 1; animation: fadeInUp 1s ease 1s both; -webkit-animation: fadeInUp 1s ease 1s both;}

.cur .p21{animation: zoomIn 1s ease-in both; -webkit-animation: zoomIn 1s ease-in both;}
.cur .p22{animation: zoomIn 1s ease-in both; -webkit-animation: zoomIn 1s ease-in both;}
.cur .p23{animation: fadeInUpBig 1s ease-in both; -webkit-animation: fadeInUp 1s ease-in both;}
.cur .p24{animation: fadeInUpBig 1s ease-in both; -webkit-animation: fadeInUp 1s ease-in both;}

/*第二屏样式*/
.page2 .box2{bottom: 11.76%; position:absolute; width: 18.33rem; left: 50%; margin-left: -9.165rem;}
.page2 .p11{ width: 100%; text-align: center; }
.page2 .p11 img{ display: block; margin: 0 auto; height: 4.583rem; width: auto; }
.page2 .p12{ height: 5rem; padding-top: 0.83rem; padding-bottom: 0.83rem; font-size: 2rem; color: #fff; line-height: 2.5rem; background: #fc9925;width: 18.33rem; }
.page2 .p13{  height: 2.916rem; line-height: 2.916rem; font-size: 1.166rem; color: #fff;  }
.page2 .p13 em{ color: #fff; }
.page2 .p13:before{ content: ''; position: absolute; left: 0; width: 18.33rem; height: 2.916rem; background: #000; opacity: 0.5; z-index: -1; }
/*第二屏动画*/
.cur .p11{ animation: fadeInRight 0.75s ease 0.5s both; -webkit-animation: fadeInRight 0.75s ease 0.5s both; }
.cur .p12{animation: fadeInLeft 0.75s ease 0.5s both; -webkit-animation: fadeInLeft 0.75s ease 0.5s both;}
.cur .p13{animation: fadeInUp 1.5s ease 1.25s both; -webkit-animation: fadeInUp 1.5s ease 1.25s both;}

/*走进我们 开屏秀样式*/
.page11{
    background: url(../images/index/about1.jpg) no-repeat center top; background-size:cover;
    text-align:center;
    
}
.page12{
   background: url(../images/index/about2.jpg) no-repeat center top; background-size:cover;
   text-align:center;
}
.page13{
   background: url(../images/index/about3.jpg) no-repeat center top; background-size:cover;
   text-align:center;
}


/*走进我们 */
.ab01{ position: absolute; left: 2.3%; bottom:11%; background: url(../images/index/a_bg1.png) no-repeat; background-size:cover; width:71.5%; height: 16.7rem; display: block; font-size: 1rem; text-align: left; padding-top:4.5rem; box-sizing: border-box;}
.ab01 i{ display: block; font-weight: normal; color: #fff; font-size: 1.17rem;font-family:"Microsoft YaHei"; padding-left: 19%; margin-bottom: 0.75rem; line-height: 120%;}
.ab01 i span{ display: block; color: #fff;}
.ab01 b{ display: block; font-weight: normal; font-size:1.42rem; color: #fff; line-height: 132%;}
.ab02{ width: 21.3%; font-size: 0; position: absolute; left:46%; bottom:35.5%;}
.abj2{ left: 0; top: 19%; width: 100%;}
.abj3{ left: 0; top: 19%; width: 100%;}
.abj4{ left: 0; bottom:15%; width: 100%;}

.ab012{background: url(../images/index/a_bg2.png) no-repeat; background-size:cover;}
.ab013{background: url(../images/index/a_bg3.png) no-repeat; background-size:cover;}
/*第一屏样式*/
.cur .a01{ animation: fadeInUp 0.8s ease 0.3s both; -webkit-animation: fadeInUp 0.8s ease 0.3s both; }
.cur strong{ animation: fadeInLeft 0.5s ease 0.8s both; -webkit-animation: fadeInLeft 0.5s ease 0.8s both; }
.cur .ab01{ animation: fadeInLeft 0.6s ease 0.8s both; -webkit-animation: fadeInLeft 0.6s ease 0.8s both;}
.cur .ab02{ animation: fadeInRight 0.6s ease 0.8s both; -webkit-animation: fadeInRight 0.6s ease 0.8s both;}
.cur .abj2{ animation: zoomIn 0.6s ease 0.8s both; -webkit-animation: zoomIn 0.6s ease 0.8s both;}
.cur .abj3{ animation: fadeInLeft 0.6s ease 0.8s both; -webkit-animation: fadeInLeft 0.6s ease 0.8s both;}
.cur .abj4{ animation: fadeInRight 0.6s ease 0.8s both; -webkit-animation: fadeInRight 0.6s ease 0.8s both;}
/*首页样式*/
.n_con{background: #fff; margin-top: 3.33rem; }
.n_box{ padding: 2.3%; }

.case_ban a{ position: relative; display: block; }
.case_ban a img{ width: 100%; display: block; }
.case_ban a span{ position:absolute; color: #fff; font-size: 1.5rem; line-height: 2rem; top: 3rem; width: 100%; z-index: 1; text-align: center; }