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

/* banner */
.ibanner{ height:630px; 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;}
.ibanner .swiper-pagination{ display:block; height:26px; bottom:3.8%;}
.ibanner .swiper-pagination-bullet{ width:10px; height:10px; background:#fff; background-clip:content-box; padding:7px; border:1px solid transparent; border-radius:50%; opacity:1; margin:0 10px !important; vertical-align:top; transition:all ease 0.4s;}
.ibanner .swiper-pagination-bullet-active{ border-color:#fff; opacity:1;}
.ibanner .swiper-button-prev,
.ibanner .swiper-button-next{ display:none;}

.ibox{ overflow:hidden; position:relative;}

.ibox .con{ width:1340px; 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:4em 0 3.25em;}
.ibox h2.title em{ display:block; line-height:1; color:#333; font-size:2.625em;}
.ibox h2.title span{ display:block; line-height:1; color:#999; padding:1.625em 0 0;}
.ibox a.more{ display:block; width:134px; line-height:38px; color:#aeaeae; font-size:14px; text-align:center; border:1px solid #aeaeae; border-radius:20px; overflow:hidden; margin:0 auto; clear:both;}
.ibox a.more:hover{ color:#fff; background:#dc2821; border-color:#dc2821;}

.box1{ background:url(../images/icons/bg1.png) center bottom no-repeat; padding:0 0 80px;}
.box1 .txt{ line-height:2.5; color:#333; font-size:16px; text-align:center; overflow:hidden;}
.box1 ul{ display:block; overflow:hidden; padding:42px 0 0;}
.box1 ul li{ display:block; width:33.33%; float:left;}
.box1 ul li a{ display:block; color:#333; font-size:16px; overflow:hidden; position:relative;}
.box1 ul li em{ display:block; width:124px; padding:26px 0 0; overflow:hidden; position:relative; margin:0 auto; cursor:pointer;}
.box1 ul li em i{ display:block; width:100%; height:124px; background:url(../images/icons/abdot.png) center no-repeat; position:absolute; left:0; top:0; transition:all ease 0.4s;}
.box1 ul li em:hover i{ transform:rotate(88deg);}
.box1 ul li em img{ display:block; width:100%; height:72px;}
.box1 ul li b{ display:block; line-height:1.84; font-size:1.5em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.box1 ul li span{ display:block; line-height:1; color:#dc2821; font-size:18px; text-align:center; padding:2em 0 0;}

.box2{ background:#f7f7f7; padding:0 0 80px;}

.box2 ul.info{ display:block; width:312px; overflow:hidden; padding:16px 0 0; float:left;}
.box2 ul.info li{ display:none;}
.box2 ul.info li h4{ display:block; line-height:114px; color:#333; font-size:32px;}
.box2 ul.info li .txt{ line-height:34px; color:#666; font-size:15px; overflow:hidden;}
.box2 ul.info li p{ display:block; line-height:32px; color:#dc2821; font-size:15px; overflow:hidden; padding:0 0 0 2px; position:relative; margin:36px 0 0;}
.box2 ul.info li p::before{ content:''; display:block; width:2px; height:90%; background:#dc2821; position:absolute; left:0; top:5%;}
.box2 ul.info li p a{ display:block; width:130px; float:left; margin:0 0 0 18px;}
.box2 ul.info li p a:hover{ text-decoration:underline;}
.box2 ul.info li a.more{ margin:60px 0 0;}

.box2 .pic{ width:580px; margin:0 auto; position:relative;}
.box2 .pic ul{ display:block;}
.box2 .pic ul li{ display:none;}
.box2 .pic ul li:nth-child(1){ display:block;}
.box2 .pic ul li a{ display:block; width:546px; padding:15px; background:#fff; border:2px solid #ddd; border-radius:50%;}
.box2 .pic ul li a img{ display:block; width:100%; height:546px; border-radius:50%;}
.box2 .pic figure.chart{ width:100%; height:100%; position:absolute; left:0; top:0; margin:0; z-index:5;}
.box2 .pic figure.chart svg{ position:absolute; top:0; left:0;}
.box2 .pic figure.chart svg circle.outer{ stroke:#dc2821; fill:transparent; stroke-width:2; stroke-dasharray:1815; transition:all ease 0.5s;}
.box2 .pic figure.chart[data-current='1'] .outer{ stroke-dashoffset:1510;}
.box2 .pic figure.chart[data-current='2'] .outer{ stroke-dashoffset:1208;}
.box2 .pic figure.chart[data-current='3'] .outer{ stroke-dashoffset:906;}
.box2 .pic figure.chart[data-current='4'] .outer{ stroke-dashoffset:604;}
.box2 .pic figure.chart[data-current='5'] .outer{ stroke-dashoffset:302;}
.box2 .pic figure.chart[data-current='6'] .outer{ stroke-dashoffset:0;}
.box2 .pic .btn{ height:50%; position:absolute; left:50%; top:0; margin-left:-5px; z-index:9; transform-origin:center bottom;}
.box2 .pic .btn.btn1{ transform:rotate(30deg);}
.box2 .pic .btn.btn2{ transform:rotate(90deg);}
.box2 .pic .btn.btn3{ transform:rotate(150deg);}
.box2 .pic .btn.btn4{ transform:rotate(210deg);}
.box2 .pic .btn.btn5{ transform:rotate(270deg);}
.box2 .pic .btn.btn6{ transform:rotate(330deg);}
.box2 .pic .btn a{ display:block; width:10px; height:10px; background:#ddd; border-radius:50%; cursor:pointer; transform:translateY(-4px); transition:all ease 0.5s;}
.box2 .pic .btn.cur a{ background:#dc2821; transition-delay:0.4s;}

.box2 .product{ width:160px; height:528px; padding:24px 0; position:relative; float:right; user-select:none;}
.box2 .product .swiper-container{ width:528px; margin:0 -100% 0 100%; transform:rotate(90deg); transform-origin:left top;}
.box2 .product .swiper-slide{ display:block; overflow:hidden; position:relative;}
.box2 .product .swiper-slide a{ display:block; overflow:hidden; border-radius:10px; cursor:pointer; margin:0 8px; position:relative;}
.box2 .product .swiper-slide a img{ display:block; width:100%; height:160px; border-radius:10px; transition:all ease 0.4s; transform:rotate(-90deg);}
.box2 .product .swiper-slide a::before{ content:''; display:block; box-sizing:border-box; width:100%; height:100%; border:2px solid transparent; border-radius:10px; position:absolute; left:0; top:0; z-index:3;}
.box2 .product .swiper-slide.cur a::before,
.box2 .product .swiper-slide-active a::before{ border-color:#dc2821;}
.box2 .product .swiper-button-prev{ width:100%; height:24px; background:url(../images/icons/prev2.png) center top no-repeat; left:0; top:0; margin:0;}
.box2 .product .swiper-button-prev:hover{ background-image:url(../images/icons/prev2_h.png);}
.box2 .product .swiper-button-next{ width:100%; height:24px; background:url(../images/icons/next2.png) center bottom no-repeat; right:0; top:auto; bottom:0; margin:0;}
.box2 .product .swiper-button-next:hover{ background-image:url(../images/icons/next2_h.png);}

.box3 .news{ width:650px; height:448px; position:relative; float:left; margin:0 40px 50px 0;}
.box3 .news .swiper-slide{ display:block; overflow:hidden; position:relative;}
.box3 .news .swiper-slide a{ display:block; overflow:hidden; position:relative;}
.box3 .news .swiper-slide a img{ display:block; width:650px; height:448px; transition:all ease 0.5s;}
.box3 .news .swiper-slide a span{ display:block; width:100%; line-height:52px; color:#fff; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:rgba(0,0,0,0.6); padding:0 114px 0 24px; box-sizing:border-box; position:absolute; left:0; bottom:0;}
.box3 .news .swiper-pagination{ display:block; width:auto; height:10px; left:auto; bottom:26px; right:9px; transform:translateY(50%);}
.box3 .news .swiper-pagination-bullet{ width:10px; height:10px; background:#fff; border-radius:50%; opacity:1; margin:0 7px !important; vertical-align:top;}
.box3 .news .swiper-pagination-bullet-active{ background:#dc2821;}
.box3 .news .swiper-button-prev{ width:36px; height:88px; background:rgba(0,0,0,0.6) url(../images/icons/prev3.png) center no-repeat; left:0; margin:-44px 0 0;}
.box3 .news .swiper-button-next{ width:36px; height:88px; background:rgba(0,0,0,0.6) url(../images/icons/next3.png) center no-repeat; right:0; margin:-44px 0 0;}
.box3 ul.list{ display:block; font-size:16px; overflow:hidden; padding:0 0 30px;}
.box3 ul.list li{ display:block; overflow:hidden; padding:0 0 20px;}
.box3 ul.list li a.pic{ display:block; overflow:hidden; margin:0 20px 0 0; float:left;}
.box3 ul.list li a.pic img{ display:block; width:198px; height:136px; transition:all ease 0.5s;}
.box3 ul.list li span{ display:block; line-height:28px; color:#dc2821; font-size:14px; overflow:hidden;}
.box3 ul.list li a.title{ display:block; line-height:46px; color:#333; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.box3 ul.list li a.title:hover{ color:#dc2821;}
.box3 ul.list li .txt{ display:block; height:52px; line-height:26px; color:#999; font-size:14px;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.box3 ul.coop{ display:block; font-size:16px; overflow:hidden; padding:66px 0 34px;}
.box3 ul.coop li{ display:block; width:20%; overflow:hidden; float:left;}
.box3 ul.coop li a{ display:block; overflow:hidden; margin:0 8px;}
.box3 ul.coop li a i{ display:block; border:1px solid #eee;}
.box3 ul.coop li a img{ display:block; width:100%; height:104px;}
.box3 ul.coop li a span{ display:block; line-height:52px; color:#666; font-size:16px; text-align:center; overflow:hidden;}
.box3 ul.coop li a:hover i{ border-color:#dc2821;}
.box3 ul.coop li a:hover span{ color:#dc2821;}


.box4{ background:url(../images/icons/bg4.jpg) center no-repeat; background-size:cover; padding:0 0 62px;}
.box4 h2.title{ padding:3.5em 0 3em;}
.box4 h2.title em{ color:#fff; font-size:2.25em;}
.box4 h2.title span{ color:#fff; font-size:1.125em; opacity:0.8; padding:2.12em 0 0;}
.box4 a.more{ color:#fff; border:1px solid #fff;}
.box4 a.more:hover{ color:#dc2821; background:#fff; border-color:#fff;}




























/**/