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

.main{ display:block;}

.ibox{ width:100vw; position:relative; z-index:2;}
.ibox::before,
.ibox::after{ content:''; display:block; overflow:hidden; clear:both;}
.ibox .con{ width:1100px; margin:0 auto;}
.ibox .con::before,
.ibox .con::after{ content:''; display:block; overflow:hidden; clear:both;}
.ibox h2.title{ display:block; font-size:16px; font-weight:normal; text-align:center; overflow:hidden; padding:3.25em 0 2.5em;}
.ibox h2.title em{ display:block; line-height:2.5; color:#0f94d0; font-size:2em;}
.ibox h2.title i{ display:block; width:6.75em; height:4px; background:#0f94d0; border-left:2.25em solid #f29111; margin:0 auto;}
.ibox h2.title span{ display:block; line-height:3.23; color:#0f94d0; font-size:13px; font-weight:bold;}
.ibox a.more{ display:block; width:9.7em; line-height:2.72; color:#666; font-size:14px; text-align:center; overflow:hidden; border:1px solid #ddd; border-radius:2.86em; margin:0 auto;}
.ibox a.more img{ display:inline-block; height:2.72em; vertical-align:top; margin-left:0.5em;}
.ibox a.more:hover{ color:#fff; background:#0b469e;}
.ibox a.more:hover img{ filter:brightness(0) invert(1);}

.box1{ height:714px; background:url(../images/box1.jpg) center no-repeat;}

.box2{ height:605px; background:url(../images/box2.jpg) center no-repeat;}
.box2 ul{ display:block; overflow:hidden; margin:0 -57px; padding:228px 0 0;}
.box2 ul li{ display:block; width:25%; float:left;}
.box2 ul li a{ display:block; width:191px; margin:0 auto;}
.box2 ul li a img{ display:block; width:100%; transition:all ease 0.4s;}
.box2 ul li a:hover img{ transform:rotateY(180deg);}

.box3{ height:794px; background:url(../images/box3.jpg) center no-repeat;}

.box4{ height:802px; background:url(../images/box4.jpg) center no-repeat;}

.box5{ height:725px; background:url(../images/box5.jpg) center no-repeat;}
.box5 a.tel{ position:absolute; left:50%; bottom:6.62%; transform:translateX(-50%);}
.box5 a.tel img{ display:block; width:100%;}

.box6{ height:830px; background:url(../images/box6.jpg) center no-repeat;}
.box6 .case{ font-size:16px; position:relative; margin:204px auto 0;}
.box6 .case .swiper-container{}
.box6 .case .swiper-slide{ display:block; height:100%; overflow:hidden; position:relative;}
.box6 .case .swiper-slide a.pic{ display:block; overflow:hidden;}
.box6 .case .swiper-slide a.pic img{ display:block; width:100%; height:524px; transition:all ease 0.4s;}
.box6 .case .swiper-button-prev,
.box6 .case .swiper-button-next{ display:block; width:44px; height:64px; top:50%; margin-top:-32px; background-size:contain !important;}
.box6 .case .swiper-button-prev{ background:url(../images/prev.png) center no-repeat; left:-108px;}
.box6 .case .swiper-button-next{ background:url(../images/next.png) center no-repeat; right:-108px;}
.box6 .case .swiper-button-prev:hover,
.box6 .case .swiper-button-next:hover{ filter:brightness(1) invert(0);}

.box7{ height:770px; background:url(../images/box7.jpg) center no-repeat; background-size:cover;}
.box7 .con{ display:flex; justify-content:space-between;}
.box7 .con::before,
.box7 .con::after{ display:none;}
.box7 .con > div{ width:514px; overflow:hidden;}
.box7 h2.title{ text-align:left; flex-shrink:0;}
.box7 h2.title i{ margin-left:0;}
.box7 form.msg{ display:block; font-size:16px; overflow:hidden;}
.box7 form.msg p{ display:block; overflow:hidden; padding:0 0 1.75em;}
.box7 form.msg label{ display:block; line-height:1; color:#333; padding:0 0 1.125em;}
.box7 form.msg label font{ color:#f00; margin:0 4px;}
.box7 form.msg label input{ display:block; width:1em; height:1em; float:left; margin:0 0.5em 0 0;}
.box7 form.msg em{ display:block; overflow:hidden;}
.box7 form.msg input.text{ display:block; width:100%; height:56px; line-height:2; color:#666; background:#fff; padding:12px 16px; box-sizing:border-box; border:1px solid #e4e4e4; border-radius:4px;}
.box7 form.msg ::placeholder{ color:#666;}
.box7 form.msg select{ display:block; width:48%; height:56px; line-height:2; color:#666; background:#fff url(../images/select.png) right center no-repeat; padding:12px 16px; box-sizing:border-box; border:1px solid #e4e4e4; border-radius:4px; -webkit-appearance:none; float:right;}
.box7 form.msg select:first-child{ float:left;}
.box7 form.msg .city_select{ display:block; width:100%; height:56px; line-height:2; color:#666; background:#fff url(../images/select.png) right center no-repeat; padding:12px 16px; box-sizing:border-box; border:1px solid #e4e4e4; border-radius:4px; -webkit-appearance:none;}
.box7 form.msg input.btn{ display:block; width:198px; height:48px; line-height:3; color:#fff; background:#f29111; border:0; border-bottom:1px solid #91806f; cursor:pointer; margin:1em auto 0;}
.box7 .map{ height:324px; background:#f0f3fa; overflow:hidden;}
.box7 .r > img{ display:block; width:100%;}

@media only screen and (max-width:1440px){

}

@media only screen and (max-width:768px){

.ibox .con{ width:calc(100% - 30px); min-width:0;}

.ibox h2.title{ font-size:14px; padding:1.75em 0;}

.box1{ height:61vw; background-size:auto 100%;}

.box2{ height:50vw; background-size:auto 100%;}
.box2 ul{ padding:20vw 0 0; margin:0 -5%;}
.box2 ul li a{ width:54%;}

.box3{ height:67vw; background-size:auto 100%;}

.box4{ height:69vw; background-size:auto 100%;}

.box5{ height:60vw; background-size:auto 100%;}
.box5 a.tel{ width:33.81%;}

.box6{ height:73vw; background-position:center top; background-size:auto 100%;}
.box6 .case{ margin:20vw 28px 0;}
.box6 .case .swiper-slide a.pic img{ height:43.5vw;}
.box6 .case .swiper-button-prev,
.box6 .case .swiper-button-next{ width:11px; height:16px; margin-top:-8px;}
.box6 .case .swiper-button-prev{ left:-28px;}
.box6 .case .swiper-button-next{ right:-28px;}

.box7{ height:auto; background:url(../images/box7.jpg) center no-repeat; background-size:cover; padding:0 0 40px;}
.box7 .con{ display:block;}
.box7 .con > div{ width:auto; zoom:0.5;}
.box7 .r > img{ width:100%; height:161px; object-fit:contain; object-position:left; background:#fff;}



}






/**/