@charset "utf-8";

html{color:#333; height:100%; min-height:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body,button,input,select,textarea,pre{font:14px/1.5em -apple-system,BlinkMacSystemFont,PingFang SC,Microsoft Yahei;-webkit-font-smoothing: antialiased;  text-rendering: optimizeLegibility;}
input,select,textarea{font-size:100%}
table{border-collapse:collapse;border-spacing:0;}
th{text-align:inherit}
fieldset,img,a img{border:0}
iframe{display:block}
abbr,acronym{border:0;font-variant:normal}
del{text-decoration:line-through}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:500}
ol,ul,li{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500}
q:before,q:after{content:''}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
ins,a{text-decoration:none}
input,button { border:none; background:none;}
img { max-width:100%;}

/*美化滚动条*/
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

::-webkit-scrollbar-track {
  width: 5px;
  display: none;
  background-color: #0d1b20;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
}

::-webkit-scrollbar-thumb {
  background-color: #999;
  background-clip: padding-box;
  min-height: 28px;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
}


.fn:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: "";
  clear: both;
  height: 0;
}


.WCGW4 { height: auto; width: 100%;}
.WCGW4 { width: 100%; max-width: 1920px; position: relative; margin: 0 auto;}
.WCGW4 .section { position: relative; height: auto; width: 100%;}
.WCGW4 .section .w1080 { width: 1080px !important; margin: auto; position: relative;}
.WCGW4 .section .section-title h1 { padding: 35px 0 20px 0; font-size: 28px; line-height: 30px; color: #1f2b41; font-weight: 300;}
.WCGW4 .section .section-title h1 span { font-size: 18px; line-height: 30px; color: #1f2b41; font-weight: 200; margin-left: 18px; opacity: 0.9;}

.WCGW4 .section .section1 {
  max-height: 1080px;
  height: 590px;
  position: relative;
  overflow: hidden;
}

.WCGW4 .section .section1 .swiper-container {
  width: 100%;
  height: 590px;
}

.WCGW4 .section .section1 .swiper-slide {
  width: 100%;
  height: 590px;
}

.WCGW4 .section .section1 .swiper-slide>div {
  width: 100%;
  height: 590px;
}

.WCGW4 .section .section1 .pagination {
  position: absolute;
  z-index: 3;
  top: 479px;
  right: 50%;
  transform: translateX(50%);
  margin-top: 0;
  width: auto;
  height: 1px;
}

.WCGW4 .section .section1 .pagination .swiper-pagination-switch {
  display: inline-block;
  width: 22px;
  height: 1px;
  margin: 0 4px;
  border-radius: 0;
  border: none;
  background: #ffffff;
  opacity: .3;
}

.WCGW4 .section .section1 .pagination .swiper-active-switch {
  width: 62px;
  height: 1px;
  background: #ffffff;
  border: none;
  opacity: 1;
}

.WCGW4 .section .section1 .banner {
  max-height: 1080px;
  height: 590px;
  overflow: hidden;
  position: relative;
}

.WCGW4 .section .section1 .swiper-slide .center{
  width: 1080px;
  height: 100%;
  position: relative;
  margin:auto;
}
.WCGW4 .section .section1 .swiper-slide .center h1{
  font-size:44px;
  font-weight: 500;
  color:#181818;
  line-height: 60px;
  padding-top:144px;
}
.WCGW4 .section .section1 .swiper-slide .center p{
  font-size:20px;
  font-weight: 500;
  color:#515459;
  line-height: 1;
  padding-top:31px;
}
.WCGW4 .section .section1 .swiper-slide .center a.detail{
  display: inline-block;
  background: #2b5ddd;
  border-radius: 4px;
  font-size:16px;
  color:#ffffff;
  line-height: 1;
  padding:12px 28px;
  margin: 57px 20px 0 0;
}
.WCGW4 .section .section1 .swiper-slide .center span{
  display: inline-block;
  color: #2b5ddd;
  font-size: 18px;
}
.WCGW4 .section .section1 .swiper-slide div.slide-x{
  width: 100%;
  height:100%;
  background: url(../Image/cp_index/banner_0x/2024-01/banner_bg.png) center bottom space;
}
.WCGW4 .section .section1 .swiper-slide div.slide-1{
  width: 100%;
  height:100%;
  background: url(../Image/cp_index/banner_01/2024-01/banner_bg.png) center bottom space;
}
.WCGW4 .section .section1 .swiper-slide div.slide-2{
  width: 100%;
  height:100%;
  background: url(../Image/cp_index/banner_02/2024-01/banner_bg.png) center bottom space;
}
.WCGW4 .section .section1 .swiper-slide div.slide-3{
  width: 100%;
  height:100%;
  background: url(../Image/cp_index/banner_03/2024-01/banner_bg.png) center bottom space;
}

/* 2024端午 */
.WCGW4 .section .section1 .swiper-slide div.slide-duanwu{
  width: 100%;
  height:100%;
  background: url(../Image/cp_index/banner_0x/2024-03/banner_bg.png) center bottom space;
}
.WCGW4 .section .section1 .swiper-slide div.slide-duanwu h1{color:#fff;}
.WCGW4 .section .section1 .swiper-slide div.slide-duanwu p{color:#fff;font-size:18px;line-height: 34px;}
.WCGW4 .section .section1 .swiper-slide div.slide-duanwu p > span{color:#f9f240 !important;}
.WCGW4 .section .section1 .swiper-slide div.slide-duanwu .center a.detail{background: #fff;padding:12px 37px;color:#3c9d71;}
.WCGW4 .section .section1 .swiper-slide div.slide-duanwu .center span{color:#fff;}

@keyframes translateY_1{
  0% { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1;}
  100% { -webkit-transform: translateY(-10px); transform: translateY(-10px); opacity: 1;}
}
@-webkit-keyframes translateY_1{
  0% { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1;}
  100% { -webkit-transform: translateY(-10px); transform: translateY(-10px); opacity: 1;}
}
@keyframes translateY_2{
  0% { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1;}
  100% { -webkit-transform: translateY(20px); transform: translateY(20px); opacity: 0.5;}
}
@-webkit-keyframes translateY_2{
  0% { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1;}
  100% { -webkit-transform: translateY(20px); transform: translateY(20px); opacity: 0.5;}
}
@keyframes slide_1_ele_01{
  0% { opacity: 0; -webkit-transform: scaleX(0.2) scaleY(0.2) translateX(10px) translateY(-3px); transform: scaleX(0.2) scaleY(0.2) translateX(10px) translateY(-3px);}
  6% { opacity: 1; -webkit-transform: scaleX(1) scaleY(1) translateX(0px) translateY(0px); transform: scaleX(1) scaleY(1) translateX(0px) translateY(0px);}
  100% { opacity: 1; -webkit-transform: scaleX(1) scaleY(1) translateX(0px) translateY(0px); transform: scaleX(1) scaleY(1) translateX(0px) translateY(0px);}
}
@-webkit-keyframes slide_1_ele_01{
  0% { opacity: 0; -webkit-transform: scale(0.5) translateX(10px) translateY(-3px); transform: scale(0.5) translateX(10px) translateY(-3px);}
  6% { opacity: 1; -webkit-transform: scaleX(1) scaleY(1) translateX(0px) translateY(0px); transform: scaleX(1) scaleY(1) translateX(0px) translateY(0px);}
  100% { opacity: 1; -webkit-transform: scaleX(1) scaleY(1) translateX(0px) translateY(0px); transform: scaleX(1) scaleY(1) translateX(0px) translateY(0px);}
}
@keyframes slide_1_ele_02_01{
  0% { opacity: 0; -webkit-transform: scaleX(0.5) scaleY(0.5) translateX(3px) translateY(-3px); transform: scaleX(0.5) scaleY(0.5) translateX(3px) translateY(-3px);}
  6% { opacity: 1; -webkit-transform: scaleX(1) scaleY(1) translateX(0px) translateY(0px); transform: scaleX(1) scaleY(1) translateX(0px) translateY(0px);}
  100% { opacity: 1; -webkit-transform: scaleX(1) scaleY(1) translateX(0px) translateY(0px); transform: scaleX(1) scaleY(1) translateX(0px) translateY(0px);}
}
@-webkit-keyframes slide_1_ele_02_01{
  0% { opacity: 0; -webkit-transform: scale(0.5) translateX(3px) translateY(-3px); transform: scale(0.5) translateX(3px) translateY(-3px);}
  6% { opacity: 1; -webkit-transform: scaleX(1) scaleY(1) translateX(0px) translateY(0px); transform: scaleX(1) scaleY(1) translateX(0px) translateY(0px);}
  100% { opacity: 1; -webkit-transform: scaleX(1) scaleY(1) translateX(0px) translateY(0px); transform: scaleX(1) scaleY(1) translateX(0px) translateY(0px);}
}
@keyframes slide_1_ele_03_01{
  0% { opacity: 0; -webkit-transform: translateX(39px) translateY(-30px); transform: translateX(39px) translateY(-30px);}
  4% { opacity: 1; -webkit-transform: translateX(0px) translateY(0px); transform: translateX(0px) translateY(0px);}
  100% { opacity: 1; -webkit-transform: translateX(0px) translateY(0px); transform: translateX(0px) translateY(0px);}
}
@-webkit-keyframes slide_1_ele_03_01{
  0% { opacity: 0; -webkit-transform: translateX(39px) translateY(-30px); transform: translateX(39px) translateY(-30px);}
  4% { opacity: 1; -webkit-transform: translateX(0px) translateY(0px); transform: translateX(0px) translateY(0px);}
  100% { opacity: 1; -webkit-transform: translateX(0px) translateY(0px); transform: translateX(0px) translateY(0px);}
}
@keyframes slide_1_ele_03_02{
  0% { opacity: 0; -webkit-transform: translateX(25px) translateY(-20px); transform: translateX(25px) translateY(-20px);}
  5% { opacity: 1; -webkit-transform: translateX(0px) translateY(0px); transform: translateX(0px) translateY(0px);}
  100% { opacity: 1; -webkit-transform: translateX(0px) translateY(0px); transform: translateX(0px) translateY(0px);}
}
@-webkit-keyframes slide_1_ele_03_02{
  0% { opacity: 0; -webkit-transform: translateX(25px) translateY(-20px); transform: translateX(25px) translateY(-20px);}
  5% { opacity: 1; -webkit-transform: translateX(0px) translateY(0px); transform: translateX(0px) translateY(0px);}
  100% { opacity: 1; -webkit-transform: translateX(0px) translateY(0px); transform: translateX(0px) translateY(0px);}
}
@keyframes slide_1_ele_03_03{
  0% { opacity: 0; -webkit-transform: translateX(5px) translateY(-5px); transform: translateX(5px) translateY(-5px);}
  6% { opacity: 1; -webkit-transform: translateX(0px) translateY(0px); transform: translateX(0px) translateY(0px);}
  100% { opacity: 1; -webkit-transform: translateX(0px) translateY(0px); transform: translateX(0px) translateY(0px);}
}
@-webkit-keyframes slide_1_ele_03_03{
  0% { opacity: 0; -webkit-transform: translateX(5px) translateY(-5px); transform: translateX(5px) translateY(-5px);}
  6% { opacity: 1; -webkit-transform: translateX(0px) translateY(0px); transform: translateX(0px) translateY(0px);}
  100% { opacity: 1; -webkit-transform: translateX(0px) translateY(0px); transform: translateX(0px) translateY(0px);}
}
@keyframes slide_2_ele_02{
  0% { opacity: 0; -webkit-transform: translateX(-250px) translateY(-100px); transform: translateX(-250px) translateY(-100px);}
  30% { opacity: 1; -webkit-transform: translateX(0px) translateY(0px); transform: translateX(0px) translateY(0px);}
  70% { opacity: 1; -webkit-transform: translateX(0px) translateY(0px); transform: translateX(0px) translateY(0px);}
  100% { opacity: 0; -webkit-transform: translateX(125px) translateY(50px); transform: translateX(125px) translateY(50px);}
}
@-webkit-keyframes slide_2_ele_02{
  0% { opacity: 0; -webkit-transform: translateX(-250px) translateY(-100px); transform: translateX(-250px) translateY(-100px);}
  30% { opacity: 1; -webkit-transform: translateX(0px) translateY(0px); transform: translateX(0px) translateY(0px);}
  70% { opacity: 1; -webkit-transform: translateX(0px) translateY(0px); transform: translateX(0px) translateY(0px);}
  100% { opacity: 0; -webkit-transform: translateX(125px) translateY(50px); transform: translateX(125px) translateY(50px);}
}
@keyframes slide_3_ele_03_01{
  0% { opacity: 0; -webkit-transform: translateX(5px) translateY(-5px); transform: translateX(5px) translateY(-5px);}
  10% { opacity: 1; -webkit-transform: translateX(0px) translateY(0px); transform: translateX(0px) translateY(0px);}
  90% { opacity: 1; -webkit-transform: translateX(0px) translateY(0px); transform: translateX(0px) translateY(0px);}
  100% { opacity: 0; -webkit-transform: translateX(0px) translateY(50px); transform: translateX(0px) translateY(50px);}
}
@-webkit-keyframes slide_3_ele_03_01{
  0% { opacity: 0; -webkit-transform: translateX(5px) translateY(-5px); transform: translateX(5px) translateY(-5px);}
  10% { opacity: 1; -webkit-transform: translateX(0px) translateY(0px); transform: translateX(0px) translateY(0px);}
  90% { opacity: 1; -webkit-transform: translateX(0px) translateY(0px); transform: translateX(0px) translateY(0px);}
  100% { opacity: 0; -webkit-transform: translateX(0px) translateY(50px); transform: translateX(0px) translateY(50px);}
}
@keyframes slide_3_ele_03_04{
  0% { opacity: 0; -webkit-transform: scale(0) translateX(20px) translateY(-5px); transform: scale(0) translateX(20px) translateY(-5px);}
  6% { opacity: 1; -webkit-transform: scale(1) translateX(0px) translateY(0px); transform: scale(1) translateX(0px) translateY(0px);}
  100% { opacity: 1; -webkit-transform: scale(1) translateX(0px) translateY(0px); transform: scale(1) translateX(0px) translateY(0px);}
}
@-webkit-keyframes slide_3_ele_03_04{
  0% { opacity: 0; -webkit-transform: scale(0) translateX(20px) translateY(-5px); transform: scale(0) translateX(20px) translateY(-5px);}
  6% { opacity: 1; -webkit-transform: scale(1) translateX(0px) translateY(0px); transform: scale(1) translateX(0px) translateY(0px);}
  100% { opacity: 1; -webkit-transform: scale(1) translateX(0px) translateY(0px); transform: scale(1) translateX(0px) translateY(0px);}
}
@keyframes slide_3_ele_03_06{
  0% { opacity: 0; -webkit-transform: translateX(5px) translateY(-5px); transform: translateX(5px) translateY(-5px);}
  6% { opacity: 1; -webkit-transform: translateX(0px) translateY(0px); transform: translateX(0px) translateY(0px);}
  100% { opacity: 1; -webkit-transform: translateX(0px) translateY(0px); transform: translateX(0px) translateY(0px);}
}
@-webkit-keyframes slide_3_ele_03_06{
  0% { opacity: 0; -webkit-transform: translateX(5px) translateY(-5px); transform: translateX(5px) translateY(-5px);}
  6% { opacity: 1; -webkit-transform: translateX(0px) translateY(0px); transform: translateX(0px) translateY(0px);}
  100% { opacity: 1; -webkit-transform: translateX(0px) translateY(0px); transform: translateX(0px) translateY(0px);}
}

.WCGW4 .section .section1 .swiper-slide .slide-1 .center .animation_box { width: 290px; height: 210px; margin: 0 auto; position: absolute; top: 134px; right: 130px;}
.WCGW4 .section .section1 .swiper-slide .slide-1 .center .animation_box .imgs,.WCGW4 .section .section1 .swiper-slide .slide-1 .center .animation_box .imgs img { position: absolute;}
.WCGW4 .section .section1 .swiper-slide .slide-1 .center .animation_box .ele_01 { top: 38px; left: 49px; z-index: 3;}
.WCGW4 .section .section1 .swiper-slide .slide-1 .center .animation_box .ele_02 { width: 94px; height: 62px; position: absolute; top: 75px; left: 79px; z-index: 2; overflow: hidden;}
.WCGW4 .section .section1 .swiper-slide .slide-1 .center .animation_box .ele_02_01 { top: 15px; left: 0; z-index: 0;}
.WCGW4 .section .section1 .swiper-slide .slide-1 .center .animation_box .ele_02_02 { top: 3px; left: 25px; z-index: 0;}
.WCGW4 .section .section1 .swiper-slide .slide-1 .center .animation_box .ele_02_03 { top: 16px; left: 50px; z-index: 0;}
.WCGW4 .section .section1 .swiper-slide .slide-1 .center .animation_box .ele_02_04 { top: 0; left: 75px; z-index: 0;}
.WCGW4 .section .section1 .swiper-slide .slide-1 .center .animation_box .ele_03 { width: 168px; height: 148px; position: absolute; top: 0px; left: 62px; z-index: 1;}
.WCGW4 .section .section1 .swiper-slide .slide-1 .center .animation_box .ele_03_01 { top: 25px; left: 0; z-index: 2;}
.WCGW4 .section .section1 .swiper-slide .slide-1 .center .animation_box .ele_03_02 { top: 15px; left: 20px; z-index: 1;}
.WCGW4 .section .section1 .swiper-slide .slide-1 .center .animation_box .ele_03_03 { top: 0; left: 34px; z-index: 0;}
.WCGW4 .section .section1 .swiper-slide .slide-1 .center .animation_box .ele_s { bottom: 0; left: 0; z-index: 0;}
.WCGW4 .section .section1 .swiper-slide-active .slide-1 .center .animation_box { opacity: 0; animation: translateY_1 3s .6s ease-in-out infinite alternate;-webkit-animation: translateY_1 3s .6s ease-in-out infinite alternate;}
.WCGW4 .section .section1 .swiper-slide-active .slide-1 .center .animation_box .ele_s { opacity: 0; animation: translateY_2 3s .6s ease-in-out infinite alternate;-webkit-animation: translateY_2 3s .6s ease-in-out infinite alternate;}
.WCGW4 .section .section1 .swiper-slide-active .slide-1 .center .animation_box .ele_01 { opacity: 0; animation: slide_1_ele_01 5s 1s ease-in-out infinite alternate;-webkit-animation: slide_1_ele_01 5s 1s ease-in-out infinite alternate;}
.WCGW4 .section .section1 .swiper-slide-active .slide-1 .center .animation_box .ele_02_01 { opacity: 0; animation: slide_1_ele_02_01 5s .8s ease-in-out infinite alternate;-webkit-animation: slide_1_ele_02_01 5s .8s ease-in-out infinite alternate;}
.WCGW4 .section .section1 .swiper-slide-active .slide-1 .center .animation_box .ele_02_02 { opacity: 0; animation: slide_1_ele_02_01 5s .9s ease-in-out infinite alternate;-webkit-animation: slide_1_ele_02_01 5s .9s ease-in-out infinite alternate;}
.WCGW4 .section .section1 .swiper-slide-active .slide-1 .center .animation_box .ele_02_03 { opacity: 0; animation: slide_1_ele_02_01 5s 1s ease-in-out infinite alternate;-webkit-animation: slide_1_ele_02_01 5s 1s ease-in-out infinite alternate;}
.WCGW4 .section .section1 .swiper-slide-active .slide-1 .center .animation_box .ele_02_04 { opacity: 0; animation: slide_1_ele_02_01 5s 1.1s ease-in-out infinite alternate;-webkit-animation: slide_1_ele_02_01 5s 1.1s ease-in-out infinite alternate;}
.WCGW4 .section .section1 .swiper-slide-active .slide-1 .center .animation_box .ele_03_01 { opacity: 0; animation: slide_1_ele_03_01 5s .8s ease-in-out infinite alternate;-webkit-animation: slide_1_ele_03_01 5s .8s ease-in-out infinite alternate;}
.WCGW4 .section .section1 .swiper-slide-active .slide-1 .center .animation_box .ele_03_02 { opacity: 0; animation: slide_1_ele_03_02 5s .8s ease-in-out infinite alternate;-webkit-animation: slide_1_ele_03_02 5s .8s ease-in-out infinite alternate;}
.WCGW4 .section .section1 .swiper-slide-active .slide-1 .center .animation_box .ele_03_03 { opacity: 0; animation: slide_1_ele_03_03 5s .8s ease-in-out infinite alternate;-webkit-animation: slide_1_ele_03_03 5s .8s ease-in-out infinite alternate;}

.WCGW4 .section .section1 .swiper-slide .slide-2 .center .animation_box { width: 278px; height: 195px; margin: 0 auto; position: absolute; top: 180px; right: 223px; overflow: hidden;}
.WCGW4 .section .section1 .swiper-slide .slide-2 .center .animation_box .imgs,.WCGW4 .section .section1 .swiper-slide .slide-2 .center .animation_box .imgs img { position: absolute;}
.WCGW4 .section .section1 .swiper-slide .slide-2 .center .animation_box .ele_01 { top: 0; left: 0; z-index: 1;}
.WCGW4 .section .section1 .swiper-slide .slide-2 .center .animation_box .ele_02 { top: 69px; left: 6px; z-index: 2;}
.WCGW4 .section .section1 .swiper-slide-active .slide-2 .center .animation_box .ele_01 { opacity: 0; animation: translateY_1 3s .6s ease-in-out infinite alternate;-webkit-animation: translateY_1 3s .6s ease-in-out infinite alternate;}
.WCGW4 .section .section1 .swiper-slide-active .slide-2 .center .animation_box .ele_02 { opacity: 0; animation: slide_2_ele_02 6s 1s ease-in-out infinite normal;-webkit-animation: slide_2_ele_02 6s 1s ease-in-out infinite normal;}


.WCGW4 .section .section1 .swiper-slide .slide-3 .center .animation_box { width: 299px; height: 265px; margin: 0 auto; position: absolute; top: 120px; right: 34px;}
.WCGW4 .section .section1 .swiper-slide .slide-3 .center .animation_box .imgs,.WCGW4 .section .section1 .swiper-slide .slide-3 .center .animation_box .imgs img { position: absolute;}
.WCGW4 .section .section1 .swiper-slide .slide-3 .center .animation_box .ele_01 { width: 286px; height: 178px; position: absolute; top: 82px; left: 6px; z-index: 1;}
.WCGW4 .section .section1 .swiper-slide .slide-3 .center .animation_box .ele_01_01 { top: 83px; left: -6px; z-index: 1;}
.WCGW4 .section .section1 .swiper-slide .slide-3 .center .animation_box .ele_01_02 { top: 0px; left: 12px; z-index: 0;}
.WCGW4 .section .section1 .swiper-slide .slide-3 .center .animation_box .ele_01_03 { top: 90px; left: 231px; z-index: 1;}
.WCGW4 .section .section1 .swiper-slide .slide-3 .center .animation_box .ele_01_04 { top: 23px; left: 0; z-index: 0;}
.WCGW4 .section .section1 .swiper-slide .slide-3 .center .animation_box .ele_02_01 { top: 101px; left: 3px; z-index: 2;}
.WCGW4 .section .section1 .swiper-slide .slide-3 .center .animation_box .ele_02_02 { top: 209px; left: 64px; z-index: 2;}
.WCGW4 .section .section1 .swiper-slide .slide-3 .center .animation_box .ele_02_03 { top: 102px; right: 0px; z-index: 2;}
.WCGW4 .section .section1 .swiper-slide .slide-3 .center .animation_box .ele_03 { width: 100%; height: 100%; position: absolute; top: 0px; left: 0; z-index: 2;}
.WCGW4 .section .section1 .swiper-slide .slide-3 .center .animation_box .ele_03_01 { top: 64px; left: 79px; z-index: 4;}
.WCGW4 .section .section1 .swiper-slide .slide-3 .center .animation_box .ele_03_02 { top: 58px; left: 88px; z-index: 3;}
.WCGW4 .section .section1 .swiper-slide .slide-3 .center .animation_box .ele_03_03 { top: 53px; left: 99px; z-index: 2; filter: drop-shadow(4px 0 27px rgba(64, 112, 230, .52));}
.WCGW4 .section .section1 .swiper-slide .slide-3 .center .animation_box .ele_03_04 { top: 130px; left: 56px; z-index: 5;}
.WCGW4 .section .section1 .swiper-slide .slide-3 .center .animation_box .ele_03_05 { top: 109px; left: 56px; z-index: 1;}
.WCGW4 .section .section1 .swiper-slide .slide-3 .center .animation_box .ele_03_06 { top: 0; left: 70px; z-index: 0;}
.WCGW4 .section .section1 .swiper-slide .slide-3 .center .animation_box .ele_03_s { top: 163px; left: 90px; z-index: -1;}
.WCGW4 .section .section1 .swiper-slide-active .slide-3 .center .animation_box { opacity: 0; animation: translateY_1 3s .6s ease-in-out infinite alternate;-webkit-animation: translateY_1 3s .6s ease-in-out infinite alternate;}
.WCGW4 .section .section1 .swiper-slide-active .slide-3 .center .animation_box .ele_03_s { opacity: 0; animation: translateY_2 3s .6s ease-in-out infinite alternate;-webkit-animation: translateY_2 3s .6s ease-in-out infinite alternate;}
.WCGW4 .section .section1 .swiper-slide-active .slide-3 .center .animation_box .ele_01 { perspective: 286px;}
/* .WCGW4 .section .section1 .swiper-slide-active .slide-3 .center .animation_box .ele_01_01 { opacity: 0; animation: slide_3_ele_01_01 5s 1.1s ease-in-out infinite alternate;-webkit-animation: slide_3_ele_01_01 5s 1.1s ease-in-out infinite alternate;} */
/* .WCGW4 .section .section1 .swiper-slide-active .slide-3 .center .animation_box .ele_01_02 { opacity: 0; animation: slide_3_ele_01_02 5s 1.1s ease-in-out infinite alternate;-webkit-animation: slide_3_ele_01_02 5s 1.1s ease-in-out infinite alternate;} */
.WCGW4 .section .section1 .swiper-slide-active .slide-3 .center .animation_box .ele_03_01 { opacity: 0; animation: slide_3_ele_03_01 5s 1.1s ease-in-out infinite normal;-webkit-animation: slide_3_ele_03_01 5s 1.1s ease-in-out infinite normal;}
.WCGW4 .section .section1 .swiper-slide-active .slide-3 .center .animation_box .ele_03_02 { opacity: 0; animation: slide_3_ele_03_01 5s 1.2s ease-in-out infinite normal;-webkit-animation: slide_3_ele_03_01 5s 1.2s ease-in-out infinite normal;}
.WCGW4 .section .section1 .swiper-slide-active .slide-3 .center .animation_box .ele_03_03 { opacity: 0; animation: slide_3_ele_03_01 5s 1.3s ease-in-out infinite normal;-webkit-animation: slide_3_ele_03_01 5s 1.3s ease-in-out infinite normal;}
.WCGW4 .section .section1 .swiper-slide-active .slide-3 .center .animation_box .ele_03_04 { opacity: 0; animation: slide_3_ele_03_04 5s .9s ease-in-out forwards alternate;-webkit-animation: slide_3_ele_03_04 5s .9s ease-in-out forwards alternate;}
.WCGW4 .section .section1 .swiper-slide-active .slide-3 .center .animation_box .ele_03_05 { opacity: 0; animation: slide_3_ele_03_04 5s .9s ease-in-out forwards alternate;-webkit-animation: slide_3_ele_03_04 5s .9s ease-in-out forwards alternate;}
.WCGW4 .section .section1 .swiper-slide-active .slide-3 .center .animation_box .ele_03_06 { opacity: 0; animation: slide_3_ele_03_06 5s .8s ease-in-out forwards alternate;-webkit-animation: slide_3_ele_03_06 5s .8s ease-in-out forwards alternate;}


/* section2 */
.WCGW4 .section .section2 { height: 53px; z-index: 1; background: #f2f5fb; position: relative;}
.WCGW4 .section .section2 ul { background: #ffffff; top: -53px; position: absolute; left: 50%; transform: translateX(-50%);}
.WCGW4 .section .section2 ul li { width: 360px; height: 106px; box-sizing: border-box; padding: 30px 40px; float: left;}
.WCGW4 .section .section2 ul li a { display: block;}
.WCGW4 .section .section2 ul li img { float: left;}
.WCGW4 .section .section2 ul li .txt { float: left; padding-left: 15px;}
.WCGW4 .section .section2 ul li .txt h2 { font-size: 16px; color: #1f2b41; line-height: 24px;}
.WCGW4 .section .section2 ul li .txt h2 span.icon-tag-hot { display: inline-block; padding: 0 5px; height: 18px; line-height: 18px; text-align: center; font-size: 12px; vertical-align: middle; position: relative; margin-left: 8px; color: #ffffff; background: #fc6020;}
.WCGW4 .section .section2 ul li .txt h2 span.icon-tag-hot i { display: inline-block; width: 5px; height: 5px; transform: rotate(45deg); position: absolute; top: 50%; left: -2px; margin-top: -2px; background: #fc6020;}
.WCGW4 .section .section2 ul li .txt p { font-size: 14px; color: #58637f; line-height: 20px;}

/* section3 */
.WCGW4 .section .section3 { background: linear-gradient(top, #f2f5fb, #ffffff); background: -webkit-linear-gradient(top, #f2f5fb, #ffffff);}
.WCGW4 .section .section3 .section3-nav { width: 100%; height: 106px; box-sizing: border-box; background: url(../Image/cp_index/section3-bg.png) 0 0 no-repeat; background-size: cover;}
.WCGW4 .section .section3 .section3-nav ul li { width: 20%; height: 106px; transition: all .3s; cursor: pointer; float: left; padding: 24px 22px 24px 26px; box-sizing: border-box; border-right: 1px #e4edff solid; position: relative; z-index: 0;}
.WCGW4 .section .section3 .section3-nav ul li:last-child { border-right: none;}
.WCGW4 .section .section3 .section3-nav ul li:before { display: inline-block; content: ""; opacity: 0; width: 232px; height: 115px; position: absolute; top: -9px; left: -8px; z-index: -1; background: #ffffff; box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);}
.WCGW4 .section .section3 .section3-nav ul li.active:before { display: inline-block; content: ""; opacity: 1; width: 232px; height: 115px; position: absolute; top: -9px; left: -8px; z-index: -1; background: #ffffff; box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);}
.WCGW4 .section .section3 .section3-nav ul li:nth-child(1).active:before { display: inline-block; content: ""; opacity: 1; width: 224px; height: 115px; position: absolute; top: -9px; left: 0px; z-index: -1; background: #ffffff; box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);}
.WCGW4 .section .section3 .section3-nav ul li:nth-child(5).active:before { display: inline-block; content: ""; opacity: 1; width: 224px; height: 115px; position: absolute; top: -9px; left: -8px; z-index: -1; background: #ffffff; box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);}
.WCGW4 .section .section3 .section3-nav ul li span { display: inline-block; width: 112px; font-size: 18px; color: #ffffff; vertical-align: middle;}
.WCGW4 .section .section3 .section3-nav ul li.active span { color: #1f2b41;}
.WCGW4 .section .section3 .section3-nav ul li i { display: inline-block; vertical-align: middle; width: 54px; height: 54px; transition: all .3s;}
.WCGW4 .section .section3 .section3-nav ul li:nth-child(1) i { background: url(../Image/cp_index/section3-1.png) 0 0 no-repeat; background-size: cover;}
.WCGW4 .section .section3 .section3-nav ul li.active:nth-child(1) i { background: url(../Image/cp_index/section3-1-hover.png) 0 0 no-repeat; background-size: cover;}
.WCGW4 .section .section3 .section3-nav ul li:nth-child(2) i { background: url(../Image/cp_index/section3-2.png) 0 0 no-repeat; background-size: cover;}
.WCGW4 .section .section3 .section3-nav ul li.active:nth-child(2) i { background: url(../Image/cp_index/section3-2-hover.png) 0 0 no-repeat; background-size: cover;}
.WCGW4 .section .section3 .section3-nav ul li:nth-child(3) i { background: url(../Image/cp_index/section3-3.png) 0 0 no-repeat; background-size: cover;}
.WCGW4 .section .section3 .section3-nav ul li.active:nth-child(3) i { background: url(../Image/cp_index/section3-3-hover.png) 0 0 no-repeat; background-size: cover;}
.WCGW4 .section .section3 .section3-nav ul li:nth-child(4) i { background: url(../Image/cp_index/section3-4.png) 0 0 no-repeat; background-size: cover;}
.WCGW4 .section .section3 .section3-nav ul li.active:nth-child(4) i { background: url(../Image/cp_index/section3-4-hover.png) 0 0 no-repeat; background-size: cover;}
.WCGW4 .section .section3 .section3-nav ul li:nth-child(5) i { background: url(../Image/cp_index/section3-5.png) 0 0 no-repeat; background-size: cover;}
.WCGW4 .section .section3 .section3-nav ul li.active:nth-child(5) i { background: url(../Image/cp_index/section3-5-hover.png) 0 0 no-repeat; background-size: cover;}
.WCGW4 .section .section3 .section3-list { background: #ffffff;}
.WCGW4 .section .section3 .section3-content { display: none;}
.WCGW4 .section .section3 .section3-content.active { display: block;}
.WCGW4 .section .section3 .section3-content li { width: 260px; height: 270px; box-sizing: border-box; margin: 0 62px 0 38px; float: left; padding-top: 42px;}
.WCGW4 .section .section3 .section3-content:nth-child(4) li { height: 320px;}
.WCGW4 .section .section3 .section3-content:last-child li { height: 200px;}
.WCGW4 .section .section3 .section3-content li:nth-child(3n) { margin-right: 42px;}
.WCGW4 .section .section3 .section3-content li h3 { font-size: 16px; color: #404957; vertical-align: middle;}
.WCGW4 .section .section3 .section3-content li h3 img { vertical-align: middle; margin-right: 6px;}
.WCGW4 .section .section3 .section3-content li h3 span.icon-tag-sale { vertical-align: middle; display: inline-block; position: relative; width: 58px; height: 20px; line-height: 20px; text-align: center; margin-left: 10px; color: #ffffff; font-size: 12px; background: #fc6020; border: 1px #fc6020 solid; border-radius: 3px;}
.WCGW4 .section .section3 .section3-content li h3 span.icon-tag-hotSale { vertical-align: middle; display: inline-block; position: relative; width: 58px; height: 20px; line-height: 20px; text-align: center; margin-left: 8px; color: #fc6020; font-size: 12px; border: 1px #fc6020 solid; border-radius: 3px;}
.WCGW4 .section .section3 .section3-content li h3 span.icon-tag-sale i { display: inline-block; width: 0; height: 0; transform: rotate(45deg); position: absolute; z-index: -1; border-top: 5px #ffffff solid; border-left: 5px #fc6020 solid; border-bottom: 5px #ffffff solid; border-right: 5px #ffffff solid; bottom: -6px; left: -4px;}
.WCGW4 .section .section3 .section3-content li p { text-align: justify; overflow: hidden; font-size: 16px; color: #757f92; margin: 20px 0; font-weight: 300; line-height: 30px;}
.WCGW4 .section .section3 .section3-content li a>span { font-size: 16px; color: #1a62e1;}
.WCGW4 .section .section3 .section3-content li a>span::after { display: inline-block; width: 5px; height: 8px; content: ""; vertical-align: middle; margin-left: 8px; background: url(../Image/cp_index/icon-arrow.png) 0 0 no-repeat; background-size: cover;}
.WCGW4 .section .section3 .section3-btn a.yyys { display: block; width: 218px; height: 50px; line-height: 50px; margin: 0 auto; border-radius: 3px; text-align: center; font-size: 18px; color: #ffffff; background: #1a62e1;}
.WCGW4 .section .section3 .section3-btn p { text-align: center; font-size: 16px; color: #4b5467; margin: 20px auto;}

/* section4 */
.WCGW4 .section .section4 .w1080 { position: relative;}
.WCGW4 .section .section4 .w1080::after { display: inline-block; content: ""; width: 1130px; height: 18px; background: #ffffff; position: absolute; left: -25px; bottom: -18px;}
.WCGW4 .section .section4 .section4-nav { float: left;}
.WCGW4 .section .section4 .section4-nav li { font-size: 16px; color: #404957; margin: 10px 0 34px; cursor: pointer;}
.WCGW4 .section .section4 .section4-nav li::before { display: inline-block; content: ""; width: 22px; height: 3px; background: #e7e9ed; transition: all .3s; vertical-align: middle; margin-right: 17px;}
.WCGW4 .section .section4 .section4-nav li.active { font-size: 17px; color: #1a62e1;}
.WCGW4 .section .section4 .section4-nav li.active::before { display: inline-block; content: ""; width: 38px; height: 3px; background: #1a62e1; margin-right: 7px;}
.WCGW4 .section .section4 .section4-list { float: right; width: 866px; box-sizing: border-box; margin-bottom: 10px;}
.WCGW4 .section .section4 .section4-content { display: none;}
.WCGW4 .section .section4 .section4-content.active { display: block;}
.WCGW4 .section .section4 .section4-content p{ box-sizing: border-box; height: 105px;margin-bottom: 0;}
.WCGW4 .section .section4 .section4-content p a{ height: 105px;width: 172px; border-right: 1px #eaeaea solid; border-bottom: 1px #eaeaea solid; transform: scale(1);display: block;float: left; transition: 0.4s; overflow: hidden;}
.WCGW4 .section .section4 .section4-content p a.k0 { border-left: 1px #eaeaea solid;}
.WCGW4 .section .section4 .section4-content p:first-child a { border-top: 1px #eaeaea solid;}
.WCGW4 .section .section4 .section4-content p a i{background-image: url(../Image/cp_index/brand_img.png);background-repeat: no-repeat;height: 105px;width: 172px;transform: scale(1);display: block; transition: 0.4s;display: block;}
.WCGW4 .section .section4 .section4-content p a:hover i{/*background-image: url(../Image/WC7.0/brand_img_hover.png);*/cursor:pointer;transform: scale(1.03);z-index: 100;}
.WCGW4 .section .section4 .section4-content .p1 .k0 i{background-position: 0 0;}
.WCGW4 .section .section4 .section4-content .p1 .k1 i{background-position: -172px 0;}
.WCGW4 .section .section4 .section4-content .p1 .k2 i{background-position: -344px 0;}
.WCGW4 .section .section4 .section4-content .p1 .k3 i{background-position: -516px 0;}
.WCGW4 .section .section4 .section4-content .p1 .k4 i{background-position: -688px 0;}
.WCGW4 .section .section4 .section4-content .p2 .k0 i{background-position: 0 -105px;}
.WCGW4 .section .section4 .section4-content .p2 .k1 i{background-position: -172px -105px;}
.WCGW4 .section .section4 .section4-content .p2 .k2 i{background-position: -344px -105px;}
.WCGW4 .section .section4 .section4-content .p2 .k3 i{background-position: -516px -105px;}
.WCGW4 .section .section4 .section4-content .p2 .k4 i{background-position: -688px -105px;}
.WCGW4 .section .section4 .section4-content .p3 .k0 i{background-position: -3px -210px;}
.WCGW4 .section .section4 .section4-content .p3 .k1 i{background-position: -172px -210px;}
.WCGW4 .section .section4 .section4-content .p3 .k2 i{background-position: -337px -210px;}
.WCGW4 .section .section4 .section4-content .p3 .k3 i{background-position: -516px -210px;}
.WCGW4 .section .section4 .section4-content .p3 .k4 i{background-position: -688px -210px;}
.WCGW4 .section .section4 .section4-content .p4 .k0 i{background-position: 0 -315px;}
.WCGW4 .section .section4 .section4-content .p4 .k1 i{background-position: -172px -315px;}
.WCGW4 .section .section4 .section4-content .p4 .k2 i{background-position: -344px -315px;}
.WCGW4 .section .section4 .section4-content .p4 .k3 i{background-position: -509px -315px;}
.WCGW4 .section .section4 .section4-content .p4 .k4 i{background-position: -688px -315px;}
.WCGW4 .section .section4 .section4-content .p5 .k0 i{background-position: -3px -420px;}
.WCGW4 .section .section4 .section4-content .p5 .k1 i{background-position: -172px -420px;}
.WCGW4 .section .section4 .section4-content .p5 .k2 i{background-position: -344px -420px;}
.WCGW4 .section .section4 .section4-content .p5 .k3 i{background-position: -511px -420px;}
.WCGW4 .section .section4 .section4-content .p5 .k4 i{background-position: -682px -420px;}
.WCGW4 .section .section4 .section4-content .p6 .k0 i{background-position: -6px -525px;}
.WCGW4 .section .section4 .section4-content .p6 .k1 i{background-position: -172px -525px;}
.WCGW4 .section .section4 .section4-content .p6 .k2 i{background-position: -344px -525px;}
.WCGW4 .section .section4 .section4-content .p6 .k3 i{background-position: -344px -1785px;}
.WCGW4 .section .section4 .section4-content .p6 .k4 i{background-position: -688px -525px;}
.WCGW4 .section .section4 .section4-content .p7 .k0 i{background-position: 0 -630px;}
.WCGW4 .section .section4 .section4-content .p7 .k1 i{background-position: -172px -630px;}
.WCGW4 .section .section4 .section4-content .p7 .k2 i{background-position: -338px -630px;}
.WCGW4 .section .section4 .section4-content .p7 .k3 i{background-position: -516px -630px;}
.WCGW4 .section .section4 .section4-content .p7 .k4 i{background-position: -688px -630px;}
.WCGW4 .section .section4 .section4-content .p8 .k0 i{background-position: 0 -735px;}
.WCGW4 .section .section4 .section4-content .p8 .k1 i{background-position: -172px -735px;}
.WCGW4 .section .section4 .section4-content .p8 .k2 i{background-position: -344px -735px;}
.WCGW4 .section .section4 .section4-content .p8 .k3 i{background-position: -507px -735px;}
.WCGW4 .section .section4 .section4-content .p8 .k4 i{background-position: -688px -735px;}
.WCGW4 .section .section4 .section4-content .p9 .k0 i{background-position: 0 -840px;}
.WCGW4 .section .section4 .section4-content .p9 .k1 i{background-position: -172px -840px;}
.WCGW4 .section .section4 .section4-content .p9 .k2 i{background-position: -336px -845px;}
.WCGW4 .section .section4 .section4-content .p9 .k3 i{background-position: -507px -842px;}
.WCGW4 .section .section4 .section4-content .p9 .k4 i{background-position: -688px -840px;}
.WCGW4 .section .section4 .section4-content .p10 .k0 i{background-position: 0 -945px;}
.WCGW4 .section .section4 .section4-content .p10 .k1 i{background-position: -172px -945px;}
.WCGW4 .section .section4 .section4-content .p10 .k2 i{background-position: -333px -945px;}
.WCGW4 .section .section4 .section4-content .p10 .k3 i{background-position: -507px -945px;}
.WCGW4 .section .section4 .section4-content .p10 .k4 i{background-position: -688px -945px;}
.WCGW4 .section .section4 .section4-content .p11 .k0 i{background-position: 0 -1050px;}
.WCGW4 .section .section4 .section4-content .p11 .k1 i{background-position: -172px -1050px;}
.WCGW4 .section .section4 .section4-content .p11 .k2 i{background-position: -344px -1050px;}
.WCGW4 .section .section4 .section4-content .p11 .k3 i{background-position: -511px -1050px;}
.WCGW4 .section .section4 .section4-content .p11 .k4 i{background-position: -688px -1050px;}
.WCGW4 .section .section4 .section4-content .p12 .k0 i{background-position: 0 -1155px;}
.WCGW4 .section .section4 .section4-content .p12 .k1 i{background-position: -172px -1155px;}
.WCGW4 .section .section4 .section4-content .p12 .k2 i{background-position: -344px -1155px;}
.WCGW4 .section .section4 .section4-content .p12 .k3 i{background-position: -516px -1155px;}
.WCGW4 .section .section4 .section4-content .p12 .k4 i{background-position: -688px -1155px;}
.WCGW4 .section .section4 .section4-content .p13 .k0 i{background-position: 0 -1260px;}
.WCGW4 .section .section4 .section4-content .p13 .k1 i{background-position: -172px -1260px;}
.WCGW4 .section .section4 .section4-content .p13 .k2 i{background-position: -344px -1260px;}
.WCGW4 .section .section4 .section4-content .p13 .k3 i{background-position: -516px -1260px;}
.WCGW4 .section .section4 .section4-content .p13 .k4 i{background-position: -688px -1260px;}
.WCGW4 .section .section4 .section4-content .p14 .k0 i{background-position: 0 -1365px;}
.WCGW4 .section .section4 .section4-content .p14 .k1 i{background-position: -172px -1365px;}
.WCGW4 .section .section4 .section4-content .p14 .k2 i{background-position: -344px -1365px;}
.WCGW4 .section .section4 .section4-content .p14 .k3 i{background-position: -516px -1365px;}
.WCGW4 .section .section4 .section4-content .p14 .k4 i{background-position: -688px -1365px;}
.WCGW4 .section .section4 .section4-content .p15 .k0 i{background-position: 0 -1470px;}
.WCGW4 .section .section4 .section4-content .p15 .k1 i{background-position: -172px -1470px;}
.WCGW4 .section .section4 .section4-content .p15 .k2 i{background-position: -344px -1470px;}
.WCGW4 .section .section4 .section4-content .p15 .k3 i{background-position: -516px -1470px;}
.WCGW4 .section .section4 .section4-content .p15 .k4 i{background-position: -688px -1470px;}
.WCGW4 .section .section4 .section4-content .p16 .k0 i{background-position: 0 -1575px;}
.WCGW4 .section .section4 .section4-content .p16 .k1 i{background-position: -172px -1575px;}
.WCGW4 .section .section4 .section4-content .p16 .k2 i{background-position: -334px -1575px;}
.WCGW4 .section .section4 .section4-content .p16 .k3 i{background-position: -508px -1575px;}
.WCGW4 .section .section4 .section4-content .p16 .k4 i{background-position: -688px -1575px;}
.WCGW4 .section .section4 .section4-content .p17 .k0 i{background-position: 0 -1680px;}
.WCGW4 .section .section4 .section4-content .p17 .k1 i{background-position: -172px -1680px;}
.WCGW4 .section .section4 .section4-content .p17 .k2 i{background-position: -339px -1680px;}
.WCGW4 .section .section4 .section4-content .p17 .k3 i{background-position: -511px -1680px;}
.WCGW4 .section .section4 .section4-content .p17 .k4 i{background-position: -688px -1680px;}
.WCGW4 .section .section4 .section4-content .p18 .k0 i{background-position: 0 -1785px;}
.WCGW4 .section .section4 .section4-content .p18 .k1 i{background-position: -172px -1785px;}
.WCGW4 .section .section4 .section4-content .p18 .k2 i{background-position: -516px -1785px;}
.WCGW4 .section .section4 .section4-content .p18 .k3 i{background-position: -516px -1785px;}
.WCGW4 .section .section4 .section4-content .p18 .k4 i{background-position: -688px -1785px;}

@keyframes fadeInLeftSmall {
  from {
    opacity: 0;transform: translate3d(-30%, 0, 0);
  }
  to {
    opacity: 1;transform: none;
  }
}

.fadeInLeftSmall {
  animation-name: fadeInLeftSmall;
}

@keyframes fadeInRightSmall {
  from {
    opacity: 0; transform: translate3d(30%, 0, 0);
  }

  to {
    opacity: 1;transform: none;
  }
}

.fadeInRightSmall {
  animation-name: fadeInRightSmall;
}

@keyframes fadeInDownSmall {
  from {
    opacity: 0;transform: translate3d(0,-30%, 0);
  }
  to {
    opacity: 1;transform: none;
  }
}

.fadeInDownSmall {
  animation-name: fadeInDownSmall;
}

/* section5 */
.WCGW4 .section .section5 { height: 250px; box-sizing: border-box; padding-top: 100px; background: url(../Image/cp_index/section5-bg.png) 0 0 no-repeat; background-size: cover;}
.WCGW4 .section .section5 ul li { float: left; box-sizing: border-box; margin-right: 120px;}
.WCGW4 .section .section5 ul li:last-child { margin-right: 0;}
.WCGW4 .section .section5 ul li p { color: #ffffff;}
.WCGW4 .section .section5 ul li p:first-child { font-size: 22px;}
.WCGW4 .section .section5 ul li p:first-child span { font-size: 22px;}
.WCGW4 .section .section5 ul li:nth-child(3) p:first-child span { font-size: 50px;}
.WCGW4 .section .section5 ul li p:first-child span.countUp { font-size: 60px;}
.WCGW4 .section .section5 ul li p:last-child { font-size: 16px; opacity: 0.65; font-weight: 300; margin-top: 15px;}
@media screen and (max-width: 1280px) {
    .WCGW4 .section .section5 {
        height: 220px;
        padding-top: 90px;
    }
}

/* section6 */
.WCGW4 .section .section6 { padding-bottom: 40px; background: #f9faff;height: auto;}
.WCGW4 .section .section6-nav { margin-bottom: 35px;}
.WCGW4 .section .section6-nav li { float: left; width: 98px; line-height: 32px; font-size: 16px; text-align: center; cursor: pointer; color: #1f2b41; border-bottom: 2px #e7e9ed solid;}
.WCGW4 .section .section6-nav li.active { color: #1a62e1; border-bottom: 2px #1a62e1 solid;}
.WCGW4 .section .section6-content{ width: 100%; margin: auto;}
.WCGW4 .section .section6 .section6-content { display: none;}
.WCGW4 .section .section6 .section6-content.active { display: block;}
.WCGW4 .section .section6-content>div{ width: 530px; height: 275px;background: #fff; float: left; padding: 30px; box-sizing: border-box; border: 1px #e1e6ee solid;}
.WCGW4 .section .section6-content>div.first-child { float:left;}
.WCGW4 .section .section6-content>div.last-child { float:right;}
.WCGW4 .section .section6-content>div>h4{font-size: 24px;line-height: 1em;text-indent: 1em;position: relative; color: #4c4c4c;font-weight: 200;}
.WCGW4 .section .section6-content>div>h4:before{content: "";position: absolute;left: 0;top: 2px;width: 6px; height: 20px;background: #1a62e1;}
.WCGW4 .section .section6-content>div>h4 a:hover{color: #1a62e1;}
.WCGW4 .section .section6-content>div>ul>li{line-height: 40px;font-size: 14px;color: #4d4d4d; height:auto; overflow:hidden;}
.WCGW4 .section .section6-content>div>ul>li>a>span{float: right; color: #b2b2b2;}
.WCGW4 .section .section6-content>div>ul>li>a>p{width: 60%;overflow: hidden;text-overflow: ellipsis; white-space:nowrap;float: left;}
.WCGW4 .section .section6-content>div>ul>li>a{color:#4d4d4d;width: 100%; height: 100%;display: block;}
.WCGW4 .section .section6-content>div>ul>li:hover p{color: #1a62e1;}
.WCGW4 .section .section6-content>div>ul>li:hover span{color: #1a62e1;opacity: 0.6;}

/* 侧边栏2022 */
.sidebar-2022 {
  width: 68px;
  height: auto;
  position: fixed;
  right: 9px;
  top: 170px;
  z-index: 1001;
}

.sidebar-2022 a {
  display: block;
  width: 100%;
  height: 72px;
  padding-top: 48px;
  border-radius: 2px;
  box-sizing: border-box;
  text-align: center;
  position: relative;
  margin-top: 5px;
  line-height: 14px;
  cursor: pointer;
}

.sidebar-2022 a:hover {
  background-color: #12abcb !important;
}

.sidebar-2022 a span {
  font-size: 12px;
  color: #fff;
}

/* .sidebar-2022 a::before{display: block;content: "";background: #fff;width: 42px;height: 1px;position: absolute;top: -1px;left:1px;} */
.sidebar-2022 a:first-child {
  margin-top: 0;
}

.sidebar-2022 a:first-child::before {
  display: none;
}

.sidebar-2022 a.dhgt {
  background: url(../Image/sidebar2022/icon7.png) center 15px no-repeat;
  background-color: #fc6020;
}

.sidebar-2022 a.dhgt:hover {
  background-color: #fc6020 !important;
}

.sidebar-2022 a.dhgt:hover i {
  opacity: 1;
  visibility: visible;
}

.sidebar-2022 a.yyys {
  background: url(../Image/sidebar2022/icon8.png) center 15px no-repeat;
  background-color: #fc6020;
}

.sidebar-2022 a.yyys:hover {
  background-color: #fc6020 !important;
}

.sidebar-2022 a.wxzx {
  background: url(../Image/sidebar2022/icon3.png) center 15px no-repeat;
}

.sidebar-2022 a.wxzx:hover i {
  opacity: 1;
  visibility: visible;
}

.sidebar-2022 a.zxkf {
  background: url(../Image/sidebar2022/icon6.png) center 15px no-repeat;
  background-color: #29caec;
}

.sidebar-2022 a.fhdb {
  background: url(../Image/sidebar2022/icon5.png) center 15px no-repeat;
  background-color: #29caec;
}

.sidebar-2022 a.dhgt i {
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
  width: 135px;
  height: 38px;
  background-color: #fff;
  position: absolute;
  left: -156px;
  top: 21px;
  border-radius: 4px;
  text-align: center;
  line-height: 38px;
  font-size: 14px;
  color: #1a62e1;
  box-shadow: 0 0 10px rgba(7, 23, 51, .12);
  font-style: normal;
}

.sidebar-2022 a.dhgt i::after {
  display: block;
  content: "";
  position: absolute;
  right: -7px;
  top: 13px;
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff;
  border-style: solid;
  border-width: 6px 0px 6px 7px;
  height: 0;
  width: 0;
}

.sidebar-2022 a.wxzx i {
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 115px;
  height: 146px;
  background-color: #fff;
  position: absolute;
  left: -139px;
  top: 0;
  border-radius: 4px;
  box-shadow: 0 0 10px rgba(7, 23, 51, .12);
}

.sidebar-2022 a.wxzx i::after {
  display: block;
  content: "";
  position: absolute;
  right: -7px;
  top: 22px;
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff;
  border-style: solid;
  border-width: 6px 0px 6px 7px;
  height: 0;
  width: 0;
}

.sidebar-2022 a.wxzx i img {
  margin-top: 6px;
}

.sidebar-2022 a.wxzx i span:nth-child(2) {
  font-size: 12px;
  font-style: normal;
  color: #58637f;
  line-height: 17px;
  white-space: nowrap;
}

.sidebar-2022 a.wxzx i span:nth-child(3) {
  font-size: 12px;
  font-style: normal;
  color: #1a62e1;
  line-height: 17px;
  white-space: nowrap;
}

.sidebar-2022 a.tjxq {
  background: url(../Image/sidebar2022/icon9.png) center 15px no-repeat;
  background-color: #29caec;
}