.allicon {
    display: inline-block;
    background: url("../../images/proj/allimg.png") no-repeat;
}
/* baner */
.swipecot {
    width: 100%;
    height: 628px;
    overflow: hidden;
}
.swpimg1 {
    width: 100%;
    height: 628px;
    background: url("../../images/proj/bnerbg.png") no-repeat center top;
    overflow: hidden;
}
.w1200 {
    width: 1200px;
    margin: 0 auto;
}
.swiperbox1 {
    display: flex;
    justify-content: space-between;
}
.swipecot .swiper-slide-active .swiperbox1 .lftbrbox img {
    -webkit-animation: image-slide-right ease-out .8s both,fade-in ease-out .8s both;
    animation: image-slide-right ease-out .8s both,fade-in ease-out .8s both
}
.swipecot .swiper-slide-active .swiperbox1 .rtbrbox {
    -webkit-animation: image-slide-left ease-out .8s both,fade-in ease-out .8s both;
    animation: image-slide-left ease-out .8s both,fade-in ease-out .8s both
}
.swiperbox1 .rtbrbox {
    padding-top: 278px;
}
.swiperbox1 .rtbrbox h4 {
    position: relative;
    font-weight: normal;
    line-height:1;
    font-size: 38px;
    color: rgba(255,255,255,.8);
}
.swiperbox1 .rtbrbox h4::before{
    content:'';
    display: inline-block;
    position: absolute;
    top: -30px;
    left:0;
    width: 80px;
    height: 2px;
    background-color: #ffffff;
}
.swiperbox1 .rtbrbox h6 {
    line-height:1;
    margin: 20px 0;
    font-size: 58px;
    font-weight: 400;
    color: #ffffff;
}
.swiperbox1 .rtbrbox p {
    line-height: 1;
    font-size: 24px;
    color: #faeeec;
}
.swiperbox1 .lftbrbox {
    padding-top: 112px;
}
.bgimg {
    height: 2280px;
    background: url("../../images/proj/b1.png") no-repeat center 225px;
}
.indextit {
    padding: 95px 0 50px;
    color: #333333;
}
.indextit h5 {
    position: relative;
    padding-top: 50px;
    margin-bottom: 65px;
    text-align: center;
    font-size: 40px;
    font-weight: normal;
    line-height: 1;
}
.indextit .firstp {
    margin-bottom: 30px;
}
.indextit p {
    font-size: 16px;
    line-height: 30px;
}
.indextit .allicon {
    display: block;
    height:70px;
    /*margin: 0 auto;*/
    position: absolute;
    left: 50%;
    top: -12px;
    transform: translate(-50%);
}
.box1 .indextit .allicon {
    width:450px;
    background-position: 0px -695px;
}
.box2 .indextit .allicon {
    width:353px;
    background-position: 0px -759px;
}
.box3 .indextit .allicon {
    width:360px;
    background-position: 0px -828px;
}
.prjctent dl {
    display: flex;
}
.prjctent dl dt {
    width: 196px;
    height: 240px;
    background: url("../../images/proj/a1.png") no-repeat center top;
}
.prjctent dl:nth-child(2) dt {
    height: 230px;
    background: url("../../images/proj/a2.png") no-repeat center top;
}
.prjctent dl:nth-child(3) dt {
    height: 230px;
    background: url("../../images/proj/a3.png") no-repeat center top;
}
.prjctent dl dd {
    display: flex;
    justify-content: space-around;
    width: 960px;
    border: solid 1px #cccccc;
    border-left: none;
    border-bottom: none;
}
.prjctent dl:last-child dd {
    border-bottom: solid 1px #cccccc;
}
.prjctent dl:first-child dt h6 {
    padding-top: 148px;
}
.prjctent dl dt h6 {
    padding-top: 143px;
    text-align: center;
    font-size: 22px;
    font-weight: normal;
    line-height: 30px;
    color: #ffffff;
}
.prjctent dl dt span {
    display: block;
    text-align: center;
    font-size: 22px;
    line-height: 30px;
    color: #ffffff;
}
.prjctent dl dd .ditem {
    flex: 1;
    text-align: center;
}
.prjctent dl dd .ditem .allicon{
    width: 82px;
    height: 80px;
    margin-top: 54px;
}
.box7 .contimgbox ul li:hover .allicon,
.prjctent dl dd .ditem:hover .allicon,
.box3 li:hover .allicon {
    -webkit-animation: 1s ease 1 0s both;
    -moz-animation: 1s ease 1 0s both;
    -ms-animation: 1s ease 1 0s both;
    animation: 1s ease 1 0s both;
    -webkit-animation-name: bounce;
    -moz-animation-name: bounce;
    -ms-animation-name: bounce;
    animation-name: bounce;
}
.prjctent dl dd .ditem:hover p {
    color: #34aaff;
}
.prjcn1 {
    background-position: 5px 0;
}
.prjcn2 {
    background-position: -92px 0px;
}
.prjcn3 {
    background-position: -190px 0px;
}
.prjcn4 {
    background-position: -286px 0px;
}
.prjcn5 {
    background-position: 11px -89px;
}
.prjcn6 {
    background-position: -85px -89px;
}
.prjcn7 {
    background-position: -183px -89px;
}
.prjcn8 {
    background-position: -278px -89px;
}
.prjcn9 {
    background-position: 6px -175px;
}
.prjcn10 {
    background-position: -90px -175px;
}
.prjcn11 {
    background-position: -184px -175px;
}
.prjcn12 {
    background-position: -278px -175px;
}
.prjctent dl dd .ditem p {
    margin-top: 30px;
    font-size: 18px;
    font-weight: normal;
    color: #666666;
}
.box3{
    width:100%;
    height: 1012px;
    background-color: #f2f8fc;
    overflow: hidden;
}
.box3 ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.box3 li {
    width: 33.33%;
    margin-bottom: 90px;
}
.box3 li .allicon {
    display: block;
    width: 76px;
    height: 76px;
    margin: 0 auto;
}
.box3 li p {
    width: 225px;
    margin: 20px auto 0;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    color: #666666;
}
.prjc1 {
    background-position: 0 -263px;
}
.prjc2 {
    background-position: -81px -263px;
}
.prjc3 {
    background-position: -162px -263px;
}
.prjc4 {
    background-position: -243px -263px;
}
.prjc5 {
    background-position: -324px -263px;
}
.prjc6 {
    background-position: 0 -348px;
}
.prjc7 {
    background-position: -83px -348px;
}
.prjc8 {
    background-position: -165px -348px;
}
.prjc9 {
    background-position: -248px -348px;
}
.box4 .indextit .allicon {
    width: 445px;
    background-position: 0 -893px;
}
.colorgry {
    text-align: center;
    color: #999;
}
.box4 ul {
    display: flex;
    justify-content: space-between;
}
.box5 {
    padding-bottom: 35px;
    text-align: center;
}
.box5 .indextit .allicon {
    width: 268px;
    background-position: 0 -958px;
}
.box6 .indextit .allicon {
    width: 394px;
    background-position: 0 -1024px;
}
.box6 {
    text-align: center;
    background: url("../../images/proj/g5.png") no-repeat center top;
}
.box6 .indextit {padding-top: 215px;}
.box6 .indextit h5{
    margin-bottom: 20px;
    color: #fff;
}
.box6 .colorgry {
    color: rgba(255,255,255,.8);
}
.box7 .indextit .allicon {
    width: 436px;
    background-position: 0 -1093px;
}
.box7 .contimgbox {
    display: flex;
    justify-content: space-between;
    padding-top: 40px;
}
.box7 .contimgbox ul {
    width: 558px;
}
.box7 .contimgbox ul li {
    display: flex;
    width: 100%;
    height: 134px;
    margin-bottom: 30px;
    margin-top: -4px;
    padding: 20px;
    box-sizing: border-box;
}
.box7 .contimgbox ul li.active {
    background: rgba(254,147,52,.06);
}
.box7 .contimgbox ul li .allicon {
    width: 51px;
    height: 42px;
    margin: -4px 16px 0 0;
}
.ctin1 {
    background-position: 0 -433px;
}
.ctin2 {
    background-position: -47px -433px;
}
.ctin3 {
    background-position: -91px -433px;
}
.ctin4 {
    background-position: -141px -433px;
}
.box7 li h6 {
    padding-bottom: 20px;
    font-size: 20px;
    font-weight: normal;
    line-height: 1;
    color: #333333;
}
.box7 li p {
    font-size: 16px;
    line-height: 28px;
    color: #666666;
}
.box8 {
    margin-bottom: 70px;
}
.box8 .indextit .allicon {
    width: 394px;
    background-position: 0 -1158px;
}
.box8 ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.box8 ul li {
    position: relative;
    width: 219px;
    height: 220px;
    margin-bottom: 25px;
    border: solid 1px rgba(204,204,204,.5);
}
.box8 ul li .allicon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.fjric1 {
    width:57px;
    height:54px;
    background-position: 0 -489px;
}
.fjric2 {
    width:29px;
    height:59px;
    background-position: -72px -487px;
}
.fjric3 {
    width:50px;
    height:41px;
    background-position: -119px -496px;
}
.fjric4 {
    width:25px;
    height:62px;
    background-position: -189px -485px;
}
.fjric5 {
    width:54px;
    height:43px;
    background-position: -232px -495px;
}
.fjric6 {
    width:33px;
    height:62px;
    background-position: 0 -552px;
}
.fjric7 {
    width:48px;
    height:48px;
    background-position: -57px -559px;
}
.fjric8 {
    width:62px;
    height:52px;
    background-position: -114px -557px;
}
.fjric9 {
    width:52px;
    height:51px;
    background-position: -183px -558px;
}
.fjric10 {
    width:43px;
    height:43px;
    background-position: -252px -562px;
}
.box8 ul li p {
    text-align: center;
    padding-top: 24px;
    line-height: 1;
    font-size: 16px;
    color: #333333;
}
.box8 ul li.active .himg::before{
    background: rgba(254,147,52,.3);
}
.himg {
    position: relative;
    display: block;
    width: 100%;
    height: 145px;
    background: url("../../images/proj/himg.jpg") no-repeat;
}
.himg::before {
    position: absolute;
    top: 0;
    left:0;
    content: '';
    display: inline-block;
    width: 219px;
    height: 145px;
    background: rgba(28,69,110,.3);
}
.himg1 {
    background-position: 0 0;
}
.himg2 {
    background-position: 0 -150px;
}
.himg3 {
    background-position: 0 -300px;
}
.himg4 {
    background-position: 0 -450px;
}
.himg5 {
    background-position: 0 -600px;
}
.himg6 {
    background-position: right 0;
}
.himg7 {
    background-position: right -150px;
}
.himg8 {
    background-position: right -300px;
}
.himg9 {
    background-position: right -450px;
}
.himg10 {
    background-position: right -600px;
}
.box9 {
    text-align: center;
    height: 851px;
    background: url("../../images/proj/j1.jpg") no-repeat center top;
}
.box9 .indextit {
    padding: 75px 0 50px;
}
.box9 .indextit .allicon {
    width: 340px;
    background-position: 0 -1226px;
}
.box9 .indextit h5 {
    color: #fff;
}
.box9 ul {
    position: relative;
    margin: 0 auto;
    width: 1182px;
    height: 540px;
    background: url(../../images/proj/j2.png) no-repeat center top;
}
.box9 ul li {
    position: absolute;
}
.box9 ul li.active {
    background: rgba(254,147,52,.5);
}
.box9 ul li.active span {
    display: block;
}
.box9 ul li span{
    display: none;
    height: 69px;
    line-height: 69px;
    margin: 0 auto;
    border: solid 2px #ffffff;
    font-size: 44px;
    color: #ffffff;
    transition: all .3s linear;
}
.box9 ul .ydli {
    left:0;
    top:0;
    width: 310px;
    height: 540px;
}
.box9 ul .ydli span{
    width: 167px;
    margin-top: 235px;
}
.box9 ul .pcli {
    left: 319px;
    top:0;
    width: 543px;
    height: 275px;
}
.box9 ul .pcli span{
    width: 200px;
    margin-top: 102px;
}
.box9 ul .xjfli {
    left: 319px;
    top: 285px;
    width: 281px;
    height: 256px;
}
.box9 ul .lyfli span,
.box9 ul .xjfli span {
    width: 200px;
    margin-top: 92px;
}
.box9 ul .lyfli {
    left: 610px;
    top: 285px;
    width: 252px;
    height: 256px;
}
.box9 ul .jyfli {
    width: 310px;
    height: 540px;
    right:0;
    top:0;
}
.box9 ul .jyfli span {
    width: 200px;
    margin-top: 235px;
}
.box10 .indextit .allicon {
    width: 358px;
    background-position: 0 -1296px;
}
.box10 ul {
    display: flex;
    justify-content: space-between;
}
.box10 ul li {
    text-align: center;
    width: 220px;
    height: 294px;
    border-radius: 8px;
    line-height: 24px;
    font-size: 14px;
    color: #666;
    box-shadow:0 0 8px 4px rgba(255,244,233,1);
}
.box10 ul li h6 {
    margin-bottom: 15px;
    line-height: 1;
    font-size: 16px;
    color: #333333;
}
.box10 ul li .allicon {
    margin: 45px 0 25px;
    width: 52px;
    height: 68px;
}
.box10 ul li .aqicn1 {
   background-position: 0 -626px;
}
.box10 ul li .aqicn2 {
    background-position: -62px -626px;
}
.box10 ul li .aqicn3 {
    background-position: -125px -626px;
}
.box10 ul li .aqicn4 {
    background-position: -187px -626px;
}
.box10 ul li .aqicn5 {
    background-position: -249px -626px;
}
.box11 {
    padding-bottom: 70px;
    text-align: center;
    background: url(../../images/proj/k1.png) no-repeat center bottom;
}
.box11 .indextit .allicon {
    width: 458px;
    background-position: 0 -1368px;
}