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

.header{ background:none; box-shadow:none;}
ul.nav li a{ color:#fff;}

.ibanner{ height:768px; overflow:hidden; position:relative; z-index:1;}
.ibanner .bd{ width:100vw; position:relative; height:auto; z-index:0;}
.ibanner .bd .tempWrap{ margin:0 auto;}
.ibanner .bd ul,
.ibanner .bd ul li{ width:100% !important;}
.ibanner .bd ul li a{ display:block; height:768px; background-size:cover !important; overflow:hidden; position:relative;}
.ibanner .hd{ width:100%; z-index:1; position:absolute; left:0; bottom:34px;}
.ibanner .hd ul{ display:block; text-align:center; overflow:hidden;}
.ibanner .hd ul li{ display:inline-block; vertical-align:top; width:10px; height:10px; background:#fff; border-radius:5px; margin:0 7px; cursor:pointer; transition:all ease-in-out 0.4s;}
.ibanner .hd ul li.on{ width:60px;}

.main{ display:block;}

.ibox{ position:relative; z-index:2;}
.ibox::before,
.ibox::after{ content:''; display:block; overflow:hidden; clear:both;}
.ibox .con{ width:80vw; 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; padding:2.75em 0 0;}
.ibox h2.title em{ display:block; line-height:1.5; color:#333; font-size:2.25em;}
.ibox h2.title span{ display:block; line-height:2; color:#0c5ab3; text-transform:uppercase;}
.ibox a.more{ display:block; width:142px; line-height:2; color:#10993d; font-size:14px; text-align:center; overflow:hidden; margin:4.35em auto; clear:both;}
.ibox a.more:hover{ color:#0c5ab3;}

.box1{ padding:0 0 18px;}
.box1 h2.title{ padding-bottom:2.5em;}
.box1 img.abpic{ display:block; width:672px; max-width:50%; box-shadow:20px -20px 0 #f8f8f8; float:right; margin:20px 0 0 0; margin-left:48px;}
.box1 h4{ display:block; line-height:1.8; color:#333; font-size:20px; font-weight:normal; overflow:hidden; padding:2.5em 0 2em;}
.box1 .txt{ line-height:1.8666; color:#888; font-size:15px; text-align:justify; overflow:hidden;}
.box1 a.view{ display:inline-block; vertical-align:top; line-height:2; color:#10993d; font-size:14px; margin:3em 0;}
.box1 a.view:hover{ color:#0c5ab3;}
.box1 p.tag{ display:block; font-size:15px; text-align:center; overflow:hidden;}
.box1 p.tag span{ display:block; width:50%; line-height:2.54; color:#999; float:left;}
.box1 p.tag span b{ display:block; line-height:1.6; color:#10993d; font-size:2.66666em;}

.box2{ z-index:5;}
.box2 h2.title{ padding-bottom:3em;}
.box2 ul{ display:flex; justify-content:space-between; overflow:hidden; margin:0 0 0 -1px;}
.box2 ul li{ display:block; width:20%; float:left; transition:all ease 0.5s;}
.box2 ul li a{ display:block; background:#000; overflow:hidden; position:relative; margin:0 0 0 1px;}
.box2 ul li a img{ display:block; width:100%; height:564px; object-fit:cover; opacity:0.5; transition:all ease 0.5s;}
.box2 ul li a em{ display:block; width:1em; min-height:7.35em; line-height:1; color:#fff; font-size:18px; letter-spacing:0.2222em; writing-mode:vertical-rl; background:#10993d url(../images/icons/more.png) center bottom 1em no-repeat; padding:1.22225em 1em 2.77775em; position:absolute; right:0; top:0; z-index:3; transition:all ease 0.5s;}
.box2 ul:hover li{ width:16%;}
.box2 ul li:hover{ width:36%;}
.box2 ul li:hover a img{ opacity:1;}
.box2 ul li:hover a em{ background-color:#0c5ab3;}

.box3{ padding:18px 0 0;}
.box3 h2.title{ padding-bottom:3em;}
.box3 .bg{ width:23.5%; height:100%; background:url(../images/icons/bg3.jpg) center no-repeat; background-size:cover; position:absolute; left:0; top:0; z-index:1;}
.box3>*{ position:relative; z-index:3;}
.box3 .case{ width:92vw; padding:0 0 0 7vw; margin:0 0 0 10vw; position:relative;}
.box3 .case .swiper-slide{ display:block; height:100%; background:#fff center no-repeat; background-size:cover; overflow:hidden; position:relative;}
.box3 .case .swiper-slide a{ display:block; font-size:16px; text-align:center; background:#fafafa; overflow:hidden; position:relative;}
.box3 .case .swiper-slide a::after{ content:''; display:block; height:4px; background:#eee; transition:all ease 0.5s;}
.box3 .case .swiper-slide a em{ display:block; overflow:hidden;}
.box3 .case .swiper-slide a img{ display:block; width:100%; height:260px; object-fit:cover; transition:all ease 0.5s;}
.box3 .case .swiper-slide a span{ display:block; line-height:2.7777777; color:#333; font-size:1.125em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:1.27777em 1em 0; transition:all ease 0.5s;}
.box3 .case .swiper-slide a:hover::after{ background:#10993d;}
.box3 .case .swiper-slide a:hover img{ transform:scale(1.12);}
.box3 .case .swiper-slide a:hover span{ color:#10993d;}
.box3 .case .swiper-slide a p{ display:block; line-height:3; color:#999; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 1.125em 2.25em;}
.box3 .case .swiper-button-prev,
.box3 .case .swiper-button-next{ width:3.54vw; height:3.54vw; background-size:100% 200% !important; left:0; right:auto; top:0;}
.box3 .case .swiper-button-prev{ background:url(../images/icons/prev3.png) center top no-repeat; margin:110px 0 0;}
.box3 .case .swiper-button-next{ background:url(../images/icons/next3.png) center top no-repeat; margin:202px 0 0;}
.box3 .case .swiper-button-prev:hover,
.box3 .case .swiper-button-next:hover{ background-position:center bottom;}
.box3 .case .swiper-pagination{ width:7vw; height:66px; line-height:66px; color:#fff; font-size:20px; font-family:Impact; text-align:left; text-shadow:1px 1px 1px rgba(0,0,0,0.2); border-bottom:1px solid #fff; bottom:39px; left:0;}
.box3 .case .swiper-pagination-current{ display:block; width:1.4em; line-height:64px; color:#10993d; font-size:1.6em; text-align:center; border-bottom:3px solid #10993d; float:left; margin-right:10px;}
.box3 .case .swiper-pagination-total{ margin-left:4px;}

.box4{ background:url(../images/icons/bg4.jpg) center no-repeat; background-size:cover;}
.box4 h2.title{ padding-bottom:3em;}
.box4 .news{ width:630px; height:406px; position:relative; float:left; margin-right:2.25%;}
.box4 .news .swiper-slide{ display:block; height:100%; background:#fff center no-repeat; background-size:cover; overflow:hidden; position:relative;}
.box4 .news .swiper-slide a{ display:block; font-size:16px; overflow:hidden; position:relative;}
.box4 .news .swiper-slide a img{ display:block; width:100%; height:406px; object-fit:cover; transition:all ease 0.5s;}
.box4 .news .swiper-slide a span{ display:block; width:100%; box-sizing:border-box; line-height:4.25; color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.8)); padding:1.875em 1.375em 0; padding-right:calc(106px + 1.375em); position:absolute; left:0; bottom:0; transition:all ease 0.5s;}
.box4 .news .swiper-slide a:hover img{ transform:scale(1.12);}
.box4 .news .swiper-slide a:hover span{ color:#10993d;}
.box4 .news .swiper-pagination{ width:auto; font-size:0; left:auto; right:0; bottom:0; padding:29px 14px;}
.box4 .news .swiper-pagination-bullet{ vertical-align:top; width:10px; height:10px; background:#fff; opacity:1; margin:0 8px;}
.box4 .news .swiper-pagination-bullet-active{ background:#10993d;}
.box4 ul.list{ display:block; overflow:hidden;}
.box4 ul.list li{ display:block; font-size:16px; overflow:hidden; padding:1.25em 0; padding-right:1.5em; border-bottom:1px solid #e6e6e6; border-left:4px solid transparent; transition/:all ease 0.5s;}
.box4 ul.list li:first-child{ border-top:1px solid #e6e6e6;}
.box4 ul.list li span{ display:block; width:6em; line-height:2.875; color:#10993d; font-weight:bold; font-family:Arial; text-align:center; overflow:hidden; float:left;}
.box4 ul.list li span i{ display:block; width:1em; height:2px; background:#10993d; margin:0 auto;}
.box4 ul.list li a{ display:block; line-height:2.94444; color:#333; font-size:1.125em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:all ease 0.5s;}
.box4 ul.list li p{ display:block; line-height:2; color:#999; font-size:0.875em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.box4 ul.list li:hover{ background:#fff; border-left-color:#10993d;}
.box4 ul.list li:hover a{ color:#10993d;}



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

}

@media only screen and (max-width:768px){
.header{ position:relative;}
.ibanner,
.ibanner .bd ul li a{ height:56vw;}
.ibanner .hd{ bottom:16px;}
.ibanner .hd ul{ height:6px;}
.ibanner .hd ul li{ width:6px; height:6px; border-radius:3px; margin:0 3px;}
.ibanner .hd ul li.on{ width:32px;}

.ibox .con{ width:auto; margin:0 12px;}
.ibox h2.title{ font-size:12px; padding:2.25em 0 2em !important;}
.ibox h2.title em{ font-size:2.175em;}
.ibox a.more{ margin:2em auto;}

.box1 img.abpic{ width:100%; max-width:none; float:none; margin:0; box-shadow:none;}
.box1 h4{ font-size:15px; padding:1.25em 0 0.5em;}
.box1 .txt{ font-size:13px;}
.box1 a.view{ display:block; width:6em; font-size:13px; text-align:center; margin:1em auto;}
.box1 p.tag{ font-size:12px;}
.box1 p.tag span{ width:50%; box-sizing:border-box; padding:0 1em; line-height:1.54;}
.box1 p.tag span b{ font-size:2em; padding-bottom:0.25em;}

.box2 ul{ display:block; margin:0 0 -8px;}
.box2 ul li{ width:100%; margin:0 0 8px;}
.box2 ul li a em{ font-size:14px;}
.box2 ul li a img{ height:194px;}

.box3 .case{ width:auto; margin:0 12px; padding:0;}
.box3 .case .swiper-button-prev,
.box3 .case .swiper-button-next{ width:32px; height:32px; background-color:rgba(255,255,255,0.98); border-radius:50%; top:calc((50vw - 12px)*214/336); margin:0; transform:translateY(-50%);}
.box3 .case .swiper-slide a{ font-size:13.5px;}
.box3 .case .swiper-button-next{ left:auto; right:0;}
.box3 .case .swiper-slide a img{ height:calc((100vw - 24px)*214/336);}
.box3 .case .swiper-slide a span{ line-height:2; padding-top:1em;}
.box3 .case .swiper-slide a p{ line-height:2; padding-bottom:1.25em;}
.box3 .case .swiper-pagination{ width:auto; height:36px; line-height:36px; border:0; top:calc((100vw - 24px)*214/336); transform:translateY(-100%);}
.box3 .case .swiper-pagination-current{ width:1em; height:36px; line-height:28px; color:#fff; border:0; margin:0;}

.box4 .news{ width:auto; height:calc((100vw - 24px)*214/336); float:none; margin:0 0 16px;}
.box4 .news .swiper-slide a{ font-size:14px;}
.box4 .news .swiper-slide a img{ height:calc((100vw - 24px)*214/336);}
.box4 .news .swiper-slide a span{ line-height:3.5; padding:1.875em 1em 0; padding-right:100px;}
.box4 .news .swiper-pagination{ padding:19px 12px;}
.box4 .news .swiper-pagination-bullet{ margin:0 5px;}
.box4 ul.list li{ font-size:14px; padding:0.25em 0; padding-right:1.5em;}



}





/**/