﻿

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


/*首页样式*/
.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;
    
}
.page2{
   background: url(../images/index/home2.jpg) no-repeat center top; background-size:cover;
   text-align:center;
}
.page3{
    background: url(../images/index/home3.jpg) no-repeat center top; background-size:cover;
    text-align:center;
}
.page4{
    background: url(../images/index/home4.jpg) no-repeat center top; background-size:cover;
    text-align:center;
}
.page5{
    background: url(../images/index/home5.jpg) no-repeat center top; background-size:cover;
    text-align:center;
}

/*第一屏样式*/
.page1 .p01{ width: 100%; display:block; text-align: center; left: 0; top:23%; font-size: 1.97rem; color: #fff;font-family:Microsoft YaHei; }
.page1 .p01 img{ display: block;}
.page1 .p02{width: 93.5%; display:block; text-align: center; left:3.3%; top:33.5%;font-family:Microsoft YaHei; font-size: 1.17rem; color: #242d68; height: 2.9rem; line-height: 2.9rem; border-top: 1px solid #242d68; border-bottom: 1px solid #242d68;}
.page1 .p03{width: 100%; display:block; text-align: center; left: 0; top:42.5%;font-family:Microsoft YaHei; font-size:1.25rem; color: #242d68; font-weight: bold;}
.page1 .p03 i{ font-size: 2.3rem; color: #fff; font-weight: bold;}
.page .p15{ position: fixed; right:3.5%; top: 50%; width:3rem;}
.page .p15 img{ display: block; margin-bottom: 0.3rem;}
.page .p75{ height: 6.5rem; color: #242d68; background: url(../images/Common/h_tex2.png) no-repeat center 0; background-size:100% 6.5rem; box-sizing: border-box; padding-left: 11%; position: absolute; top: 19%; font-size: 2rem; text-align: left;width: 100%;}
.page .p75 b{ font-weight: bold; font-size: 2.1rem; display: block;color: #242d68;}
.page .p92{ color: #333; font-size:1.33rem; width: 100%;padding-left:11%; box-sizing: border-box; position: absolute; top:36%; left: 0;text-align: left;}
.page5 .p92{top:15rem}
/*第一屏动画*/
.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 .p03{opacity: 1; animation: zoomIn 1s ease 1s both; -webkit-animation: zoomIn 1s ease 1s both;}
.cur .map{animation: fadeInLeft 1s ease-in both; -webkit-animation: fadeInLeft 1s ease-in both;}
.cur .add{animation: fadeInRight 1s ease-in both; -webkit-animation: fadeInRight 1s ease-in both;}
.cur .capl{animation: fadeInUp 1s ease-in both; -webkit-animation: fadeInUp 1s ease-in both;}


/*第二屏样式*/
.page2 .p11{ width: 100%;position: absolute; display: block; left: 0; top:7rem; text-align: center; color: #242d68; font-size: 1.92rem;}
.page2 .p11 strong{ display: block;font-weight: bold; font-size: 2.29rem;color: #242d68;}
.page2 .p12{  width: 100%; text-align: center; position: absolute; display: block; left: 0; top:32%;}
.page1 .p13{ font-size: 1.11rem; color: #4c4c4c; position: absolute; top:13%; left: 0;width: 100%;font-family:Microsoft YaHei; box-sizing: border-box; padding-top: 0.75rem;}
.page1 .p13 strong{ font-weight: bold;}
.page2 .p92{width:86%; display:block; text-align: center; left:7%; top:13.5rem;font-family:Microsoft YaHei; font-size: 1.42rem; color: #4c4c4c; height: 2.9rem; line-height: 2.9rem; border-top: 1px solid #4c4c4c; border-bottom: 1px solid #4c4c4c;}
.page .p31{ color: #242d68; font-size: 2.17rem; font-weight: bold; position: absolute; text-align: center; width: 100%;  display: block; left: 0; top:19%;}
.page .p32{width:94%; display:block; text-align: center; left:3%; top:27.5%;font-family:Microsoft YaHei; font-size: 1.17rem; color: #000; height: 2.9rem; line-height: 2.9rem; border-top: 1px solid #4c4c4c; border-bottom: 1px solid #4c4c4c;}
.page .p38{ color: #424242; font-size: 0.92rem; line-height: 1.71rem; text-align: center; text-align: center; position: absolute; left: 0; top:36%;width: 100%;}
.page3 .p75{ top: 7rem;}
.page3 .p92{top: 14.5rem;}

/*第二屏动画*/
.cur .p11{ animation: fadeInRight 0.55s ease 0.5s both; -webkit-animation: fadeInRight 0.55s 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:fadeInDown 1.5s ease 1.25s both; -webkit-animation: fadeInDown 1.5s ease 1.25s both;}
.cur .p15{animation: fadeInRight 1.5s ease 1.25s both; -webkit-animation: fadeInRight 1.5s ease 1.25s both;}
.cur .p92{ animation: fadeInRight 0.5s ease 0.5s both; -webkit-animation: fadeInRight 0.5s ease 0.5s both; }
.cur .p75{animation: fadeInLeft 0.55s ease 0.5s both; -webkit-animation: fadeInLeft 0.55s ease 0.5s both;}
.cur .p31{animation: fadeInLeft 0.75s ease 0.5s both; -webkit-animation: fadeInLeft 0.75s ease 0.5s both;}
.cur .p32{animation: fadeInRight 0.75s ease 0.5s both; -webkit-animation: fadeInRight 0.75s ease 0.5s both;}
.cur .p38{animation: fadeInRight 0.75s ease 0.5s both; -webkit-animation: fadeInUp 0.75s ease 0.5s both;}
/*走进我们 开屏秀样式*/

/*走进666*/
.map{ position: absolute; left: 4.7%; width: 90.6%; top: 11%; font-size: 0;}
.map i{ display: block; position: relative;}
.map i span{ display: inline-block; position: absolute; right: 0.6rem; top: 0.6rem; width:6.1rem;}
.add{ position: absolute; left: 4.7%; width: 90.6%; top:36%; background: #001d6d;  padding-bottom: 2rem;}
.add i{ display: block;color: #fff;    font-family: "Microsoft YaHei"; padding: 1.5rem 0 0 9%; font-size: 1.27rem; font-weight: bold; text-align: left;  margin-bottom: 1.1rem;}
.add i span{ display: block; font-weight: normal; color: #747da1; font-size: 0.67rem;text-transform: uppercase; letter-spacing: -1px;}
.add em{ display: block; padding-left: 9%; text-align: left;}
.add em span{ display: block; padding-left: 2.55rem; color: #fff; font-size:1.12rem;font-family: "Microsoft YaHei";  background-size: 2.04rem 2.04rem; margin-bottom:1.3rem;}
.add em span b{ display: block; font-weight: normal; color: #fff; font-size: 0.9rem;}
.add em span:nth-of-type(2){ background-size: 2.04rem 2.04rem;}
.capl{ width: 42.5%; position: absolute; left: 28.8%; top:75%;}
.capl span a{ display: block; margin-top: 1.25rem; line-height: 2.15rem; text-align: center; border: 0.1rem solid #006018; border-radius: 0.35rem; color: #006018; font-size: 1.28rem;font-family: "Microsoft YaHei"; }
    /*第一屏样式*/
.box3{ position:absolute; top: 33.17rem; right: 0; }
.box3 p{ font-size: 1.33rem; display: inline-block;  float: right; min-width:16.99rem; color: #333333; line-height: 3.54rem; background:#fff; height:3.54rem; padding-left: 0.75rem; padding-right: 0.75rem; text-align: left; }
.box3 span em{ display: inline-block; margin-right: 0.125rem; width: 5rem; height: 3.54rem; line-height: 3.54rem; text-align: center; background: #00a0e9; color: #fff; font-size: 2rem; }
.box3 strong{background: #fc9925; height: 0.21rem; margin-top: 0.13rem; width: 100%; display: block; }

/*第一屏样式*/
.cur .a01{ animation: fadeInUp 0.45s ease 0.3s both; -webkit-animation: fadeInUp 0.45s ease 0.3s both; }
.cur strong{ animation: fadeInRight 0.5s ease 0.45s both; -webkit-animation: fadeInRight 0.5s ease 0.45s 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; }

/*广告*/
.g-adv{ width: 100%; overflow: hidden; }
.g-adv ul li{ width: 100%; }
.g-adv img{ width:100%; display: block; }

