@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0; list-style:none; }
*,:after,:before{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body{margin:0; padding:0;  font:12px Arial,"microsoft yahei";  color:#333; background:#fff; position: relative; }
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0; }
ul,li,ol{list-style:none; margin: 0;}
a{text-decoration:none; color:#333;cursor: pointer; }
a:hover{text-decoration:none; color: #4f007d;}
input,textarea,select,button{font-family:Arial,"microsoft yahei"; }
input:focus,textarea:focus,select:focus,button:focus{ outline:none !important;}
::-moz-selection {background:#aaa;color:#FFF;}
::selection {background: #aaa;color: #FFF;}
img{border:0;
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: crisp-edges;
image-rendering: high-quality;
object-fit: cover; 
-ms-interpolation-mode: nearest-neighbor;
-moz-user-select: -moz-none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
user-select: none;
vertical-align: top;
overflow-clip-margin: content-box;
overflow: clip;
vertical-align: top;
}
.clear {zoom: 1;clear:both; }
.clear:after {content: ''; display: block; clear: both; }
table{width: 100%; border-collapse:collapse;}
table tr,table td{max-width: 100%; border: solid 1px #eee; }
.fl{float:left;}
.fr{float:right;}
.left{display: flex;flex-wrap: wrap;}
.right{display: flex;justify-content: flex-end;}
.between{display: flex;justify-content: space-between;}
.around{display: flex;justify-content: space-around;}
.center{display: flex;flex-direction: column;align-items: center;}
.centerT{display: flex;justify-content: center;align-items: center;}
.flexbet{display: flex;justify-content: space-between;align-items: center;}
.cut{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.cutOne{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;line-clamp: 1;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.cutTwo{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;line-clamp: 2;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.cutThree{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;line-clamp: 3;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.cutFour{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;line-clamp: 4;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.scrollbar::-webkit-scrollbar{ width:6px; height: 6px; background:#f4f4f4; }
.scrollbar::-webkit-scrollbar-button{ display:none;}
.scrollbar::-webkit-scrollbar-track{ display:none;}
.scrollbar::-webkit-scrollbar-track-piece{ display:none;}
.scrollbar::-webkit-scrollbar-thumb{ background:#FA9E0D;}
.scrollbar::-webkit-scrollbar-corner{display:none;}
.scrollbar::-webkit-resizer{display:none;}

.pc-block{ display: block;}
.pc-none{ display: none;}
.l-1{ width: 100%; margin:1.5% 0 1.5% 0;}
.l-2{ width: 48.5%; margin:1.5% 3% 1.5% 0;}
.l-2:nth-child(2n){ margin-right: 0;}
.l-3{ width: 32%; margin:1% 2% 1% 0;}
.l-3:nth-child(3n){ margin-right: 0;}
.l-4{ width: 23.5%; margin:1% 2% 1% 0;}
.l-4:nth-child(4n){ margin-right: 0;}

.wrap{width: 81.25%;margin:  auto; position: relative;}
.c1440{ width: 1440px; margin: auto; position: relative; }
.c1200{ width: 1200px; margin: auto; position: relative; }
.H100{ width: 100%; position: relative; height: 100px; overflow: hidden;}
.H170{ width: 100%; position: relative; height: 170px; overflow: hidden;}
.H54{ width: 100%; position: relative; height: 54px; overflow: hidden;}

/* pc_header */
.pc_header{ width: 100%; position: fixed; top: 0; left: 0; border-top:solid 10px rgb(79, 0, 125,1);  background-color: #fff; padding: 0 0; width: 100%; z-index: 999; transition: all 0.8s ease;}
.pc_header .logo{  margin: 3px 0; width: 180px; position: relative;}
.pc_header .logo a{ display: block; width: 100%; }
.pc_header .logo a img{ width: 100%; display: block;}
.pc_header .headerNav{ width: calc(100% - 200px);}
.pc_header .headerNav .nLi{position: relative; margin:20px  3.5% 20px 0;}
.pc_header .headerNav .nLi:last-child{ margin-right: 0;}
.pc_header .headerNav .nLi .le{ font-weight: normal;}
.pc_header .headerNav .nLi .le a{display: block;line-height: 30px; text-align: center; width: 100%; padding: 10px 0;  font-size: 16px; color: #333; transition: all 0.6s ease; text-transform: uppercase; border-radius: 22px; transition: all 0.8s ease;}
.pc_header .headerNav .nLi:hover h3 a,.pc_header .headerNav .nLi.on h3 a,.pc_header .headerNav .nLi.active h3 a{ color: #4f007d !important; font-weight: bold;}
.pc_header .headerNav .nLi.yd h3 a{background-color: #4f007d; color: #fff;}
.pc_header .headerNav .nLi .sub{ display: none; position: absolute;top:50px; background-color: #fff; left: 50%; transform: translateX(-50%); width: 200px;  z-index: 3;  box-shadow: 0 0 10px rgba(0,0,0,0.05);-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.05);-moz-box-shadow: 0 0 10px rgba(0,0,0,0.05); border: solid 1px #4f007d;}
.pc_header .headerNav .nLi .sub .img{ width: 100%; position: relative; margin-top: 20px;  box-shadow: 0 0 20px rgba(0,0,0,0.08) ;-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.08);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.08);}
.pc_header .headerNav .nLi .sub .img::after{ content: ''; width: 0; height: 0; top: auto; position: absolute; left: 50%; right: 0; top: -10px; margin-left: -10px; border-bottom: 10px solid #fff; border-right: 10px solid transparent; border-left: 10px solid transparent; box-sizing: border-box; box-shadow: 0 0 20px rgba(0,0,0,0.08) ;-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.08);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.08);}
.pc_header .headerNav .nLi .sub .img img{ width: 100%; position: relative; display: block; background-color: #fff;  border-radius: 10px; overflow: hidden; }
.pc_header .headerNav .nLi .sub ul{ position: relative; width: 100%;  overflow: hidden; background-color: rgb(79, 0, 125, 0.85);}
.pc_header .headerNav .nLi .sub li{border-bottom: 1px solid rgba(255,255,255,0.05);}
.pc_header .headerNav .nLi .sub li:last-child{border-bottom: 0;}
.pc_header .headerNav .nLi .sub li a{ display:block;text-align: center;font-size: 14px;color: #fff;padding: 15px 5px;text-transform: uppercase;}
.pc_header .headerNav .nLi .sub li a:hover, .pc_header .headerNav .nLi .sub li.on a{color: #fff;background-color:#4f007d;}

.pc_header.is-fixed{ position: fixed; top: 0; left: 0; padding:  0; background-color: #fff;  box-shadow: 0 0 20px rgba(0,0,0,0.08) ;-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.08);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.08);}
.pc_header.is-fixed .headerNav .nLi .le a{color: #333; }
.pc_header.is-fixed .headerNav .nLi:hover h3 a,.pc_header.is-fixed .headerNav .nLi#on h3 a{ color: #4f007d;}
.pc_header.is-fixed .headerNav .nLi.yd h3 a{background-color: #4f007d; color: #fff;}

.pc_header .headerSearch{ width: 100%; margin-bottom: 20px; }
.pc_header .headerSearch .form{ width: 100%; margin: auto; position: relative; height: 50px;  }
.pc_header .headerSearch .form .info{ width: 100%; position: relative; z-index: 2; border: solid 1px #4f007d; height: 50px; border-radius: 35px; background-color: #fff; overflow: hidden;}
.pc_header .headerSearch .form .selectPro{ width: 180px; cursor: pointer; height: 100%; border-right: solid 1px #eee; position: relative; z-index: 1;}
.pc_header .headerSearch .form .selectPro input{ width: 100%; height: 100%;  cursor: pointer;  border: 0; padding: 0 30px 0 20px; font-size: 16px; color: #333;}
.pc_header .headerSearch .form .selectPro i{ display: inline-block; position: absolute; right: 10px; top: 50%; margin-top: -8px; text-align: center; line-height: 16px; font-size: 18px; color: #4f007d; width: 16px; height: 16px; transform: rotate(-180deg); transition: all 0.4s ease; }
.pc_header .headerSearch .form .selectPro.on i{ transform: rotate(-90deg);}
.pc_header .headerSearch .form .inputPro{ width: calc(100% - 180px); position: relative; z-index: 1;}
.pc_header .headerSearch .form .inputPro input{ width: 100%; padding: 14px 200px 14px 20px; font-size: 16px; color: #333; line-height: 20px; border: 0;}
.pc_header .headerSearch .form .btnPro{ position: absolute; width: 160px; height: calc(100% - 10px); border: 0; border-radius: 30px; right: 5px; top: 5px; z-index: 2; background-color: #FA9E0D; color: #fff; cursor: pointer; transition: all 0.8s ease;}
.pc_header .headerSearch .form .btnPro span{ font-size: 26px; margin-right: 5px;}
.pc_header .headerSearch .form .btnPro p{ font-size: 16px;}
.pc_header .headerSearch .form .btnPro:hover{ background-color: #4f007d;}
.pc_header .headerSearch .form .selectList{ border-radius: 0 0 0 0; display: none; position: absolute;left: 0; top: 50%; padding: 35px 0 10px 0; width: 180px; background-color: #fff; z-index: 1; overflow: hidden; box-shadow: 0 0 20px rgba(0,0,0,0.08) ;-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.08);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.08);}
.pc_header .headerSearch .form .selectList li{ width: 100%; padding: 5px 10px 5px 30px; cursor: pointer; position: relative;}
.pc_header .headerSearch .form .selectList li i{display: inline-block; font-size: 12px; position: absolute; left: 10px; top: 50%; margin-top: -7px; width: 14px; height: 14px; border: solid 1px #2A0341; text-align: center; line-height: 12px; color: #4f007d;}
.pc_header .headerSearch .form .selectList li span{ display: inline-block; width: 100%; font-size: 14px; color: #333;}
.pc_header .headerSearch .form .selectList li.on i::before{ content: "\e60b";}
.pc_header .headerSearch .form .input_on{display: none;  }



/* headerNavH */
.headerNavH{ width: 100%; position: relative;}

/*phone_header*/
.phone_header{width: 100%;height:54px;position:fixed;top:0;left: 0;z-index: 999;padding: 0 3%;box-sizing: border-box;background-color: #fff; text-align: center; border-bottom: solid 1px #eee;}
.phone_header .logo{float: left;  margin: 0;  height: 28px; margin-top: 13px;}
.phone_header .logo .img {height: 28px;display: inline-block;  }
.phone_header .logo .img img{ height: 28px; display: block;}
.phone_header .logo .z{ line-height: 28px; display: inline-block; padding-left: 8px; border-left: solid 1px #eee; margin-left: 8px; font-size: 16px; font-weight: bold; color: #333; position: relative;}
.phone_header .menu{width: 24px;height: 18px; position: absolute; right: 3%; top: 50%; margin-top: -9px; overflow: hidden; cursor: pointer;}
.phone_header .menu .solid{width: 24px;height: 2px;background-color: #4f007d;transition: all 0.6s ease;}
.phone_header .menu .solid1{position: absolute;top: 0;left: 0;}
.phone_header .menu .solid2{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.phone_header .menu .solid3{position: absolute;bottom: 0;left: 0;}
.phone_header .onSolid1{transform: rotate(45deg) translateY(11px);left: 8px !important;}
.phone_header .onSolid2{transform: translateX(-30px);}
.phone_header .onSolid3{transform: rotate(-45deg) translateY(-11px);left: 8px !important;}
.phone_header .openSearch{ position: absolute; right: calc(6% + 25px); line-height: 30px; top: 50%; margin-top: -15px; font-size: 26px; color: #333; cursor: pointer;}

/*mnavBox*/
.mnavBox{width: 100%;height:100%;position: fixed;top: -100%;right: 0;z-index: 98;background-color: rgba(255,255,255,0.99);transition: all 0.6s ease;}
.mnavBox .box{width: 100%;height:100%;position: absolute;top: 0;right: 0;z-index: 99;padding:54px 0 ;box-sizing: border-box;overflow-y: auto; z-index: 1;}
.mnavBox .box h3{width: 100%;  box-sizing: border-box;border-bottom: 1px solid rgba(0,0,0, 0.1);position: relative;}
.mnavBox .box h3:first-child{border-top: 1px solid rgba(0,0,0, 0.1);}
.mnavBox .box h3 a{color: #333;font-size: 16px; line-height: 20px; padding: 15px 3%; box-sizing: border-box; display: inline-block;font-weight: normal; width: 100%; z-index: 2;}
.mnavBox .box h3 a span{ font-size: 14px; text-transform: capitalize; display: inline-block; margin-left: 10px; opacity: 0.8;}
.mnavBox .box h3 .iconfont{ display: inline-block; position: absolute; top: 50%; right: 3%; line-height: 20px; width: 20px; text-align: center; margin-top: -10px;  height: 20px; z-index: 3; transition: all 0.6s ease; transform: rotate(-180deg);}
.mnavBox .box h3.on .iconfont{transform: rotate(-90deg);}
.mnavBox .box h3 a.on{ color: #4f007d;}
.mnavBox .box .sub{display: none;width: 100%;border-bottom: 1px solid rgba(0,0,0,0.08);background-color: rgb(79, 0, 125, 0.05);}
.mnavBox .box .sub li{width:90%;margin: 0 auto; border-bottom: 1px solid rgba(0,0,0,0.08);}
.mnavBox .box .sub li:last-child{border-bottom: none;}
.mnavBox .box .sub li a{color: #333;font-size: 14px;display: block;width: 100%;padding: 12px 0;}
.mnavBox .box .sub li a span{ display: inline-block; font-size: 12px; margin-left: 10px; opacity: 0.8;}
.mnavBox .box .sub li a.on{ color: #4f007d;}
.mnavBox.onNav{top: 0 !important;}


.mbSearch{ width: 100%; margin: auto; position: fixed; background-color: #fff; display: none; top: 54px;  left: 0; z-index: 98; height: 60px;  padding: 10px 3%; border-bottom: solid 1px #eee;}
.mbSearch .info{ width: calc(100% - 30px); position: relative; z-index: 2; border: solid 1px #4f007d; height: 40px; border-radius: 5px; background-color: #fff; overflow: hidden;}
.mbSearch .selectPro{ width: 100px; cursor: pointer; height: 100%; border-right: solid 1px #eee; position: relative; z-index: 1;}
.mbSearch .selectPro input{ width: 100%; height: 100%;  cursor: pointer;  border: 0; padding: 0 15px 0 10px; font-size: 14px; color: #333;}
.mbSearch .selectPro i{ display: inline-block; position: absolute; right: 10px; top: 50%; margin-top: -8px; text-align: center; line-height: 16px; font-size: 18px; color: #4f007d; width: 16px; height: 16px; transform: rotate(-180deg); transition: all 0.4s ease; }
.mbSearch .selectPro.on i{ transform: rotate(-90deg);}
.mbSearch .inputPro{ width: calc(100% - 100px);  position: relative; z-index: 1;}
.mbSearch .inputPro input{ width: 100%; padding: 10px 50px 10px 10px; font-size: 14px; color: #333; line-height: 20px; border: 0;}
.mbSearch .btnPro{ position: absolute; width: 40px; height: 100%; border: 0; border-radius: 0; right: 0; top: 0; z-index: 2; background-color: #FA9E0D; color: #fff; cursor: pointer; transition: all 0.8s ease;}
.mbSearch .btnPro span{ font-size: 22px;}
.mbSearch .btnPro:hover{ background-color: #4f007d;}
.mbSearch .selectList{ border-radius: 0 0 0 0;  display: none; position: absolute;left: 3%; top: 50%; padding: 35px 0 10px 0; width: 100px; background-color: #fff; z-index: 1; overflow: hidden; box-shadow: 0 0 20px rgba(0,0,0,0.08) ;-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.08);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.08);}
.mbSearch .selectList li{ width: 100%; padding: 5px 10px 5px 30px; cursor: pointer; position: relative;}
.mbSearch .selectList li i{display: inline-block; font-size: 12px; position: absolute; left: 10px; top: 50%; margin-top: -7px; width: 14px; height: 14px; border: solid 1px #2A0341; text-align: center; line-height: 12px; color: #4f007d;}
.mbSearch .selectList li span{ display: inline-block; width: 100%; font-size: 14px; color: #333;}
.mbSearch .selectList li.on i::before{ content: "\e60b";}
.mbSearch .input_on{display: none;  }
.mbSearch .inputClose{color: #333;font-size: 20px; cursor: pointer; position: absolute; right: 3%; top: 50%; line-height: 20px; margin-top: -10px;}



/* indexBanner */
.indexBanner{ width: 100%; position: relative;  padding: 220px 0; background-size: cover; }
.indexBanner .box{ width: 960px; margin: auto; z-index: 2; }
.indexBanner .box .tit{ text-align: center; font-size: 56px; width: 100%; color: #fff; font-weight: bold;}
.indexBanner .box .txt{ text-align: center; font-size: 20px; width: 100%; margin-top: 2%; color: #fff; }
.indexBanner .box .form{ width: 100%; margin-top: 3%; position: relative; height: 70px;  }
.indexBanner .box .form .info{ width: 100%; position: relative; z-index: 2; height: 70px; border-radius: 35px; background-color: #fff; overflow: hidden;}
.indexBanner .box .form .selectPro{ width: 180px; cursor: pointer; height: 100%; border-right: solid 1px #eee; position: relative; z-index: 1;}
.indexBanner .box .form .selectPro input{ width: 100%; height: 100%;  cursor: pointer;  border: 0; padding: 0 30px 0 20px; font-size: 16px; color: #333;}
.indexBanner .box .form .selectPro i{ display: inline-block; position: absolute; right: 10px; top: 50%; margin-top: -8px; text-align: center; line-height: 16px; font-size: 18px; color: #4f007d; width: 16px; height: 16px; transform: rotate(-180deg); transition: all 0.4s ease; }
.indexBanner .box .form .selectPro.on i{ transform: rotate(-90deg);}
.indexBanner .box .form .inputPro{ width: calc(100% - 180px); position: relative; z-index: 1;}
.indexBanner .box .form .inputPro input{ width: 100%; padding: 20px 200px 20px 20px; font-size: 16px; color: #333; line-height: 30px; border: 0;}
.indexBanner .box .form .btnPro{ position: absolute; width: 160px; height: calc(100% - 10px); border: 0; border-radius: 30px; right: 5px; top: 5px; z-index: 2; background-color: #FA9E0D; color: #fff; cursor: pointer; transition: all 0.8s ease;}
.indexBanner .box .form .btnPro span{ font-size: 26px; margin-right: 5px;}
.indexBanner .box .form .btnPro p{ font-size: 16px;}
.indexBanner .box .form .btnPro:hover{ background-color: #4f007d;}
.indexBanner .box .form .selectList{ border-radius: 0 0 0 0; display: none; position: absolute;left: 0; top: 50%; padding: 35px 0 10px 0; width: 180px; background-color: #fff; z-index: 1; overflow: hidden;}
.indexBanner .box .form .selectList li{ width: 100%; padding: 5px 10px 5px 30px; cursor: pointer; position: relative;}
.indexBanner .box .form .selectList li i{display: inline-block; font-size: 12px; position: absolute; left: 10px; top: 50%; margin-top: -7px; width: 14px; height: 14px; border: solid 1px #2A0341; text-align: center; line-height: 12px; color: #4f007d;}
.indexBanner .box .form .selectList li span{ display: inline-block; width: 100%; font-size: 14px; color: #333;}
.indexBanner .box .form .selectList li.on i::before{ content: "\e60b";}
.indexBanner .box .form .input_on{display: none;  }


/* indexMain */
.indexMain{ width: 100%; padding: 3% 0; position: relative; overflow: hidden; background-color: #f7f7f7;}
.indexMain .list{ width: 100%;}
.indexMain .list .item{ width: 100%; margin: 2% 0; background-color: #fff; min-height: 420px; position: relative; border-radius: 20px; overflow: hidden;}
.indexMain .list .item .img{ width: 50%; overflow: hidden; margin: 0; padding: 0; position: absolute; top: 0; height: 100%;}
.indexMain .list .item .img img{ width: 100%; height: 100%; transition: all 0.8s ease; display: block;}
.indexMain .list .item .cont{ position: relative; width: 50%;  }
.indexMain .list .item .info{ position: relative; width: 100%; display: inline-block; padding: 50px ; }
.indexMain .list .item .info .stit{ position: relative; width: 100%;}
.indexMain .list .item .info .stit span{ display: inline-block; width: 40px; height: 40px; margin-right: 10px; background-size: 100% 100% !important;}
.indexMain .list .item .info .stit p{ font-size: 30px; color: #333; line-height: 40px; font-weight: bold;}
.indexMain .list .item .info ul{ width: 100%; margin-top: 2%;}
.indexMain .list .item .info ul li{ width: 100%; margin-top: 4%;}
.indexMain .list .item .info ul li .tit{ width: 100%; line-height: 32px; }
.indexMain .list .item .info ul li .tit p{ font-size: 18px;  color: #333; font-weight: bold;}
.indexMain .list .item .info ul li .tit a:hover{ background-color: #4f007d; color: #fff;}
.indexMain .list .item .info ul li .txt{ margin-top: 10px; font-size: 16px; color: #666; width: 100%;  line-height: 28px;}
.indexMain .list .item .info ul li .txt .p1{ color: #333;}
.indexMain .list .item:nth-child(2n-1) .cont{ float: left;}
.indexMain .list .item:nth-child(2n-1) .info{ padding-top: 80px;}
.indexMain .list .item:nth-child(2n-1) .info .stit span{ background: url(../images/icon/icon_nav_dcpt.png) center no-repeat;}
.indexMain .list .item:nth-child(2n-1) .img{ right: 0; }
.indexMain .list .item:nth-child(2n) .cont{ float: right;}
.indexMain .list .item:nth-child(2n) .info .stit span{ background: url(../images/icon/icon_nav_sbbz.png) center no-repeat;}
.indexMain .list .item:nth-child(2n) .img{ left: 0;  }
.indexMain .list .item:hover img{ transform: scale(1.1);}


/* indexTitle */
.indexTitle{ width: 100%;}
.indexTitle .tit{ font-size: 36px; color: #333; font-weight: bold; line-height: 32px;}
.indexMore{ height: 32px; line-height: 32px; }
.indexMore p{ font-size: 16px; margin-right: 10px;  color: #333; }
.indexMore:hover p{ color: #4f007d;}
.indexMore:hover span{ background-color: #FA9E0D; color: #fff;}

.moreIcon{display: inline-block; line-height: 32px; width: 50px; background-color: #f5f6f7; font-size: 20px; color: #4f007d; text-align: center; transition: all 0.8s ease; border-radius: 16px;}
.moreIcon.moreIcon_z{ background-color: #4f007d; color: #fff;}

/* indexActivity */
.indexActivity{ width: 100%; padding: 6% 0; position: relative; overflow: hidden;}
.indexActivity .activityList{ width: 100%; margin-top: 4%; position: relative;}
.indexActivity .activityList .swiper-slide{ position: relative; overflow: hidden; background-color: #fff; border-radius: 20px; border: solid 1px #eee;}
.indexActivity .activityList .swiper-slide::after{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 6px; background-color: #4f007d; transition: all 0.8s ease; transform: scaleX(0);}
.indexActivity .activityList .swiper-slide .img{ width: 100%; height: 420px; position: relative; overflow: hidden;}
.indexActivity .activityList .swiper-slide .img img{ width: 100%; height: 100%; display: block; transition: all 0.8s ease;}
.indexActivity .activityList .swiper-slide .con{ width: 100%; padding: 4% 5% ; background-color: #fff; transition: all 0.8s ease;}
.indexActivity .activityList .swiper-slide .con .time{ font-size: 16px; color: #666; transition: all 0.8s ease;}
.indexActivity .activityList .swiper-slide .con .tit{ font-size: 20px; color: #333; margin-top: 10px; transition: all 0.8s ease;}
.indexActivity .activityList .swiper-slide:hover img{ transform: scale(1.1);}
.indexActivity .activityList .swiper-slide:hover .tit{ color: #4f007d;}
.indexActivity .activityList .swiper-slide:hover .time{ color: #333;}
.indexActivity .activityList .swiper-slide:hover .con{ transform: translateY(-30px);}
.indexActivity .activityList .swiper-slide:hover::after{ transform: scaleX(1);}
.indexActivity .activityList .swiper-pagination{ position: relative ; bottom: 0 !important;  margin-top: 4%;}
.indexActivity .activityList .swiper-pagination .swiper-pagination-bullet{ width: 12px; height: 12px; margin: 2px 5px; opacity: 1; background-color: #e5e5e5;}
.indexActivity .activityList .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color: #4f007d;}

/* indexService */
.indexService{ width: 100%; padding: 6% 0; position: relative; overflow: hidden; background-color: #f7f7f7;}
.indexService ul{ width: 100%; margin-top: 4%; position: relative;}
.indexService ul li{ overflow: hidden; background-color: #fff; border-radius: 20px; position: relative; box-shadow: 0 0 25px rgba(0,0,0,0.05) ;-webkit-box-shadow: 0 0 25px rgba(0,0,0,0.05);-moz-box-shadow: 0 0 25px rgba(0,0,0,0.05); transition: all 0.8s ease;}
.indexService ul li::after{ content: ''; position: absolute; width: 150%; height: 150%; top: 50%; left: 50%; z-index: 0; transform:translate(-50%,-50%) rotate(90deg) scaleY(0); opacity: 0; background-color: #4f007d; transition: all 1.2s ease;}
.indexService ul li::before{ content: ''; position: absolute;  right: 0; top: 0; width: 100%; height: 100%; z-index: 1; background: url(../images/logo_icon_w.png) top right no-repeat; background-size: auto 140%; opacity: 0; transition: all 0.8s ease;}
.indexService ul li a{ display: block; height: 100%; position: relative; padding: 8%; z-index: 2;}
.indexService ul li .icon{ width: 100%; position: relative;}
.indexService ul li .icon span{ width: 44px; height: 44px; background-position: 0 0; background-size: 100% auto !important; transition: all 0.8s ease;}
.indexService ul li .icon .iconfont{ cursor: pointer;  transform: translateX(100px); opacity: 0;}
.indexService ul li .icon .iconfont:hover{ background-color: #FA9E0D; color: #fff;}
.indexService ul li .tit{ font-size: 24px; color: #333; margin-top: 3%;  transition: all 0.8s ease;}
.indexService ul li .txt{ font-size: 16px; line-height: 34px; margin-top: 3%; color: #666;  transition: all 0.8s ease;}
.indexService ul li:nth-child(n+4)::after{background-color: #FA9E0D;}
.indexService ul li:nth-child(n+4) .moreIcon{ color: #FA9E0D;}
.indexService ul li:hover::after{  transform:translate(-50%,-50%) rotate(0) scaleY(1); opacity: 1;}
.indexService ul li:hover::before{ opacity: 0.08;}
.indexService ul li:hover .icon span{ background-position: 0 -44px !important;}
.indexService ul li:hover .icon .iconfont{ transform: translateX(0); opacity: 1;}
.indexService ul li:hover .tit{ color: #fff;}
.indexService ul li:hover .txt{ color: #fff; }
.indexService ul li:nth-child(n+4)::after{background-color: #FA9E0D;}
.indexService ul li:nth-child(n+4) .icon .iconfont:hover{ background-color: #4f007d; color: #fff;}

/* indexFooter */
.indexFooter{ width: 100%; background: url(../images/footerBg.jpg) center no-repeat; background-size:  cover !important;  position: relative; overflow: hidden;}
.indexFooter .Fnav{ width: 100%; padding: 4% 0; position: relative;}
.indexFooter .Fnav .Flogo{ display: inline-block; width: 200px;}
.indexFooter .Fnav .Flogo img{ width: 100%; display: block;}
.indexFooter .Fnav ul{ width: calc(100% - 260px);}
.indexFooter .Fnav ul li{ margin-left: 5%;}
.indexFooter .Fnav ul li a{ font-size: 16px; color: #fff ;}
.indexFooter .Fnav ul li a:hover{ color: #FA9E0D;}
.indexFooter .Fnav ul li:first-child{ margin-left: 0;}
.indexFooter .Fcon{ width: 100%; padding: 4% 0; position: relative; border-top: solid 1px rgba(255,255,255,0.2);}
.indexFooter .Fcon ul{ width: calc(100% - 200px);}
.indexFooter .Fcon ul li{ margin-right: 15%;}
.indexFooter .Fcon ul li .t{ font-size: 18px; font-weight: bold; color: #fff;}
.indexFooter .Fcon ul li .d{ font-size: 22px; margin-top: 20px; line-height: 28px; color: #fff;}
.indexFooter .Fcon ul li .d p{ padding: 5px 0;}
.indexFooter .Fcon ul li:last-child{ margin-right: 0;}
.indexFooter .Fcon .ewm{ width: 150px; position: relative; text-align: center;}
.indexFooter .Fcon .ewm .img{ width: 100%; border-radius: 10px; overflow: hidden;}
.indexFooter .Fcon .ewm .img img{ width: 100%; display: block;}
.indexFooter .Fcon .ewm .t{ font-size: 16px; color: #fff; margin-top: 15px;}

.indexFooter .copy{ padding: 20px 0; font-size: 16px; border-top: solid 1px rgba(255,255,255,0.2); text-align: center; color: rgba(255,255,255,0.6); text-transform: capitalize;}
.indexFooter .copy p{ padding: 0 5px;}
.indexFooter .copy a{ color: rgba(255,255,255,0.7); }
.indexFooter .copy a:hover{ color: #fff;}

/* pageCrumbs */
.pageCrumbs{ width: 100%; position: relative; overflow: hidden; background-color: #4f007d; padding: 2% 0;}
.pageCrumbs .crumbs{ max-width: 35%; font-size: 16px; color: #fff; line-height: 34px;}
.pageCrumbs .crumbs a{ display: inline-block; margin: 3px 0; color: #fff;}
.pageCrumbs .crumbs span{ display: inline-block; margin: 3px 5px;}
.pageCrumbs .crumbs a:last-child{ font-weight: bold;}
.pageCrumbs .pageNav{ width: 60%;}
.pageCrumbs .pageNav li{ margin:0 1% 0 0; padding: 3px 0 ;}
.pageCrumbs .pageNav li a{display: block; padding: 0 10px; line-height: 34px;font-size: 16px; border-radius: 5px; overflow: hidden; color: #fff;}
.pageCrumbs .pageNav li.on a,.pageCrumbs .pageNav li:hover a{ background-color: #fff; color: #4f007d;}

/* pageTitle */
.pageTitle{ width: 100%; position: relative; text-align: center;}
.pageTitle .tit{ font-size: 36px; color: #333; font-weight: bold;}
.pageTitle .txt{font-size: 18px; color: #333; margin-top: 15px;}
.pageTitle .slogan{ font-size: 18px; color: #4f007d; margin-top: 15px;}
.pageTitle.l{text-align: left;}
.pageTitle.w .tit,.pageTitle.w .txt,.pageTitle.w .slogan{ color: #fff;}

/* pageAbout */
.pageAbout{ width: 100%; padding: 4% 0; position: relative; background-color: #fff;}
.pageAbout .text{ width: 100%; margin-top: 3%; position: relative; font-size: 16px; color: #333; line-height: 38px;}
.pageAbout .text p{ padding: 10px 0;}
.pageAbout .text img{ max-width: 100%; height: auto !important;}
.pageAbout .text video{ max-width: 100%; height: auto !important; margin: auto; display: block;}
.pageAbout .info{ width: 100%; height: 360px; position: relative; margin-top: 5%; background: url(../images/aboutData.jpg) center no-repeat; border-radius: 20px; background-size:  cover !important;}
.pageAbout .info ul{ position: absolute; top: 50%; left: 8%; transform: translateY(-50%); width: 52%;}
.pageAbout .info ul li{ text-align: left;  color: #fff;}
.pageAbout .info ul li .d{ font-size: 18px; vertical-align: bottom;}
.pageAbout .info ul li .d span{ font-size: 56px; display: inline-block; margin-right: 10px;}
.pageAbout .info ul li .t{ font-size: 16px; margin-top: 10px;}


/* pageCulture */
.pageCulture{ width: 100%; padding: 4% 0; position: relative; overflow: hidden; background-color: #f5f6f7;}
.pageCulture ul{ width: 100%; margin-top: 4%; position: relative;}
.pageCulture ul li{ width: 23.5%; margin: 0 2% 0 0; text-align: center; position: relative; background-color: #fff; padding: 5% 3%; border-radius: 20px; overflow: hidden; transition: all 0.8s ease; cursor: pointer; box-shadow: 0 0 25px rgba(0,0,0,0.05) ;-webkit-box-shadow: 0 0 25px rgba(0,0,0,0.05);-moz-box-shadow: 0 0 25px rgba(0,0,0,0.05);}
.pageCulture ul li:nth-child(4n){ margin-right: 0; }
.pageCulture ul li::after{ content: ''; position: absolute; width: 150%; height: 150%; top: 50%; left: 50%; z-index: 0; transform:translate(-50%,-50%) rotate(90deg) scaleY(0); opacity: 0; background-color: #4f007d; transition: all 1.2s ease;}
.pageCulture ul li::before{ content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; background: url(../images/logo_icon_b.png) right -115px top no-repeat; background-size: 230px auto !important; opacity: 0.03;}
.pageCulture ul li .con{ width: 100%; position: relative; z-index: 2;}
.pageCulture ul li .icon{ width: 100px; height: 100px; text-align: center; background-size: 50% !important; margin: auto;  border-radius: 50%; background-color: rgb(79, 0, 125, 0.1); background-position: center center; background-repeat: no-repeat; transition: all 0.8s ease;}
.pageCulture ul li .tit{ font-size: 20px; color: #333; font-weight: bold; margin-top: 40px; transition: all 0.8s ease;}
.pageCulture ul li .txt{ font-size: 16px; color: #666; margin-top: 20px; line-height: 34px; transition: all 0.8s ease;}
.pageCulture ul li .txt span{ display: none;}
.pageCulture ul li .txt p{ display: block;}
/* .pageCulture ul li:nth-child(2n):after{transform:translate(-50%,-50%) rotate(-90deg) scaleY(0);} */
.pageCulture ul li:hover::after{  transform:translate(-50%,-50%) rotate(0) scaleY(1); opacity: 1;}
.pageCulture ul li:hover::before{ background: url(../images/logo_icon_w.png) right -115px top no-repeat; opacity: 0.1;}
.pageCulture ul li:hover .icon{ background-color: #fff; }
.pageCulture ul li:hover .tit{ color: #fff;}
.pageCulture ul li:hover .txt{ color: #fff;}


/* pagePlatform */
.pagePlatform{ width: 100%; padding: 4% 0; position: relative; overflow: hidden; background-color: #f5f6f7;}
.pagePlatform ul{ width: 100%; margin-top: 4%; position: relative;}
.pagePlatform ul li{  position: relative; background-color: #fff;  border-radius: 20px; overflow: hidden; transition: all 0.8s ease; cursor: pointer; border: solid 1px #eee; box-shadow: 0 0 25px rgba(0,0,0,0.05) ;-webkit-box-shadow: 0 0 25px rgba(0,0,0,0.05);-moz-box-shadow: 0 0 25px rgba(0,0,0,0.05);}
.pagePlatform ul li .img{ width: 100%; overflow: hidden; position: relative;}
.pagePlatform ul li .img img{ width: 100%; display: block; transition: all 0.8s ease;}
.pagePlatform ul li .con{ padding: 5% 5%;}
.pagePlatform ul li .con .tit{ font-size: 24px; color: #333;  transition: all 0.8s ease;}
.pagePlatform ul li .con .txt{ font-size: 16px; line-height: 32px; color: #666; margin-top: 15px;  transition: all 0.8s ease;}
.pagePlatform ul li .con .moreIcon{ margin-top: 15px;}
.pagePlatform ul li:nth-child(2n){ margin-right: 0;}
.pagePlatform ul li:hover { border-color: #4f007d; background-color: #4f007d;}
.pagePlatform ul li:hover .img img{ transform: scale(1.1);}
.pagePlatform ul li:hover .tit{ color: #fff;}
.pagePlatform ul li:hover .txt{ color: #fff;}
.pagePlatform ul li:hover .moreIcon{ background-color: #fff; color: #4f007d;}
.pagePlatform ul li:hover .moreIcon:hover{ color: #fff; background-color: #FA9E0D;}


/* pagePlatformD */
.pagePlatformD{ width: 100%; position: relative; overflow: hidden;}
.pagePlatformD .textBox{ width: 100%; padding: 4% 0; background-size: cover !important;}
.pagePlatformD .textBox .imgBox{ width: 48.125%; margin-left: -5%; position: relative; z-index: 1;}
.pagePlatformD .textBox .imgBox img{ width: 100%; display: inline-block;}
.pagePlatformD .textBox .imgBox .img{ width: 100%; position: relative; z-index: 1; opacity: 0;}
.pagePlatformD .textBox .imgBox .img1{ position: absolute; width: 31.133%; left: 0; top: 36.59%; z-index: 2; }
.pagePlatformD .textBox .imgBox .img1 img{-webkit-animation: puldx 3s infinite 0s forwards; animation: puldx 3s infinite 0s forwards;}
.pagePlatformD .textBox .imgBox .img2{ position: absolute; width: 39.598%; left: 23.538%; top: 0; z-index: 2;}
.pagePlatformD .textBox .imgBox .img2 img{-webkit-animation: puldx 4s infinite 0.1s forwards; animation: puldx 4s infinite 0.1s forwards;}
.pagePlatformD .textBox .imgBox .img3{ position: absolute; width: 24.247%; left: 30.846%; bottom: 0; z-index: 2;}
.pagePlatformD .textBox .imgBox .img3 img{-webkit-animation: puldx 3.5s infinite 0.2s forwards; animation: puldx 3.5s infinite 0.2s forwards;}
.pagePlatformD .textBox .imgBox .img4{ position: absolute; width: 56.658%; right: 0; top: 10.345%; z-index: 3;}
.pagePlatformD .textBox .imgBox .img4 img{-webkit-animation: puldx 4.5s infinite 0.3s forwards; animation: puldx 4.5s infinite 0.3s forwards;}
.pagePlatformD .textBox .con{ width: 51.875%; padding-left: 0;}
.pagePlatformD .textBox .con .txt{ font-size: 16px; color: #333; margin-top: 3%; line-height: 36px;}
.pagePlatformD .textBox .con .txt p{ padding: 7px 0;}
.pagePlatformD .textBox .con .txt img{ display: none;}

.pagePlatformD .processBox{ width: 100%; padding: 4% 0; position: relative; overflow: hidden; background-color: #fff;}
.pagePlatformD .processBox .text{ width: 100%; font-size: 16px; line-height: 34px; margin-top: 4%;}
.pagePlatformD .processBox .text img{ max-width: 100%; height: auto !important;}
.pagePlatformD .processBox .text video{ max-width: 100%; height: auto !important; margin: auto; display: block;}


/* pageCase */
.pageCase{ width: 100%; padding: 4% 0; position: relative; overflow: hidden; background-color: #f5f6f7;}
.pageCase .caseRecom{ width: 100%; margin-top: 4%; position: relative;}
.pageCase .caseRecom .caseBox{ width: 66%; position: relative; margin:0 2% 0 0; border-radius: 20px; overflow: hidden; box-shadow: 0 0 25px rgba(0,0,0,0.05) ;-webkit-box-shadow: 0 0 25px rgba(0,0,0,0.05);-moz-box-shadow: 0 0 25px rgba(0,0,0,0.05);}
.pageCase .caseRecom .caseBox .swiper-slide{ width: 100%; position: relative; overflow: hidden; border-radius: 20px; background-color: #fff;}
.pageCase .caseRecom .caseBox .swiper-slide a{display: block; width: 100%; height: 100%; padding: 20px; position: relative; overflow: hidden;  z-index: 2; transition: all 0.8s ease;}
.pageCase .caseRecom .caseBox .swiper-slide .img{ width: 55%; position: relative; border-radius: 20px; overflow: hidden;}
.pageCase .caseRecom .caseBox .swiper-slide .img img{ width: 100%; display: block; transition: all 0.8s ease;}
.pageCase .caseRecom .caseBox .swiper-slide .info { width: 45%; padding: 20px 0 0 40px;}
.pageCase .caseRecom .caseBox .swiper-slide .info .caseLogo{ width: 55%; border-radius: 10px; overflow: hidden; position: relative; border: solid 1px #ddd;}
.pageCase .caseRecom .caseBox .swiper-slide .info .caseLogo img{ width: 100%; display: block;}
.pageCase .caseRecom .caseBox .swiper-slide .info .tit{ font-size: 20px; color: #333; font-weight: bold; margin-top: 30px;}
.pageCase .caseRecom .caseBox .swiper-slide .info .txt{ width: 100%; margin-top: 20px;}
.pageCase .caseRecom .caseBox .swiper-slide .info .txt .txt_t{ font-size: 16px; color: #4f007d; font-weight: bold;}
.pageCase .caseRecom .caseBox .swiper-slide .info .txt .txt_d{ font-size: 16px; color: #666; margin-top: 10px; line-height: 30px;}
.pageCase .caseRecom .caseBox .swiper-slide .info .txt .indexMore{ margin-top: 40px;}
.pageCase .caseRecom .caseBox .swiper-slide:hover .con{ background-color: rgb(79, 0, 125, 0.05);}
.pageCase .caseRecom .caseBox .swiper-slide:hover .img img{ transform: scale(1.1);} 
.pageCase .caseRecom .caseBox .swiper-slide:hover .tit{ color: #4f007d;}

.pageCase .caseRecom .caseBox .swiper-pagination{  width: 70px ; left: 96%; text-align: right; bottom: 16% ;  margin-left: -70px;}
.pageCase .caseRecom .caseBox .swiper-pagination .swiper-pagination-bullet{ width: 12px; height: 12px; margin: 2px 5px; opacity: 1; background-color: #e5e5e5;}
.pageCase .caseRecom .caseBox .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color: #4f007d;}

.pageCase .caseRecom .caseItem{ width: 32%; background-color: #fff; border-radius: 20px;  overflow: hidden; position: relative; box-shadow: 0 0 25px rgba(0,0,0,0.05) ;-webkit-box-shadow: 0 0 25px rgba(0,0,0,0.05);-moz-box-shadow: 0 0 25px rgba(0,0,0,0.05);}
.pageCase .caseRecom .caseItem a{ position: relative; display: block; z-index: 2; padding:40px 50px; width: 100%; height: 100%; transition: all 0.8s ease;}
.pageCase .caseRecom .caseItem .caseLogo{ width: 55%; border-radius: 10px; overflow: hidden; position: relative; border: solid 1px #ddd;}
.pageCase .caseRecom .caseItem .caseLogo img{ width: 100%; display: block;}
.pageCase .caseRecom .caseItem .tit{ font-size: 20px; color: #333; font-weight: bold; margin-top: 30px; transition: all 0.8s ease;}
.pageCase .caseRecom .caseItem .txt{ width: 100%; margin-top: 20px;}
.pageCase .caseRecom .caseItem .txt .txt_t{ font-size: 16px; color: #4f007d; font-weight: bold;}
.pageCase .caseRecom .caseItem .txt .txt_d{ font-size: 16px; color: #666; margin-top: 10px; line-height: 30px;}
.pageCase .caseRecom .caseItem .txt .indexMore{ margin-top: 40px;}
.pageCase .caseRecom .caseItem:hover a{ background-color: rgb(79, 0, 125, 0.03);  }
.pageCase .caseRecom .caseItem:hover .tit{ color: #4f007d;}

.pageCase .caseList { width: 100%; margin-top: 2%;} 
.pageCase .caseList li{ border-radius: 20px; background-color: #fff; position: relative; overflow: hidden; box-shadow: 0 0 25px rgba(0,0,0,0.05) ;-webkit-box-shadow: 0 0 25px rgba(0,0,0,0.05);-moz-box-shadow: 0 0 25px rgba(0,0,0,0.05);}

.pageCase .caseList li a{ position: relative; display: block; z-index: 2; padding:40px 50px; width: 100%; height: 100%; transition: all 0.8s ease;}
.pageCase .caseList li .caseLogo{ width: 55%; border-radius: 10px; overflow: hidden; position: relative; border: solid 1px #ddd;}
.pageCase .caseList li .caseLogo img{ width: 100%; display: block;}
.pageCase .caseList li .tit{ font-size: 20px; color: #333; font-weight: bold; margin-top: 30px; transition: all 0.8s ease;}
.pageCase .caseList li .txt{ width: 100%; margin-top: 20px;}
.pageCase .caseList li .txt .txt_t{ font-size: 16px; color: #4f007d; font-weight: bold;}
.pageCase .caseList li .txt .txt_d{ font-size: 16px; color: #666; margin-top: 10px; line-height: 30px;}
.pageCase .caseList li .txt .indexMore{ margin-top: 40px;}
.pageCase .caseList li:hover a{ background-color: rgb(79, 0, 125, 0.03);  }
.pageCase .caseList li:hover .tit{ color: #4f007d;}

/* pageMain */
.pageMain{ width: 100%; position: relative; padding: 2% 0 4%; background-color: #f5f6f7;}
.pageMain .top{ width: 100%; padding: 2% 0; border-bottom: solid 1px#ddd;}
.pageMain .top .tit { position: relative; width: calc(100% - 200px);  font-size: 30px; color: #333; font-weight: bold; line-height: 40px; vertical-align: top;}
.pageMain .top .tit p{display: inline-block; }
.pageMain .top .tit span{ display: inline-block; margin-left: 10px; font-size: 16px;}
.pageMain .top .tit .copyPro{ display: inline-block;  font-size: 14px;  padding: 0 20px; margin-left: 10px; border-radius: 10px; background-color: rgb(79, 0, 125, 0.08); color: #4f007d; cursor: pointer; transition: all 0.8s ease;}
.pageMain .top .tit .copyPro:hover{ background-color: #4f007d; color: #fff;}
.pageMain .top .indexMore.backList { width: 130px;}
.pageMain .top .indexMore.backList .moreIcon{ transform: rotate(180deg);}
.pageMain .top .indexMore.backList p{  margin:0 0 0 10px;}
.pageMain .top.nol{ border-bottom: 0;}
.pageMain .detBox{ width: 100%; margin-top: 2%; position: relative;}
.pageMain .detBox .leftBox{ width: 71%; position: relative; }
.pageMain .detBox .rightBox{ width: 26%; position: -webkit-sticky;  position: sticky; top: 180px;}

.pageMain .otherCase{ width: 100%; position: relative; background-color: #fff; overflow: hidden; border-radius: 20px; box-shadow: 0 0 25px rgba(0,0,0,0.05) ;-webkit-box-shadow: 0 0 25px rgba(0,0,0,0.05);-moz-box-shadow: 0 0 25px rgba(0,0,0,0.05);}
.pageMain .otherCase .tit{ width: 100%; padding: 5% 8%; background-color: rgb(79, 0, 125, 0.1); font-size: 18px; color: #4f007d; font-weight: bold;}
.pageMain .otherCase ul{ width: 100%; padding: 3% 8%;}
.pageMain .otherCase ul li{display: block; margin: 3% 0;  width: 100%; position: relative; overflow: hidden; border-radius: 10px; border: solid 1px #eee;}
.pageMain .otherCase ul li img{ width: 100%; display: block;}

.pageMain .proInfo{ width: 100%; margin-bottom: 5%; border-radius: 10px; background-color: #fff; overflow: hidden; padding: 3% 5%;}
.pageMain .proInfo ul.list{ width: 100%; margin-bottom: 3%; padding-bottom: 3%; border-bottom: solid 1px #eee; }
.pageMain .proInfo ul.list li{ width:50%; padding: 3% 0;}
.pageMain .proInfo ul.list li .t{ font-size: 16px; color: #333; font-weight: bold;}
.pageMain .proInfo ul.list li .d{ font-size: 16px; color: #666; margin-top: 5px; line-height: 26px;}

.pageMain .proInfo .priceSpec{ width: 100%; margin-top: 15px; position: relative;}
.pageMain .proInfo .priceSpec .item{ width: 100%; display: block; margin: 15px 0; line-height: 30px; position: relative; padding-left: 50px;}
.pageMain .proInfo .priceSpec .item .t{ position: absolute; left: 0; top: 0; font-size: 16px; color: #333; font-weight: bold;}
.pageMain .proInfo .priceSpec .item .d{ font-size: 16px; color: #666;}


.pageMain .proDownload{ width: 100%; margin-bottom: 5%;}
.pageMain .proDownload li{ width: 48.5%;  margin-right: 3%; border-radius: 10px; overflow: hidden;}
.pageMain .proDownload li a{ padding: 8% 8%; width: 100%; color: #4f007d;  background-color: #fff; border: solid 1px #eee; border-radius: 10px; transition: all 0.8s ease;}
.pageMain .proDownload li a p{ font-size: 18px; width: calc(100% - 30px); text-transform: capitalize; overflow: hidden;}
.pageMain .proDownload li a span{display: inline-block; width: 20px; text-align: center; font-size: 20px;}
.pageMain .proDownload li:hover a{ background-color: #4f007d; color: #fff; border-color: #4f007d;}
.pageMain .proDownload li:nth-child(2n){ margin-right: 0;}
.pageMain .proDownload li:nth-child(2n) a{color: #FA9E0D;}
.pageMain .proDownload li:nth-child(2n):hover a{ background-color: #FA9E0D; color: #fff; border-color: #FA9E0D;}

.pageMain .otherPro{ width: 100%; position: relative; margin-bottom: 5%; background-color: #fff; overflow: hidden; border-radius: 20px; box-shadow: 0 0 25px rgba(0,0,0,0.05) ;-webkit-box-shadow: 0 0 25px rgba(0,0,0,0.05);-moz-box-shadow: 0 0 25px rgba(0,0,0,0.05);}
.pageMain .otherPro .tit{ width: 100%; padding: 5% 8%; background-color: rgb(79, 0, 125, 0.1); font-size: 18px; color: #4f007d; font-weight: bold; text-transform: uppercase;}
.pageMain .otherPro ul{ width: 100%; padding: 3% 8%;}
.pageMain .otherPro ul li{display: block; width: 100%; margin: 3% 0; position: relative; overflow: hidden; }
.pageMain .otherPro ul li a{ width: 100%;}

.pageMain .otherPro ul li .proImg{ width: 100px; height: 100px; overflow: hidden;  position: relative; border-radius: 20px; border: solid 1px #eee;}
.pageMain .otherPro ul li .proImg .swiper-slide{ position: relative; width: 100px; height: 100px; padding: 5px; border-radius: 20px;}
.pageMain .otherPro ul li .proImg .swiper-slide img{ position: absolute; top: 50%; left: 50%; max-width: 100%; max-height: 100%; width: auto;  height: auto; transform: translate(-50%,-50%); transition: all 0.8s ease;}

.pageMain .otherPro ul li .proImg .swiper-pagination{   bottom: 5px !important;}
.pageMain .otherPro ul li .proImg .swiper-pagination .swiper-pagination-bullet{ width: 6px; height: 6px; margin: 1px 2px; opacity: 1; background-color: #4f007d; opacity: 0.3;}
.pageMain .otherPro ul li .proImg .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ opacity: 1;}

.pageMain .otherPro ul li .t{ width: calc(100% - 100px); font-size: 18px; padding-left: 4%; color: #333; line-height: 26px; transition: all 0.8s ease;}
.pageMain .otherPro ul li:hover .img{ border-color: #4f007d;}
.pageMain .otherPro ul li:hover .img img{ transform:translate(-50%,-50%) scale(1.1);}
.pageMain .otherPro ul li:hover .t{ color: #4f007d;}

.pageMain .noteBox{ width: 100%; position: relative; background-color: #fff; overflow: hidden; border-radius: 20px; box-shadow: 0 0 25px rgba(0,0,0,0.05) ;-webkit-box-shadow: 0 0 25px rgba(0,0,0,0.05);-moz-box-shadow: 0 0 25px rgba(0,0,0,0.05);}
.pageMain .noteBox .tit{ width: 100%; padding: 5% 8%; background-color: rgb(79, 0, 125, 0.1); font-size: 18px; color: #4f007d; font-weight: bold; text-transform: uppercase;}
.pageMain .noteBox .txt{ width: 100%; padding: 5% 8%; font-size: 16px; line-height: 26px; color: #333; overflow: hidden;}
.pageMain .noteBox .txt p{ width: 100%; margin: 3% 0;}
.pageMain .noteBox .txt img{ display: none;}

.pageMain .otherServ{ width: 100%; position: relative; margin-bottom: 5%; background-color: #fff; overflow: hidden; border-radius: 20px; box-shadow: 0 0 25px rgba(0,0,0,0.05) ;-webkit-box-shadow: 0 0 25px rgba(0,0,0,0.05);-moz-box-shadow: 0 0 25px rgba(0,0,0,0.05);}
.pageMain .otherServ .tit{ width: 100%; padding: 5% 8%; background-color: rgb(79, 0, 125, 0.1); font-size: 18px; color: #4f007d; font-weight: bold; text-transform: uppercase;}
.pageMain .otherServ ul{ width: 100%; padding: 3% 8%;}
.pageMain .otherServ ul li{display: block; margin: 3% 0; position: relative; overflow: hidden; }
.pageMain .otherServ ul li a{ width: 100%;}
.pageMain .otherServ ul li .img{ width: 120px; padding: 0; border-radius: 10px; overflow: hidden;  transition: all 0.8s ease; position: relative; }
.pageMain .otherServ ul li .img img{ width: 100%; display: block; transition: all 0.8s ease;}
.pageMain .otherServ ul li .t{ width: calc(100% - 120px); font-size: 18px; padding-left: 4%; color: #333; line-height: 26px; transition: all 0.8s ease;}
.pageMain .otherServ ul li:hover .img{ border-color: #4f007d;}
.pageMain .otherServ ul li:hover .img img{ transform: scale(1.1);}
.pageMain .otherServ ul li:hover .t{ color: #4f007d;}

.pageMain .otherVideo{ width: 100%; position: relative; margin-bottom: 5%; background-color: #fff; overflow: hidden; border-radius: 20px; box-shadow: 0 0 25px rgba(0,0,0,0.05) ;-webkit-box-shadow: 0 0 25px rgba(0,0,0,0.05);-moz-box-shadow: 0 0 25px rgba(0,0,0,0.05);}
.pageMain .otherVideo .tit{ width: 100%; padding: 5% 8%; background-color: rgb(79, 0, 125, 0.1); font-size: 18px; color: #4f007d; font-weight: bold; text-transform: uppercase;}
.pageMain .otherVideo ul{ width: 100%; padding: 3% 8%;}
.pageMain .otherVideo ul li{display: block; width: 100%; margin: 3% 0; position: relative; overflow: hidden; }
.pageMain .otherVideo ul li a{ width: 100%;}
.pageMain .otherVideo ul li .img{ width: 120px; padding: 0; border-radius: 10px; overflow: hidden;  transition: all 0.8s ease; position: relative; background-color: #000;}
.pageMain .otherVideo ul li .img img{ width: 100%; display: block; opacity: 0.6; transition: all 0.8s ease; position: relative; z-index: 1;}
.pageMain .otherVideo ul li .img .iconfont{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 2; color: #fff; font-size: 30px; transition: all 0.8s ease;}
.pageMain .otherVideo ul li .t{ width: calc(100% - 120px); font-size: 18px; padding-left: 4%; color: #333; line-height: 26px; transition: all 0.8s ease;}
.pageMain .otherVideo ul li:hover .img{ border-color: #4f007d;}
.pageMain .otherVideo ul li:hover .img img{ transform: scale(1.1); opacity: 1;}
.pageMain .otherVideo ul li:hover .img .iconfont{ opacity: 0;}
.pageMain .otherVideo ul li:hover .t{ color: #4f007d;}



/* pageCaseD */
.pageCaseD .infoBox{ width: 100%; position: relative; overflow: hidden; padding: 0 4%; border-radius: 20px; background-color: #fff;  box-shadow: 0 0 25px rgba(0,0,0,0.05) ;-webkit-box-shadow: 0 0 25px rgba(0,0,0,0.05);-moz-box-shadow: 0 0 25px rgba(0,0,0,0.05);}
.pageCaseD .infoBox .info{ width: 100%; padding: 5% 0; display: flex;justify-content: left;align-items: center; position: relative; border-bottom: solid 1px #eee;}
.pageCaseD .infoBox .info .img{ width: 130px; height: 130px; position: relative; overflow: hidden; border-radius: 50%;}
.pageCaseD .infoBox .info .img img{ width: 100%; height: auto; min-height: 100%; display: block;}
.pageCaseD .infoBox .info .tit{ width: calc(100% - 130px); padding-left: 5%;}
.pageCaseD .infoBox .info .tit p{ font-size: 24px; color: #4f007d; line-height: 40px; font-weight: bold;}
.pageCaseD .infoBox .info .tit p.p2{ font-size: 20px; line-height: 36px; color: #333;}
.pageCaseD .infoBox .txt{ width: 100%; padding: 3%; position: relative; overflow: hidden;}
.pageCaseD .infoBox .txt p{ width: 100%; margin: 5px 0; padding-left: 15px; font-size: 16px; color: #333; line-height: 30px; position: relative;}
.pageCaseD .infoBox .txt p::after{ content: ''; position: absolute; left: 0; top: 12px; width: 6px; height: 6px; border-radius: 50%; background-color: #4f007d;}
.pageCaseD .infoBox .txt img{ max-width: 100%; height: auto !important;}
.pageCaseD .infoBox .txt video{ max-width: 100%; height: auto !important; margin: auto; display: block;}

.pageCaseD .textBox{ width: 100%; margin-top: 4%; position: relative; overflow: hidden; border-radius: 20px; background-color: #fff;  box-shadow: 0 0 25px rgba(0,0,0,0.05) ;-webkit-box-shadow: 0 0 25px rgba(0,0,0,0.05);-moz-box-shadow: 0 0 25px rgba(0,0,0,0.05);}
.pageCaseD .textBox .tit{ width: 100%; padding: 2.5% 3%; background-color: rgb(79, 0, 125, 0.1); font-size: 22px; color: #4f007d; font-weight: bold; border-bottom: solid 2px #4f007d;}
.pageCaseD .textBox .txt{ width: 100%;  padding: 4%; overflow: hidden;}
.pageCaseD .textBox .txt .txt_t{ font-size: 30px; color: #333; font-weight: bold;}
.pageCaseD .textBox .txt .txt_d{font-size: 16px; line-height: 36px ; color: #333; overflow: hidden; margin-top: 20px; width: 100%;}
.pageCaseD .textBox .txt .txt_d img{ max-width: 100%; height: auto !important;}
.pageCaseD .textBox .txt .txt_d video{ max-width: 100%; height: auto !important; margin: auto; display: block;}



/* pageJob */
.pageJob{ width: 100%; padding: 3% 0; position: relative; overflow: hidden; background-color: #f5f6f7;}
.pageJob .recruitList{ width: 100%; margin-top: 4%;}
.pageJob .recruitList li{ position: relative;  background-color: #fff; border-radius: 20px; overflow: hidden;  box-shadow: 0 0 25px rgba(0,0,0,0.05) ;-webkit-box-shadow: 0 0 25px rgba(0,0,0,0.05);-moz-box-shadow: 0 0 25px rgba(0,0,0,0.05);}
.pageJob .recruitList li .tit{ width: 100%; position: relative; border-top: solid 6px #4f007d; border-bottom: solid 1px #eee; padding: 3%; transition: all 0.8s ease;}
.pageJob .recruitList li .tit p{ font-size: 20px; color: #333; line-height: 32px; font-weight: bold; width: calc(100% - 60px);}
.pageJob .recruitList li .txt{ padding: 3%; width: 100%; font-size: 16px; color: #666; line-height: 36px;}
.pageJob .recruitList li .txt img{ display: none;}
.pageJob .recruitList li:hover .tit{ border-top-color: #FA9E0D; }
.pageJob .recruitList li:hover .tit p{ color: #FA9E0D;}
.pageJob .recruitList li:hover .tit span{ background-color: #FA9E0D;}

/* popupJob */
.popupJob{ position: fixed; display: none; z-index: 9999; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100vw; height: 100vh;  overflow: hidden;}
.popupJob .bg{ width: 100%; position: relative; height: 100%; background-color: rgba(0,0,0,0.7);}
.popupJob .box{ position: absolute; top: 50%; left: 50%; width: 960px;  background-color: #fff; transform: translate(-50%,-50%); border-radius: 20px; overflow: hidden;}
.popupJob .box .top{ width: 100%; padding: 3% 4%; position: relative; border-bottom: solid 1px #eee;}
.popupJob .box .top .tit{ width: calc(100% - 300px); font-size: 20px; color: #333; font-weight: bold; line-height: 32px;}
.popupJob .box .top .email{ line-height: 32px;}
.popupJob .box .top .email span{ display: inline-block; width: 32px; height: 32px; border-radius: 50%; text-align: center; line-height: 32px; font-size: 20px; background-color: #FA9E0D; color: #fff; margin-right: 10px;}
.popupJob .box .top .email p{ font-size: 16px; color: #333;}
.popupJob .box .text{max-height: 60vh; width: 100%; position: relative; overflow-y: auto; padding: 2% 4%;}
.popupJob .box .text .t1{ width: 100px; margin: 15px 0; line-height: 36px; border-radius: 18px 18px 18px 0; background-color: #4f007d; color: #fff; text-align: center; font-size: 16px;}
.popupJob .box .text .t1.h{ background-color: #FA9E0D;}
.popupJob .box .text .t2{ width: 100%; font-size: 16px; line-height: 34px; margin: 15px 0;}
.popupJob .box .text .t2 img{ max-width: 100%; height: auto !important;}
.popupJob .box .text .t2 video{ max-width: 100%; height: auto !important; margin: auto ;display: block;}


/* pageContact */
.pageContact{ width: 100%; position: relative; overflow: hidden; padding: 4% 0;}
.pageContact .box{ position: relative; width: 100%; padding:5% 4%; border-radius: 20px; overflow: hidden; margin-top: 4%;}
.pageContact .box .info{ position: relative; z-index: 2; border-radius: 20px; width: 45%; background-color: rgb(79, 0, 125,0.95); padding: 3%; color: #fff;}
.pageContact .box .info .tit{ font-size: 30px; font-weight: bold;}
.pageContact .box .info .txt{ font-size: 16px; margin-top: 10px; color: rgba(255,255,255,0.7); line-height: 30px;}
.pageContact .box .info ul{ width: 100%; margin-top: 0;}
.pageContact .box .info ul li{ position: relative; width: 100%; margin-top: 30px; padding-left: 60px;}
.pageContact .box .info ul li .iconfont{ position: absolute; left: 0; top: 2px; width: 44px; height: 44px; text-align: center; line-height: 44px; border-radius: 50%; background-color: #FA9E0D; font-size: 30px;}
.pageContact .box .info ul li .t1{ font-size: 16px; line-height: 20px; color: rgba(255,255,255,0.7);}
.pageContact .box .info ul li .t2{ font-size: 16px; margin-top: 4px; line-height: 24px; font-weight: bold;}

.pageContact .box #allmap{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0;}



/* pageProduct */
.pageProduct{ width: 100%; padding: 4% 0; position: relative; background-color: #f5f6f7;}
.pageProduct .textBox{ width: 100%; border-radius: 20px; padding: 3%; margin-bottom: 3%; position: relative; overflow: hidden; background-color: #fff; box-shadow: 0 0 25px rgba(0,0,0,0.05) ;-webkit-box-shadow: 0 0 25px rgba(0,0,0,0.05);-moz-box-shadow: 0 0 25px rgba(0,0,0,0.05);}
.pageProduct .textBox .img{ width: 30%; border-radius: 20px; overflow: hidden;}
.pageProduct .textBox .img img{ width: 100%; display: block;}
.pageProduct .textBox .textMenu{ width: 70%; padding-left:3%;} 
.pageProduct .textBox .textMenu .itemNav{ width: 100%; position: relative; overflow: hidden;}
.pageProduct .textBox .textMenu .itemNav::after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background-color: #eee;}
.pageProduct .textBox .textMenu .itemNav .a{ font-size: 30px; margin-right: 4%; z-index: 2; position: relative; cursor: pointer;}
.pageProduct .textBox .textMenu .itemNav .a:last-child{ margin-right: 0;}
.pageProduct .textBox .textMenu .itemNav .a a{ position: relative; display: inline-block; padding-bottom: 10px; font-size: 30px; color: #333; font-weight: bold; line-height: 40px;  border-bottom: solid 2px rgb(79, 0, 125, 0);}
.pageProduct .textBox .textMenu .itemNav .a.active a{ color: #4f007d; border-color: #4f007d;}

.pageProduct .textBox .textMenu .itemBox{ width: 100%; position: relative; margin-top: 3%;  overflow: hidden;}
.pageProduct .textBox .textMenu .itemBox .item{ font-size: 16px; display: none; color: #666; width: 100%; line-height: 34px;}
.pageProduct .textBox .textMenu .itemBox .item img{ display: none;}
.pageProduct .textBox .textMenu .itemBox .item.active{ display: block;}


.pageProduct .listBox { width: 100%; position: relative;}
.pageProduct .listBox .proFilter{ width: 23%; background-color: #fff; border-radius: 20px; overflow: hidden; box-shadow: 0 0 25px rgba(0,0,0,0.05) ;-webkit-box-shadow: 0 0 25px rgba(0,0,0,0.05);-moz-box-shadow: 0 0 25px rgba(0,0,0,0.05);}
.pageProduct .listBox .proFilter .optedIn{ width: 100%; padding:20px 30px; background-color: rgb(79, 0, 125, 0.08);}
.pageProduct .listBox .proFilter .optedIn .tit{ width: 100%; position: relative; line-height: 30px;}
.pageProduct .listBox .proFilter .optedIn .tit p{ font-size: 18px; font-weight: bold;}
.pageProduct .listBox .proFilter .optedIn .tit a{ font-size: 24px; width: 18px; text-align: center; color: #666;}
.pageProduct .listBox .proFilter .optedIn .tit a:hover{ color: #4f007d;}
.pageProduct .listBox .proFilter .optedIn .con{ width: 100%; margin-top: 20px; }
.pageProduct .listBox .proFilter .optedIn .con p{ position: relative; margin-top: 15px; font-size: 16px; width: 100%; line-height: 30px; padding-right: 20px;}
.pageProduct .listBox .proFilter .optedIn .con p a{ display: inline-block; width: 18px; text-align: center; position: absolute; right: 0; top: 0; line-height: 30px; font-size: 20px; color: #333;}
.pageProduct .listBox .proFilter .optedIn .con p a:hover{ color: #4f007d;}

.pageProduct .listBox .proFilter .proItem{ width: 100%; padding:0 30px;}
.pageProduct .listBox .proFilter .proItem .item{ width: 100%; position: relative; border-bottom: solid 1px #eee;}
.pageProduct .listBox .proFilter .proItem .item:last-child{ border-bottom: 0;}
.pageProduct .listBox .proFilter .proItem .item .t1{ width: 100%; cursor: pointer; line-height: 30px; position: relative; padding: 20px 25px 20px 0;}
.pageProduct .listBox .proFilter .proItem .item .t1 p{ font-size: 18px; color: #333; font-weight: bold;}
.pageProduct .listBox .proFilter .proItem .item .t1 a{display:block; font-size: 18px; color: #333; font-weight: bold;}
.pageProduct .listBox .proFilter .proItem .item .t1 span{ position: absolute; right: 0; top: 50%; height: 18px; width: 18px;  margin-top: -9px;}
.pageProduct .listBox .proFilter .proItem .item .t1 span::after,.pageProduct .listBox .proFilter .proItem .item .t1 span::before{ content: ''; position: absolute; background-color: #333; transition: all 0.8s ease;}
.pageProduct .listBox .proFilter .proItem .item .t1 span::after{ left: 0; top: 8px; width: 100%; height: 2px; }
.pageProduct .listBox .proFilter .proItem .item .t1 span::before{  left: 8px; top: 0; width: 2px; height: 100%; }
.pageProduct .listBox .proFilter .proItem .item .t1:hover p{color: #4f007d;}
.pageProduct .listBox .proFilter .proItem .item .t1.on p{ color: #4f007d;}
.pageProduct .listBox .proFilter .proItem .item .t1.on span::after{background-color: #4f007d;}
.pageProduct .listBox .proFilter .proItem .item .t1.on span::before{ transform: rotate(90deg); background-color: #4f007d;}
.pageProduct .listBox .proFilter .proItem .item ul{ width: 100%; display: none; }
.pageProduct .listBox .proFilter .proItem .item ul li{ width: 100%; padding: 8px 0; font-size: 16px; color: #666; line-height: 28px; position: relative;}
.pageProduct .listBox .proFilter .proItem .item ul li a{ display: block; font-size: 16px; color: #666; line-height: 28px;}
.pageProduct .listBox .proFilter .proItem .item ul li.on a,.pageProduct .listBox .proFilter .proItem .item ul li:hover a{ color: #4f007d; font-weight: bold;}
.pageProduct .listBox .proFilter .proItem .item ul.on{ display: block;}

.pageProduct .listBox .proFilter .searchBox{ width: 100%;}
.pageProduct .listBox .proFilter .searchBox .form{ width: 100%;  padding: 30px;}
.pageProduct .listBox .proFilter .searchBox .form .info{ width: 100%; position: relative; margin-bottom: 20px;}
.pageProduct .listBox .proFilter .searchBox .form .selectPro{display: none;}
.pageProduct .listBox .proFilter .searchBox .form .inputPro{ width: 100%;  position: relative; z-index: 1;}
.pageProduct .listBox .proFilter .searchBox .form .inputPro input{ width: 100%; padding: 15px 60px 15px 20px; background-color: rgb(79, 0, 125, 0.08); font-size: 14px; color: #333; line-height: 20px; border: 0; border-radius: 30px;}
.pageProduct .listBox .proFilter .searchBox .form .btnPro{ position: absolute; width: 40px; height: calc(100% - 10px); border: 0; border-radius: 30px; right: 5px; top: 5px; z-index: 2; background-color: #4f007d; color: #fff; cursor: pointer; transition: all 0.8s ease;}
.pageProduct .listBox .proFilter .searchBox .form .btnPro span{ font-size: 24px;}
.pageProduct .listBox .proFilter .searchBox .form .btnPro:hover{ background-color: #FA9E0D;}
.pageProduct .listBox .proFilter .searchBox .form .input_on{ display: none;}
.pageProduct .listBox .proFilter .searchBox .form .selectList{ border-radius: 0 0 0 0; margin-top: 10px; width: 100%; position: relative; z-index: 1; overflow: hidden;}
.pageProduct .listBox .proFilter .searchBox .form .selectList li{ width: 100%; padding: 0 10px 0 25px; margin-top: 10px; cursor: pointer; position: relative;}
.pageProduct .listBox .proFilter .searchBox .form .selectList li i{display: inline-block; font-size: 12px; position: absolute; left: 0; top: 50%; margin-top: -7px; width: 14px; height: 14px; border: solid 1px #2A0341; text-align: center; line-height: 12px; color: #4f007d;}
.pageProduct .listBox .proFilter .searchBox .form .selectList li span{ display: inline-block; width: 100%; font-size: 16px; color: #333;}
.pageProduct .listBox .proFilter .searchBox .form .selectList li.on i::before{ content: "\e60b";}
.pageProduct .listBox .proFilter .searchBox .form .selectList li.on span{ color: #4f007d;}
.pageProduct .listBox .proFilter .searchBox .stxt{ width: 100%; padding:20px 30px; font-size: 14px; color: #333; background-color: rgb(79, 0, 125, 0.08);}
.pageProduct .listBox .proFilter .searchBox .stxt span{ font-size: 18px; font-weight: bold; color: #4f007d;}
.pageProduct .listBox .proFilter .searchBox .stit{ font-size: 16px; color: #333;  font-weight: bold;}
.pageProduct .listBox .proFilter .searchBox .param{ width: 100%; padding: 30px;}
.pageProduct .listBox .proFilter .searchBox .param .zd{ width: 100%; margin-top: 15px;}
.pageProduct .listBox .proFilter .searchBox .param .zd li {  margin: 5px 10px 5px 0;}
.pageProduct .listBox .proFilter .searchBox .param .zd li a{border: solid 1px #4f007d;line-height: 30px; border-radius: 20px; display: block; width: 100%; padding: 0 15px;  height: 100%; font-size: 16px; color: #4f007d;}
.pageProduct .listBox .proFilter .searchBox .param .zd li.on a{ background-color: #4f007d; color: #fff;}

.pageProduct .listBox .list{ width: 75%; }
.pageProduct .listBox .searchRestult .stxt{ width: 100%; padding:20px 30px; font-size: 14px; color: #333; border-radius: 20px 20px 0 0; background-color: rgb(79, 0, 125, 0.08);}
.pageProduct .listBox .searchRestult .stxt span{ font-size: 18px; font-weight: bold; color: #4f007d;}
.pageProduct .listBox .searchRestult .stit{ font-size: 16px; color: #333;  font-weight: bold;}
.pageProduct .listBox .searchRestult .param{ width: 100%; padding: 30px; background-color: #fff; margin-bottom: 20px; border-radius: 0 0 20px 20px; }
.pageProduct .listBox .searchRestult .param .zd{ width: 100%; margin-top: 15px;}
.pageProduct .listBox .searchRestult .param .zd li {  margin: 5px 10px 5px 0;}
.pageProduct .listBox .searchRestult .param .zd li a{border: solid 1px #4f007d;line-height: 30px; border-radius: 20px; display: block; width: 100%; padding: 0 15px;  height: 100%; font-size: 16px; color: #4f007d;}
.pageProduct .listBox .searchRestult .param .zd li.on a{ background-color: #4f007d; color: #fff;}
.pageProduct .listBox .productList li{ width: 100%; position: relative; margin-bottom: 3%; border-radius: 20px; overflow: hidden; background-color: #fff; box-shadow: 0 0 25px rgba(0,0,0,0.05) ;-webkit-box-shadow: 0 0 25px rgba(0,0,0,0.05);-moz-box-shadow: 0 0 25px rgba(0,0,0,0.05);}
.pageProduct .listBox .productList li::after{ content: ''; position: absolute; left: 0; top: 0; width: 6px; height: 100%; background-color: #4f007d; transform: scaleY(0); transition: all 0.8s ease;}
.pageProduct .listBox .productList li a{ padding: 20px; position: relative; z-index: 2;}
.pageProduct .listBox .productList li .proImg{ width: 150px; height: 150px; overflow: hidden;  position: relative; border-radius: 20px; border: solid 1px #eee;}
.pageProduct .listBox .productList li .proImg .swiper-slide{ position: relative; width: 150px; height: 150px; padding: 5px; border-radius: 20px;}
.pageProduct .listBox .productList li .proImg .swiper-slide img{ position: absolute; top: 50%; left: 50%; max-width: 100%; max-height: 100%; width: auto;  height: auto; transform: translate(-50%,-50%); transition: all 0.8s ease;}

.pageProduct .listBox .productList li .proImg .swiper-pagination{   bottom: 10px !important;}
.pageProduct .listBox .productList li .proImg .swiper-pagination .swiper-pagination-bullet{ width: 8px; height: 8px; margin: 1px 3px; opacity: 1; background-color: #4f007d; opacity: 0.3;}
.pageProduct .listBox .productList li .proImg .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ opacity: 1;}


.pageProduct .listBox .productList li .con{ width: calc(100% -  150px); padding: 20px 100px 0 30px; position: relative;}
.pageProduct .listBox .productList li .con .tit{ font-size: 20px; color: #333; font-weight: bold; line-height: 32px; transition: all 0.8s ease;}
.pageProduct .listBox .productList li .con .moreIcon{ position: absolute; right: -160px; top: 20px; transition: all 0.8s ease;}
.pageProduct .listBox .productList li .con .info{ width: 100%; margin-top: 15px; }
.pageProduct .listBox .productList li .con .info .li{ min-width: 110px;}
.pageProduct .listBox .productList li .con .info .li .t{ font-size: 16px; color: #333; font-weight: bold;}
.pageProduct .listBox .productList li .con .info .li .d{ font-size: 16px; color: #666; margin-top: 5px; line-height: 26px;}
.pageProduct .listBox .productList li:hover::after{ transform: scaleY(1);}
.pageProduct .listBox .productList li:hover .con .tit{ color: #4f007d;}
.pageProduct .listBox .productList li:hover .con .moreIcon{ right: 0;}
.pageProduct .listBox .productList li:hover img{ transform:translate(-50%,-50%) scale(1.1);}



/* pageProductD */
.pageProductD{ width: 100%; position: relative; }
.pageProductD .infoBox{ width: 100%; position: relative; overflow: hidden;}
.pageProductD .infoBox .imgBox{ width: 100%; position: relative; padding: 4%; background-color: #fff; overflow: hidden; border-radius: 20px;}
.pageProductD .infoBox .imgBox .bigImg{  width: 100%; position: relative; overflow: hidden; z-index: 1;}
.pageProductD .infoBox .imgBox .bigImg .swiper-slide{ width: 100%; position: relative; z-index: 1;}
.pageProductD .infoBox .imgBox .bigImg .swiper-slide .img { width: 100%; height: 420px; position: relative;}
.pageProductD .infoBox .imgBox .bigImg .swiper-slide .img img{ position: absolute; top: 50%; left: 50%; max-width: 100%; max-height: 100%; width: auto;  height: auto; transform: translate(-50%,-50%);}
.pageProductD .infoBox .imgBox .bigImg .swiper-slide .txt{ width: 86%; margin:4% auto 0; font-size: 16px; color: #333; line-height: 36px;}
.pageProductD .infoBox .imgBox .bigImg .swiper-button-prev,.pageProductD .infoBox .imgBox .bigImg .swiper-button-next{ top: 210px; margin-top: -20px;color: #999; line-height: 40px;}
.pageProductD .infoBox .imgBox .bigImg .swiper-button-prev::after,.pageProductD .infoBox .imgBox .bigImg .swiper-button-next::after{ font-size: 40px; }
.pageProductD .infoBox .imgBox .bigImg .swiper-button-prev{ left: 3%; }
.pageProductD .infoBox .imgBox .bigImg .swiper-button-next{ right: 3%; }
.pageProductD .infoBox .imgBox .bigImg .swiper-button-prev:hover,.pageProductD .infoBox .imgBox .bigImg .swiper-button-next:hover{ color: #4f007d; }
.pageProductD .infoBox .imgBox .bigImg .openBox{ position: absolute; right: 15%; top: 420px; margin-top: -50px; font-size: 40px; line-height: 40px; color: #4f007d; z-index: 3; cursor: pointer;}
.pageProductD .infoBox .imgBox .bigImg .openBox:hover{ color: #FA9E0D;}

.pageProductD .infoBox .proInfo{ margin-top: 4%;}

.pageProductD .textBox{ width: 100%; margin-top: 4%; position: relative;  border-radius: 20px; background-color: #fff;  box-shadow: 0 0 25px rgba(0,0,0,0.05) ;-webkit-box-shadow: 0 0 25px rgba(0,0,0,0.05);-moz-box-shadow: 0 0 25px rgba(0,0,0,0.05);}
.pageProductD .textBox .tit{ width: 100%; padding: 2.5% 3%; border-radius: 20px 20px 0 0; background-color: #fff;  border-bottom: solid 2px #4f007d; position: -webkit-sticky;  position: sticky; top: 170px; z-index: 20; overflow: hidden;}
.pageProductD .textBox .tit::after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgb(79, 0, 125, 0.1);  z-index: -1;}
.pageProductD .textBox .tit p{ margin-left: 4%; line-height: 30px; position: relative; z-index: 2;}
.pageProductD .textBox .tit p a{font-size: 22px; color: #4f007d;  display: inline-block;}
.pageProductD .textBox .tit p:first-child{ margin-left: 0;}
.pageProductD .textBox .tit p.current a{ font-weight: bold; color: #4f007d;}

.pageProductD .textBox .txt{ width: 100%;  padding:0 4% 4%; position: relative; overflow: hidden;}
.pageProductD .textBox .txt .txt_t{ font-size: 30px; color: #333; padding: 4% 0 2%; font-weight: bold;}
.pageProductD .textBox .txt .txt_d{font-size: 16px; line-height: 36px ; color: #333; overflow: hidden; ; width: 100%;}
.pageProductD .textBox .txt .txt_d img{ max-width: 100%; height: auto !important;}
.pageProductD .textBox .txt .txt_d video{ max-width: 100%; height: auto !important; margin: auto; display: block;}
.pageProductD .textBox .txt .txt_d table{ width: 100% !important; border: 0; position: relative; border-radius: 20px; overflow: hidden;}
.pageProductD .textBox .txt .txt_d table::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 20px; border: solid 1px #ddd; z-index: -1;}
.pageProductD .textBox .txt .txt_d table tbody{ width: 100%; border: 0;  position: relative; z-index: 2; overflow: hidden;}
.pageProductD .textBox .txt .txt_d table tr{ width: 100%;border: solid 1px #eee;}
.pageProductD .textBox .txt .txt_d table tr:first-child{ border-radius: 20px 20px  0 0;}
.pageProductD .textBox .txt .txt_d table tr:nth-child(2n){ background-color: rgb(79, 0, 125, 0.03);}
.pageProductD .textBox .txt .txt_d table tr td{ color: #333;padding: 10px; border: 0;}
.pageProductD .textBox .txt .txt_d table tr td a{ color: #4f007d; text-decoration: underline;}

.pageProductD .textBox .txt .txt_img{font-size: 16px; line-height: 36px ; color: #333;  width: 100%;}
.pageProductD .textBox .txt .txt_img ul{ width: 100%; width: 100%; border-radius: 20px; padding:1.5% 3%; border: solid 1px #eee;}
.pageProductD .textBox .txt .txt_img ul li{ width: 100%; padding: 3% 0;}
.pageProductD .textBox .txt .txt_img ul li .img{ width: 40%; height: 100%; position: relative; border-radius: 20px; background-color: rgb(79, 0, 125, 0.03); border: solid 1px #eee; overflow: hidden; min-height:220px;}
.pageProductD .textBox .txt .txt_img ul li .img img{ position: absolute; top: 50%; left: 50%; max-width: 100%; max-height: 100%; width: auto;  height: auto; transform: translate(-50%,-50%);}
.pageProductD .textBox .txt .txt_img ul li .d{ width: 60%;  font-size: 16px; color: #333;}
.pageProductD .textBox .txt .txt_img ul li:nth-child(2n-1) .img{ float: left;}
.pageProductD .textBox .txt .txt_img ul li:nth-child(2n-1) .d{float: right; padding:20px 0 20px 4%;}
.pageProductD .textBox .txt .txt_img ul li:nth-child(2n) .img{ float: right;}
.pageProductD .textBox .txt .txt_img ul li:nth-child(2n) .d{float: left; padding:20px 4% 20px 0;}

.pageProductD .textBox .txt .txt_ul{ width: 100%; position: relative;}
.pageProductD .textBox .txt .txt_ul .ulFilter{ width: 100%;}
.pageProductD .textBox .txt .txt_ul .ulFilter span{ display: inline-block; font-size: 20px; margin: 2px 1%; color: #333; line-height: 32px;}
.pageProductD .textBox .txt .txt_ul .ulFilter a{ display: inline-block; margin: 2px 1%; line-height: 30px; border-radius: 10px; background-color: rgb(79, 0, 125, 0); padding: 0 15px; font-size: 18px; color: #4f007d; border: solid 1px #4f007d; transition: all 0.8s ease;}
.pageProductD .textBox .txt .txt_ul .ulFilter a.on{ background-color: #4f007d; color: #fff;}
.pageProductD .textBox .txt .txt_ul ul{ width: 100%;  position: relative;}
.pageProductD .textBox .txt .txt_ul ul li{ width: 100%; margin: 1.5% 0; padding: 3%; border: solid 1px #eee; border-radius: 20px; background-color: rgb(79, 0, 125, 0.02);}
.pageProductD .textBox .txt .txt_ul ul li .d1{ width: 100%;}
.pageProductD .textBox .txt .txt_ul ul li .d1 p{ font-size: 18px; color: #4f007d; line-height: 30px;}
.pageProductD .textBox .txt .txt_ul ul li .d1 span{ font-size: 16px; color: rgb(79, 0, 125, 0.85); display: block; line-height: 26px; margin-top: 5px; font-style: italic;}
.pageProductD .textBox .txt .txt_ul ul li .d1 a:hover{ text-decoration: underline;}
.pageProductD .textBox .txt .txt_ul ul li .d2{ width: 100%; margin-top: 6%;}
.pageProductD .textBox .txt .txt_ul ul li .d2 p{ width: 100%; margin: 1% 0;}
.pageProductD .textBox .txt .txt_ul ul li .d2 span{ display: inline-block; font-size: 15px; color: #333;}
.pageProductD .textBox .txt .txt_ul ul li .d2 i{ font-size: 15px; display: inline-block; color: #999; margin: 0 15px;}

/* popupProduct */
.popupProduct{ position: fixed; top: 0; left: 0;width: 100%; height: 100%; z-index: 99999; overflow: hidden; background-color: rgba(0,0,0,0.7); display: none;}
.popupProduct .bigBox{background-color: #fff; position: relative; margin: 30px ; border-radius: 20px; overflow: hidden; width:calc(100% - 60px); height: calc(100% - 60px); padding: 4%; display: block;}
.popupProduct .bigBox .box{ width: 100%; height: 100%; position: relative; z-index: 1; display: block;}
.popupProduct .popupImg{ width: 100%; position: relative; height: 100%; z-index: 1; display: block;}
.popupProduct .popupImg .swiper-slide{position: relative;  height: 100%; width: 100%; }
.popupProduct .popupImg .swiper-slide .info{ width: 100%; height: 100%; position: relative; display: block; opacity: 0 ;}
.popupProduct .popupImg .swiper-slide .info .img{ width: 46%; position: relative; height: calc(100% - 150px);}
.popupProduct .popupImg .swiper-slide .info .img img{ position: absolute; top: 0; left: 50%; max-width: 100%; max-height: 100%; width: auto;  height: auto; transform: translateX(-50%);}
.popupProduct .popupImg .swiper-slide .info .txt{ width: 50%; height: 100%; overflow-y: auto; font-size: 18px; color: #333; line-height: 42px; padding-right: 10px;}
.popupProduct .popupImg .swiper-slide .info .txt img{ display: none;}
.popupProduct .popupImg .swiper-slide.swiper-slide-active .info{ display: block; opacity: 1;}


.popupProduct .popupThumb{ position: absolute; left: 0; bottom: 0; width: 46%;  padding: 0 30px; height: 100px; z-index: 2; display: block;}
.popupProduct .popupThumb .swiper-container{ width: 100%; position: relative; overflow: hidden;}
.popupProduct .popupThumb .swiper-slide{position: relative; height: 100px; border: solid 2px rgb(79, 0, 125, 0);}
.popupProduct .popupThumb .swiper-slide a{ width: 100%; height: 100%; background-color: #f5f6f7; display: block; position: relative;}
.popupProduct .popupThumb .swiper-slide img{ position: absolute; top: 50%; left: 50%; max-width: 100%; max-height: 100%; width: auto;  height: auto; transform: translate(-50%,-50%);}
.popupProduct .popupThumb .swiper-slide.swiper-slide-thumb-active{ border-color: #4f007d;}
.popupProduct .popupThumb .swiper-button-prev,.popupProduct .popupThumb .swiper-button-next{ color: #333;}
.popupProduct .popupThumb .swiper-button-prev{ left: 0;}
.popupProduct .popupThumb .swiper-button-next{ right: 0;}
.popupProduct .popupThumb .swiper-button-prev::after,.popupProduct .popupThumb .swiper-button-next::after{ font-size: 30px;}
.popupProduct .popupThumb .swiper-button-prev:hover,.popupProduct .popupThumb .swiper-button-next:hover{ color: #4f007d;}

.popupProduct .closeProduct{ position: absolute; right: 20px; top: 20px; font-size: 40px; color: #4f007d; cursor: pointer; transition: all 0.8s ease; z-index: 3;}
.popupProduct .closeProduct:hover{ color: #FA9E0D;}


/* pageService */
.pageService{ width: 100%; padding: 3% 0; position: relative; overflow: hidden; background-color: #f5f6f7;}
.pageService .serviceList { width: 100%; margin-top: 3%;}
.pageService .serviceList li{ position: relative; overflow: hidden; border-radius: 20px;background-color: #fff; border: solid 1px #eee; box-shadow: 0 0 25px rgba(0,0,0,0.05) ;-webkit-box-shadow: 0 0 25px rgba(0,0,0,0.05);-moz-box-shadow: 0 0 25px rgba(0,0,0,0.05);}
.pageService .serviceList li::after{ content: ''; position: absolute; bottom: 0; left: 0 ; width: 100%; height: 6px; background-color: #4f007d; transition: all 0.8s ease; transform: scaleX(0);}
.pageService .serviceList li .img{ width: 100%; position: relative; overflow: hidden; z-index: 2;}
.pageService .serviceList li .img img{ width: 100%;  position: relative; transition: all 0.8s ease;}
.pageService .serviceList li .con{ width: 100%; background-color: #fff;  padding: 8%; transition: all 0.8s ease; position: relative; z-index: 2;}
.pageService .serviceList li .con .tit{ font-size: 24px; color: #333; transition: all 0.8s ease;}
.pageService .serviceList li .con .txt{ font-size: 16px; line-height: 30px; color: #666; margin-top: 4%; transition: all 0.8s ease;}
.pageService .serviceList li .con .moreIcon{ margin-top: 4%; transition: all 0.8s ease;}
.pageService .serviceList li .con .moreIcon:hover{ background-color: #FA9E0D; color: #fff;}
.pageService .serviceList li:hover::after{ transform: scaleX(1);}
.pageService .serviceList li:hover .img img{ transform: scale(1.1);}
.pageService .serviceList li:hover .con{ transform: translateY(-40px);}
.pageService .serviceList li:hover .con .tit{ color: #4f007d;}


/* pageServiceD */
.pageServiceD{ width: 100%; position: relative; }
.pageServiceD .infoBox{ width: 100%; padding: 4%; background-color: #fff; overflow: hidden; border-radius: 20px;}
.pageServiceD .infoBox .img{ width: 45%; border-radius: 20px; overflow: hidden;}
.pageServiceD .infoBox .img img{ width: 100%; display: block;}
.pageServiceD .infoBox .info{ width: 50%; padding: 10px 0 0 0;}
.pageServiceD .infoBox .info .txt{ font-size: 16px; color: #333; line-height: 32px;}
.pageServiceD .infoBox .info .txt img{display: none;}
.pageServiceD .infoBox .info .ul{ width: 100%; margin-top: 3%;}
.pageServiceD .infoBox .info .ul li{ cursor: pointer; padding: 0 25px; background-color: rgb(79, 0, 125, 0.08); color: #4f007d; font-size: 16px; line-height: 36px; margin: 5px 20px 5px 0; border-radius: 18px;}

.pageServiceD .textBox{ width: 100%; margin-top: 4%; position: relative; border-radius: 20px; background-color: #fff;  box-shadow: 0 0 25px rgba(0,0,0,0.05) ;-webkit-box-shadow: 0 0 25px rgba(0,0,0,0.05);-moz-box-shadow: 0 0 25px rgba(0,0,0,0.05);}
.pageServiceD .textBox .tit{ width: 100%; padding: 2.5% 3%; border-radius: 20px 20px 0 0; background-color: #fff;  border-bottom: solid 2px #4f007d; position: -webkit-sticky;  position: sticky; top: 170px; z-index: 20; overflow: hidden;}
.pageServiceD .textBox .tit::after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgb(79, 0, 125, 0.1);  z-index: -1;}
.pageServiceD .textBox .tit p{ margin-left: 4%; position: relative; z-index: 1;}
.pageServiceD .textBox .tit p a{font-size: 22px; color: #4f007d;  display: inline-block;}
.pageServiceD .textBox .tit p:first-child{ margin-left: 0;}
.pageServiceD .textBox .tit p.current a{ font-weight: bold; color: #4f007d;}

.pageServiceD .textBox .txt{ width: 100%;  padding: 4%; overflow: hidden; position: relative;}
.pageServiceD .textBox .txt .txt_t{ font-size: 30px; color: #333; font-weight: bold;}
.pageServiceD .textBox .txt .txt_d{font-size: 16px; line-height: 36px ; color: #333; overflow: hidden; margin: 20px 0 40px; padding: 3%; width: 100%; border: solid 1px #eee; border-radius: 20px; overflow: hidden; }
.pageServiceD .textBox .txt .txt_d img{ max-width: 100%; height: auto !important;}
.pageServiceD .textBox .txt .txt_d video{ max-width: 100%; height: auto !important; margin: auto; display: block;}

/* .pageServiceD .textBox .txt .txt_d table{ width: 100%;  overflow-x: auto; position: relative; margin-top: 3%; border-color: #fff; line-height: 32px;}
.pageServiceD .textBox .txt .txt_d table tbody{ border: 0; width: 100%; border-top: solid 4px #4f007d; }
.pageServiceD .textBox .txt .txt_d table tr{ width: 100%;  border-color: #fff; background-color: rgb(79, 0, 125, 0.05); }
.pageServiceD .textBox .txt .txt_d table tr:first-child{ background-color: rgb(79, 0, 125, 0.3); font-weight: bold;}
.pageServiceD .textBox .txt .txt_d table td{ border-color: #fff; min-width: 120px; font-size: 16px; padding: 10px;}
.pageServiceD .textBox .txt .txt_d table:last-child tr:first-child{ background-color: rgb(79, 0, 125, 0.05) ; font-weight: normal;} */

.pageServiceD .textBox .txt .txt_ul{ width: 100%; margin-top: 20px;}
.pageServiceD .textBox .txt .txt_ul ul{ width: 100%;}
.pageServiceD .textBox .txt .txt_ul ul li{ position: relative; border-radius: 20px; overflow: hidden; border: solid 1px rgb(79, 0, 125, 0.08);}
.pageServiceD .textBox .txt .txt_ul ul li .t{ width: 100%; background-color: rgb(79, 0, 125, 0.08); position: relative; padding: 5% 6%;}
.pageServiceD .textBox .txt .txt_ul ul li .t p{ font-size: 20px; padding-right: 50px; color: #333; font-weight: bold;}
.pageServiceD .textBox .txt .txt_ul ul li .t span{ position: absolute; right: 6%; font-size: 24px; color: #4f007d; font-weight: bold; line-height: 30px; top: 50%; margin-top: -15px;}
.pageServiceD .textBox .txt .txt_ul ul li .d{ padding:5% 6%; font-size: 16px; width: 100%; color: #333; line-height: 36px;}

/* pageActivity */
.pageActivity{ width: 100%; padding: 3% 0; position: relative; overflow: hidden; background-color: #f5f6f7;}
.pageActivity .activityList{ width: 100%; margin-top: 3%;}
.pageActivity .activityList li{ position: relative; overflow: hidden; border-radius: 20px;background-color: #fff; border: solid 1px #eee; box-shadow: 0 0 25px rgba(0,0,0,0.05) ;-webkit-box-shadow: 0 0 25px rgba(0,0,0,0.05);-moz-box-shadow: 0 0 25px rgba(0,0,0,0.05);}
.pageActivity .activityList li::after{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 6px; background-color: #4f007d; transition: all 0.8s ease; transform: scaleX(0);}
.pageActivity .activityList li .img{ width: 100%; height: 420px; position: relative; overflow: hidden;}
.pageActivity .activityList li .img img{ width: 100%; height: 100%; display: block; transition: all 0.8s ease;}
.pageActivity .activityList li .con{ width: 100%; padding: 4% 5% ; background-color: #fff; transition: all 0.8s ease;}
.pageActivity .activityList li .con .time{ font-size: 16px; color: #666; transition: all 0.8s ease;}
.pageActivity .activityList li .con .tit{ font-size: 20px; color: #333; margin-top: 10px; transition: all 0.8s ease;}
.pageActivity .activityList li:hover::after{ transform: scaleX(1);}
.pageActivity .activityList li:hover img{ transform: scale(1.1);}
.pageActivity .activityList li:hover .con{ transform: translateY(-30px);}
.pageActivity .activityList li:hover .tit{ color: #4f007d;}
.pageActivity .activityList li:hover .time{ color: #333;}


/* pageVideo */
.pageVideo{ width: 100%; padding: 3% 0; position: relative; overflow: hidden; background-color: #f5f6f7;}
.pageVideo .videoList{ width: 100%; margin-top: 3%;}
.pageVideo .videoList li{ position: relative; overflow: hidden; border-radius: 20px;background-color: #fff; border: solid 1px #eee; box-shadow: 0 0 25px rgba(0,0,0,0.05) ;-webkit-box-shadow: 0 0 25px rgba(0,0,0,0.05);-moz-box-shadow: 0 0 25px rgba(0,0,0,0.05);}
.pageVideo .videoList li::after{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 6px; background-color: #4f007d; transition: all 0.8s ease; transform: scaleX(0);}
.pageVideo .videoList li .img{ width: 100%; height: 280px; background-color: #000; position: relative; overflow: hidden; transition: all 0.8s ease;}
.pageVideo .videoList li .img img{ width: 100%; height: 100%; display: block; opacity: 0.6; position: relative; z-index: 1; transition: all 0.8s ease;}
.pageVideo .videoList li .img .iconfont{ display: inline-block; text-align: center; font-size: 70px; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 2; transition: all 0.8s ease;}
.pageVideo .videoList li .tit{ width: 100%; padding: 4% 5% ; font-size: 20px; line-height: 36px; color: #333; background-color: #fff; transition: all 0.8s ease;}
.pageVideo .videoList li:hover::after{ transform: scaleX(1);}
.pageVideo .videoList li:hover .img{ background-color: #4f007d;}
.pageVideo .videoList li:hover .img img{ transform: scale(1.1); opacity: 1; }
.pageVideo .videoList li:hover .img .iconfont{ opacity: 0;}
.pageVideo .videoList li:hover .tit{ color: #4f007d;}

/* pageVideoD */
.pageVideoD{ width: 100%; border-radius: 20px; position: relative; overflow: hidden;}
.pageVideoD video{ width: 100%; display: block; height: 560px; background-color: #000;}


/* pageDetails */
.pageDetails{ width: 100%;position: relative; overflow: hidden; }
.pageDetails .info{ width: 100%; font-size: 16px; color: #666; padding-bottom: 3%; border-bottom: solid 1px #ddd;}
.pageDetails .info span{ display: inline-block; margin: 0 20px 0 0 ;}
.pageDetails .text{ width: 100%; margin-top: 4%; border-radius: 20px; overflow: hidden; background-color: #fff; padding: 4%;}
.pageDetails .text .txt{ font-size: 16px; color: #333; line-height: 36px;  overflow: hidden; width: 100%;}
.pageDetails .text .txt img{ max-width: 100%; height: auto !important;}
.pageDetails .text .txt video{ width: 100% !important; height: auto !important;}
.pageTurn{ width: 100%; padding-top: 3%; margin-top: 4%; border-top: solid 1px #eee;}
.pageTurn .prev,.pageTurn .next{ width: 48%; position: relative;}
.pageTurn .prev a,.pageTurn .next a{ display: flex; align-items: center; justify-content: left; width: 100%; height: 100%;  border-radius: 10px; background-color: rgb(79, 0, 125, 0.05); padding:5% 6%; font-size: 18px; color: #333; transition: all 0.8s ease; line-height: 30px;}
.pageTurn .prev{ margin-right: 4%;}
.pageTurn .prev a:hover,.pageTurn .next a:hover{ background-color: #4f007d; color: #fff;}

/* pageFaq */
.pageFaq{ width: 100%; padding: 3% 0; position: relative; overflow: hidden; background-color: #f5f6f7; }
.pageFaq .faqBox{ width: 100%; margin-top: 3%;  border-radius: 20px; background-color: #fff; overflow: hidden; border: solid 1px #eee; padding: 3%;}
.pageFaq .faqBox .faq_a{ width: 100%; position: relative; padding:30px 0 30px 45px; border-bottom: solid 1px #eee; overflow: hidden; cursor: pointer;}
.pageFaq .faqBox .faq_a .iconfont{ position: absolute; left: 0; top: 30px; line-height: 36px; width: 30px; text-align: center; font-size: 36px; color: #4f007d;}
.pageFaq .faqBox .faq_a .tit{ width: 100%; font-size: 20px; color: #333; font-weight: bold; line-height: 36px;}
.pageFaq .faqBox .faq_a.on .tit{ color: #4f007d; }
.pageFaq .faqBox .faq_a.on{ border-color: rgb(79, 0, 125, 0);}
.pageFaq .faqBox .faq_d{ width: 100%; display: none; position: relative; border-bottom: solid 1px #eee; padding:0 0 30px 45px; overflow: hidden;}
.pageFaq .faqBox .faq_d .iconfont{ position: absolute; left: 0; top: 0; line-height: 36px; width: 30px; text-align: center; font-size: 36px; color: #4f007d;}
.pageFaq .faqBox .faq_d .txt{ font-size: 16px; color: #666; line-height: 36px; width: 100%; overflow: hidden;}
.pageFaq .faqBox .faq_d .txt img{ max-width: 100%; height: auto !important;}
.pageFaq .faqBox .faq_d .txt video{ max-width: 100%; height: auto !important; margin: auto; display: block;}


/* pageForum */
.pageForum{ width: 100%; padding: 4% 0; position: relative; overflow: hidden; background-color: #f5f6f7;}
.pageForum .forumRecom{ width: 100%; margin-top: 3%; position: relative;}
.pageForum .forumRecom .forumBox{  position: relative;  border-radius: 20px; overflow: hidden; box-shadow: 0 0 25px rgba(0,0,0,0.05) ;-webkit-box-shadow: 0 0 25px rgba(0,0,0,0.05);-moz-box-shadow: 0 0 25px rgba(0,0,0,0.05);}
.pageForum .forumRecom .forumBox .swiper-slide{ width: 100%; border-radius: 20px; overflow: hidden; position: relative;}
.pageForum .forumRecom .forumBox .swiper-slide a{ position: relative; display: block; width: 100%; height: 100%;}
.pageForum .forumRecom .forumBox .swiper-slide .img{ position: relative; height: 100%; width: 100%; overflow: hidden; z-index: 1;}
.pageForum .forumRecom .forumBox .swiper-slide .img img{ width: 100%; height: 100%; display: block; position: relative; z-index: 1; transition: all 0.8s ease;}
.pageForum .forumRecom .forumBox .swiper-slide .img::after{ content: ''; position: absolute; left: 0; bottom: 0; z-index: 2; width: 100%; height: 40%; background-image: linear-gradient(rgba(79, 0, 125, 0), rgba(79, 0, 125, 0.8));}
.pageForum .forumRecom .forumBox .swiper-slide .info{ position: absolute; width: 100%; padding: 0 120px 30px 30px; left: 0; bottom: 0; z-index: 2; color: #fff;}
.pageForum .forumRecom .forumBox .swiper-slide .info .time{ font-size: 16px; }
.pageForum .forumRecom .forumBox .swiper-slide .info .tit{ width: 100%; margin-top: 10px; font-size: 24px;}
.pageForum .forumRecom .forumBox .swiper-slide:hover .img img{ transform: scale(1.1);}
.pageForum .forumRecom .forumBox .swiper-pagination{  width: 70px ; left: 96%; text-align: right; bottom: 8% ;  margin-left: -70px;}
.pageForum .forumRecom .forumBox .swiper-pagination .swiper-pagination-bullet{ width: 12px; height: 12px; margin: 2px 5px; opacity: 1; background-color: #e5e5e5;}
.pageForum .forumRecom .forumBox .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color: #FA9E0D;}

.pageForum .forumRecom .forumItem{  position: relative;}
.pageForum .forumRecom .forumItem .item{ width: 100%; background-color: #fff; border-radius: 20px;  overflow: hidden; position: relative; box-shadow: 0 0 25px rgba(0,0,0,0.05) ;-webkit-box-shadow: 0 0 25px rgba(0,0,0,0.05);-moz-box-shadow: 0 0 25px rgba(0,0,0,0.05); transition: all 0.8s ease;}
.pageForum .forumRecom .forumItem .item:first-child{ margin-bottom: 5%;}
.pageForum .forumRecom .forumItem .item a{ display: block; width: 100%; position: relative; z-index: 2; height: 100%;padding: 30px;}
.pageForum .forumRecom .forumItem .item .tit{ font-size: 20px; color: #333; transition: all 0.8s ease;}
.pageForum .forumRecom .forumItem .item .txt{ width: 100%; margin-top: 15px; font-size: 16px; color: #666; line-height: 36px;  transition: all 0.8s ease;}
.pageForum .forumRecom .forumItem .item .info{ width: 100%; padding-top: 20px; margin-top: 20px; line-height: 20px; border-top: solid 1px #eee;  transition: all 0.8s ease; color: #333;  transition: all 0.8s ease;}
.pageForum .forumRecom .forumItem .item .info .time{ font-size: 16px; }
.pageForum .forumRecom .forumItem .item .info .more{ font-size: 16px;  }
.pageForum .forumRecom .forumItem .item .info .more p{ margin-right: 10px; display: inline-block;}
.pageForum .forumRecom .forumItem .item .info .more span{ display: inline-block; font-size: 20px;}
.pageForum .forumRecom .forumItem .item:hover{ background-color: rgb(79, 0, 125, 0.03);}
.pageForum .forumRecom .forumItem .item:hover .tit{ color: #4f007d;}
.pageForum .forumRecom .forumItem .item:hover .txt{ color: #333;}
.pageForum .forumRecom .forumItem .item:hover .info{ color: #4f007d;}

.pageForum .expertList{ width: 100%; margin-top: 0;} 
.pageForum .expertList li{ border-radius: 20px; background-color: #fff; position: relative; overflow: hidden;}
.pageForum .expertList li a{ display: block; width: 100%; position: relative; z-index: 2; height: 100%;padding:100px 30px 80px 30px;}
.pageForum .expertList li .time{ position: absolute; top: 30px; left: 0; color: #333; padding:0 30px; width: 100%; color: #333; transition: all 0.8s ease;}
.pageForum .expertList li .time p{ font-size: 40px; }
.pageForum .expertList li .time span{ font-size: 16px; margin-top: 5px; display: inline-block;}
.pageForum .expertList li .tit{ font-size: 20px; min-height: 72px; color: #333; margin: 30px 0; line-height: 36px;}
.pageForum .expertList li .more{ position: absolute; bottom: 0; left: 30px; line-height: 20px; padding: 30px 0; width: calc(100% - 60px); font-size: 16px; color: #333; transition: all 0.8s ease; border-top: solid 1px #eee;}
.pageForum .expertList li .more p{ display: inline-block;}
.pageForum .expertList li .more span{ display: inline-block; font-size: 20px;}
.pageForum .expertList li:hover{ background-color: rgb(79, 0, 125, 0.03);}
.pageForum .expertList li:hover .time{ color: #4f007d;}
.pageForum .expertList li:hover .tit{ color: #4f007d; font-weight: bold;}
.pageForum .expertList li:hover .more{ border-color: #4f007d; color: #4f007d;}

/* pageAftersale */
.pageAftersale{ width: 100%; padding: 4% 0; position: relative; overflow: hidden; background-color: #f5f6f7;}
.pageAftersale .infoBox{ width: 100%; margin-top: 4%; position: relative; border-radius: 20px; overflow: hidden; background-color: #fff;}
.pageAftersale .infoBox .text{ width: 56% ; padding: 5% 4%;}
.pageAftersale .infoBox .text .t1{ font-size: 30px; color: #333; font-weight: bold;}
.pageAftersale .infoBox .text .t2{ font-size: 18px; color:#4f007d; margin-top: 10px;}
.pageAftersale .infoBox .text .txt{ font-size: 16px; color: #666; line-height: 36px; margin-top: 20px;}
.pageAftersale .infoBox ul{ width: 44%;  padding: 5% 4%; position: relative; background: url(../images/aftersaleImg.jpg) center no-repeat; background-size: cover !important;}
.pageAftersale .infoBox ul li{ width: 100%; display: inline-block; position: relative; padding-left: 60px; margin: 20px 0;}
.pageAftersale .infoBox ul li .iconfont{ position: absolute; left: 0; top: 4px; width: 44px; height: 44px; border-radius: 50%; text-align: center; line-height: 44px; font-size: 30px; background-color: #FA9E0D; color: #fff;}
.pageAftersale .infoBox ul li .t{ font-size: 16px; color: rgba(255,255,255,0.8);}
.pageAftersale .infoBox ul li .d{ font-size: 16px; margin-top: 5px; color: #fff; font-weight: bold;}

/* pageForm */
.pageForm{ width: 100%; padding: 4% 0; position: relative; overflow: hidden; background: url(../images/formBg.jpg) center no-repeat fixed; background-size: cover;}
.pageForm .formBox{ width: 100%; margin-top: 4%;}
.pageForm .formBox form{width: 100%;margin: 0 auto 0;}
.pageForm .formBox form label{display: block;position: relative;}
.pageForm .formBox form label span{font-size: 16px;line-height:20px;color: #666;position: absolute; top: 20px; left: 30px;display: inline-block;}
.pageForm .formBox form .row{ border-radius: 30px; position: relative; overflow: hidden;}
.pageForm .formBox form .w1{width: 100%;font-size: 16px;color: #333;line-height: 20px;padding:20px 30px; background-color: #fff; border: none;box-sizing: border-box;}
.pageForm .formBox form .w2{width: 100%;font-size: 16px;color: #333;line-height: 20px;height:220px;resize: none;padding:20px 30px;background-color: #f6f8fa;border: none;box-sizing: border-box;}
.pageForm .formBox form #code{ position: absolute; top: 0; right: 0; width: 200px; height: 100%; background-color: #4f007d;}
.pageForm .formBox form .con{ width: 100%; border-radius: 30px; padding: 20px; min-height: 220px; background-color: #fff;position: relative; overflow: hidden;}
.pageForm .formBox form .con .uploadBut{ width: 150px;  margin:15px auto 0; text-align: center; cursor: pointer;}
.pageForm .formBox form .con .uploadBut .icon { font-size: 80px; color: #4f007d;}
.pageForm .formBox form .con .uploadBut .ts{ width: 100%; line-height: 40px; border-radius: 20px; background-color: rgb(79, 0, 125, 0.08); color: #4f007d; text-align: center; font-size: 16px;  transition: all 0.8s ease; margin-top: 8px;}
.pageForm .formBox form .con .uploadBut:hover .ts{ background-color: #4f007d; color: #fff;}
.pageForm .formBox form .con ul{ width: 100%; position: relative;}
.pageForm .formBox form .con ul li{display: flex; width: 100%; line-height:28px; align-items: center;flex-wrap: nowrap;}
.pageForm .formBox form .con ul li span{ font-size: 30px; color: #4f007d; margin-right: 10px; display: inline-block;}
.pageForm .formBox form .con ul li p{ font-size: 16px; color: #333; text-decoration: underline; }
.pageForm .formBox form .con ul li i{ flex-shrink: 0; font-size: 24px; color: #333;  margin-left: 10px; cursor: pointer;}
.pageForm .formBox form .con ul li i:hover{ color: #FA9E0D;}
.pageForm .formBox form .btn{width: 240px; font-weight: bold; display:block;height: 64px;line-height:64px;cursor: pointer;background-color: #FA9E0D;border: none;color: #fff;font-size: 18px;text-align: center;border-radius: 32px;margin: 0 auto;transition: all 0.6s ease;}
.pageForm .formBox form .btn:hover{background-color: #4f007d;}

/* pageOperation */
.pageOperation{ width: 100%; padding: 4% 0; position: relative; overflow: hidden; background-color: #f5f6f7;}
.pageOperation .operationRecom{ width: 100%; margin-top: 4%; position: relative; overflow: hidden; width: 100%; background-color: #fff; border-radius: 20px;}
.pageOperation .operationRecom a{ width: 100%; position: relative; padding-left: 55%;}
.pageOperation .operationRecom .img{ width: 55%; position: absolute; left: 0; top: 0; height: 100%; overflow: hidden;}
.pageOperation .operationRecom .img img{ width: 100%; height: 100%; position: relative; transition: all 0.8s ease;}
.pageOperation .operationRecom .con{ width: 100%; padding:80px 50px;}
.pageOperation .operationRecom .con .time{ position: relative; color: #333; padding:0 ; width: 100%; color: #333; transition: all 0.8s ease;}
.pageOperation .operationRecom .con .time p{ font-size: 40px; }
.pageOperation .operationRecom .con .time span{ font-size: 16px; margin-top: 5px; display: inline-block;}
.pageOperation .operationRecom .con .tit{ font-size: 20px; color: #333; margin-top: 4%;  transition: all 0.8s ease;}
.pageOperation .operationRecom .con .txt{ font-size: 16px; color: #666; line-height: 36px; margin-top: 5%;  transition: all 0.8s ease;}
.pageOperation .operationRecom .con .more{  line-height: 20px; padding: 6% 0 0 0; margin-top: 6%; font-size: 16px; color: #333; transition: all 0.8s ease; border-top: solid 1px #eee; }
.pageOperation .operationRecom .con .more p{ display: inline-block;}
.pageOperation .operationRecom .con .more span{ display: inline-block; font-size: 20px;}
.pageOperation .operationRecom:hover .img img{ transform: scale(1.1);}
.pageOperation .operationRecom:hover .con .time{ color: #4f007d;}
.pageOperation .operationRecom:hover .con .tit{ color: #4f007d; font-weight: bold;}
.pageOperation .operationRecom:hover .con .txt{ color: #333;}
.pageOperation .operationRecom:hover .con .more{ color: #4f007d; border-color: #4f007d;}
.pageOperation .procedureList{ width: 100%; position: relative; margin-top: 2%;}
.pageOperation .procedureList li{ width: 100%; margin-top: 3%; position: relative; border-radius: 20px; background-color: #fff; overflow: hidden;}
.pageOperation .procedureList li::after{ content: ''; position: absolute; left: 0; top: 0; width: 8px; height: 100%; background-color: #4f007d; transition:all  0.8s ease; transform: scaleY(0);}
.pageOperation .procedureList li a{ width: 100%; display: block; padding: 30px; position: relative; z-index: 2;}
.pageOperation .procedureList li .time{ width: 150px; height: 150px; border-radius: 20px; text-align: center; color: #fff; transition: all 0.8s ease; background-color: #4f007d; position: relative;}
.pageOperation .procedureList li .time div{ position: absolute; width: 100%; top: 50% ; left: 50%; transform: translate(-50%,-50%);}
.pageOperation .procedureList li .time p{ font-size: 56px;}
.pageOperation .procedureList li .time span{ display: inline-block; font-size: 18px; margin-top: 5px;}
.pageOperation .procedureList li .con{ width: calc(100% - 150px); padding:20px 0 0 30px;}
.pageOperation .procedureList li .con .tit{ font-size: 20px; color: #333;}
.pageOperation .procedureList li .con .txt{ font-size: 16px; color: #666;  line-height: 34px; margin-top: 10px;}
.pageOperation .procedureList li .con .more{  line-height: 20px; margin-top: 20px; font-size: 16px; color: #333;  transition: all 0.8s ease;}
.pageOperation .procedureList li .con .more p{ display: inline-block; margin-right: 10px;}
.pageOperation .procedureList li .con .more span{ display: inline-block; font-size: 20px;}
.pageOperation .procedureList li:hover::after{ transform: scaleY(1);}
.pageOperation .procedureList li:hover .tit{ color: #4f007d;}
.pageOperation .procedureList li:hover .txt{ color: #333;}
.pageOperation .procedureList li:hover .more{ color: #4f007d;}


/* pageStandard */
.pageStandard{ width: 100%; padding: 4% 0; position: relative; overflow: hidden; background-color: #f5f6f7;}
.pageStandard .standardList { width: 100%; position: relative; margin-top: 2%;}
.pageStandard .standardList li{ position: relative; border-radius: 20px; background-color: #fff; overflow: hidden;}
.pageStandard .standardList li::after{ content: ''; position: absolute; left: 0; top: 0; width: 8px; height: 100%; background-color: #4f007d; transition:all  0.8s ease; transform: scaleY(0);}
.pageStandard .standardList li a{ width: 100%; display: block; padding: 30px; position: relative; z-index: 2;}
.pageStandard .standardList li .con{ width: 100%; }
.pageStandard .standardList li .con .tit{ font-size: 22px; color: #333;}
.pageStandard .standardList li .con .txt{ font-size: 16px; color: #666;  line-height: 36px; margin-top: 10px;}
.pageStandard .standardList li .con .more{  line-height: 20px; margin-top: 20px; font-size: 16px; color: #333;  transition: all 0.8s ease;}
.pageStandard .standardList li .con .more p{ display: inline-block; margin-right: 10px;}
.pageStandard .standardList li .con .more span{ display: inline-block; font-size: 20px;}
.pageStandard .standardList li:hover::after{ transform: scaleY(1);}
.pageStandard .standardList li:hover .tit{ color: #4f007d;}
.pageStandard .standardList li:hover .txt{ color: #333;}
.pageStandard .standardList li:hover .more{ color: #4f007d;}



/* pageNews */
.pageNews{ width: 100%; padding: 4% 0; position: relative; overflow: hidden; background-color: #f5f6f7;}
.pageNews .newsRecom{ width: 100%; margin-top: 4%; position: relative; overflow: hidden; width: 100%; background-color: #fff; border-radius: 20px;}
.pageNews .newsRecom a{ width: 100%; position: relative; padding-left: 55%;}
.pageNews .newsRecom .img{ width: 55%; position: absolute; left: 0; top: 0; height: 100%; overflow: hidden;}
.pageNews .newsRecom .img img{ width: 100%; height: 100%; position: relative; transition: all 0.8s ease;}
.pageNews .newsRecom .con{ width: 100%; padding:80px 50px;}
.pageNews .newsRecom .con .time{ position: relative; color: #333; padding:0 ; width: 100%; color: #333; transition: all 0.8s ease;}
.pageNews .newsRecom .con .time p{ font-size: 40px; }
.pageNews .newsRecom .con .time span{ font-size: 16px; margin-top: 5px; display: inline-block;}
.pageNews .newsRecom .con .tit{ font-size: 20px; color: #333; margin-top: 4%;  transition: all 0.8s ease;}
.pageNews .newsRecom .con .txt{ font-size: 16px; color: #666; line-height: 36px; margin-top: 5%;  transition: all 0.8s ease;}
.pageNews .newsRecom .con .more{  line-height: 20px; padding: 6% 0 0 0; margin-top: 6%; font-size: 16px; color: #333; transition: all 0.8s ease; border-top: solid 1px #eee; }
.pageNews .newsRecom .con .more p{ display: inline-block;}
.pageNews .newsRecom .con .more span{ display: inline-block; font-size: 20px;}
.pageNews .newsRecom:hover .img img{ transform: scale(1.1);}
.pageNews .newsRecom:hover .con .time{ color: #4f007d;}
.pageNews .newsRecom:hover .con .tit{ color: #4f007d; font-weight: bold;}
.pageNews .newsRecom:hover .con .txt{ color: #333;}
.pageNews .newsRecom:hover .con .more{ color: #4f007d; border-color: #4f007d;}


.pageNews .newsList{ width: 100%; position: relative; margin-top: 2%;}
.pageNews .newsList li{  position: relative; border-radius: 20px; background-color: #fff; overflow: hidden;}
.pageNews .newsList li a{display: block; padding: 30px; z-index: 2; position: relative; width: 100%;}
.pageNews .newsList li .img{ width: 100%; position: relative; overflow: hidden; border-radius: 20px; }
.pageNews .newsList li .img img{ width: 100%; display: block; transition: all 0.8s ease;}
.pageNews .newsList li .tit{ font-size: 20px; color: #333; line-height: 36px; height: 72px; margin-top: 4%; transition: all 0.8s ease;}
.pageNews .newsList li .info{ width: 100%; padding-top: 20px; margin-top: 20px; line-height: 20px; border-top: solid 1px #eee;  transition: all 0.8s ease; color: #333;  transition: all 0.8s ease;}
.pageNews .newsList li .info .time{ font-size: 16px; }
.pageNews .newsList li .info .more{ font-size: 16px;  }
.pageNews .newsList li .info .more p{ margin-right: 10px; display: inline-block;}
.pageNews .newsList li .info .more span{ display: inline-block; font-size: 20px;}
.pageNews .newsList li:hover .img img{ transform: scale(1.1);}
.pageNews .newsList li:hover .tit{ color: #4f007d;}
.pageNews .newsList li:hover .info{ color: #4f007d; border-color: #4f007d;}


/* 分页 */
.pagination { width: 100%; display: table; font-size: 0; text-align: center; margin: 40px 0 0; }
.pagination li { display: inline-block; vertical-align: top; margin: 0 3px; }
.pagination li.disabled span, .pagination li.disabled a:hover, .pagination li.disabled span:hover { background-color: #fff !important; color: #999 !important; border-color: #dfdfdf !important; cursor: not-allowed !important; }
.pagination li a, .pagination li span { font-size: 14px; color: #333; display: block; line-height: 32px; padding: 0 12.1px; border-radius: 3px; border: 1px solid rgba(0, 0, 0, 0.12); background-color: #fff; transition: all 0.6s ease; }
.pagination li a:hover, .pagination li span:hover, .pagination li a:focus, .pagination li span:focus { cursor: pointer; color: #fff; background-color: #4f007d; border-color: #4f007d; }
.pagination .active a, .pagination .active span, .pagination .active a:hover, .pagination .active span:hover, .pagination .active a:focus, .pagination .active span:focus { color: #fff; cursor: default; background-color: #4f007d; border-color: #4f007d; }

.pdf-box{ position:fixed; top:0; left:0; width:100%; height:100%; z-index:-1;}