@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;}
.H130{ width: 100%; position: relative; height: 130px; overflow: hidden;}
.H170{ width: 100%; position: relative; height: 170px; overflow: hidden;}
.H200{ width: 100%; position: relative; height: 200px; overflow: hidden;}
.H54{ width: 100%; position: relative; height: 54px; overflow: hidden;}

/* pc_header */
.pc_header{ width: 100%; position: fixed; top: 0; left: 0;   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% 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;  border-radius: 22px; transition: all 0.8s ease;}
.pc_header .headerNav .nLi.active h3 a{ color: #4f007d !important; font-weight: bold;}
.pc_header .headerNav .nLi.on h3 a,.pc_header .headerNav .nLi:hover h3 a { color: #4f007d !important; }
.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;}
.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;  }

.pc_header .headerTop{ width: 100%; background-color: #4f007d; padding: 10px 0; line-height: 20px; color: #fff; font-size: 14px;}
.pc_header .headerTop a{ font-size: 14px; color: #fff;}
.pc_header .headerTop a:hover{color: #FA9E0D;}
.pc_header .headerTop .iconfont{ font-size: 24px; margin-right: 5px;}
.pc_header .headerTop .head-user { margin-right: 20px; }
.pc_header .headerTop .head-user i{margin: 0 5px; font-style: normal;}

/* 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: relative; margin: 6px 0 6px 15px;  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: relative;  margin-left: 15px; line-height: 30px;  font-size: 26px; color: #333; cursor: pointer;}
.phone_header .iconBox{position: absolute; right: 3%; height: 30px; top: 50%; margin-top: -15px;}

.phone_header .head-user,.phone_header .shopping-cart{ position: relative; margin-left: 10px;  cursor: pointer;}
.phone_header .head-user a,.phone_header .shopping-cart a{line-height: 30px; }
.phone_header .head-user a span,.phone_header .shopping-cart a span{  font-size: 26px; color: #333;}
.phone_header .head-user a p,.phone_header .shopping-cart a p{ font-size: 14px;}

.phone_header .shopping-cart{ margin-left: 0; }

/*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: 0 0 6%; 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 .tag{ width:100%; margin-bottom: 0;}
.pageMain .tag img{ height:26px; display: inline-block; margin-right: 10px;}
.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; padding-right: 6px; }
.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: 4px; 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 .desc{ font-size: 18px; color: #666; margin-top: 1%;}
.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: 220px;}

.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; }
/* product size Start */
.pageMain .proInfo .selectSpec{ width: 100%; position: relative;}
.pageMain .proInfo .selectSpec .noteTit{ font-size: 18px; width: 100%; padding: 5% 5%; background-color: rgb(79, 0, 125, 0.1); font-weight: bold; color: #4f007d;}
.pageMain .proInfo .selectSpec .proSize{ width: 100%; padding:3% 5%;  }
.pageMain .proInfo .selectSpec .tit{ font-size: 16px; color: #333; font-weight: bold; line-height: 26px; margin-top: 5px;}
.pageMain .proInfo .selectSpec .t1{ font-size: 16px; color: #333; }
.pageMain .proInfo .selectSpec .spec{ width: 100%;}
.pageMain .proInfo .selectSpec .spec a{ display: inline-block; line-height: 30px; border-radius: 5px; border: solid 1px #ccc; padding: 0 12px; font-size: 14px; color: #666; margin: 3px 10px 3px 0;}
.pageMain .proInfo .selectSpec .spec a.on{ background-color: #4f007d; border-color: #4f007d; color: #fff;}
.pageMain .proInfo .selectSpec .price{ width: 100%; margin-top: 15px; line-height: 24px;}
.pageMain .proInfo .selectSpec .price .p{ font-size: 18px; color: #333; font-weight: bold;}
.pageMain .proInfo .selectSpec .quantity{ width: 100%; margin-top: 15px; line-height: 28px;}
.pageMain .proInfo .selectSpec .quantity .counting{}
.pageMain .proInfo .selectSpec .quantity .counting .iconfont{ width: 30px; height: 30px; border: solid 1px #ccc; border-radius: 5px; text-align: center; line-height: 28px; font-size: 18px; color: #999;}
.pageMain .proInfo .selectSpec .quantity .counting .iconfont:hover{ color: #fff; border-color: #4f007d; background-color: #4f007d;}
.pageMain .proInfo .selectSpec .quantity .counting .num{ font-size: 14px; color: #333; width: 40px; text-align: center; margin: 0 0;}
.pageMain .proInfo .selectSpec .tprice { width: 100%; margin-top: 15px;  font-size: 18px; color: #FA9E0D; font-weight: bold;}
.pageMain .proInfo .selectSpec .note{ width: 100%; position: relative; margin-top: 15px; padding-left: 28px; line-height: 20px; font-size: 14px; color: #999;}
.pageMain .proInfo .selectSpec .note .iconfont{ position: absolute; left: 0; top: 0; line-height: 20px; color: #4f007d; font-size: 24px;}
.pageMain .proInfo .selectSpec .note.x .iconfont{ color: #aaa;}
.pageMain .proInfo .selectSpec .addCart{ width: 100%; margin-top: 20px; }
.pageMain .proInfo .selectSpec .addCart a{ display: block;line-height: 44px; border-radius: 22px; color: #fff; transition: all 0.8s ease; text-align: center; background-color: rgb(250, 158, 13, 0.7); font-size: 18px; font-weight: bold;}
.pageMain .proInfo .selectSpec .addCart a:hover{ background-color: #4f007d;}
/* product size end*/
.pageMain .proInfo ul.list{ width: 90%; margin: 3% auto 0; padding-top: 3%; border-top: 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%; padding: 3% 0; position: relative; overflow: hidden; }
.pageMain .otherPro ul li:not(:last-of-type) { border-bottom: 1px solid #eee; }
.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: 100%; font-size: 18px; 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; overflow: hidden;}
.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); */ width:100% ; padding: 20px 100px 0 30px; position: relative;  overflow: hidden;}
.pageProduct .listBox .productList li .con.tagkj{padding-top: 0;}
.pageProduct .listBox .productList li .con .tag{ width:100%; margin-bottom: 5px;}
.pageProduct .listBox .productList li .con .tag img{ height:26px; display: inline-block; margin-right: 10px;}
.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 .proImg 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;}
.pageDetails .text .txt table td {padding: 0 8px}
.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;}


/* linka2 */
.linka2{ display: block; width: 100%;  line-height: 42px; text-align: center; border-radius: 22px;  font-size: 18px; border: solid 2px #4f007d; color: #4f007d; cursor: pointer; transition: all 0.8s ease;}
.linka2:hover{ color: #fff; background-color: #4f007d;}
.linka1{ display: block; width: 100%;line-height: 42px; text-align: center; border-radius: 22px; background-color: #FA9E0D; font-size: 18px;border: none; color: #fff; cursor: pointer; transition: all 0.8s ease;}
.linka1:hover{ background-color: #4f007d; color: #fff;}


/* pageUser_login */
.pageUser_login{ width: 100%; padding: 4% 0; position: relative;  background-color: #f5f6f7;}
.pageUser_login .bigBox{ width: 100%; margin: auto; position: relative;}
.pageUser_login .loginBox{ width: 40%; position: relative; margin: auto; padding: 60px; border-radius: 20px; overflow: hidden; background-color: #fff;}
.pageUser_login .loginBox .tit{ font-size: 30px; color: #333; font-weight: bold; text-align: center;}
.pageUser_login .forgetP{ text-align: center; margin-top: 20px;}
.pageUser_login .forgetP a{ font-size: 16px; color: #4f007d;}
.pageUser_login .forgetP a:hover{ text-decoration: underline;}

.pageUser_login .registerBox{ width: 70%; position: relative; padding: 60px; border-radius: 20px; overflow: hidden; background-color: #fff;}
.pageUser_login .registerBox form{ margin-top: 0;}
.pageUser_login .registerBox .t2{ width: 100%; font-size: 14px; color: #666666; }
.pageUser_login .registerBox em{ color: #f00;}

.pageUser_login .loginTxt{ position: -webkit-sticky;  position: sticky; top: 220px;  width: 28%; background-color: #fff; border-radius: 20px; overflow: hidden;}
.pageUser_login .loginTxt.abs{position: absolute; right: 0; top: 0;}
.pageUser_login .loginTxt .tit{ width: 100%; padding: 6% 8%; background-color: rgb(79, 0, 125, 0.1); font-size: 20px; color: #4f007d; font-weight: bold; }
.pageUser_login .loginTxt .text{ width: 100%; padding:6% 8% 12%;}
.pageUser_login .loginTxt .text .t1{ width: 100%; font-size: 18px; color: #333; font-weight: bold;}
.pageUser_login .loginTxt .text .txt{ width: 100%; font-size: 16px; color: #333; line-height: 30px; margin-top: 10px;}
.pageUser_login .loginTxt .text .txt span{ color: #4f007d;}
.pageUser_login .loginTxt .text .more{ width: 100%; margin-top: 20px;}


/* user-form */
.user-form{ width: 100%; margin: 30px auto 0;}
.user-form .t0{ width: 100%; font-size: 18px; color: #333; font-weight: bold; border-bottom: solid 1px #eee; padding:10px 0 20px; }
.user-form .t1{ width: 100%; font-size: 16px; color: #333; font-weight: bold;}
.user-form .t1.g{ color: #666; }
.user-form .t3{ width: 100%; font-size: 16px; color: #333; line-height: 24px; margin-top: 5px;}
.user-form .t3.g{ color: #666;}
.user-form .t3 span,.user-form .t3 a{ color: #4f007d;}
.user-form .t3 a:hover{ text-decoration: underline;}
.user-form em{ color: #f00;}
.user-form label{display: block;position: relative; width: 100%; margin-top: 10px;}
.user-form label.radio{ margin: 0;}
.user-form .row{  position: relative; }
.user-form .row.row1{ margin-top: 0; margin-bottom: 0;}
.user-form .row2{ width: 60%; margin: auto;}
.user-form .w1{width: 100%;font-size: 16px;border-radius: 22px; color: #333;line-height: 20px;padding:12px 20px; background-color: #F4F5F9; border: none;box-sizing: border-box;}
.user-form .w1.b{ background-color: #E6E6E6;}
.user-form .w2{width: 100%;font-size: 16px;border-radius: 22px; color: #333;line-height: 20px;padding:11px 120px 11px 20px; background-color: #fff; border: solid 1px #FA9E0D;box-sizing: border-box;}
.user-form .w1:focus{ border: none !important; box-shadow:none !important;}
.user-form .w2:focus{}
.user-form .btn{ width: 100%; margin-top: 30px; height: 44px; border-radius: 22px; background-color: #FA9E0D; font-size: 18px;border: none; color: #fff; cursor: pointer; transition: all 0.8s ease;}
.user-form .btn:hover{ background-color: #4f007d;}
.user-form .btn2{ position: absolute; right: 0; top: 0; width: 100px; height: 44px; border-radius: 22px; background-color: #FA9E0D; font-size: 18px; font-weight: bold; color: #fff; border: 0; cursor: pointer; transition: all 0.8s ease;}
.user-form .btn2:hover{ background-color: #4f007d;}
.user-form .cancel{ width: 100%; margin-top: 30px; height: 44px; border-radius: 22px; background-color: #A5A5A5; font-size: 18px;border: none; color: #fff; cursor: pointer; transition: all 0.8s ease;}
.user-form .cancel:hover{ background-color: #4f007d;}
.user-form .iptBox{ width: 100%; border-radius: 20px; margin-top: 20px; background-color: #fff; padding: 20px 30px;}
.user-form .iptBox2{ width: 100%; border-radius: 20px; margin-top: 20px;padding: 20px 30px;}
.user-form .iptBox2 .btn{ margin-top: 0;}
.user-form .layui-input-affix{ width: 50px;}
.user-form .layui-icon-eye-invisible,.user-form .layui-icon-eye{ font-size: 18px;  top: 3px;}
.user-form .layui-form-radio{color: #aaa; margin: 0; padding: 0; position: relative; padding-left: 30px;}
.user-form .layui-form-radio > i{position: absolute; left: 0; top: 0; font-size: 18px;}
.user-form .layui-form-radio >div{ white-space:pre-wrap;}
.user-form .layui-form-radioed,.user-form .layui-form-radio:hover >*{ color: #4f007d ;}
.user-form .layui-icon-radio::before,.user-form .layui-icon-circle::before{font-size: 16px;  content: "\e605";background-color: #ccc; border-radius: 50%; color: #fff;}
.user-form .layui-form-radioed .layui-icon-radio::before{ background-color: #4f007d; }
.user-form .layui-form-select .layui-input{ width: 100%; height: 44px; border-radius: 22px; padding: 0 20px; border: 0; background-color: #F4F5F9; font-size: 16px; color: #666;}
.user-form .layui-form-select .layui-anim-upbit{ padding: 0;}
.user-form .layui-form-select dl dd.layui-this{ color: #4f007d;}
.user-form .layui-form-checkbox{ margin: 8px 0; }
.user-form .layui-form-checkbox >div{ white-space:pre-wrap;}
.user-form .layui-form-checkbox .layui-icon-ok{ border: 0; background-color: rgb(79, 0, 125, 0);}
.user-form .layui-form-checkbox .layui-icon-ok::before{font-size: 16px;  content: "\e605";background-color: #ccc; border-radius: 50%; color: #fff;}
.user-form .layui-form-checkbox.layui-form-checked .layui-icon-ok::before{ color: #fff; background-color: #4f007d;}
.layui-laydate{ z-index: 2 !important;}
.layui-laydate .laydate-month-list .layui-this,.layui-laydate .laydate-year-list .layui-this{ background-color: #4f007d !important;}
.layui-laydate .laydate-footer-btns span:hover,.layui-laydate  .layui-laydate-header i:hover,.layui-laydate  .layui-laydate-header span:hover{ color: #4f007d;}


/* forget_password */
.forget_password{ width: 800px; position: relative; margin: auto; padding: 60px; border-radius: 20px; overflow: hidden; background-color: #fff;}
.forget_password .tit{font-size: 30px; color: #333; font-weight: bold;}
.forget_password .stxt{ font-size: 16px; font-weight: bold; color: #4f007d; margin-top: 15px;}
.forget_password .txt{font-size: 16px; color: #333; margin-top: 10px; line-height: 26px;}
.forget_password .t2{ width: 100%; font-size: 14px; color: #666666; margin-top: 20px; }
.forget_password em{ color: #f00;}
.forget_password form{ width: 100%; border-top: solid 1px #eee; margin: 20px auto 0;}


/* user_textBox */
.user_textBox{ width: 800px; position: relative; margin: auto; padding: 60px; border-radius: 20px; overflow: hidden; background-color: #fff;}
.user_textBox .tit{font-size: 30px; color: #333; font-weight: bold; margin-top: 20px; text-align: center;}
.user_textBox .txt{font-size: 16px; color: #333; margin-top: 15px; line-height: 26px; text-align: center;}
.user_textBox .iconfont{ text-align: center; font-size: 120px; color: #FA9E0D;}
.user_textBox .iconfont.y{ color: #4f007d;}
.user_textBox .more{ width: 100%; text-align: center; margin: 30px auto 0;}
.user_textBox .more a{display: block; width: 60%; margin: auto; text-align: center; line-height: 44px; border-radius: 22px; font-size: 16px; color: #fff; background-color: #FA9E0D; transition: all 0.8s ease; font-weight: bold;}
.user_textBox .more a:hover{ background-color: #4f007d;}


/* pageUser_account */
.pageUser_account{ width: 100%; padding: 4% 0; position: relative;  background-color: #f5f6f7;}
.pageUser_account .bigBox{ width: 100%; margin:20px auto 0; position: relative;}
/* userNav */
.userNav{ position: -webkit-sticky;  position: sticky; top: 220px;  width: 26%; background-color: #fff; border-radius: 20px; overflow: hidden;}
.userNav li{ width: 100%; position: relative; padding:0 25px;}
.userNav li::after{ content: ''; position: absolute; top: 35%; width: 4px; left: 0; height: 30%; background-color: #4f007d; border-radius: 2px; transform: scaleY(0); transition: all 0.8s ease;}
.userNav li a{ width: 100%; display: block;  padding: 20px 0; line-height: 26px; border-bottom: solid 1px #eee; font-size: 18px; font-weight: bold; color: #333;}
.userNav li:last-child a{ border-bottom: 0;}
.userNav li.on::after,.userNav li:hover::after{ transform: scaleY(1);}
.userNav li.on a,.userNav li:hover a{ color: #4f007d;}

/* accountFrom */
.accountFrom{ width: 71%;}
.accountFrom .topTit{ width: 100%; line-height: 30px;}
.accountFrom .topTit b{ color: #4f007d; font-size: 20px; margin-right: 15px; }
.accountFrom .topTit span{ font-size: 14px; color: #666;}
.accountFrom .topTit em{ color: #f00;}
.accountFrom .topTit.topTit1{ margin-top: 40px;}
.accountFrom .topTxt{ width: 100%; font-size: 16px; padding: 10px 0; color: #333; line-height: 28px; overflow: hidden;}
.accountFrom form{ width: 100%; margin: 20px auto 0;}

.accountFrom .addList{ width: 100%; border-radius: 20px; margin-top: 20px; background-color: #fff; padding: 20px 30px; }
.accountFrom .addList .addItem .tit{ font-size: 16px; color: #333; font-weight: bold;}
.accountFrom .addList .addItem .name-select{ width: 100%;  margin-top: 15px; position: relative; }
.accountFrom .addList .addItem .name-select .name-tit{border: 0; width: 100%; padding: 10px 20px; line-height: 22px; background-color: #F4F5F9; font-size: 16px; color: #333; height: 44px; border-radius: 22px;  cursor: pointer;}
.accountFrom .addList .addItem .name-select ul{ position: absolute; top: 44px; width: 100%; left: 0; background-color: #fff; border: solid 1px #eee;}
.accountFrom .addList .addItem .name-select ul li{ width: 100%; font-size: 16px; padding: 15px 20px; color: #333; cursor: pointer;}
.accountFrom .addList .addItem .name-select ul li.on{ background-color: #F4F5F9; color: #4f007d;}
.accountFrom .addList .addItem .name-select .iconfont {position: absolute; line-height: 30px; width: 30px; text-align: center; right: 10px; top: 7px; transform: rotate(-90deg); z-index: 2;}
.accountFrom .addList .addItem .addinfo{ width: 100%; margin-top: 15px;}
.accountFrom .addList .addItem .addinfo .add-tit{ font-size: 16px; width: 100%; font-weight: bold; color: #333;}
.accountFrom .addList .addItem .addinfo .add-txt{ font-size: 16px; color: #333; line-height: 26px; margin-top: 10px;}
.accountFrom .addList .addItem .addinfo .add-txt p{ margin: 3px 0;}

.accountFrom .setAdd{ width: 100%; margin-top: 10px;}
.accountFrom .setAdd .setItem{ position: relative; background-color: #fff; padding:0 30px 20px; border-radius: 20px; background-color: #fff;}
.accountFrom .setAdd .setItem .ex-tit{ padding: 15px 150px 15px 0; position: relative; border-bottom: solid 1px #eee;}
.accountFrom .setAdd .setItem .ex-tit .t{ width: 100%; padding-left: 30px; position: relative; font-size: 20px; font-weight: bold; line-height: 30px;}
.accountFrom .setAdd .setItem .ex-tit .t span{ position: absolute; left: 0; top: 0; font-size: 24px; color: #4f007d;}
.accountFrom .setAdd .setItem .ex-tit .t.t1{ padding-left: 0;}
.accountFrom .setAdd .setItem .ex-tit .t.t1 .layui-form-radio > div{ font-size: 20px; color: #333; font-weight: bold;}
.accountFrom .setAdd .setItem .ex-tit .addbtn{ position: absolute; right: 0; top: 15px; line-height: 30px; }
.accountFrom .setAdd .setItem .ex-tit .addbtn a{ font-size: 16px; color: #999;}
.accountFrom .setAdd .setItem .ex-tit .addbtn a .iconfont{ font-size: 24px; margin-right: 3px;}
.accountFrom .setAdd .setItem .ex-tit .addbtn a:hover{ color: #4f007d;}
.accountFrom .setAdd .setItem .ex-tit .addbtn a:first-child{ margin-right: 10px;}
.accountFrom .setAdd .setItem .ex-tit.ex-tit1{ padding-right: 0;}
.accountFrom .setAdd .setItem .ex-tit.ex-tit1 .t.t1 .layui-form-radio > div{ color: #FA9E0D;}
.accountFrom .setAdd .setItem .ex-tit.ex-tit1 .t.t1 .layui-form-radioed .layui-icon-radio::before { background-color: #FA9E0D;}
.accountFrom .setAdd .setItem .ex-tit.ex-tit1 .t.t1.z .layui-form-radio > div{ color: #4f007d;}
.accountFrom .setAdd .setItem .ex-tit.ex-tit1 .t.t1.z .layui-form-radioed .layui-icon-radio::before { background-color: #4f007d;}
.accountFrom .setAdd .setItem .ex-txt{ font-size: 16px; color: #333; line-height: 26px; margin-top: 10px;}
.accountFrom .setAdd .setItem .ex-txt p{ margin: 3px 0;}
.accountFrom .setAdd .setItem .ex-form{ margin-top: 20px;}


.accountFrom .add-more{ width: 100%;  text-align: center; margin-top: 20px;}
.accountFrom .add-more a{ width: 60%; margin: auto; height: 44px;  background-color: #FA9E0D; border-radius: 22px; color: #fff; transition: all 0.8s ease;}
.accountFrom .add-more a span{ font-size: 24px; margin-right: 20px; width: 28px; line-height: 28px; border-radius: 50%; text-align: center; background-color: #fff; color: #FA9E0D; transition: all 0.8s ease;}
.accountFrom .add-more a p{font-size: 18px; font-weight: bold; line-height: 44px; text-transform: uppercase;}
.accountFrom .add-more a.w{ background-color: #fff;}
.accountFrom .add-more a.w span{ background-color: #FA9E0D; color: #fff;}
.accountFrom .add-more a.w p{ color: #FA9E0D;}
.accountFrom .add-more a.z{ width: 30%; background-color: rgb(79, 0, 125, 0.5);}
.accountFrom .add-more a.z p{ color: #fff;}
.accountFrom .add-more a:hover{ background-color: #4f007d;}
.accountFrom .add-more a:hover span{ color: #4f007d;}
.accountFrom .add-more a.w:hover span{background-color: #fff;}
.accountFrom .add-more a.w:hover p{ color: #fff;}
.accountFrom .add-more a.z:hover{ background-color: rgb(79, 0, 125, 1);}

.accountFrom .addContacts{ width: 100%; border-radius: 20px; margin-top: 20px; background-color: #fff; padding: 20px 30px; }
.accountFrom .addContacts .tit{ font-size: 16px; color: #333; font-weight: bold;}
.accountFrom .addContacts .conts-select{ width: 100%;  margin-top: 15px; position: relative; }
.accountFrom .addContacts .conts-select .conts-tit{border: 0; width: 100%; padding: 10px 20px; line-height: 22px; background-color: #F4F5F9; font-size: 16px; color: #333; height: 44px; border-radius: 22px;  cursor: pointer;}
.accountFrom .addContacts .conts-select ul{ position: absolute; top: 44px; width: 100%; left: 0; background-color: #fff; border: solid 1px #eee;}
.accountFrom .addContacts .conts-select ul li{ width: 100%; font-size: 16px; padding: 15px 20px; font-size: 16px; color: #333; cursor: pointer;}
.accountFrom .addContacts .conts-select ul li.on{ background-color: #F4F5F9; color: #4f007d;}
.accountFrom .addContacts .conts-select .iconfont {position: absolute; line-height: 30px; width: 30px; text-align: center; right: 10px; top: 7px; transform: rotate(-90deg); z-index: 2;}

.accountFrom .add-form,.accountFrom .contacts-form{ width: 100%; margin-top: 30px;}

/* historicalOrders */
.historicalOrders{ width: 71%; position: relative; overflow: hidden; }

.historicalOrders .statusNav{  width: 100%; border-radius: 20px 20px 0 0;  background-color: #4f007d;}
.historicalOrders .statusNav li{ border-right: solid 1px rgba(255,255,255,0.4); width: 11.11%; border-bottom: solid 1px rgba(255,255,255,0.4);}
.historicalOrders .statusNav li a{ padding:20px 0; width: 100%; text-align: center;  display: inline-block; font-size: 16px; font-weight: bold; text-transform: capitalize; color: #fff;}
.historicalOrders .statusNav li.on a{ color: #FA9E0D;}
.historicalOrders .orderList{ width: 100%; position: relative;}
.historicalOrders .orderList .item{ width: 100%; border-radius: 20px; border: solid 1px rgb(79, 0, 125, 1); margin-bottom: 30px; background-color: #fff; overflow: hidden;}
.historicalOrders .orderList .item:first-child{ border-radius: 0 0 20px 20px; border-top: 0;}
.historicalOrders .orderList .item .info{ width: 100%; background-color: rgb(79, 0, 125, 0.1); line-height: 30px; padding:15px 20px; font-size: 16px; color: #666; position: relative;}
.historicalOrders .orderList .item .info .time{  margin-right: 30px;}
.historicalOrders .orderList .item .info .time span{ margin-right: 10px;}
.historicalOrders .orderList .item .info .time p{ color: #333;}
.historicalOrders .orderList .item .info .orderNo { margin-right: 30px;}
.historicalOrders .orderList .item .info .orderNo span{ display: inline-block; margin-right: 5px;}
.historicalOrders .orderList .item .info .orderNo p{ color: #4f007d;}
.historicalOrders .orderList .item .info .status{ position: absolute; right: 20px; top: 50%; transform: translateY(-50%);  }
.historicalOrders .orderList .item .info .status a{ line-height: 28px; border-radius: 5px; border: solid 1px rgb(74, 185, 20, 0.1); background-color: rgb(74, 185, 20, 0.1); font-size: 14px; color: #4ab914; padding: 0 15px; margin-right: 10px;}
.historicalOrders .orderList .item .info .status a.r{ color: #e61d1d; border-color:rgb(230, 29, 29, 0.1); background-color: rgb(230, 29, 29, 0.1);}
.historicalOrders .orderList .item .info .status a.y{ color: #FA9E0D; border-color:rgb(250, 158, 13, 0.1); background-color: rgb(250, 158, 13, 0.1);}
.historicalOrders .orderList .item .proBox{ width: 100%; position: relative; }
.historicalOrders .orderList .item .proBox .proList{ width: calc(100% - 220px); border-right: solid 1px rgb(79, 0, 125, 0.1);}
.historicalOrders .orderList .item .proBox .proList li{ width: 100%; padding:20px 0; position: relative; border-top: solid 1px rgb(79, 0, 125, 0.1);}
.historicalOrders .orderList .item .proBox .proList li:first-child{ border-top: 0;}
.historicalOrders .orderList .item .proBox .proList li .tit{ padding: 0 20px; width: calc(100% - 330px);}
.historicalOrders .orderList .item .proBox .proList li .tit .p1{ font-size: 18px; color: #4f007d; font-weight: bold;}
.historicalOrders .orderList .item .proBox .proList li .tit .p2{ font-size: 16px; color: #333; margin-top: 10px; font-weight: bold;}
.historicalOrders .orderList .item .proBox .proList li .spec,.historicalOrders .orderList .item .proBox .proList li .num{ width: 75px; font-size: 16px; color: #333; text-align: center;}
.historicalOrders .orderList .item .proBox .proList li .lprice{ width: 90px; font-size: 16px; color: #333;  text-align: center;}
.historicalOrders .orderList .item .proBox .proList li .tprice{ width: 90px; font-size: 16px; color: #333;  text-align: center;}
.historicalOrders .orderList .item .proBox .total{ border-right: solid 1px rgb(79, 0, 125, 0.1); width: 120px; padding: 0 10px; position: relative; font-size: 20px; color: #FA9E0D; font-weight: bold;}
.historicalOrders .orderList .item .proBox .total span{ display: none; text-transform: capitalize;}
.historicalOrders .orderList .item .proBox .total p{ width: 90%;text-align: center; word-break: break-all;}
.historicalOrders .orderList .item .proBox .oper{ width: 100px; position: relative;}
.historicalOrders .orderList .item .proBox .oper p{ width: 70%;}
.historicalOrders .orderList .item .proBox .oper a{ display: block; width: 100%; margin: 5px 0; border-radius: 5px; line-height: 28px;  text-align: center; color: #fff; transition: all 0.8s ease;}
.historicalOrders .orderList .item .proBox .oper a.xq{  background-color: rgb(79, 0, 125, 1); }
.historicalOrders .orderList .item .proBox .oper a.xq:hover{ background-color: #FA9E0D;}
.historicalOrders .orderList .item .proBox .oper a.sc{ background-color: #ddd; color: #333;}
.historicalOrders .orderList .item .proBox .oper a.sc:hover{  background-color:rgb(230, 29, 29, 1); color: #ffff;}
.historicalOrders .orderList .item .proBox .listTit{ width: 100%; border-bottom: solid 1px #eee;}
.historicalOrders .orderList .item .proBox .listTit .d{ font-size:  16px ; color: #333; font-weight: bold; text-align: center; padding: 15px 5px; line-height: 30px; border-left: solid 1px rgba(255,255,255,0.4);}
.historicalOrders .orderList .item .proBox .listTit .d:first-child{ border-left: 0;}
.historicalOrders .orderList .item .proBox .listTit .d.d1{ width: calc(100% - 550px); padding:15px 20px ; text-align: left;}
.historicalOrders .orderList .item .proBox .listTit .d.d2{ width: 75px}
.historicalOrders .orderList .item .proBox .listTit .d.d3{ width: 75px;}
.historicalOrders .orderList .item .proBox .listTit .d.d4{ width: 90px;}
.historicalOrders .orderList .item .proBox .listTit .d.d5{ width: 90px;}
.historicalOrders .orderList .item .proBox .listTit .d.d6{ width: 120px;}
.historicalOrders .orderList .item .proBox .listTit .d.d7{ width: 100px;}

.historicalOrders .orderList .item .add{ width: 100%; background-color: rgb(79, 0, 125, 0.05); line-height: 26px; padding:15px 20px; font-size: 14px; color: #666;}

/* orderDet */
.historicalOrders .orderDet{ width: 100%;}


/* popup-shopping-cart */
.popup-shopping-cart{ position: fixed; right: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0, 0.4); z-index: 999999;}
.popup-shopping-cart .cartBox{ position: relative; float: right; width: 420px; height: 100%; background-color: rgba(255,255,255,0.95); 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); overflow: hidden;}
.popup-shopping-cart .cart-top{ width: 100%; position: absolute; top: 0; left: 0; border-bottom: solid 1px #ddd; height: 60px; background-color: #fff; padding:15px 30px; line-height: 30px; font-size: 20px; color: #333; font-weight: bold; z-index: 1;}
.popup-shopping-cart .close-cart{ position: absolute; right: 30px; top: 15px; z-index: 2; line-height: 30px; font-size: 26px; color: #999; cursor: pointer;}
.popup-shopping-cart .close-cart:hover{ color: #FA9E0D;}

.popup-shopping-cart .slist{ width: 100%; height: auto; max-height: calc(100% - 345px); margin: 60px 0 0 0; background-color: #fff; overflow-y: auto;}
.popup-shopping-cart .slist .item{ width: 100%; padding:20px 30px; border-bottom: solid 1px #ddd; background-color: #fff;}
.popup-shopping-cart .slist .item .catalog{ font-size: 18px; font-weight: bold; color: #4f007d;}
.popup-shopping-cart .slist .item .tit{ font-size: 16px; color: #333; font-weight: bold; line-height: 26px; margin-top: 5px;}
.popup-shopping-cart .slist .item .t1{ font-size: 16px; color: #333; }
.popup-shopping-cart .slist .item .spec{ width: 100%;}
.popup-shopping-cart .slist .item .spec a{ display: inline-block; line-height: 32px; border-radius: 5px; border: solid 1px #ccc; padding: 0 15px; font-size: 16px; color: #666; margin-right: 15px;}
.popup-shopping-cart .slist .item .spec a.on{ background-color: #4f007d; border-color: #4f007d; color: #fff;}
.popup-shopping-cart .slist .item .price{ width: 100%; margin-top: 10px; line-height: 24px;}
.popup-shopping-cart .slist .item .price .p{ font-size: 18px; color: #333; font-weight: bold;}
.popup-shopping-cart .slist .item .quantity{ width: 100%; margin-top: 10px; line-height: 36px;}
.popup-shopping-cart .slist .item .quantity .counting{}
.popup-shopping-cart .slist .item .quantity .counting .iconfont{ width: 38px; height: 34px; border: solid 1px #ccc; border-radius: 5px; text-align: center; line-height: 32px; font-size: 20px; color: #999;}
.popup-shopping-cart .slist .item .quantity .counting .iconfont:hover{ color: #fff; border-color: #4f007d; background-color: #4f007d;}
.popup-shopping-cart .slist .item .quantity .counting .num{ font-size: 14px; color: #333; width: 40px; text-align: center; margin: 0 0;}
.popup-shopping-cart .slist .item .tprice { width: 100%; margin-top: 10px; text-align: right; font-size: 18px; color: #FA9E0D; font-weight: bold;}
.popup-shopping-cart .slist .item .note{ width: 100%; position: relative; margin-top: 10px; padding-left: 28px; line-height: 20px; font-size: 14px; color: #999;}
.popup-shopping-cart .slist .item .note .iconfont{ position: absolute; left: 0; top: 0; line-height: 20px; color: #4f007d; font-size: 24px;}
.popup-shopping-cart .slist .item .note.x .iconfont{ color: #aaa;}


.popup-shopping-cart .total-cart{ position: absolute; bottom: 0; left: 0; width: 100%; border-top: solid 1px #ddd; background-color: #fff; padding:20px 30px; height: 285px;}
.popup-shopping-cart .total-cart .txt { width: 100%;}
.popup-shopping-cart .total-cart .txt .t1{ font-size: 18px; color: #333; font-weight: bold;}
.popup-shopping-cart .total-cart .txt .t2{ font-size: 14px; color: #333; line-height: 24px; margin-top: 10px;}
.popup-shopping-cart .total-cart .total-price{ width: 100%; text-align: right; font-size: 20px; color: #333; margin-top: 10px;}
.popup-shopping-cart .total-cart .total-price span{ color: #FA9E0D;}
.popup-shopping-cart .total-cart .buta{ margin-top: 20px;}
.popup-shopping-cart .total-cart .buta .linka2{ margin-top: 20px;}

/* popup-email */
.popup-email{ position: fixed; right: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0, 0.6); z-index: 999998;}
.popup-email .emailBox{  position: absolute; top: 50%; left: 50%; max-height: 100%; border-radius: 20px; padding: 60px; transform: translate(-50%,-50%); width: 800px;  background-color: #fff; }

.popup-email .emailBox .iconfont{ margin: auto; width: 70px; text-align: center; height: 70px; line-height: 70px; border-radius: 50%; color: #fff; background-color: #4f007d; font-size: 50px;}
.popup-email .emailBox .tit{font-size: 18px; color: #333; font-weight: bold; text-align: center; margin-top: 30px;}
.popup-email .emailBox .txt{font-size: 16px; color: #333; margin-top: 10px; line-height: 26px; text-align: center;}
.popup-email .emailBox .more{ width: 100%; text-align: center; margin: 30px auto 0;}
.popup-email .emailBox .more a{display: block; width: 60%; margin: auto; text-align: center; line-height: 44px; border-radius: 22px; font-size: 16px; color: #fff; background-color: #FA9E0D; transition: all 0.8s ease; font-weight: bold;}
.popup-email .emailBox .more a:hover{ background-color: #4f007d;}
.popup-email .emailBox .inst{font-size: 16px; color: #666;  margin-top: 20px; line-height: 26px; text-align: center;}
.popup-email .emailBox .info{ width: 100%; margin-top: 20px;}
.popup-email .emailBox .info li{ line-height: 26px; }
.popup-email .emailBox .info li .t{ font-size: 18px; color: #333; font-weight: bold;}
.popup-email .emailBox .info li .d{ font-size: 16px; color: #333; margin-top: 5px;}


/* popup-delete-add */
.popup-delete-add{ position: fixed; right: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0, 0.6); z-index: 999998;}
.popup-delete-add .addBox{  position: absolute; top: 50%; left: 50%; max-height: 100%; border-radius: 20px;  transform: translate(-50%,-50%); width: 800px;  background-color: #fff; overflow: hidden; }
.popup-delete-add .addBox .tit{ background-color: rgb(79, 0, 125, 0.1); text-align: center; padding: 20px 60px; font-size: 26px; color: #4f007d; font-weight: bold;}
.popup-delete-add .addBox .cont{padding:30px 50px 100px 30px ; width: 100%;}
.popup-delete-add .addBox .cont .stit{ font-size: 18px; color: #4f007d; font-weight: bold;}
.popup-delete-add .addBox .cont .text{ margin-top: 20px;}
.popup-delete-add .addBox .cont .text .txt .t{ font-size: 16px; color: #333; font-weight: bold;}
.popup-delete-add .addBox .cont .text .txt .d{ font-size: 14px; color: #333; margin-top: 10px; line-height: 24px;}
.popup-delete-add .addBox .cont .text .txt .d.d1{ color: #4f007d;}
.popup-delete-add .control{ position: absolute; left: 50px; width: calc(100% - 100px); bottom: 30px;}
.popup-delete-add .control a{text-align: center; line-height: 44px; width: 48%; border-radius: 22px; font-size: 16px; color: #fff; background-color: #FA9E0D; transition: all 0.8s ease; font-weight: bold; text-transform: capitalize;}
.popup-delete-add .control a.cancelAdd{ background-color: #A5A5A5; margin-right: 4%;}
.popup-delete-add .control a:hover{ background-color: #4f007d;}

/* pageOrder */
.pageOrder{ width: 100%; padding: 4% 0; position: relative;  background-color: #f5f6f7;}
.pageOrder .orderProcess{ width: 100%;}
.pageOrder .orderProcess li{ text-align: center; width: 23%; padding: 0 0; position: relative;}
.pageOrder .orderProcess li a{ display: inline-block;}
.pageOrder .orderProcess li::after{content: ''; width: 120px; height: 4px; position: absolute; left: -60px; top: 38px; background-color: rgb(0, 0, 0, 0.1); border-radius: 2px;}
.pageOrder .orderProcess li:first-child::after{ display: none;}
.pageOrder .orderProcess li .num{ width: 80px; height: 80px; padding: 10px; position: relative; border-radius: 50%; margin: auto; background-color: rgb(0, 0, 0, 0.05);}
.pageOrder .orderProcess li .num span{ display: block; text-align: center; width: 60px; height: 60px; line-height: 30px; padding: 15px 0; border-radius: 50%; background-color: #d0d0d0;  font-size: 30px; color: #fff; font-weight: bold;}
.pageOrder .orderProcess li .tit{ font-size: 18px; color: #333; font-weight: bold; margin-top: 20px; text-transform: capitalize;}
.pageOrder .orderProcess li.on::after{ background-color: #4f007d;}
.pageOrder .orderProcess li.on .num{background-color: rgb(79, 0, 125, 0.1);}
.pageOrder .orderProcess li.on .num span{background-color: #4f007d;}
.pageOrder .orderProcess li.on .tit{ color: #4f007d;}
.pageOrder .orderProcess.orderD li .num span{ font-weight: normal; font-size: 40px;}

/* orderCheckout */
.pageOrder .orderCheckout{width: 100%; margin-top: 50px; position: relative;}
.orderCheckout .orderProduct{  width: 70%; border-radius: 20px; 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); background-color: #fff;}
.orderCheckout .orderProduct .listTit{ width: 100%; background-color: #4f007d;}
.orderCheckout .orderProduct .listTit .d{ font-size:  16px ; color: #fff; font-weight: bold; text-align: center; padding: 15px 5px; line-height: 30px; border-left: solid 1px rgba(255,255,255,0.4);}
.orderCheckout .orderProduct .listTit .d:first-child{ border-left: 0;}
.orderCheckout .orderProduct .listTit .d.d1{ width: calc(36% - 60px);}
.orderCheckout .orderProduct .listTit .d.d2{ width: 12%;}
.orderCheckout .orderProduct .listTit .d.d3{ width: 20%;}
.orderCheckout .orderProduct .listTit .d.d4{ width: 16%;}
.orderCheckout .orderProduct .listTit .d.d5{ width: 16%;}
.orderCheckout .orderProduct .listTit .d.d6{ width: 60px;}

.orderCheckout .orderProduct .orderProList{ width: 100%;}
.orderCheckout .orderProduct .orderProList li{ width: 100%; border-bottom: solid 1px rgb(0, 0, 0, 0.15);}
.orderCheckout .orderProduct .orderProList li:last-child{ border-bottom: 0;}
.orderCheckout .orderProduct .orderProList li .info{ width: 100%; position: relative; background-color: rgb(79, 0, 125, 0.05);}
.orderCheckout .orderProduct .orderProList li .info .proTit{ width: calc(36% - 60px); padding: 15px 20px;}
.orderCheckout .orderProduct .orderProList li .info .proTit .p1{ font-size: 18px; font-weight: bold; color: #4f007d;}
.orderCheckout .orderProduct .orderProList li .info .proTit .p2{ font-size: 16px; margin-top: 5px; line-height: 22px; color: #333; font-weight: bold;}
.orderCheckout .orderProduct .orderProList li .info .ort{ width: 64%;}
.orderCheckout .orderProduct .orderProList li .info .spec{ width: 18%; text-align: center; padding: 15px 0; font-size: 16px; color: #333;}
.orderCheckout .orderProduct .orderProList li .info .quantity{ width: 32%; text-align: center; padding: 15px 0;}
.orderCheckout .orderProduct .orderProList li .info .quantity .iconfont{ width: 32px; height: 32px; border: solid 1px #aaa; border-radius: 5px; text-align: center; line-height: 30px; font-size: 20px; color: #666;}
.orderCheckout .orderProduct .orderProList li .info .quantity .iconfont:hover{ color: #fff; border-color: #4f007d; background-color: #4f007d;}
.orderCheckout .orderProduct .orderProList li .info .quantity .num{ font-size: 16px; color: #333; width: 40px; line-height: 34px; text-align: center; margin: 0 0;}

.orderCheckout .orderProduct .orderProList li .info .lprice{ width: 25%; text-align: center; padding: 15px 0; font-size: 16px; color: #333;}
.orderCheckout .orderProduct .orderProList li .info .tprice{ width: 25%; text-align: center; padding: 15px 0; font-size: 16px; color: #333;}

.orderCheckout .orderProduct .orderProList li .info .del{ width: 60px; text-align: center; padding: 15px 0;}
.orderCheckout .orderProduct .orderProList li .info .del .deletePro{ display: inline-block; font-size: 28px; color: #999;}
.orderCheckout .orderProduct .orderProList li .info .del .deletePro:hover{ color: #4f007d;}


.orderCheckout .orderProduct .orderProList li .note{ background-color: #fff; width: 100%; padding: 15px 20px 15px 45px; position: relative; font-size: 14px; color: #999; line-height: 26px;}
.orderCheckout .orderProduct .orderProList li .note span{ position: absolute; left: 20px; top: 15px; line-height: 26px; font-size: 20px; color: #4f007d;}


.orderCheckout .orderBill { width: 28%; position: -webkit-sticky;  position: sticky; top: 220px; }
.orderCheckout .orderBill .orderDiscount{ width: 100%;}
.orderCheckout .orderBill .orderDiscount .tit{ width: 100%; font-size: 20px; color: #4f007d; font-weight: bold;}
.orderCheckout .orderBill .orderDiscount form{ margin-top:20px ;}

.orderCheckout .orderBill .billInfo{ width: 100%; margin-top: 20px; border-radius: 20px; background-color: #fff; padding: 6%;}
.orderCheckout .orderBill .billInfo .stit{ width: 100%; font-size: 20px; color: #4f007d; font-weight: bold;}
.orderCheckout .orderBill .billInfo .det{ width: 100%; margin-top: 20px;}
.orderCheckout .orderBill .billInfo .det li{ width: 100%; padding: 8px 0;font-size: 16px; }
.orderCheckout .orderBill .billInfo .det li p{ color: #333; font-weight: bold; margin-right: 10px;}
.orderCheckout .orderBill .billInfo .det li span{  color: #666;}
.orderCheckout .orderBill .billInfo .det li.total{ margin-top: 15px; font-size: 18px; padding-top: 20px; border-top: solid 1px #eee;}
.orderCheckout .orderBill .billInfo .det li.total span{ color: #FA9E0D; font-size: 20px; font-weight: bold; }
.orderCheckout .orderBill .billInfo .more a{ margin-top: 20px; text-transform: uppercase;}


/* orderConfirmation */
.orderConfirmation.orderCheckout .orderProduct{ width: 100%;}
.orderConfirmation.orderCheckout .orderProduct .listTit .d.d1{ width: 36%;}
.orderConfirmation.orderCheckout .orderProduct .orderProList li .info .proTit{ width: 36%; }
.orderConfirmation.orderCheckout .orderBill{ width: 100%;}
.orderConfirmation.orderCheckout .orderBill .billInfo{ width: 48.5%; padding: 30px;}

.orderConfirmation.orderCheckout .orderShipping{ margin-top: 0;}

/* orderShipping */
.pageOrder .orderShipping{ width: 100%;  margin-top: 50px; position: relative;}