/* CSS Document */

.ibanner{width: 100%;/* height:960px; */max-height:100vh;position:relative;}
.ibanner .swiper-slide{ display:block; height:100%; background:#fff center no-repeat; background-size:cover; overflow:hidden; position:relative;}
.ibanner .swiper-slide .box{ height:100%; overflow:hidden; position:relative;}
.ibanner .swiper-slide .box .bg{ height:100%; background-size:cover !important; overflow:hidden; position:relative; z-index:1; transition:1s linear 2s; transform:scale(1.1,1.1);}

.ibanner .swiper-slide .box .bg img {
    width: 100%;
}
.ibanner .swiper-slide .box .txt{ width:100%; line-height:1; color:#fff; font-size:30px; text-align:center; letter-spacing:3px; position:absolute; left:0; top:48%; z-index:2; opacity:0; transform:translateY(50%);}
.ibanner .swiper-slide .box .txt b{ display:block; font-size:2em;}
.ibanner .swiper-slide .box .txt span{ display:block; padding:1.3em 0 0;}
.ibanner .swiper-slide-active .box .bg,
.ibanner .swiper-slide-duplicate-active .box .bg{ transition:6s linear; transform:scale(1,1);}
.ibanner .swiper-slide-active .box .txt,
.ibanner .swiper-slide-duplicate-active .box .txt{ transition:all ease 1.2s; transition-delay:0.6s; opacity:1; transform:translateY(-50%);}
.ibanner .swiper-pagination{ height:12px; bottom:5%;}
.ibanner .swiper-pagination-bullet{ width:12px; height:12px; background:#fff; border-radius:6px; opacity:0.5; margin:0 14px !important; vertical-align:top;}
.ibanner .swiper-pagination-bullet-active{ width:52px; opacity:1;}
.ibanner .swiper-button-prev,
.ibanner .swiper-button-next{ display:none; width:56px; height:56px; border-radius:50%; background-size:auto 36% !important; margin-top:-28px;}
.ibanner .swiper-button-prev{ background:rgba(0,0,0,0.3) url(/static/addons/cms/images/icons/prev.png) center no-repeat; left:1%;}
.ibanner .swiper-button-next{ background:rgba(0,0,0,0.3) url(/static/addons/cms/images/icons/next.png) center no-repeat; right:1%;}

.main{ width:auto; overflow:visible; position:relative;}

.ibox{ position:relative; z-index:2;}
.ibox .con{width: 83.34vw;min-width:1200px;margin:0 auto;height: 40vw;}
.ibox .con::before,
.ibox .con::after{ content:''; display:block; overflow:hidden; clear:both;}
.ibox h2.title{display:block;line-height:1;font-size: 40px;font-weight: 600;text-align:center;padding:1.75em 0 1em;position:relative;}
.ibox h2.title em{display:block;color: #333;position:relative;z-index:3;}
.box1 .con h2 .title em{color:#fff!important}
.ibox h2.title i{display:block;width: 1.85em;height:4px;background:#275fac;margin:0.33em auto 0;position:relative;z-index:3;border-radius: 1rem;}



.ibox h2.title .subtit{
	margin-top: 5px;
	font-size: 18px;
	color: #333;
	font-weight: normal;
}

.ibox a.more{ display:block; width:9em; height:2.85em; line-height:2.85; color:#275fac; font-size:14px; text-align:center; border:1px solid #275fac; overflow:hidden; border-radius:1.5em; transition:all ease 0.4s; margin:0 auto;}
.ibox a.more font{ display:block; color:#275fac; transition:all ease 0.4s;}
.ibox a.more:hover{ color:#fff; background:#275fac;}
.ibox a.more:hover font{ color:#fff; transform:translateY(-100%);}

.box1{background:url(../image/bg1.jpg) center no-repeat;background-size:cover;padding-bottom: 50px;}

.box1:before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgb(39 95 172 / 81%);
    z-index: -1;
}




.box1 .con{ position:relative; z-index:3;}
.box1 h4{max-width:50%;line-height:2;color: #fff;font-size:24px;overflow:hidden;}
.box1 .txt{max-width: 48%;line-height: 41px;color: #fff;font-size:16px;text-align:justify;overflow:hidden;}
.box1 a.more{ margin:1.5em 0 0;}
.box1 .pic{display:block;width: 45.0625%;max-height:73.65%;position:absolute;right: 0%;bottom: 2%;z-index:3;}
.box1 ul.ab{ display:block; max-width:50%; font-size:18px; padding:4.5em 0 0; overflow:hidden;}
.box1 ul.ab li{ display:block; width:28.25%; float:left;}
.box1 ul.ab li a{ display:block; line-height:1; color:#333; text-align:center; overflow:hidden; background:rgba(255,255,255,0.4); background-clip:padding-box; padding:1.77em 0; border:2px solid rgba(255,255,255,0.75); position:relative; transition:all ease 0.4s; margin:0 2em 0 0;}
.box1 ul.ab li a::before{ content:''; display:none; width:100%; height:200%; background:url(../image/mark.png) center no-repeat; background-size:auto 60%; position:absolute; left:0; top:-50%; z-index:1; transition:all ease 0.4s; filter:brightness(0) invert(0); opacity:0.0; transform:translateY(5%);}
.box1 ul.ab li a i{ display:block; width:3em; height:2.2222em; overflow:hidden; position:relative; margin:0 auto 1.166em; transition:all ease 0.4s; position:relative; z-index:3;}
.box1 ul.ab li a i img{ display:block; width:100%; height:100%; transition:all ease 0.4s; transform-origin:right bottom;}
.box1 ul.ab li a i img:first-child{ position:absolute; left:0; top:0; filter:brightness(0) invert(1); transform:rotate(-90deg); transform-origin:left bottom;}
.box1 ul.ab li a span{ display:block; position:relative; z-index:3;}
.box1 ul.ab li a:hover{ color:#fff; background:#275fac; border-color:#275fac;}
.box1 ul.ab li a:hover::before{ opacity:0.075; transform:translateY(0);}
.box1 ul.ab li a:hover img{ transform:rotate(90deg);}
.box1 ul.ab li a:hover img:first-child{ transform:rotate(0deg);}

.box2{background-size:cover;padding:0 0 80px;}

.box2 .box2head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.75em 0 1em;
}

.box2 .box2head .more {
}
.box2 h2.title{text-align:left;padding-bottom:0;/* margin-bottom:-1.44em; */padding: 0;}
.box2 h2.title i{ margin-left:0;}
.box2 .service{display:block;font-size:16px;position:relative;padding-top: 40px;}
.box2 .service .swiper-container{ margin:0 -20px;}
.box2 .service .swiper-slide{ display:block;}
.box2 .service .swiper-slide ul{display: flex;overflow:hidden;flex-wrap: wrap;align-items: center;}
.box2 .service .swiper-slide ul li{display:block;width: 16%;float:left;border-radius: 30rem;overflow: hidden;}
.box2 .service .swiper-slide ul li .box{overflow:hidden;background:rgba(255,255,255,0.4);box-shadow:0 0 9px rgba(190,190,190,0.5);position:relative;margin:20px;transition:all ease 0.4s;background: #d7d8dc;}
.box2 .service .swiper-slide ul li a{display:block;line-height:1;text-align:center;overflow:hidden;padding: 1.5em 0;transition:all ease 0.4s;}
.box2 .service .swiper-slide ul li a img{display:block;height:3.5em;margin:0 auto;/* filter: brightness(0) invert(0.2); */transition:all ease 0.4s;}
.box2 .service .swiper-slide ul li a em{display:block;color: #000;font-size:1.25em;padding:0.6em 0 0;transition:all ease 0.4s;}
.box2 .service .swiper-slide ul li a span{ display:block; color:#626262; font-size:0.75em; text-transform:uppercase; padding:1.25em 0 0; transition:all ease 0.4s;}
.box2 .service .swiper-slide ul li a.red{ width:100%; background:#275fac; position:absolute; left:0; top:100%;}
.box2 .service .swiper-slide ul li a.red img{filter: invert(1) brightness(200);}
.box2 .service .swiper-slide ul li a.red em{ color:#fff;}
.box2 .service .swiper-slide ul li a.red span{ color:#fff;}
.box2 .service .swiper-slide ul li .box:hover a.red{ transform:translateY(-100%);}
/*
.box2 .service .swiper-slide ul li a:hover{ background:rgba(255,255,255,0.7); box-shadow:0 0 9px rgba(255,0,0,0.4);}
.box2 .service .swiper-slide ul li a:hover img{ filter:brightness(1) invert(0); transform:translateY(-4px);}
.box2 .service .swiper-slide ul li a:hover em{ color:#275fac; transform:translateY(-4px);}
.box2 .service .swiper-slide ul li a:hover span{ color:#275fac; transform:translateY(-4px);}
*/
.box2 .service .swiper-pagination{ display:block; overflow:hidden; left:auto; right:0; top:0; bottom:auto;}
.box2 .service .swiper-pagination-bullet{vertical-align:top;width:9.12em;height:2.66em;line-height:2.66;color:#275fac;font-size:1.125em;text-align:center;background:none;border:1px solid #275fac;border-radius: 50rem;margin:0 0 0 1.35em !important;opacity:1;overflow:hidden;}
.box2 .service .swiper-pagination-bullet font{ display:block; color:#275fac; transition:transform ease 0.4s;}
.box2 .service .swiper-pagination-bullet:hover font{ transform:translateY(-100%);}
.box2 .service .swiper-pagination-bullet-active{ color:#fff; background:#275fac;}
.box2 .service .swiper-pagination-bullet-active font{ color:#fff;}

.box3{/* background:url(../image/bg3.jpg) center no-repeat; */background-size:cover;width: 48%;}

.box3 .con {
    width: 100%;
    min-width: initial;
}
.box3 ul{display:flex;justify-content:space-between;flex-wrap:wrap;font-size:18px;overflow:hidden;padding: 2em 0;position:relative;}
.box3 ul li{ display:block; width:16%; position:relative; z-index:3; margin:0 0 0 6%;}
.box3 ul p{display:block;height:2em;line-height:2em;color: #fff;overflow:hidden;}
.box3 ul p.block{ height:1px; opacity:0; margin:-1px 0 0;}
.box3 ul p b{ font-size:2em; margin:0 0.1em 0 0;}
.box3 ul span{display:block;line-height:1;color: #fff;overflow:hidden;padding:1.25em 0 0;}

.box4{background: url(../image/bg2.jpg) center no-repeat;background-size:cover;padding:0 0 80px;}
.box4 .news{ display:block; font-size:16px; position:relative; padding:0 0 80px;}
.box4 .news .swiper-container{ padding:0 10px; margin:0 -10px;}
.box4 .news .swiper-slide{ display:block; padding:10px 0;}
.box4 .news .swiper-slide .box{background:#fff;padding:1em;overflow:hidden;box-shadow:0 0 9px rgba(208,208,208,0.6);transition:all ease 0.4s;border-radius: 1rem;border: .2rem solid #275fac4d;}
.box4 .news .swiper-slide a.pic{display:block;overflow:hidden;height: 300px;}
.box4 .news .swiper-slide a.pic img{display:block;width:100%;transition:all ease 0.4s;height: 100%;object-fit: cover;}
.box4 .news .swiper-slide a.title{ display:block; line-height:4; color:#333; font-size:1.125em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0.33em 0 0; border-bottom:1px solid #ddd; transition:all ease 0.4s;}

.box4 .news .swiper-slide span{ display:block; line-height:2.625; color:#999; overflow:hidden; float:left;}
.box4 .news .swiper-slide a.view{ display:block; line-height:2.625; color:#999; overflow:hidden; transition:all ease 0.4s; float:right;}
.box4 .news .swiper-slide:hover .box{box-shadow: 0 0 9px rgba(20,38,78,0.5);}
.box4 .news .swiper-slide:hover a.pic img{ transform:scale(1.05);}
.box4 .news .swiper-slide:hover a.title{ color:#275fac;}
.box4 .news .swiper-slide:hover a.view{ color:#275fac;}
.box4 .news .swiper-pagination{ display:block; height:12px; left:50%; bottom:0; transform:translate(-50%,0);}
.box4 .news .swiper-pagination-bullet{vertical-align:top;width: 26px;height: 8px;background:#ccc;border-radius: 50rem;margin:0 7px !important;opacity:1;}
.box4 .news .swiper-pagination-bullet-active{ background:#275fac;}

.box5{ background:url(../image/bg5.jpg) center no-repeat; background-size:cover; padding:0 0 80px;}
.box5 dl{ width:1600px; display:flex; flex-wrap:wrap; justify-content:center; padding:1% 0; position:relative; margin:0 0 50px calc(50% - 800px); perspective:1200px;}
.box5 dl::before,
.box5 dl::after{ content:''; display:block; overflow:hidden; clear:both;}
.box5 dl dd{ display:block; width:20%; box-sizing:border-box; position:relative;}
.box5 dl dd:nth-child(1){transform: translate3d(0,0,-25px) rotate3d(0,1,0, 60deg) scale(0.953,1.24);}
.box5 dl dd:nth-child(2){transform: translate3d(14px,0,25px) rotate3d(0,1,0, 30deg) scale(0.953,1.03);}
.box5 dl dd:nth-child(3){ transform:translate3d(0,0, 0px) rotate3d(0,1,0,  0deg);}
.box5 dl dd:nth-child(4){transform: translate3d(-14px,0,25px) rotate3d(0,1,0,-30deg) scale(0.953,1.03);}
.box5 dl dd:nth-child(5){transform: translate3d(0,0,-25px) rotate3d(0,1,0, -60deg) scale(0.953,1.24);}
.box5 dl dd a{display:block;overflow:hidden;box-shadow:0 0 9px rgba(206,206,206,0.5);position:relative;z-index:999;transition:all ease 0.4s;margin:18px 8px;border-radius: 1rem;overflow: hidden;height: 137px;border: 1px solid #275fac47;}
.box5 dl dd img{display:block;width:100%;height: 100%;object-fit: cover;}
.box5 dl dd a:hover{color: #275fac;box-shadow: 0 0 10px rgba(20,38,78,0.5);}

.box6{padding:0 0 50px;}
.box6 h2.title img{ display:block; height:1em; margin:0 auto;}
.box6 .txt{ line-height:1.75; color:#00313b; font-size:14px; font-family:Arial; text-align:center;}
.indexfuwucasebox{
    /* padding: 50px 0; */
    height: 860px;
}
.indexfuwucasebox .itembox{
    display: flex;
    flex-wrap: wrap;
}

.indexfuwucasebox .itembox .item {
    width: 19%;
    margin-right: 1%;
    margin-bottom: 3%;
    display: flex;
    flex-direction: column;
    border: 1px solid #2b3b5f59;
    overflow: hidden;
    border-radius: 0.5rem;
    box-sizing: border-box;
}

.indexfuwucasebox .itembox .item .textbox .title {
    font-size: 1rem;
    padding: 2%;
    text-align: center;
}

.indexfuwucasebox .itembox .item .imgbox {
    width: 100%;
    height: 230px;
}

.indexfuwucasebox .itembox .item .imgbox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.indexfuwucasebox .itembox .item:nth-child(5n) {
    margin-right: 0;
}
.indexfuwucasebox .itembox .item{}
@media only screen and (max-width:768px){
    .box6{}
.indexfuwucasebox{}
.ibox h2.title .subtit{
    font-size: 14px;
}
.box1 .pic{
    width: 100%;
    right: 0;
    bottom: 7%;
}

.box4 .news .swiper-slide a.pic{
    height: 175px;
}

.indexfuwucasebox .itembox .item .imgbox{
    height: 124px;
}

.indexfuwucasebox .itembox .item {
    width: 49%;
}

.indexfuwucasebox .itembox .item .textbox .title {
    font-size: 14px;
    display: flex;
}

.indexfuwucasebox .itembox .item .textbox {
    display: flex;
    align-items: center;
    justify-content: center;
}

.indexfuwucasebox .itembox .item:nth-child(2n) {
    margin-right: 0 !important;
}

.indexfuwucasebox .itembox .item:nth-child(3n) {
    margin-right: 2%;
}

}

@media only screen and (max-width:1440px){
.ibanner{ max-height:720px;}
.ibanner .swiper-slide .box .txt{ font-size:26px; top:51%;}
.ibanner .swiper-pagination-bullet{ width:10px; height:10px; border-radius:5px; margin:0 10px !important;}
.ibanner .swiper-pagination-bullet-active{ width:48px;}

.ibox h2.title{ font-size:34px;}
.ibox a.more{ font-size:15px;}

.box1 .txt{ font-size:15px;}
.box1 img.pic{ max-width:46%; max-height:73.65%;}
.box1 ul.ab{ padding:3em 0 0;}
.box1 ul.ab li{ width:33%;}

.box2 .service{ padding:70px 0 0;}
.box2 .service .swiper-container{ margin:0 -14px;}
.box2 .service .swiper-slide ul li .box{ margin:14px;}

.box3{ padding:0 0 60px;}
.box3 ul{ margin:0;}
.box3 ul li{ width:18%;}

.box5 dl{ transform:scale(0.75); margin-top:-60px; margin-bottom:-20px;}





}

@media only screen and (max-width:768px){
.ibanner{/* height:70vw; */}
.ibanner .swiper-slide .box .txt{ font-size:14px; top:60%;}
.ibanner .swiper-slide .box .bg{ background-size:auto 120% !important;}
.ibanner .swiper-button-prev,
.ibanner .swiper-button-next{ width:30px; height:30px; margin-top:-15px;}
.ibanner .swiper-pagination{ display:none;}

.ibox .con{width:calc(100% - 32px);min-width:0;height: 266vw;}

.box3 .con {
    width: 100%;
    margin: 0;
    padding: 0;
}
.ibox h2.title{ font-size:24px; padding:1.5em 0 1em;}
.ibox h2.title i{ margin-top:0.5em;}
.ibox a.more{ font-size:13px; height:2.625em; line-height:2.625; width:8em;}

.box1{padding:0 0 40px;height: 146vh;}
.box1 h4{ max-width:none; font-size:20px;}
.box1 .txt{ max-width:none; font-size:14px; line-height:2;}
.box1 a.more{ margin:1.25em 0 0;}
.box1 ul.ab{ max-width:none; position:relative; z-index:3; font-size:14px; margin:0 -8px; padding:2em 0 0;}
.box1 ul.ab li{ width:33.33%;}
.box1 ul.ab li a{ margin:0 8px; padding:1em 0;}
.box1 ul.ab li a i{ margin-bottom:0.75em;}
.box1 img.pic{ z-index:1; width:96%; max-width:none; opacity:0.2;}

.box2{ padding:0 0 40px;}
.box2 h2.title{margin-bottom:0;padding-bottom:0.75em;text-align:center;padding: 0;}
.box2 h2.title i{ margin-left:auto;}
.box2 .service{font-size:14px;padding: 20px 0 0;}
.box2 .service .swiper-pagination{ width:100%; text-align:center;}
.box2 .service .swiper-pagination-bullet{ font-size:inherit; margin:0 0.5em !important;}
.box2 .service .swiper-container{ margin:0 -6px;}
.box2 .service .swiper-slide ul li{width: 33.33%;border-radius: 3rem;}
.box2 .service .swiper-slide ul li .box{margin: 5px 3px;}
.box2 .service .swiper-slide ul li a{padding:1em 0.3em 0.9em;}
.box2 .service .swiper-slide ul li a img{ height:2.75em;}
.box2 .service .swiper-slide ul li a em{ font-size:inherit;}
.box2 .service .swiper-slide ul li a span{padding:0.5em 0 0;line-height:1.2;height:2.4em;font-size:12px;transform:scale(0.9);opacity:0.7;display: none;}

.box3{padding: 20px 0;width: 100%;}
.box3 ul{ font-size:13px; padding:0;}
.box3 ul li{ width:49%; margin:0; padding:1em 0; text-align:center;}
.box3 ul:nth-child(3){ transform:translateY(-50%); margin-bottom:-6em;}
.box3 ul:nth-child(3) li:nth-child(1){ margin-left:51%;}

.box4{padding:0 0 40px;height: 75vh;}
.box4 .news{ margin-top:-10px; font-size:14px; padding:0 0 40px;}
.box4 .news .swiper-slide .box{ padding:10px;}
.box4 .news .swiper-slide a.title{ font-size:16px; line-height:3;}
.box4 .news .swiper-pagination{ height:10px;}
.box4 .news .swiper-pagination-bullet{width: 13px;height: 4px;margin:0 5px !important;}

.box5{padding:0 0 40px;height: 92vh;}
.box5 dl{ width:auto; transform:none; margin:0 -4px 28px; padding:0;}
.box5 dl dd{ transform:none !important; width:100%; display:flex;}
.box5 dl dd a{margin:4px;width: calc(49% - 3px);height: 70px;border-radius: 10px;display: flex;align-items: center;justify-content: center;}

.box5 dl dd a img {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
}

.box6{padding: 0 0 30px;height: 660px;}
.box6 .txt{ font-size:13px;}

}


@media only screen and (min-width:769px){
.ibox h2.title em{ transform:scale(0.9);}
.box2 h2.title em{ transform-origin:left center;}
}