body 
{
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	font-family:思源黑体,Microsoft YaHei,Arial,sans-serif,微软雅黑;
	font-size:0.2125rem;
	color:#333333;
	background:#fff;
	overflow: hidden;
}
body::-webkit-scrollbar{width:5px; background-color:#cccccc;}
body::-webkit-scrollbar-thumb{background-color:rgb(128 128 128); border-radius:5px; min-height:2px;}
body, .onepage-wrapper, html {display: block;position: static;padding: 0;width: 100%;height: 100%;}
.onepage-wrapper {width: 100%;height: 100%;display: block;position: relative;padding: 0;}
.onepage-wrapper .section {width: 100%;height: 100%;}
*{box-sizing:border-box;}
p,h1,h2,h3,ul{ padding:0; margin:0;}
ul{ list-style-type:none;}
a:link,a:visited{ color:inherit; text-decoration:none;}
a:hover{ color:#e30614; text-decoration:none;}
img{ border:0;}
.clear{ clear:both;}
.left{float: left;}
.fullimg{position:absolute; left:0; top:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:100% auto;}
.fullimg.cover{ background-position:center 0; background-size:cover;}
#container{position:relative; /*overflow:hidden; */float: left; width: 100%; margin: 0 auto;}
#container.h100{height:100%;}
.section{/*position:absolute; left:0; top:0;*/ height:100%; width:100%;  background-color:#eee; background-size:cover; overflow:hidden;}
.section.current { display: block; z-index:1;}
.section.slide{ display: block; z-index: 2;}
.section1{background-color:#000;}
header{position:fixed; width:100%; height:1.75rem; box-shadow:inset 0 1.4rem 0.375rem rgba(0,0,0,0.1); z-index:9999; transition:all 0.3s ease 0s;}
header.black{ /*background-color:rgba(0,0,0,0.3);*/ box-shadow:none; transition:all 0.3s ease 0s;}
header.hide{opacity:0; transition:all 0.6s ease 0s;}
header:hover{opacity:1; transition:all 0.6s ease 0s;}
header .logo{float:left; margin-left:1.225rem; margin-top:0.8375rem;}
header .logo img{width:1.8625rem; display:none;}
header .logo img.white{display:block;}
header.black .logo img.black{display:block;}
header.black .logo img.white{display:none;}
.navbtn{display:none;}
.nav{float:right; margin-top:0.6625rem;}
.nav *{transition:all 0.3s ease 0s;}
.nav ul{float:left; padding:0; margin:0; list-style-type:none;}
.nav ul li{float:left; margin-right:0.4rem; min-width:1.125rem; text-align:center;}
.nav ul li.last{min-width:1.875rem;}
.nav ul li a{color:#fff; opacity:0.5; height:0.5rem; line-height:0.5rem; letter-spacing:0.0625rem; font-size:0.32175rem; position:relative;}
.nav ul li a:after{position:absolute; left:-0.025rem; bottom:-0.025rem; width:100%; height:0.025rem; content:""; background-color:#fff; opacity:0; }
.nav ul li a:hover,.nav ul li a.current{font-weight:bold; opacity:1;}
.nav ul li a:hover:after,.nav ul li a.current:after{ opacity:1;}
header.black .nav ul li a{color:#000;}
header.black .nav ul li a:after{ background-color:#000;}
.banner{position:absolute; width:100%; height:100%; left:0; top:0; overflow:hidden; background-size:cover;}
.banner ul{width:100% !important; max-height:100% !important;position:relative;}
.banner ul,.banner ul li{position:absolute; left:0; top:0; width:100%; height:100%;}
.banner ul li{ background-size:cover; background-position:center center; opacity:0;}
.banner .tparrows{display:none;}
.banner .tp-bullets{position:absolute; bottom:0.375rem; opacity:1; z-index:100;}
.banner .tp-bullets .bullet{width:0.18rem; height:0.18rem; background-color:#888; border-radius:50%; margin:0 0.07rem; opacity:0.5; cursor:pointer; display:inline-block; transition:all 0.3s ease 0s;}
.banner .tp-bullets .bullet.selected{ background-color:#fff; opacity:0.75; transition:all 0.3s ease 0s;}
.banner .tp-bullets .bullet:hover{opacity:0.75;}
.banner .text{position:absolute; top:4.5625rem; left:6rem; width:12.325rem; height:3.675rem; z-index:999; opacity:0;transition:all 0.6s ease 0s;}
.banner .text.active{opacity:1; transition:all 0.6s ease 0s;}
.banner .text img{width:12.325rem;}
.banner .text .caption{float:left; width:8.125rem; height:1.25rem; background:url(/images/wd1.png?v=1) no-repeat 0 0; background-size:12.325rem auto; font-size:0; text-indent:-9999em;}
.banner .text .caption.second{float:right; width:calc(12.325rem - 8.125rem); background-position:right 0;}
.banner .text .caption.third{float:left; width:100%; background-position:0 -1.25rem;}
.banner .text .caption.last{float:left; width:100%; height:1.175rem; background-position:0 bottom;}
.banner ul li .caption{position:absolute; left:0; top:0; width:8.125rem; height:1.25rem; background:url(/images/wd.png) no-repeat 0 0; background-size:12.325rem auto; -webkit-font-smoothing: antialiased !important; opacity:0;}
.banner ul li .caption.second{width:calc(12.325rem - 8.125rem); background-position:right 0;}
.banner ul li .caption.third{width:12.325rem; background-position:0 -1.25rem;}
.banner ul li .caption.last{width:12.325rem; height:1.175rem; background-position:0 bottom;}
.banner .text.t2 .caption{ background-image:url(/images/wd2.png); }
.banner .text.t3 .caption{ background-image:url(/images/wd3.png); }
.banner .text.t4 .caption{ background-image:url(/images/wd4.png); }
.banner .text.t5 .caption{ background-image:url(/images/wd5.png); }
.banner .text.t6 .caption{ background-image:url(/images/wd6.png); }
.section2{background:#fff url(/images/bg_01.jpg) no-repeat 0 0;}
.section2 .panel-title{position:absolute; left:1.9625rem; top:4.325rem; width:4.25rem; line-height:0.5625rem; font-size:0.5rem; font-weight:bold;}
.section2 .panel-title span{float:left; width:100%; position:relative; z-index:1;}
.section2 .panel-title .arrow{width:1.675rem; position:absolute; right:-0.9rem; top:-0.9rem; z-index:0;}
.section2 .item{position:absolute; left:3.2375rem; top:8.3625rem; width:13.125rem; height:1.625rem;}
.section2 .item .left{float:left; padding-left:2.0375rem; padding-right:0.8125rem;  margin-top:0.1875rem; width:9.05rem; height:1.25rem; background:url(/images/li1.png) no-repeat right top; background-size:100% auto; font-weight:bold; display:flex; display:-webkit-flex; justify-content:space-between; align-items:center;}
.section2 .item .left .year{text-align:center; font-size:0.375rem; color:#7a7a7a; display:block;}
.section2 .item .left .year span{color:#4178a0;}
.section2 .item .left .year span i{font-style:normal; font-size:0.225rem;}
.section2 .item .left .dividing{width:0.8625rem; height:0.025rem; background-color:#7d7d7d; display:block;}
.section2 .item .left .title{font-size:0.3375rem; font-weight:bold; display:block;}
.section2 .item .right{position:absolute; right:0; top:0; width:3.275rem; height:100%; color:#7f7f7f; font-size:0.2125rem; line-height:0.325rem; display:flex; display:-webkit-flex; justify-content:flex-start; align-items:center; white-space:nowrap;}
.section2 .item.item1{width:13.9625rem; top:6.25rem; left:5.375rem;}
.section2 .item.item1 .left{ padding-left:2.125rem; width:9.2625rem; background-image:url(/images/li2.png);}
.section2 .item.item1 .right{ width:3.875rem;}
.section2 .item.item2{width:13.9375rem; top:4.05rem; left:auto; right:2.475rem;}
.section2 .item.item2 .left{ padding-left:1.425rem; width:9.6375rem; background-image:url(/images/li3.png);}
.section2 .item.item2 .right{ width:3.5rem;}
.section2 .item.item3{width:12.8rem; top:1.75rem; left:auto; right:1.7rem;}
.section2 .item.item3 .left{ padding-left:0.5625rem; width:8.675rem; background-image:url(/images/li4.png);}
.section2 .item.item3 .right{ width:3.3rem;}
.section3{background:#eee url(/images/bg_02.jpg) no-repeat 0 0;}
.section3 ul{position:absolute; left:1.125rem; top:1rem; width:21.75rem;}
.section3 ul li{float:left; width:7.1rem; margin-right:0.025rem; margin-top:1.2rem; color:#283333;}
.section3 ul li .txt1{float:left; margin-left:1.025rem; width:3.7rem; font-size:0.2425rem; line-height:0.4375rem; font-style:italic; }
.section3 ul li .square{float:right; margin-top:0.4rem; width:1.875rem; height:1.75rem; background-color:#ca3d47;}
.section3 ul li .pic1{float:left; width:100%; margin-top:0.025rem;}
.section3 ul li h3{float:left; margin-top:0.25rem; padding-left:0.25rem; width:100%; font-size:0.5rem; font-style:italic;}
.section3 ul li.s2{width:4.4625rem; margin-top:0.525rem; height:8.9375rem; background:url(/images/c2.jpg) no-repeat 0 0; background-size:cover; position:relative; overflow:hidden;}
.section3 ul li.s2 .shadow{ position:absolute; left:0; bottom:0; width:100%; height:3.75rem; background:url(/images/c2d.png) no-repeat 0 0; background-size:100% auto; z-index:2;}
.section3 ul li.s2 .man{ position:absolute; top:0.75rem; left:0.125rem; width:4.2625rem; z-index:1;}
.section3 ul li.s2 .name{position:absolute; top:1.9375rem; left:0.625rem; width:0.3375rem;}
.section3 ul li.s2 .xt{position:absolute; left:0.2625rem; bottom:1.9375rem; width:3.875rem; z-index:3;}
.section3 ul li.s2 .py{position:absolute; left:0.425rem; bottom:0.5625rem; width:3.6875rem; z-index:2;}
.section3 ul li.s3{margin-top:0; width:5.1125rem;}
.section3 ul li.s3 h3{margin-top:0; padding-left:0.35rem;}
.section3 ul li .pic{float:left; margin-top:0.1875rem; width:100%; position:relative;}
.section3 ul li .pic img{width:100%;}
.section3 ul li .pic .title{position:absolute; left:0; bottom:0.25rem; width:100%; color:#fff; font-size:0.30rem; line-height:0.5rem; text-align:center; text-shadow:1px 0 0 rgba(0,0,0,0.1);}
.section3 ul li.s3 .txt2{float:left; width:100%; padding:0.2875rem 0.35rem 0; line-height:0.4125rem;  font-size:0.2425rem; font-style:italic;}
.section3 ul li.s3 img.cycrj{position:absolute; left:0.8625rem; bottom:0.9375rem; width:1.5625rem;}
.section3 ul li.s3 img.w3500{position:absolute; right:0.75rem; bottom:0.9375rem; width:1.5375rem;}
.section3 ul li.s4{margin-top:3.3125rem; margin-right:0; width:4.9875rem; position:relative;}
.section3 ul li.s4 .title{bottom:0.165rem;}
.section3 ul li.s4 img.kol{position:absolute; left:0.7875rem; bottom:0.7rem; width:3.2625rem;}
.section4{background:#eee url(/images/bg_03.jpg) no-repeat 0 0;}
.section4 div{position:absolute;}
.section4 .out_circle,.section4 .inside_circle{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:18.825rem; height:18.825rem; opacity:0;}
.section4.active .out_circle,.section4.active .inside_circle{ opacity:1;}
.section4 .out_circle .circle,.section4 .inside_circle .circle{position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(204,204,204,0.2); border:solid 0.0125rem #cccccc; border-radius:50%;animation:circle 120s infinite linear;}
.section4 .out_circle .circle:before,.section4 .out_circle .circle:after{position:absolute; right:-0.08rem; top:8.25rem; width:0.2375rem; height:0.2375rem; background-color:#4a5f6a; content:""; border-radius:50%;}
.section4 .out_circle .circle:after{top:auto; width:0.2125rem; height:0.2125rem; left:0.86rem; bottom:5.125rem; background:url(/images/icon_c2.png) no-repeat; background-size:100% auto;}
.section4 .inside_circle{width:10.1875rem; height:10.1875rem;}
.section4 .inside_circle .circle{ border-color:#c1c1c1; background-color:rgba(204,204,204,0.1); animation:circle 180s infinite linear; }
.section4 .inside_circle .circle:before,.section4 .inside_circle .circle:after,.section4 .inside_circle .circle i{position:absolute; left:-0.11rem; top:4.75rem; width:0.2375rem; height:0.2375rem;background-color:#4178a0; content:""; border-radius:50%;}
.section4 .inside_circle .circle:after,.section4 .inside_circle .circle i{top:auto; left:auto; bottom:0; right:3.5rem; width:0.3625rem; height:0.3625rem; background:url(/images/icon_c3.png) no-repeat; background-size:100% auto;}
.section4 .inside_circle .circle i{top:0.375rem; right:2.7rem; width:0.2875rem; height:0.2875rem; background-image:url(/images/icon_c1.png);}
@keyframes circle{from{transform: rotate(0deg);}to{transform: rotate(360deg);}}
.section4 .wrapper{left:4rem; top:2rem; width:15.3375rem; height:8.2875rem;}
.section4 .panel-title{left:0.875rem; top:0.8rem; font-size:0.6rem; font-weight:bold; line-height:1.0625rem; font-style:italic;}
.section4 .panel-title b{color:#c63843;}
.section4 .item{left:0; top:3.425rem; width:6.525rem; height:3.1375rem;}
.section4 .item img{width:100%;}
.section4 .item i{position:absolute; left:0.2rem; top:0.2rem; font-size:0.25rem; color:#d0d0d0;}
.section4 .item .title{padding-left:0.625rem; left:0; top:0.8rem; font-size:0.4375rem; line-height:0.775rem; color:#fff; font-style:italic; width:100%;}
.section4 .item:nth-child(3){top:0; left:6.775rem; width:4.15rem; height:3.8625rem;}
.section4 .item:nth-child(3) .title{padding-left:0.6rem;}
.section4 .item:nth-child(4){top:auto; bottom:0; left:6.775rem; width:4.15rem; height:4.1125rem;}
.section4 .item:nth-child(5){top:1.625rem; left:auto; right:0; width:4.15rem; height:5.15rem;}
.section5{background:#eee url(/images/bg_04.jpg) no-repeat 0 0;}
.section5 .panel-title{position:absolute; left:1rem; top:1.5rem; width:3.625rem; height:1.3125rem; background:url(/images/fw.png) no-repeat 0 0; background-size:100% auto; font-size:0; text-indent:-9999em;}
.section5 ul{float:left; width:18.475rem; margin-left:3.25rem; margin-top:2rem;}
.section5 ul li{float:left; width:3.85rem; margin-top:1.5rem; margin-right:1rem; font-style:italic; position:relative;}
.section5 ul li .pic{float:left; width:100%; position:relative;}
.section5 ul li .pic img{float:left; width:100%;}
.section5 ul li .pic .title{position:absolute; left:0; bottom:0.375rem; padding-left:0.275rem; width:100%; line-height:0.625rem; font-size:0.44625rem; color:#fff; font-weight:bold;}
.section5 ul li .txt{float:left; margin-top:0.125rem; padding-left:0.3125rem; padding-right:0.6875rem; width:100%; line-height:0.325rem; color:#39454a; text-align:justify; font-size:0.1875rem;}
.section5 ul li i{position:absolute; right:0; top:6rem; font-size:0.275rem; color:#767676;}
.section5 ul li:nth-child(2){margin-top:1.025rem;}
.section5 ul li:nth-child(3){margin-top:0.425rem;}
.section5 ul li:nth-child(4){margin-top:0; margin-right:0;}
.section_project{ position:absolute; left:0; top:0; width:100%; height:100%; background:#000 url(/images/bg_p1.jpg) no-repeat 0 0; background-size:cover; overflow:hidden;}
.section_project .slidenav{float:left; margin-left:calc(100% - 22.6875rem); margin-top:0.325rem; width:11.5375rem; height:0.75rem; line-height:0.75rem; white-space:nowrap; overflow:hidden;}
.section_project .slidenav ul{float:left; white-space:nowrap; display:flex; display:-webkit-flex; flex-wrap:nowrap; transition:all 0.3s ease 0s;}
.section_project .slidenav ul li{width:11.5375rem; display:flex; display:-webkit-flex; justify-content:space-between; color:#fff;}
.section_project .slidenav ul li a{letter-spacing:0.01875rem; font-size:0.275rem; color:#fff; opacity:0.5; }
.section_project .slidenav ul li a.active{opacity:1; font-size:0.37175rem; font-weight:bold;}
.section_project .slidenav ul li a:hover{opacity:1;}
.section_project .slidebox{float:right; margin-top:1.9125rem; width:22.6875rem; height:8rem;}
.section_project .slidebox .swiper{width:100%; height:100%;}
.section_project .slidebox .swiper .swiper-slide img { display: block;  width: 100%;  height: 100%; object-fit: cover;}
.section_project .slidebox .swiper .swiper-slide{width:11.5375rem; height:100%;  position:relative;}
.section_project .slidebox .item{position:absolute; left:0; top:0; width:6.5rem; height:3.6875rem; cursor:pointer; background-color:#535353; transition:all 0.3s ease 0s; opacity:0; pointer-events:none;}
.section_project .slidebox .item img{width: 100%;  height: 100%; display:block; object-fit: cover;}
.section_project .slidebox .item:nth-child(2){ left:auto; right:0; width:5rem;}
.section_project .slidebox .item:nth-child(3){top:auto; bottom:0; width:5.1875rem; height:4.275rem;}
.section_project .slidebox .item:nth-child(4){top:auto; left:auto; right:0; bottom:0; width:6.3125rem; height:4.275rem;}
.section_project .slidebox .item:nth-child(1),.section_project .slidebox .item:nth-child(2),.section_project .slidebox .item:nth-child(3),.section_project .slidebox .item:nth-child(4){opacity:1; pointer-events:auto;}
.section_project .slidebox .item:before{position:absolute; left:0; top:0; width:100%; height:100%; background-color:#000000; opacity:0.45; content:""; z-index:2; transition:all 0.3s ease 0s;}
.section_project .slidebox .item:after{position:absolute; left:0; bottom:0; width:100%; height:1.25rem; z-index:2; background:url(/images/bg_shadow.png) repeat-x 0 0; content:""; opacity:0; transition:all 0.3s ease 0s;}
.section_project .slidebox .item:hover:after{opacity:1; transition:all 0.3s ease 0s;}
.section_project .slidebox .item:hover:before{opacity:0;transition:all 0.3s ease 0s;}
.section_project .slidebox .item:hover{transform:scale(1.1); transition:all 0.3s ease 0s;}
.section_project .slidebox .item:hover{z-index:100;}
.section_project .slidebox .item .title{position:absolute; width:100%; padding-left:0.375rem; padding-right:0.375rem; left:0; bottom:0.2rem; color:#fff; font-size:0.25rem; line-height:0.375rem; z-index:3; letter-spacing:0.0125rem;}
.section_project .slidebox .item .title.right{text-align:right;}
.section_project .slidebox .swiper .swiper-slide.slide2{width:11.5rem;}
.section_project .slidebox .slide2 .item:nth-child(1){width:5rem; height:4.6rem;}
.section_project .slidebox .slide2 .item:nth-child(2),.section_project .slidebox .slide2 .item:nth-child(4){width:6.4375rem;}
.section_project .slidebox .slide2 .item:nth-child(3){width:5rem; height:3.35rem;}
.section_project .slidebox .slide3 .item:nth-child(2){height:100%;}
.section_project .slidebox .slide3 .item:nth-child(3){width:6.5rem;}
.section_project .slidebox .swiper .swiper-slide.slide4,.section_project .slidebox .swiper .swiper-slide.rep{width:16.75rem;}
.section_project .slidebox .slide4 .item:nth-child(2){left:6.525rem;}
.section_project .slidebox .rep .item:nth-child(2){left:6.525rem;}
.section_project .slidebox .slide4 .item:nth-child(4){left:5.225rem;}
.section_project .slidebox .rep .item:nth-child(4){left:5.225rem;}
.section_project .slidebox .slide4 .item:nth-child(5){left:auto; right:0; width:5.1875rem; opacity:1; pointer-events:auto;}
.section_project .slidebox .rep .item:nth-child(5){left:auto; right:0; width:5.1875rem; opacity:1; pointer-events:auto;}
.section_project .slidebox .slide4 .item:nth-child(6){left:auto; top:auto; bottom:0; right:0; width:5.1875rem; height:4.275rem; opacity:1; pointer-events:auto;}
.section_project .slidebox .rep .item:nth-child(6){left:auto; top:auto; bottom:0; right:0; width:5.1875rem; height:4.275rem; opacity:1; pointer-events:auto;}
.section_project .slidebox .swiper .swiper-slide.slide6{width:8.875rem;}
.section_project .slidebox .slide6 .item:nth-child(1){width:100%;}
.section_project .slidebox .slide6 .item:nth-child(2){left:0; top:auto; bottom:0; width:100%; height:4.275rem;}
.section_project .slidebox .slide6 .item:nth-child(2) .title{text-align:right;}
.section_project .slidebox .slide6 .item:nth-child(3){left:6.3rem; width:6.25rem;}

.section_project .slidebox .swiper-slide.rep5 *{opacity:1; pointer-events:auto;}

.section_project .slidebox .swiper .swiper-slide.rep5{width:16.5375rem;}
.section_project .slidebox .rep5 .item:nth-child(1),.section_project .slidebox .rep7 .item:nth-child(1){width:5rem; height:4.6rem;}
.section_project .slidebox .rep5 .item:nth-child(2),
.section_project .slidebox .rep5 .item:nth-child(4),
.section_project .slidebox .rep7 .item:nth-child(2),
.section_project .slidebox .rep7 .item:nth-child(4){right:auto; left:5.05rem; width:6.4375rem;}
.section_project .slidebox .rep5 .item:nth-child(3),.section_project .slidebox .rep7 .item:nth-child(3){width:5rem; height:3.35rem;}
.section_project .slidebox .rep5 .item:nth-child(5){left:auto; right:0; top:0; width:5rem; height:100%; opacity:1;}

.section_project .slidebox .swiper-slide.rep7{width:21.5875rem !important;}
.section_project .slidebox .rep5 .item:nth-child(5){left:11.55rem;}
.section_project .slidebox .rep7 .item:nth-child(6){left:16.6rem; width:5rem; height:4.6rem;}
.section_project .slidebox .rep7 .item:nth-child(7){left:16.6rem; top:auto; bottom:0; width:5rem; height:3.35rem;}
.section_project .slidebox .rep7 *{opacity:1;}
.section_project .slidebox .swiper-slide.rep8{width:26.25rem !important;}
.section_project .slidebox .rep8 .item:nth-child(8){left:21.65rem; width:5rem; height:100%;}
.section_project .slidebox  .swiper-slide.rep9{width:28.075rem !important;}
.section_project .slidebox .rep9 .item:nth-child(8){left:auto; right:0; width:6.4375rem; height:3.7rem;}
.section_project .slidebox .rep9 .item:nth-child(9){left:auto; top:auto; right:0; bottom:0; width:6.4375rem; height:4.25rem;}

.section.about{background-color:#fff;}
.section.about .container{width:20.6625rem; margin:0 auto;}
.section.about .container .wrapper{float:left; width:100%; min-height:8.875rem; margin-top:2.25rem; background:url(/images/bg_about.jpg) no-repeat center bottom; background-size:100% auto; position:relative;}
.section.about .container .wrapper:before{position:absolute; left:-0.375rem; bottom:0; width:0.2rem; height:2.3rem; background:url(/images/aboutus.png) no-repeat 0 bottom; background-size:100% auto; content:"";}
.section.about .toplogo{float:left; width:100%; text-align:center;}
.section.about .toplogo img{width:4.675rem;}
.section.about .content{float:left; margin-top:0.625rem; width:100%; padding:0 2.84375rem; text-align:center; color:#2a2a2a; font-size:0.2375rem; line-height:0.5rem;}
.section.about .data{float:left; width:100%; padding:0 4.39375rem 0.5rem; margin-top:0.675rem; display:flex; display:-webkit-flex; align-items:flex-start; justify-content:space-between;}
.section.about .data .item{color:#5b5b5b; font-size:0.2125rem; text-align:center;}
.section.about .data .item h3{font-size:0.47rem; color:#2a2a2a; line-height:0.35rem; font-weight:600;}
.section.client{background-color:#fff;}
.section.client .container{width:20.875rem; margin:0 auto;}
.section.client .panel-title{float:left; margin-top:1.5rem; width:100%;}
.section.client .panel-title br{display:none;}
.section.client .panel-title p{}
.section.client .panel-title p:nth-child(1){line-height:0.7rem; color:#c41724; font-size:0.625rem; font-weight:bold;}
.section.client .panel-title p:nth-child(2){line-height:0.775rem; color:#353535; font-size:0.625rem; letter-spacing:0.06rem;}
.section.client .panel-title p:nth-child(3){line-height:0.55rem; color:#999999; font-size:0.25rem;}
.section.client ul{float:left; width:100%; margin-top:0.225rem; display:grid; grid-template-columns: repeat(6, 3.44rem); grid-template-rows: repeat(4, 1.625rem); /*grid-gap:0.0375rem 0.0375rem;*/ grid-auto-flow: column; background:#0a0b0e; box-shadow:0 0 10px rgba(0,0,0,0.3);}
.section.client ul.mobile{display:none;}
.section.client ul li{width:100%; height:100%; background-color:#111316; border-right:solid 0.0375rem #0a0b0e; border-bottom:solid 0.0375rem #0a0b0e; display:flex; display:-webkit-flex; justify-content:center; align-items:center;}
.section.client ul li img{max-width:80%; max-height:80%;}
.section.client ul li.odd{background-color:#19191c;}
.section.contact{background-color:#12151b;}
.section.contact .slides{position:absolute; width:100%; height:100%; overflow:hidden;}
.section.contact .slides .swiper{width:100%; height:100%;}
.section.contact .slides .swiper .swiper-pagination-bullet{margin:9px 2.5px; width:5px; height:5px; background-color:#fff; opacity:1;}
.section.contact .slides .swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#c41724; width:10px; height:10px; margin-left:0; margin-right:0;}
.section.contact .slides .swiper .swiper-slide{width:100%; height:100%; overflow:hidden;}
.section.contact .slides .swiper .swiper-slide img{display:block; width:100%; height:100%; object-fit:cover; }
.section.contact .slides .swiper .swiper-slide img.mobile{display:none;}
.section.contact .container{position:absolute; left:3.375rem; padding-top:1.8rem; width:8.625rem; height:100%; position:relative; z-index:10; display:flex; display:-webkit-flex; justify-content:flex-start; align-items:flex-start; flex-direction:column;}
.section.contact .container h2{float:left; width:100%; line-height:1.0625rem; color:#c41724; font-size:0.7875rem;}
.section.contact .container ul{float:left; width:100%; margin-top:0.75rem;}
.section.contact .container ul li{float:left; width:100%; margin-bottom:0.4rem; font-size:0.225rem; color:#fff; opacity:0.15; line-height:0.5625rem; position:relative; transition:all 0.3s ease 0s; cursor:pointer;}
.section.contact .container ul li:before{position:absolute; left:-0.575rem; height:0.625rem; width:0.3rem; content:""; background:url(/images/icon_arrow_right.png) no-repeat 0 center; background-size:100% auto; opacity:0; transition:all 0.3s ease 0s;}
.section.contact .container ul li:hover,.section.contact .container ul li.active{opacity:1; transition:all 0.3s ease 0s;}
.section.contact .container ul li:hover:before,.section.contact .container ul li.active:before{opacity:1;transition:all 0.3s ease 0s;}
.section.contact .container ul li h3{float:left; width:100%; font-size:0.375rem; line-height:0.625rem;}
.section.contact .container ul li h3 span{font-size:0.1875rem; font-weight:normal;}
.section.contact .container .bottom{float:left; margin-top:1rem; width:100%;}
.section.contact .container .bottom p{float:left; width:100%; margin-top:0.3rem; color:#fff; font-size:0.32rem; font-weight:300; opacity:0.5;}
.section.contact .container .btn{float:left; width:1.85rem; transition:all 0.3s ease 0s;}
.section.contact .container .btn:hover{opacity:0.9; transition:all 0.3s ease 0s;}
.rightbar{position:fixed; right:0; bottom:1.4375rem; height:1.7rem; z-index:100;}
.rightbar .title{position:absolute; right:0; top:0;width:0.4375rem; height:100%; padding:0.4rem 0.1rem 0; border-radius:0.25rem 0 0 0.25rem; background-color:#5d6067; background:#5d6067 url(/images/icon_cmt.png) no-repeat center 0.3rem; background-size:0.25rem auto; color:#fff; font-size:0.17875rem; writing-mode:vertical-lr; letter-spacing:0.03rem; text-align:center; z-index:2; cursor:pointer;}
.rightbar .qrcode{position:absolute; right:-1.9rem; padding-top:0.15rem; padding-right:0.36rem; width:1.9rem; height:100%; background-color:#eeeeee; border-radius:0.25rem 0 0 0.25rem; display:flex; display:-webkit-flex; flex-direction:column; justify-content:center; align-items:center; transition:all 0.6s ease 0s;}
.rightbar .qrcode img{width:1.25rem;}
.rightbar .qrcode i{ padding-top:0.02rem; color:#000; font-weight:bold; font-size:0.1335rem; letter-spacing:0.05rem;}
/*.rightbar:hover .title,.rightbar.active .title{right:-0.4375rem;}*/
.rightbar:hover .qrcode,.rightbar.active .qrcode{right:0; transition:all 0.6s ease 0s;}
.section.zy{position:absolute; background-image:url(/images/bg_zy.jpg);}
.section.zy .container{width:20.25rem; margin:0 auto;}
.section.zy ul{float:left; margin-top:1.875rem; width:100%;}
.section.zy ul li{float:left; width:7.975rem; margin-right:0.1rem;}
.section.zy ul li:nth-child(2){width:6.125rem;}
.section.zy ul li:nth-child(3){width:5.95rem; margin-right:0;}
.section.zy ul li .item{float:left; width:100%; margin-bottom:0.1125rem;}
.section.zy ul li .item .pic{float:left; width:100%; position:relative;}
.section.zy ul li .item .pic img{width:100%;}
.section.zy ul li .item .pic .title{position:absolute; left:0; bottom:0.25rem; width:100%; padding:0 0.375rem; line-height:0.5rem; font-size:0.3475rem; color:#fff; font-weight:bold;}
.section.zy ul li:nth-child(1) .item:nth-child(1) .pic{float:right; margin-top:0.5rem; width:6.75rem;}
.section.zy ul li:nth-child(1) .item:nth-child(1) .pic .title{left:3.625rem; top:0.75rem; padding:0; width:2.25rem; line-height:0.625rem; font-size:0.35rem; }
.section.zy ul li .pic .title.black{color:#2e2e2e; font-size:0.25rem;}
.section.zy ul li p{float:left; width:100%; padding:0 0.4125rem; margin-top:0.125rem; line-height:0.5rem; color:#2e2e2e; font-size:0.298125rem;}
.details{float:left; width:100%; background-color:#000;}
.details .container{width:19.375rem; margin:2.625rem auto 0; text-align:center;}
.details .container img{max-width:100%;}
footer{position:absolute; right:10px; bottom:10px; font-size:0.2rem; color:#666; font-weight:300; z-index:1001; }
@media(max-width:1200px)
{
.rightbar{height:130px;}
.rightbar .title{position:absolute; right:0; top:0; height:100%; width:34px; padding:35px 8px 0; border-radius:15px 0 0 15px; background-position:center 25px; background-size:20px auto; font-size:14px; letter-spacing:1.5px;}
.rightbar .qrcode{ padding-right:30px; width:140px; right:-140px;}
.rightbar .qrcode img{width:97px;}
.rightbar .qrcode i{font-size:12px;}
/*.rightbar:hover .title,.rightbar.active .title{right:-34px;}*/
}

@media(max-width:768px)
{
/*[data-aos^=fade][data-aos^=fade]{opacity:1 !important;}*/
body {font-size:0.17rem; overflow:visible;}
#container {position:relative;/*overflow:hidden;*/     float:left;width:100%;margin:0 auto;}
.section {float:left; height:6rem; width:100%; position:relative;}
.section.current {display:block;z-index:1;}
.section.slide {display:block;z-index:2;}
.section1 {height:6rem; background-color:#000;}
header{position:fixed;width:100%;height:1rem;  background-color:rgba(0,0,0,0.3);  z-index:9999;transition:all 0.3s ease 0s;}
header.black {/*background-color:rgba(0,0,0,0.3); box-shadow:none;*/ transition:all 0.3s ease 0s;}
header.hide {opacity:0;transition:all 0.6s ease 0s;}
header:hover {opacity:1;transition:all 0.6s ease 0s;}
header .logo {float:left;margin-left:0.3rem;margin-top:0.3rem;}
header .logo img {width:1.49rem;display:none;}
header .logo img.white {display:block;}
header.black .logo img.black {display:block;}
header.black .logo img.white {display:none;}
.navbtn {display:none;}
.nav {float:right;margin-top:0.3rem;}
.nav * {transition:all 0.3s ease 0s;}
.nav ul {float:left;padding:0;margin:0;list-style-type:none;}
.nav ul li {float:left;margin-right:0.2rem;min-width:0.9rem;text-align:center;}
.nav ul li.last {min-width:1.5rem;}
.nav ul li a {color:#fff;opacity:0.5;height:0.4rem;line-height:0.4rem;letter-spacing:0.05rem;font-size:0.2574rem;position:relative;}
.nav ul li a:after {position:absolute;left:-0.02rem;bottom:-0.02rem;width:100%;height:0.02rem;content:"";background-color:#fff;opacity:0;}
.nav ul li a:hover,.nav ul li a.current {font-weight:bold;opacity:1;}
.nav ul li a:hover:after,.nav ul li a.current:after {opacity:1;}
header.black .nav ul li a {color:#000;}
header.black .nav ul li a:after {background-color:#000;}
.banner {position:absolute;width:100%;height:100%;left:0;top:0;overflow:hidden;background:url(/images/banner1.jpg) no-repeat center center;background-size:cover;}
.banner ul {width:100% !important;max-height:100% !important;position:relative;}
.banner ul,.banner ul li {position:absolute;left:0;top:0;width:100%;height:100%;}
.banner ul li {background-size:cover;background-position:center center;opacity:0;}
.banner .tparrows {display:none;}
.banner .tp-bullets {position:absolute;bottom:0.3rem;opacity:1;z-index:100;}
.banner .tp-bullets .bullet {width:0.144rem;height:0.144rem;background-color:#888;border-radius:50%;margin:0 0.056rem;opacity:0.5;cursor:pointer;display:inline-block;transition:all 0.3s ease 0s;}
.banner .tp-bullets .bullet.selected {background-color:#fff;opacity:0.75;transition:all 0.3s ease 0s;}
.banner .tp-bullets .bullet:hover {opacity:0.75;}
.banner .text {position:absolute;top:2.5rem;left:0.8rem;width:5.89rem;height:1.75rem;z-index:999;opacity:0;transition:all 0.6s ease 0s;}
.banner .text.active {opacity:1;transition:all 0.6s ease 0s;}
.banner .text img {width:9.86rem;}
.banner .text .caption {float:left;width:3.85rem;height:0.6rem;background:url(/images/wd1.png) no-repeat 0 0;background-size:5.89rem auto;font-size:0;text-indent:-9999em;}
.banner .text .caption.second {float:right;width:calc(5.89rem - 3.85rem);background-position:right 0;}
.banner .text .caption.third {float:left;width:100%;background-position:0 -0.60rem;}
.banner .text .caption.last {float:left;width:100%;height:0.55rem;background-position:0 bottom;}
.section2 {padding:0.3rem 0; height:auto;}
.section2 .panel-title {position:relative;left:auto;top:auto;float:left; width:100%;line-height:0.45rem;font-size:0.4rem;font-weight:bold; text-align:center;}
.section2 .panel-title span {float:none;width:auto;position:relative;z-index:1;}
.section2 .panel-title .arrow {display:none;}
.section2 .item {position:relative;left:auto !important;top:auto !important;float:left; width:10.5rem !important;height:auto;}
.section2 .item .left {float:left;padding-left:1.63rem;padding-right:0.65rem;margin-top:0.15rem;width:7.24rem;height:1rem;background:url(/images/li1.png) no-repeat right top; background-image:url(/images/li1.png)!important; background-size:100% auto;font-weight:bold;display:flex;display:-webkit-flex;justify-content:space-between;align-items:center;}
.section2 .item .left .year {text-align:center;font-size:0.3rem;color:#7a7a7a;display:block;}
.section2 .item .left .year span {color:#4178a0;}
.section2 .item .left .year span i {font-style:normal;font-size:0.18rem;}
.section2 .item .left .dividing {width:0.69rem;height:0.02rem;background-color:#7d7d7d;display:block;}
.section2 .item .left .title {font-size:0.27rem;font-weight:bold;display:block;}
.section2 .item .right {position:relative;right:auto;top:auto;float:left; padding:0.15rem 0.3rem; width:100%;height:auto;color:#7f7f7f;font-size:0.17rem;line-height:0.26rem; text-align:center; display:block;}
.section2 .item .right br{display:none;}
.section2 .item.item1 {width:11.17rem;}
.section2 .item.item1 .left {padding-left:1.7rem;width:7.41rem;background-image:url(/images/li2.png);}
.section2 .item.item1 .right {width:3.1rem;}
.section2 .item.item2 {width:11.15rem;top:3.24rem;left:auto;right:1.98rem;}
.section2 .item.item2 .left {padding-left:1.14rem;width:7.71rem;background-image:url(/images/li3.png);}
.section2 .item.item2 .right {width:2.8rem;}
.section2 .item.item3 {width:10.24rem;top:1.4rem;left:auto;right:1.36rem;}
.section2 .item.item3 .left {padding-left:0.45rem;width:6.94rem;background-image:url(/images/li4.png);}
.section2 .item.item3 .right {width:2.64rem;}
.section3 {background:#eee url(/images/bg_02.jpg) no-repeat 0 0;}
.section3 ul {position:absolute;left:0.9rem;top:0.8rem;width:17.4rem;}
.section3 ul li {float:left;width:5.68rem;margin-right:0.02rem;margin-top:0.96rem;color:#283333;}
.section3 ul li .txt1 {float:left;margin-left:0.82rem;width:2.96rem;font-size:0.194rem;line-height:0.35rem;font-style:italic;}
.section3 ul li .square {float:right;margin-top:0.32rem;width:1.5rem;height:1.4rem;background-color:#ca3d47;}
.section3 ul li .pic1 {float:left;width:100%;margin-top:0.02rem;}
.section3 ul li h3 {float:left;margin-top:0.2rem;padding-left:0.2rem;width:100%;font-size:0.4rem;font-style:italic;}
.section3 ul li.s2 {width:3.57rem;margin-top:0.42rem;height:7.15rem;background:url(/images/c2.jpg) no-repeat 0 0;background-size:cover;position:relative;overflow:hidden;}
.section3 ul li.s2 .shadow {position:absolute;left:0;bottom:0;width:100%;height:3rem;background:url(/images/c2d.png) no-repeat 0 0;background-size:100% auto;z-index:2;}
.section3 ul li.s2 .man {position:absolute;top:0.6rem;left:0.1rem;width:3.41rem;z-index:1;}
.section3 ul li.s2 .name {position:absolute;top:1.55rem;left:0.5rem;width:0.27rem;}
.section3 ul li.s2 .xt {position:absolute;left:0.21rem;bottom:1.55rem;width:3.1rem;z-index:3;}
.section3 ul li.s2 .py {position:absolute;left:0.34rem;bottom:0.45rem;width:2.95rem;z-index:2;}
.section3 ul li.s3 {margin-top:0;width:4.09rem;}
.section3 ul li.s3 h3 {margin-top:0;padding-left:0.28rem;}
.section3 ul li .pic {float:left;margin-top:0.15rem;width:100%;position:relative;}
.section3 ul li .pic img {width:100%;}
.section3 ul li .pic .title {position:absolute;left:0;bottom:0.2rem;width:100%;color:#fff;font-size:0.24rem;line-height:0.4rem;text-align:center;text-shadow:0.01rem 0 0 rgba(0,0,0,0.1);}
.section3 ul li.s3 .txt2 {float:left;width:100%;padding:0.23rem 0.28rem 0;line-height:0.33rem;font-size:0.194rem;font-style:italic;}
.section3 ul li.s3 img.cycrj {position:absolute;left:0.69rem;bottom:0.75rem;width:1.25rem;}
.section3 ul li.s3 img.w3500 {position:absolute;right:0.6rem;bottom:0.75rem;width:1.23rem;}
.section3 ul li.s4 {margin-top:2.65rem;margin-right:0;width:3.99rem;position:relative;}
.section3 ul li.s4 .title {bottom:0.132rem;}
.section3 ul li.s4 img.kol {position:absolute;left:0.63rem;bottom:0.56rem;width:2.61rem;}
.section4 {background:#eee url(/images/bg_03.jpg) no-repeat 0 0;}
.section4 div {position:absolute;}
.section4 .out_circle,.section4 .inside_circle {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:15.06rem;height:15.06rem;opacity:0;}
.section4.active .out_circle,.section4.active .inside_circle {opacity:1;}
.section4 .out_circle .circle,.section4 .inside_circle .circle {position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(204,204,204,0.2);border:solid 0.01rem #cccccc;border-radius:50%;animation:circle 120s infinite linear;}
.section4 .out_circle .circle:before,.section4 .out_circle .circle:after {position:absolute;right:-0.64rem;top:6.6rem;width:0.19rem;height:0.19rem;background-color:#4a5f6a;content:"";border-radius:50%;}
.section4 .out_circle .circle:after {top:auto;width:0.17rem;height:0.17rem;left:0.688rem;bottom:4.1rem;background:url(/images/icon_c2.png) no-repeat;background-size:100% auto;}
.section4 .inside_circle {width:8.15rem;height:8.15rem;}
.section4 .inside_circle .circle {border-color:#c1c1c1;background-color:rgba(204,204,204,0.1);animation:circle 180s infinite linear;}
.section4 .inside_circle .circle:before,.section4 .inside_circle .circle:after,.section4 .inside_circle .circle i {position:absolute;left:-0.88rem;top:3.8rem;width:0.19rem;height:0.19rem;background-color:#4178a0;content:"";border-radius:50%;}
.section4 .inside_circle .circle:after,.section4 .inside_circle .circle i {top:auto;left:auto;bottom:0;right:2.8rem;width:0.29rem;height:0.29rem;background:url(/images/icon_c3.png) no-repeat;background-size:100% auto;}
.section4 .inside_circle .circle i {top:0.3rem;right:2.16rem;width:0.23rem;height:0.23rem;background-image:url(/images/icon_c1.png);}
.section4 .wrapper {left:3.2rem;top:1.6rem;width:12.27rem;height:6.63rem;}
.section4 .panel-title {left:0.7rem;top:0.64rem;font-size:0.48rem;font-weight:bold;line-height:0.85rem;font-style:italic;}
.section4 .panel-title b {color:#c63843;}
.section4 .item {left:0;top:2.74rem;width:5.22rem;height:2.51rem;}
.section4 .item img {width:100%;}
.section4 .item i {position:absolute;left:0.16rem;top:0.16rem;font-size:0.2rem;color:#d0d0d0;}
.section4 .item .title {padding-left:0.5rem;left:0;top:0.64rem;font-size:0.35rem;line-height:0.62rem;color:#fff;font-style:italic;width:100%;}
.section4 .item:nth-child(3) {top:0;left:5.42rem;width:3.32rem;height:3.09rem;}
.section4 .item:nth-child(3) .title {padding-left:0.48rem;}
.section4 .item:nth-child(4) {top:auto;bottom:0;left:5.42rem;width:3.32rem;height:3.29rem;}
.section4 .item:nth-child(5) {top:1.3rem;left:auto;right:0;width:3.32rem;height:4.12rem;}
.section5 {background:#eee url(/images/bg_04.jpg) no-repeat 0 0;}
.section5 .panel-title {position:absolute;left:0.8rem;top:1.2rem;width:2.9rem;height:1.05rem;background:url(/images/fw.png) no-repeat 0 0;background-size:100% auto;font-size:0;text-indent:-9999em;}
.section5 ul {float:left;width:14.78rem;margin-left:2.6rem;margin-top:1.6rem;}
.section5 ul li {float:left;width:3.08rem;margin-top:1.2rem;margin-right:0.8rem;font-style:italic;position:relative;}
.section5 ul li .pic {float:left;width:100%;position:relative;}
.section5 ul li .pic img {float:left;width:100%;}
.section5 ul li .pic .title {position:absolute;left:0;bottom:0.3rem;padding-left:0.22rem;width:100%;line-height:0.5rem;font-size:0.357rem;color:#fff;font-weight:bold;}
.section5 ul li .txt {float:left;margin-top:0.1rem;padding-left:0.25rem;padding-right:0.55rem;width:100%;line-height:0.26rem;color:#39454a;text-align:justify;font-size:0.15rem;}
.section5 ul li i {position:absolute;right:0;top:4.8rem;font-size:0.22rem;color:#767676;}
.section5 ul li:nth-child(2) {margin-top:0.82rem;}
.section5 ul li:nth-child(3) {margin-top:0.34rem;}
.section5 ul li:nth-child(4) {margin-top:0;margin-right:0;}
.section_project {position:absolute;left:0;top:0;width:100%;height:100%;background:#000 url(/images/bg_p.jpg) no-repeat 0 0;background-size:cover;overflow:hidden;}
.section_project .slidenav {float:left;margin-left:calc(100% - 18.15rem);margin-top:0.26rem;width:9.23rem;height:0.6rem;line-height:0.6rem;white-space:nowrap;overflow:hidden;}
.section_project .slidenav ul {float:left;white-space:nowrap;display:flex;display:-webkit-flex;flex-wrap:nowrap;transition:all 0.3s ease 0s;}
.section_project .slidenav ul li {width:9.23rem;display:flex;display:-webkit-flex;justify-content:space-between;color:#fff;}
.section_project .slidenav ul li a {letter-spacing:0.015rem;font-size:0.22rem;color:#fff;opacity:0.5;}
.section_project .slidenav ul li a.active {opacity:1;font-size:0.2974rem;font-weight:bold;}
.section_project .slidenav ul li a:hover {opacity:1;}
.section_project .slidebox {float:right;margin-top:1.53rem;width:18.15rem;height:6.4rem;}
.section_project .slidebox .swiper {width:100%;height:100%;}
.section_project .slidebox .swiper .swiper-slide img {display:block;width:100%;height:100%;object-fit:cover;}
.section_project .slidebox .swiper .swiper-slide {width:9.23rem;height:100%;position:relative;}
.section_project .slidebox .item {position:absolute;left:0;top:0;width:5.2rem;height:2.95rem;cursor:pointer;background-color:#535353;transition:all 0.3s ease 0s;}
.section_project .slidebox .item img {width:100%;height:100%;display:block;object-fit:cover;}
.section_project .slidebox .item:nth-child(2) {left:auto;right:0;width:4rem;}
.section_project .slidebox .item:nth-child(3) {top:auto;bottom:0;width:4.15rem;height:3.42rem;}
.section_project .slidebox .item:nth-child(4) {top:auto;left:auto;right:0;bottom:0;width:5.05rem;height:3.42rem;}
.section_project .slidebox .item:before {position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000000;opacity:0.45;content:"";z-index:2;transition:all 0.3s ease 0s;}
.section_project .slidebox .item:after {position:absolute;left:0;bottom:0;width:100%;height:1rem;z-index:2;background:url(/images/bg_shadow.png) repeat-x 0 0;content:"";opacity:0;transition:all 0.3s ease 0s;}
.section_project .slidebox .item:hover:after {opacity:1;transition:all 0.3s ease 0s;}
.section_project .slidebox .item:hover:before {opacity:0;transition:all 0.3s ease 0s;}
.section_project .slidebox .item:hover {transform:scale(1.1);transition:all 0.3s ease 0s;}
.section_project .slidebox .item:hover {z-index:100;}
.section_project .slidebox .item .title {position:absolute;width:100%;padding-left:0.3rem;padding-right:0.3rem;left:0;bottom:0.16rem;color:#fff;font-size:0.2rem;line-height:0.3rem;z-index:3;letter-spacing:0.01rem;}
.section_project .slidebox .item .title.right {text-align:right;}
.section_project .slidebox .swiper .swiper-slide.slide2 {width:9.2rem;}
.section_project .slidebox .slide2 .item:nth-child(1) {width:4rem;height:4rem;}
.section_project .slidebox .slide2 .item:nth-child(2),.section_project .slidebox .slide2 .item:nth-child(4) {width:5.15rem;}
.section_project .slidebox .slide2 .item:nth-child(3) {width:4rem;height:2.34rem;}
.section_project .slidebox .swiper .swiper-slide.slide4 {width:13.4rem;}
.section_project .slidebox .slide4 .item:nth-child(2) {left:5.22rem;}
.section_project .slidebox .slide4 .item:nth-child(4) {left:4.18rem;}
.section_project .slidebox .item:nth-child(5) {left:auto;right:0;width:4.15rem;}
.section_project .slidebox .item:nth-child(6) {left:auto;top:auto;bottom:0;right:0;width:4.15rem;height:3.42rem;}
.section_project .slidebox .swiper .swiper-slide.slide6 {width:10.04rem;}
.section_project .slidebox .slide6 .item:nth-child(1) {width:100%;}
.section_project .slidebox .slide6 .item:nth-child(2) {left:0;top:auto;bottom:0;width:5rem;height:3.42rem;}
.section_project .slidebox .slide6 .item:nth-child(3) {left:5.04rem;width:5rem;}
.section.about {background-color:#fff;}
.section.about .container {width:16.53rem;margin:0 auto;}
.section.about .container .wrapper {float:left;width:100%;min-height:7.1rem;margin-top:1.8rem;background:url(/images/bg_about.jpg) no-repeat center bottom;background-size:100% auto;position:relative;}
.section.about .container .wrapper:before {position:absolute;left:-0.3rem;bottom:0;width:0.16rem;height:1.84rem;background:url(/images/aboutus.png) no-repeat 0 bottom;background-size:100% auto;content:"";}
.section.about .toplogo {float:left;width:100%;text-align:center;}
.section.about .toplogo img {width:3.74rem;}
.section.about .content {float:left;margin-top:0.5rem;width:100%;padding:0 2.275rem;text-align:center;color:#2a2a2a;font-size:0.19rem;line-height:0.4rem;}
.section.about .data {float:left;width:100%;padding:0 3.515rem 0.4rem;margin-top:0.54rem;display:flex;display:-webkit-flex;align-items:flex-start;justify-content:space-between;}
.section.about .data .item {color:#5b5b5b;font-size:0.17rem;text-align:center;}
.section.about .data .item h3 {font-size:0.376rem;color:#2a2a2a;line-height:0.28rem;font-weight:600;}
.section.client {background-color:#fff;}
.section.client .container {width:16.7rem;margin:0 auto;}
.section.client .panel-title {float:left;margin-top:1.2rem;width:100%;}
.section.client .panel-title p {}
.section.client .panel-title p:nth-child(1) {line-height:0.56rem;color:#c41724;font-size:0.5rem;font-weight:bold;}
.section.client .panel-title p:nth-child(2) {line-height:0.62rem;color:#353535;font-size:0.5rem;letter-spacing:0.048rem;}
.section.client .panel-title p:nth-child(3) {line-height:0.44rem;color:#999999;font-size:0.2rem;}
.section.client ul {float:left;width:100%;margin-top:0.18rem;display:grid;grid-template-columns:repeat(6,275.0.02rem);grid-template-rows:repeat(4,1.3rem);/*grid-gap:0.03rem 0.03rem;*/     grid-auto-flow:column;background:#0a0b0e;box-shadow:0 0 0.1rem rgba(0,0,0,0.3);}
.section.client ul li {width:100%;height:100%;background-color:#111316;border-right:solid 0.03rem #0a0b0e;border-bottom:solid 0.03rem #0a0b0e;display:flex;display:-webkit-flex;justify-content:center;align-items:center;}
.section.client ul li img {max-width:80%;max-height:80%;}
.section.client ul li.odd {background-color:#19191c;}
.section.contact {background-color:#12151b;}
.section.contact .slides {position:absolute;width:100%;height:100%;overflow:hidden;}
.section.contact .slides .swiper {width:100%;height:100%;}
.section.contact .slides .swiper .swiper-pagination-bullet {margin:0.09rem 0.025rem;width:0.05rem;height:0.05rem;background-color:#fff;opacity:1;}
.section.contact .slides .swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color:#c41724;width:0.1rem;height:0.1rem;margin-left:0;margin-right:0;}
.section.contact .slides .swiper .swiper-slide {width:100%;height:100%;overflow:hidden;}
.section.contact .slides .swiper .swiper-slide img {display:block;width:100%;height:100%;object-fit:cover;}
.section.contact .container {float:left;width:5.3rem;margin-top:1.5rem;margin-left:2.7rem;position:relative;z-index:10;}
.section.contact .container h2 {float:left;width:100%;line-height:0.85rem;color:#c41724;font-size:0.63rem;}
.section.contact .container ul {float:left;width:100%;margin-top:0.6rem;}
.section.contact .container ul li {float:left;width:100%;margin-bottom:0.32rem;font-size:0.18rem;color:#fff;opacity:0.15;line-height:0.45rem;position:relative;transition:all 0.3s ease 0s;cursor:pointer;}
.section.contact .container ul li:before {position:absolute;left:-0.46rem;height:0.5rem;width:0.24rem;content:"";background:url(/images/icon_arrow_right.png) no-repeat 0 center;background-size:100% auto;opacity:0;transition:all 0.3s ease 0s;}
.section.contact .container ul li:hover,.section.contact .container ul li.active {opacity:1;transition:all 0.3s ease 0s;}
.section.contact .container ul li:hover:before,.section.contact .container ul li.active:before {opacity:1;transition:all 0.3s ease 0s;}
.section.contact .container ul li h3 {float:left;width:100%;font-size:0.3rem;line-height:0.5rem;}
.section.contact .container ul li h3 span {font-size:0.15rem;font-weight:normal;}
.section.contact .container .btn {float:left;margin-top:1rem;width:1.48rem;transition:all 0.3s ease 0s;}
.section.contact .container .btn:hover {opacity:0.9;transition:all 0.3s ease 0s;}
.rightbar {position:fixed;right:0;bottom:1.15rem;height:1.36rem;z-index:100;}
.rightbar .title {position:absolute;right:0;top:0;width:0.35rem;height:100%;padding:0.32rem 0.08rem 0;border-radius:0.2rem 0 0 0.2rem;background-color:#5d6067;background:#5d6067 url(/images/icon_cmt.png) no-repeat center 0.24rem;background-size:0.2rem auto;color:#fff;font-size:0.143rem;writing-mode:vertical-lr;letter-spacing:0.024rem;text-align:center;z-index:2;cursor:pointer;}
.rightbar .qrcode {position:absolute;right:-1.52rem;padding-top:0.12rem;padding-right:0.288rem;width:1.52rem;height:100%;background-color:#eeeeee;border-radius:0.2rem 0 0 0.2rem;display:flex;display:-webkit-flex;flex-direction:column;justify-content:center;align-items:center;transition:all 0.6s ease 0s;}
.rightbar .qrcode img {width:1rem;}
.rightbar .qrcode i {padding-top:0.016rem;color:#000;font-weight:bold;font-size:0.1068rem;}
/*.rightbar:hover .title,.rightbar.active .title {right:-0.35rem;}
*/ .rightbar:hover .qrcode,.rightbar.active .qrcode {right:0;transition:all 0.6s ease 0s;}
.section.zy {position:absolute;background-image:url(/images/bg_zy.jpg);}
.section.zy .container {width:16.2rem;margin:0 auto;}
.section.zy ul {float:left;margin-top:1.5rem;width:100%;}
.section.zy ul li {float:left;width:6.38rem;margin-right:0.08rem;}
.section.zy ul li:nth-child(2) {width:4.9rem;}
.section.zy ul li:nth-child(3) {width:4.76rem;margin-right:0;}
.section.zy ul li .item {float:left;width:100%;margin-bottom:0.09rem;}
.section.zy ul li .item .pic {float:left;width:100%;position:relative;}
.section.zy ul li .item .pic img {width:100%;}
.section.zy ul li .item .pic .title {position:absolute;left:0;bottom:0.2rem;width:100%;padding:0 0.3rem;line-height:0.4rem;font-size:0.278rem;color:#fff;font-weight:bold;}
.section.zy ul li:nth-child(1) .item:nth-child(1) .pic {float:right;margin-top:0.4rem;width:5.4rem;}
.section.zy ul li:nth-child(1) .item:nth-child(1) .pic .title {left:2.9rem;top:0.6rem;padding:0;width:1.8rem;line-height:0.5rem;font-size:0.28rem;}
.section.zy ul li .pic .title.black {color:#2e2e2e;font-size:0.2rem;}
.section.zy ul li p {float:left;width:100%;padding:0 0.33rem;margin-top:0.1rem;line-height:0.4rem;color:#2e2e2e;font-size:0.2385rem;}
.details {float:left;width:100%;background-color:#000;}
.details .container {width:15.5rem;margin:2.1rem auto 0;text-align:center;}
.details .container img {max-width:100%;}
}