div{outline: none;}
/*常用定位*/
.top50{top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.left50{left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%);}
.topleft50{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);}


/*dx*/
.dx_Box{ padding: 57px 0 80px 0;}
/*dx-书籍列表*/
.dx_zp_picList ul li{ width: 18.75%; margin-right: 1.5625%; margin-bottom: 40px;}
.dx_zp_picList ul li:nth-child(5n){ margin-right: 0;}
.dx_zp_picList ul li a{ display: block; padding-bottom: 14px;}
.dx_zp_picList ul li a .pic em{ display: block; padding-bottom: 100%; background-size: contain;}
.dx_zp_picList ul li a .text{padding: 0 40px; }
.dx_zp_picList ul li a .text h3{height: 22px; line-height: 22px; margin-top: 16px;}
.dx_zp_picList ul li a .text h5{ font-weight: normal; color: #999999; height: 20px; line-height: 20px; margin-top: 5px;}
.dx_zp_picList ul li a .text .price{height: 26px; line-height: 26px; margin-top: 4px;}
.dx_zp_picList ul li a .text .price .newPrice{ color: #E21D1F;}
.dx_zp_picList ul li a .text .price .newPrice b{ font-size: 18px;}
.dx_zp_picList ul li a .text .price .oldPrice{ color: #999999; text-decoration: line-through;}
.dx_zp_picList ul li a:hover{box-shadow: 0 0 10px #D1DFFF;}
.dx_zp_picList ul li a:hover .text h3{ color: #192681; text-indent: 0.5em;}

/*dx-书籍详情*/
.greyBg{background: #f5f5f7;}
.dx_zp_picContBox{ padding-top: 0;}
.dx_zp_contTop{background: #fff; padding: 40px;}

/*图片展示区*/
.pic-show-box{width: 43.5%;}
/*大图*/
.pic-show-box .big-pic-box{position: relative; border: 1px #E1E1E1 solid;}
.pic-show-box .big-pic-box .big-pic-swiper{overflow: hidden;}
.pic-show-box .big-pic-box .big-pic-swiper .swiper-slide{}
.pic-show-box .big-pic-box .big-pic-swiper .swiper-slide .pic{height: 428px;}
.pic-show-box .big-pic-box .btn{z-index: 1;position: absolute;top: 50%;width: 54px;height: 54px;margin-top: -27px;border: 1px solid currentColor;border-radius: 50%;color: #E21D1F;cursor: pointer;transition: 0.3s;}
.pic-show-box .big-pic-box .btn:after{content: "";position: absolute;left: 50%;top: 50%;width: 12px;height: 12px;border-top: 1px solid currentColor;}
.pic-show-box .big-pic-box .prev-btn{left: 0;}
.pic-show-box .big-pic-box .prev-btn:after{border-left: 1px solid currentColor;transform: translate(-30%,-50%) rotate(-45deg);}
.pic-show-box .big-pic-box .next-btn{right: 0;}
.pic-show-box .big-pic-box .next-btn:after{border-right: 1px solid currentColor;transform: translate(-70%,-50%) rotate(45deg);}
.pic-show-box .big-pic-box .btn:hover{background-color: #E21D1F;border-color: #E21D1F;color: #fff;}
/*小图*/
.pic-show-box .small-pic-box{position: relative; margin-top: 10px;}
.pic-show-box .small-pic-box .small-pic-swiper{overflow: hidden;}
.pic-show-box .small-pic-box .small-pic-swiper .swiper-slide{position: relative;cursor: pointer; border: 1px #E1E1E1 solid; box-sizing: border-box;}
.pic-show-box .small-pic-box .small-pic-swiper .swiper-slide:after{content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;border: 1px solid #E21D1F;transition: 0.5s; opacity: 0;}
.pic-show-box .small-pic-box .small-pic-swiper .swiper-slide .pic{height: 92px;}
.pic-show-box .small-pic-box .small-pic-swiper .swiper-slide.on:after{ opacity: 1;}
.pic-show-box .small-pic-box .btn{z-index: 1;position: absolute;top: 50%;width: 20px;height: 60px;margin-top: -30px;background-color: #ddd;color: #fff;cursor: pointer;transition: 0.3s; opacity: 0; display: none;}
.pic-show-box .small-pic-box .btn.on{display: block;}
.pic-show-box .small-pic-box .btn:after{content: "";position: absolute;left: 50%;top: 50%;width: 8px;height: 8px;border-top: 2px solid currentColor;}
.pic-show-box .small-pic-box .prev-btn{left: 0;}
.pic-show-box .small-pic-box .prev-btn:after{border-left: 2px solid currentColor;transform: translate(-30%,-50%) rotate(-45deg);}
.pic-show-box .small-pic-box .next-btn{right: 0;}
.pic-show-box .small-pic-box .next-btn:after{border-right: 2px solid currentColor;transform: translate(-70%,-50%) rotate(45deg);}
.pic-show-box .small-pic-box .btn:hover{background-color: #E21D1F;}
.pic-show-box .small-pic-box:hover .btn{ opacity: 1;}

/*文字*/
.dx_zp_contTop .contTopText{ width: 50.67%;}
.dx_zp_contTop .contTopText .tit{color: #2E2E2E;}
.dx_zp_contTop .contTopText .name{color: #999999; margin-top: 4px;}
.dx_zp_contTop .contTopText .priceBox{ background: #F7FAFD; padding: 3px 30px 2px 42px; line-height: 76px; color: #2E2E2E; margin-top: 18px;}
.dx_zp_contTop .contTopText .priceBox .newPrice{color: #E21D1F; padding-left: 70px;}
.dx_zp_contTop .contTopText .priceBox .oldPrice{ color: #999999; text-decoration: line-through;}
.dx_zp_contTop .contTopText .text{ color: #686868; margin-top: 30px; min-height: 216px; text-align: justify;}
.dx_zp_contTop .contTopText .btn{ margin-top: 20px;}
.dx_zp_contTop .contTopText .btn .bgColor{ background: #E21D1F; color: #fff; margin-right: 34px;}
.dx_zp_contTop .contTopText .btn .bgColor:hover{color: #E21D1F;}
.dx_zp_contTop .contTopText .btn .bgColor:hover:after{ background: #fff;}

.da_zp_contBtm{ background: #fff; margin-top: 33px;}
.da_zp_contBtm .tab{ height: 98px; line-height: 98px; padding: 0 35px; border-bottom: 1px #D8D8D8 solid; overflow: hidden;}
.da_zp_contBtm .tab a{ display: inline-block; color: #666666; margin-right: 150px; transition: 0.3s;}
.da_zp_contBtm .tab a:hover{ color: #192681;}
.da_zp_contBtm .tab a.on{ color: #192681;}
.da_zp_contBtm .tabBox{ margin: 0 40px; color: #686768; position: relative; overflow: hidden;}
.da_zp_contBtm .tabBox .item{ padding: 52px 0; text-align: justify;}

/*回答互动*/
.da_zp_contBtm .tabBox .interact{}
.da_zp_contBtm .tabBox .interact .title{ text-align: center; height: 94px; line-height: 94px; text-align: center; margin-bottom: 20px;}
.da_zp_contBtm .tabBox .interact .title .box{ display: inline-block; color: #999999; height: 100%;}
.da_zp_contBtm .tabBox .interact .title .box img{ float: left; margin-right: 40px;}
.da_zp_contBtm .tabBox .interact .title .btn{ vertical-align: initial; margin-left: 30px; top: 50%; margin-top: -19px;}
.da_zp_contBtm .tabBox .interact ul li{ margin-bottom: 40px;}
.da_zp_contBtm .tabBox .interact ul li:last-child{ margin-bottom: 0;}
.da_zp_contBtm .tabBox .interact ul li .Q{position: relative; padding-left: 24px;}
.da_zp_contBtm .tabBox .interact ul li .Q .icon{ position: absolute; top: 7px; left: 0; width: 16px; height: 16px;}
.da_zp_contBtm .tabBox .interact ul li .Q .tit{ color: #2E2E2E; width: calc(100% - 280px);}
.da_zp_contBtm .tabBox .interact ul li .Q .inform{ color: #999999;}
.da_zp_contBtm .tabBox .interact ul li .Q .inform span{ margin-left: 26px;}
.da_zp_contBtm .tabBox .interact ul li .A{ text-align: justify; margin-top: 14px; position: relative; padding-left: 24px; line-height: 26px;}
.da_zp_contBtm .tabBox .interact ul li .A .icon{ position: absolute; top: 5px; left: 0; width: 16px; height: 16px;}

/*弹窗*/
.dx_askTan{padding: 0 60px; box-sizing: border-box; padding-bottom: 40px;}
.dx_askTan .tit{position: relative; height: 96px; line-height: 96px; color: #333333; text-align: center;}
.dx_askTan .tit em{ position: absolute; top: 0; right: 0; display: block; color: #999999; line-height: 96px;}
.dx_askTan form{ display: block;}
.dx_askTan form textarea{ width: 100%; height: 260px; border: 1px #D9D9D9 solid; box-sizing: border-box; border-radius: 4px; padding: 10px 12px; line-height: 28px;}
.dx_askTan .btnBox{ text-align: center; margin-top: 38px; }
.dx_askTan form .btnBox .dmui-btn{ margin: 0 25px;}
.dx_askTan .text{ text-align: center; color: #666; line-height: 28px; padding-bottom: 32px;}
.dx_askTan .btnBox .bgColor{ background: #E21D1F; color: #fff;}
/*培训合作*/
.dx_zp_trainTitle{ padding-top: 58px; margin-bottom: 40px;}
.dx_zp_trainOne{position: relative; min-height: 520px; overflow: hidden;}
.dx_zp_trainOne .text{color: #2E2E2E; text-align: justify;}
.dx_zp_trainOne .dx_zp_trainSvg{ position: absolute;bottom: 0; left: 0; width: 100%; height: 200px; z-index: -1;}
.dx_zp_trainOne .dx_zp_trainSvg .trainSvg{ width: 100%; height: 100%;}
.horse-run { display: inline-block; width: 12px; height: 12px; border-radius: 50%; background: linear-gradient(45deg,#54FFFF,#54FAFE,#4E80F1 70%); offset-path: path("M1,0.0381888876 C12.2432055,-2.81301006 104.360995,154.897338 317.528597,168.631053 C553.878793,183.858349 847.813362,65.3104699 928.831745,50.0468917 C1040.37798,35.7855765 1176.96628,47.9759703 1327.59873,83.491919 C1511.48647,126.848761 1709.28689,112.770276 1921,41.2564624"); animation: move 7s linear infinite; opacity: 0;}
.horse-runBig{animation-delay: 2s; width: 20px; height: 20px;}
.dx_zp_trainOne .dx_zp_trainSvg2{position: absolute;bottom: 38px; left: 0; width: 100%; height: 220px; z-index: -1;}
.dx_zp_trainOne .dx_zp_trainSvg2 .trainSvg{ width: 100%; height: 100%;}
.horse-run2 { display: inline-block; width: 14px; height: 14px; border-radius: 50%; background: linear-gradient(45deg,#54FFFF,#54FAFE,#4E80F1 70%); offset-path: path("M0,150 C277.655354,86.0839725 501.732277,73.5536588 672.230768,112.409059 C842.729259,151.264459 1115.56171,127.90506 1490.72811,42.3308611 C1684.6309,-17.0550319 1827.72153,-13.9566487 1920,51.6260108"); animation: move 7s linear infinite; opacity: 0; animation-delay: 4s; position: relative; z-index: 1;}
@keyframes move {
	30%{opacity: 1;}
	100% { motion-offset: 100%; offset-distance: 100%; opacity: 1;}
}

.dx_zp_trainTwo .dx_zp_trainTwoBox{ position: relative; overflow: hidden; height: 490px; padding: 10px 10px 30px 10px;}
.dx_zp_trainTwo .dx_zp_trainTwoBox .btn{ z-index: 1;bottom: 0; left: 0;}
.dx_zp_trainTwo .dx_zp_trainTwoBox .btn span{ position: relative; width: 10px; height: 10px; margin: 0 5px;}
.dx_zp_trainTwo .dx_zp_trainTwoBox .btn span.swiper-pagination-bullet-active{background: #E21D1F;}
.dx_zp_trainTwo .list li{ width: 25%; text-align: center; height: 242px; transition: 0.5s;}
.dx_zp_trainTwo .list li a{position: relative; display: block; width: 100%; height: 100%; overflow: hidden; -webkit-transform-style: preserve-3d; transform-style: preserve-3d;-webkit-perspective: 1000px; perspective: 1000px;}
.dx_zp_trainTwo .list li a .pic{position: relative; height: 74%;}
.dx_zp_trainTwo .list li a .pic img{ display: block; max-width: 90%; max-height: 90%;}
.dx_zp_trainTwo .list li a .tit{ color: #686868; margin-top: 2%; padding: 0 10px;}

.dx_zp_trainTwo .list li:hover{box-shadow: 0 0 10px #E2E2E2;}
.dx_zp_trainTwo .list li a .front,.dx_zp_trainTwo .list li a .back{	-webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1); transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);	-o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);-webkit-backface-visibility: hidden;backface-visibility: hidden; height: 100%;}
.dx_zp_trainTwo .list li a:hover .front,
.dx_zp_trainTwo .list li a:hover .back{  -webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1); transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1); -o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);  transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1); transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);}
.dx_zp_trainTwo .list li a .back{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: left; padding: 32px 26px; box-sizing: border-box; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; overflow-y: auto;}
.dx_zp_trainTwo .list li a .back h3{ color: #2E2E2E; line-height: 28px; min-height: 56px;}
.dx_zp_trainTwo .list li a .back p{ line-height: 26px; color: #686868; margin-top: 6px;}
.dx_zp_trainTwo .list li a .front{ -webkit-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d;}
.dx_zp_trainTwo .list li a:hover .back{ -webkit-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d;}
.dx_zp_trainTwo .list li a:hover .front{ -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d;}

.dx_zp_trainThree{ background: #F7FAFD; margin-top: 60px;}
.dx_zp_trainThree .dx_form{ padding-top: 0;}
.dx_zp_trainThree .dx_form .tips{ border: none; color: #E21D1F; background: none; line-height: 26px;}

/*大学_采购表单*/
.dx_zp_contTop .purchaseForm{ font-size: 14px; margin-bottom: 17px;}
.dx_zp_contTop .purchaseForm:after{ background: #192681;}

/*新闻详情*/
.about_content .newsCont{ overflow: hidden;}
.about_content .newsCont .wordBox{ width: calc(100% - 360px);}
.about_content .newsCont .wordBox .title{ border-bottom: 1px #eeeeee solid; margin-bottom: 26px;}
.about_content .newsCont .wordBox .title h3{ color: #2e2e2e; line-height: 32px; padding: 0 10%; text-align: center;}
.about_content .newsCont .wordBox .title h4{overflow: hidden; margin-top: 40px; border-top: 1px #eeeeee solid; padding: 32px 0; line-height: 26px;}
.about_content .newsCont .wordBox .title h4 span{ display: inline-block; color: #999; overflow: hidden; margin-right: 32px;}
.about_content .newsCont .wordBox .title h4 span:last-child{ margin-right: 0;}
.about_content .newsCont .wordBox .title h4 span i{ float: left; width: 16px; height: 16px; filter: brightness(1) invert(0.8); margin: 5px 10px 0 0;}
.about_content .newsCont .wordBox .title h4 .foot_share .block{width: 26px; height: 26px; border-radius: 50%; background: #d2d2d2; margin-left: 4px;}
.about_content .newsCont .wordBox .title h4 .foot_share > span{ margin-right: 0;}
.about_content .newsCont .wordBox .title h4 .foot_share .block .icon{ width: 16px; height: 16px; margin: 5px 0 0 5px; filter: brightness(0) invert(1);}
.about_content .newsCont .wordBox .title h4 .foot_share .weixin-btn:hover .block{ background: #22ac38;}
.about_content .newsCont .wordBox .title h4 .foot_share .weibo-btn:hover .block{ background: #e89215;}
.about_content .newsCont .wordBox .title h4 .foot_share .qq-btn:hover .block{ background: #cf2d22;}
.word{ color: #2e2e2e; line-height: 32px; text-align: justify;}

.about_content .newsCont .wordBox .apply{ margin-top: 50px;}
.about_content .newsCont .wordBox .apply .applyBtn .right{ top: 2px; vertical-align: initial; }
.about_content .newsCont .wordBox .apply .applyBtn .right::before{border-top-color: #E21D1F;border-left-color: #E21D1F; transition: 0.5s;}
.about_content .newsCont .wordBox .apply .applyBtn:hover .right::before{border-top-color: #fff;border-left-color: #fff;}
.about_content .newsCont .wordBox .linkPage{ padding-top: 30px; margin-top: 60px; border-top: 1px #eeeeee solid;}
.about_content .newsCont .wordBox .linkPage .p{ height: 34px; line-height: 34px; color: #333333;}
.about_content .newsCont .wordBox .linkPage .p a{color: #333333;}
.about_content .newsCont .wordBox .linkPage .p:hover{ color: #192681;}
.about_content .newsCont .wordBox .linkPage .p:hover a{ color: #192681;}

.about_content .newsCont .rightHot{ float: right; width: 300px;}
.about_content .newsCont .rightHot .title{ height: 72px; line-height: 72px; border-bottom: 1px #eee solid; color: #2e2e2e;}
.about_content .newsCont .rightHot ul li{ position: relative; padding-bottom: 16px; border-bottom: 1px #eee solid; margin-bottom: 40px;}
.about_content .newsCont .rightHot ul li a{ display: block;}
.about_content .newsCont .rightHot ul li::before{ content: ""; position: absolute; bottom: -1px; left: 0; height: 1px; width: 18px; background: #999999; transition: 0.3s; -webkit-transition: 0.3s;}
.about_content .newsCont .rightHot ul li h3{color: #2e2e2e; line-height: 26px; height: 52px; margin-top: 14px;}
.about_content .newsCont .rightHot ul li .time{ color: #999999; margin-top: 32px;}
.about_content .newsCont .rightHot ul li:hover h3{ color: #192681;}
.about_content .newsCont .rightHot ul li:hover::before{ width: 44px; background: #192681;}

.activityPage2 .newsCont .wordBox{ width: 100%;}

/*db商品详情*/
.dx_zp_contTop .contTopText .txt{ padding-left: 42px; color: #2E2E2E; margin-top: 26px;}
.dx_zp_contTop .contTopText .txt .txtCont{ width: calc(100% - 98px);}
.dx_zp_contTop .contTopText .txt .txtCont .specs{ display: inline-block; margin-bottom: 14px; color: #686768; border-color: #E5E5E5; margin-right: 5px;}
.dx_zp_contTop .contTopText .txt .txtCont .specs:hover{ color: #fff;}
.dx_zp_contTop .contTopText .txt .txtCont .specs.on{color: #fff; background: #E21D1F; border-color: #E21D1F;}
.dx_zp_contTop .contTopText .bayNum{margin-top: 12px; margin-bottom: 38px;}
.dx_zp_contTop .contTopText .bayNum .lable{ line-height: 36px;}
.numBox{ display: inline-block; height: 36px; line-height: 36px; border: 1px rgba(0,0,0,0.15) solid; border-radius: 2px;}
.numBox input{width: 66px; padding: 0 12px; height: 100%; box-sizing: border-box; color: #2E2E2E; border-right: 1px rgba(0,0,0,0.15) solid;}
.numBox .change{width: 20px; }
.numBox .change em{ display: block; padding-left: 2px; height: 18px; width: 100%; box-sizing: border-box;}
.numBox .change em:first-child{ border-bottom: 1px rgba(0,0,0,0.15) solid;}
.dx_zp_contTop .contTopText .buyBtn{ padding-left: 42px;}
.dx_zp_contTop .contTopText .buyBtn i{ display: inline-block; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid #fff; margin-left: 18px; position: relative; top: -2px; transition: 0.5s;}
.dx_zp_contTop .contTopText .buyBtn .ani-btn:hover i{ border-top-color: #E21D1F;}
.dx_zp_contTop .contTopText .buyBtn .ulBox{ position: relative;}
.dx_zp_contTop .contTopText .buyBtn .ulBox ul{ display: none; position: absolute; top: 40px; left: 0; width: calc(100% - 38px); background: #fff; border: 1px #DCDCDC solid; box-sizing: border-box; border-radius: 4px; box-shadow: 0 0 7px #BDBDBD; z-index: 13;}
.dx_zp_contTop .contTopText .buyBtn .ulBox ul li .b{ display: block; height: 44px; line-height: 44px; text-align: center; color: #192681; transition: 0.3s; -webkit-transition: 0.3s; width: 100%; background: none;}
.dx_zp_contTop .contTopText .buyBtn .ulBox ul li .b .icon{ width: 24px; height: 24px; position: relative; top: 10px; margin-right: 10px; }
.dx_zp_contTop .contTopText .buyBtn .ulBox ul li .b:hover{background: #F8F8F8;}
.dx_zp_contTop .contTopText .buyBtn .ulBox ul li:nth-child(2) a{color: #FF6A00;}
.dx_zp_contTop .contTopText .buyBtn .ulBox ul li:nth-child(3) a{color: #000000;}

.db_contBtm{}
.db_contBtm .tab a{color: #686768; margin-right: 115px; width: auto;}
.db_contBtm .tab a.on{ color: #E21D1F;}
.db_contBtm .tab a:hover{ color: #E21D1F;}
.db_contBtm .tabBox .item{ padding-top: 0;}
.db_contBtm .tabBox .item .title{ color: #2E2E2E; margin-bottom: 26px; margin-top: 52px;}
.db_contBtm .tabBox .item .p{color: #2E2E2E; margin-bottom: 4px;}

/*填写核对订单信息*/
.dx_zp_contTop .stepBox{ line-height: 46px;}
.dx_zp_contTop .stepBox .tit{color: #2E2E2E; font-weight: bold;}
.dx_zp_contTop .stepBox .step .item{position: relative; display: inline-block; text-align: center; padding-left: 120px; background: #fff; z-index: 1;}
.dx_zp_contTop .stepBox .step .item .b{ background: #fff;}
.dx_zp_contTop .stepBox .step .item::before{content: ""; position: absolute; top: 23px; left: 0; width: 100%; height: 1px; background: #686768; z-index: -1;}
.dx_zp_contTop .stepBox .step .item:first-child{ padding-left: 0;}
.dx_zp_contTop .stepBox .step .item:first-child::before{display: none;}
.dx_zp_contTop .stepBox .step .item:last-child .b{padding-left: 14px; }
.dx_zp_contTop .stepBox .step .item:first-child .b{padding-right: 6px; }
.dx_zp_contTop .stepBox .step .item i{ display: inline-block; width: 46px; height: 46px; line-height: 46px; border: 1px #686768 solid; border-radius: 50%; color: #686768;}
.dx_zp_contTop .stepBox .step .item em{ display: block; color: #686768; margin-top: 4px;}
.dx_zp_contTop .stepBox .step .item.on::before{ background: #E21D1F;}
.dx_zp_contTop .stepBox .step .item.on i{ background: #E21D1F; border-color: #E21D1F; color: #fff;}
.dx_zp_contTop .stepBox .step .item.on em{ color: #E21D1F;}
.dx_zp_contTop .stepBox .step .item:hover i{ background: #E21D1F; border-color: #E21D1F; color: #fff;}
.dx_zp_contTop .stepBox .step .item:hover em{ color: #E21D1F;}

.dx_zp_contTop .takeInform{position: relative; margin-top: 24px;}
.dx_zp_contTop .takeInform .takeInformBox{ margin-top: 28px;}
.dx_zp_contTop .takeInform .takeInformBox .item{ position: relative; float: left; padding: 19px; box-sizing: border-box;  height: 180px; width: 286px; overflow-y: auto; margin-right: 1.55%; margin-bottom: 20px; z-index: 1; cursor: pointer;}
.dx_zp_contTop .takeInform .takeInformBox .item::after{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/zp/talkInform.png) no-repeat 0 0; opacity: 0.16; z-index: -1; transition: 0.3s; -webkit-transition: 0.3s;}
.dx_zp_contTop .takeInform .takeInformBox .item::before{content: ""; position: absolute; right: 0; bottom: 0; width: 38px; height: 38px; background: url(../images/zp/pitchOn.png) no-repeat 0 0; display: none; opacity: 0; transition: 0.3s; -webkit-transition: 0.3s;}
.dx_zp_contTop .takeInform .takeInformBox .item .default{ position: absolute; top: 0; right: 0; height: 30px; line-height: 30px; background: rgba(136,136,136,0.5); padding: 0 12px; color: #fff; opacity: 0; transition: 0.3s; -webkit-transition: 0.3s;}
.dx_zp_contTop .takeInform .takeInformBox .item:nth-child(4n){ margin-right: 0;}
.dx_zp_contTop .takeInform .takeInformBox .item h3{ line-height: 32px; color: #686768; margin-bottom: 6px; border-bottom: 1px #E8E8E8 solid;}
.dx_zp_contTop .takeInform .takeInformBox .item p{ color: #686768; line-height: 22px;}
.dx_zp_contTop .takeInform .takeInformBox .item .change{ display: inline-block; opacity: 0; color: #E21D1F; margin-top: 12px; cursor: pointer;}
.dx_zp_contTop .takeInform .takeInformBox .item.on::after{ opacity: 1;}
.dx_zp_contTop .takeInform .takeInformBox .item.on::before{ display: block; opacity: 1;}
.dx_zp_contTop .takeInform .takeInformBox .item.on .change{ opacity: 1;}
.dx_zp_contTop .takeInform .takeInformBox .item:hover .default{  opacity: 1;}
.dx_zp_contTop .takeInform .takeInformBox .item .default.yes{ opacity: 1;}
.dx_zp_contTop .takeInform .takeInformBox .item:hover::after{ opacity: 1;}
.dx_zp_contTop .takeInform .takeInformBox .item:hover .change{ opacity: 1;}
.dx_zp_contTop .takeInform .addInform{ margin-top: 26px; }
.dx_zp_contTop .takeInform .addInform .title{cursor: pointer; line-height: 24px; color: #686768;}
.dx_zp_contTop .takeInform .addInform .title .icon{ width: 24px; height: 24px; margin-right: 10px; filter: brightness(1) invert(0.5);}
.dx_zp_contTop .takeInform .addInform .title:hover {color: #E21D1F;}
.dx_zp_contTop .takeInform .addInform .title:hover .icon{ filter: initial;}
.dx_zp_contTop .takeInform .addInform .form{ margin-top: 28px; width: 506px; display: none;}
.dx_zp_contTop .takeInform .addInform .form.show{ display: block;}
.dx_zp_contTop .takeInform .addInform .form .text{ width: calc(100% - 120px); display: inline-block;}
.dx_zp_contTop .takeInform .addInform .form .item{ position: relative; margin-bottom: 26px;}
.dx_zp_contTop .takeInform .addInform .form .item label{ text-align: left; color: #2E2E2E; padding-left: 0; width: 90px;}
.dx_zp_contTop .takeInform .addInform .form .item .block{ margin-left: 105px;}
.dx_zp_contTop .takeInform .addInform .form .item .tip{ position: absolute; top: 50%; right: -20px; margin-top: -4px; color: #E21D1F; font-size: 14px;}
.dx_zp_contTop .takeInform .addInform .form .item .inline{ width: 25.4%; margin-right: 1.4%;}
.dx_zp_contTop .takeInform .addInform .form .item .inline:last-child{ margin-right: 0;}
.dx_zp_contTop .takeInform .addInform .form .item .layui-form-select dl dd.layui-this{ background: #E21D1F;}
.dx_zp_contTop .takeInform .addInform .form .btnBox .layui-input-block{ margin-left: 0;}
.dx_zp_contTop .takeInform .addInform .form .btnBox .btn{ margin-right: 32px;}

.dx_zp_contTop .method{ margin-top: 44px;}
.dx_zp_contTop .logistics{margin-top: 80px;}
.dx_zp_contTop .method .btn{position: relative; display: inline-block; margin-top: 26px; min-width: 178px; padding: 0 16px; box-sizing: border-box; height: 44px; line-height: 44px; border-radius: 4px; color: #686768; border: 1px #E7E7E7 solid; text-align: center; cursor: pointer;}
.dx_zp_contTop .method .btn .tip{ position: absolute; bottom: 0; right: 0; width: 32px; height: 32px; background: url(../images/zp/pitchOn.png) no-repeat 0 0; background-size: cover; opacity: 0;}
.dx_zp_contTop .method .btn .tip.yes{opacity: 1;}
.dx_zp_contTop .method .btn .icon{width: 28px; height: 28px; position: relative; top: 8px; margin-right: 16px;}
.dx_zp_contTop .method .checkbox { margin-top: 16px; margin-bottom: 25px;}
.dx_zp_contTop .method .checkbox .fl{ width: auto; padding: 0; margin:8px 0 0 0; min-height: auto;}
.dx_zp_contTop .method .checkbox label{ width: auto; padding: 0; color: rgba(0,0,0,0.65); margin-top: 9px;}
.dx_zp_contTop .method .checkbox .layui-form-checked[lay-skin=primary] i{ background: #E21D1F; border-color: #E21D1F !important;}
.dx_zp_contTop .method .checkbox .layui-form-checkbox[lay-skin=primary]:hover i{ border-color: #E21D1F;}
.dx_zp_contTop .method .piao{ width: 506px;}
.dx_zp_contTop .method .piao label{ padding-left: 0; width: 137px; text-align: left;}
.dx_zp_contTop .method .piao .block{ margin-left: 152px;}

/*产品*/
.db_product{ margin-top: 32px;}
.db_product .tit{ height: 54px; line-height: 54px; background: #F7FAFD; color: #2E2E2E; padding-left: 52px; font-size: 0; border-bottom: 1px #DCE9F6 solid;}
.db_product span{ display: inline-block; font-size: 14px; width: 15%; text-align: center;}
.db_product span:first-child{ width: 30%; text-align: left;}
.db_product span:nth-child(2){width: 20%;}
.db_product span:nth-child(3){width: 20%;}
.db_product ul li{ line-height: 66px; height: 66px; padding: 16px 0; padding-left: 52px; border-bottom: 1px #DCE9F6 solid;}
.db_product ul li span{ color: #2E2E2E; float: left; height: 100%;}
.db_product ul li span.oldPrice{ text-decoration: line-through;}
.db_product ul li span.inform .pic{ width: 66px; height: 66px; border: 1px #EFEFEF solid; box-sizing: border-box; }
.db_product ul li span.inform .txt{position: relative; width: calc(100% - 93px); margin-left: 27px; line-height: 22px; padding-right: 10%; box-sizing: border-box; max-height: 66px;}
.dx_zp_contTop .method .bei{ margin-top: 44px; }
.dx_zp_contTop .method .bei label{ width: 70px;}
.dx_zp_contTop .method .bei .block{margin-left: 85px;}
.dx_zp_contTop .buyInform{margin-top: 40px; text-align: right;}
.dx_zp_contTop .buyInform p{color: #686768; margin-bottom: 12px; line-height: 22px;}
.dx_zp_contTop .buyInform p span{ color: #2E2E2E;}
.dx_zp_contTop .buyInform p b{ color: #E21D1F;}
/*.bgColor{ background: #E21D1F; color: #fff;}*/
.dx_zp_contTop .buyInform .btn{ margin-top: 26px;}

/*购物车*/
.db_product_cart .tit{ position: relative; padding-left: 0;}
.db_product_cart .tit .titT{ width: calc(100% - 52px);}
.db_product_cart .tit .titT span{ width: 15.5%;}
.db_product_cart .tit .titT span:first-child{ width: 30%;}
.db_product_cart .tit .titT span:last-child{ width: 6%;}
.db_product_cart .check{ width: 17px; height: 17px; margin:0 0 0 20px;}
.db_product_cart .check .block{ margin-left: 0; height: 17px;}
.layui-form-item .layui-form-checkbox[lay-skin=primary]{ margin-top: 0 !important;}
.db_product_cart .check .layui-form-checked[lay-skin=primary] i{background: #E21D1F; border-color: #E21D1F !important;}
.db_product_cart .check .layui-form-checkbox[lay-skin=primary]:hover i{ border-color: #E21D1F;}
.db_product_cart ul li{ position: relative; padding-left: 0;}
.db_product_cart ul li .box{width: calc(100% - 52px); height: 100%;}
.db_product_cart ul li .check{ top: 9px;}
.db_product_cart ul li:nth-child(2n){background: #F7FAFD;}
.db_product_cart ul li span{ width: 15.5%;}
.db_product_cart ul li span:first-child{ width: 30%;}
.db_product_cart ul li span:last-child{ width: 6%;}
.db_product_cart ul li span:nth-child(2){ width: 15.5%;}
.db_product_cart ul li span:nth-child(3){ width: 15.5%;}
.db_product_cart ul li span.del{ cursor: pointer; color: #ACACAC; transition: 0.3s; -webkit-transition: 0.3s;}
.db_product_cart ul li span.del:hover{ color: #E21D1F; text-decoration: underline;}

.db_settle{ background: #fff; margin-top: 13px; height: 72px; line-height: 72px;}
.db_settle .box{ padding: 0 40px;}
.db_settle .box .block{ margin: -1px 0 0 20px;}
.db_settle .box .layui-form-checked[lay-skin=primary] i{background: #E21D1F; border-color: #E21D1F !important;}
.db_settle .box .layui-form-checkbox[lay-skin=primary]:hover i{ border-color: #E21D1F;}
.db_settle .box .detele{ margin-left: 10px; cursor: pointer;}
.db_settle .box .fr .btn{ padding: 0 40px; margin-top: 18px;}
.db_settle .box .fr span{ color: #2E2E2E; margin-right: 90px;}
.db_settle .box .fr span b{color: #E21D1F;}

/*服务与合作*/
.service_one{ margin-top: 66px;}
.service_one .title{line-height: 42px; color: #333333; font-size: 30px;  text-align: center;}
.service_one .tit{color: #686768; margin-top: 6px;  text-align: center;}
.service_one .form{ max-width: 680px; width: 100%; height: 50px; line-height: 50px; border: 2px #E1E1E1 solid; border-radius: 4px; margin: 0 auto; margin-top: 38px; text-align: left;}
.service_one .form .text{ display: inline-block; width: calc(100% - 70px); padding: 0 24px; box-sizing: border-box;}
.service_one .form .btn{ display: inline-block;  margin-right: 24px; margin-top: 13px; width: 22px; height: 22px; filter: brightness(1) invert(0.6);background-color: initial; cursor: pointer;}
.service_one .ans{ margin-top: 66px;}
.service_one .ans .list{margin-top: 30px;}
.service_one .ans .list li{ float: left; width: 32.2%; margin-right: 1.7%;}
.service_one .ans .list li:nth-child(3n){ margin-right: 0;}
.service_one .ans .list li a{ position: relative; display: block; padding-bottom: 45.4%; border-radius: 4px; overflow: hidden; }
.service_one .ans .list li a::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.55);}
.service_one .ans .list li a p{ color: #fff; width: 80%; text-align: center;}
.service_one .ans .list li a:hover{transform: translateY(-12px); -webkit-transform: translateY(-12px); box-shadow: 0 0 6px rgba(0,0,0,0.3);}

.servicePart{margin-top: 66px;}
.service_two{ background: #F9FAFF; padding: 36px 0;}
.service_two ul li{float: left; width: 32.2%; margin-right: 1.7%; text-align: center; min-height: 180px;  padding: 30px 0; transition: 0.4s; -webkit-transition: 0.4s;}
.service_two ul li:nth-child(3n){ margin-right: 0;}
.service_two ul li i{ display: block; margin: 0 auto; width: 70px; height: 70px;}
.service_two ul li h3{ line-height: 26px; color: #333333; margin-top: 26px;}
.service_two ul li p{ color: #686768; line-height: 26px; width: 200px; margin: 0 auto; margin-top: 6px; max-width: 92%;}
.service_two ul li:hover{background: #FFFFFF;box-shadow: 0 0 10px #d5e6fe;-webkit-transform:translateY(-12px);transform:translateY(-12px);color: #192681;}

.service_three .service_three_top{ position: relative; z-index: 1;}
.service_three .text{position: absolute; top: 42%; right: 0; width: 360px;}
.service_three .text h4{ margin-bottom: 10px;}
.service_three .text p{ color: #686768; line-height: 26px; text-align: justify;}
.service_three .map {position: relative; z-index: 1; top: -66px; height: 860px; width: 84%; display: flex;flex-direction: column;}
.service_three .map .chart {flex: 1;background-color: rgba(255, 255, 255, 0.05);}
.service_three .map .geo {width: 100%;height: 100%;}

.service_three .listBox{ margin-top: -64px;}
.service_three .listBox li{ float: left; width: 49%; margin-right: 2%; height: 192px; overflow-y: auto; background: #fff; box-shadow: 0 0 20px rgba(221,221,221,.5); padding: 36px 40px; box-sizing: border-box; margin-bottom: 22px;}
.service_three .listBox li:nth-child(2n){ margin-right: 0;}
.service_three .listBox li:nth-child(3){ height: 218px;}
.service_three .listBox li:nth-child(4){ height: 218px;}
.service_three .listBox li h4{ margin-bottom: 6px;}
.service_three .listBox li p{ color: #686768; line-height: 26px; transition: 0.3s;}
.service_three .listBox li .txt{ display: flex; justify-content: space-between; width: 100%;}
.service_three .listBox li .txt .item{ vertical-align: top; transition: 0.3s;}
.service_three .listBox li .txt a.item p:hover{color: #192681; }
.service_three .listBox li .txt .item i{ display: block; width: 16px; height: 16px; margin: 5px 0; filter: brightness(1) invert(0.3);}
.service_three .listBox li .three .item:nth-child(2){ width: 57%; padding: 0 10px; box-sizing: border-box;}
.service_three .listBox li .three .item:first-child{ width: 17%;}
.service_three .listBox li .three .item a{ margin-top: 18px;}
.service_three .listBox li .four .item:nth-child(2n+1){ width: 18%;}
.service_three .listBox li .four .item:nth-child(2n){ text-align: center;}
.service_three .listBox li .four .item img{ width: 112px; height: 112px;}

.service_three .serviceBox{ padding-top: 18px; margin-bottom: 66px; overflow: hidden; padding-bottom: 2px;}
.service_three .serviceBox ul li{ border-radius: 4px; overflow: hidden; border: 1px #E1E1E1 solid; box-sizing: border-box;}
.service_three .serviceBox ul li .img{ overflow: hidden;}
.service_three .serviceBox ul li .img em{ display: block; padding-bottom: 60.4%; transition: 0.4s; -webkit-transition: 0.4s;}
.service_three .serviceBox ul li:hover .img em{ transform: scale(1.1);}
.service_three .serviceBox ul li .txt{ padding: 0 40px; height: 280px; overflow-y: auto;}
.service_three .serviceBox ul li .txt h3{color: #333333; text-align: center; margin-top: 22px; font-weight: bold;}
.service_three .serviceBox ul li .txt p{ line-height: 26px; color: #686768;  text-align: justify; margin-top: 10px;}

.service_three .onlineBtm{background: #fff; box-shadow: 0 0 20px rgba(221,221,221,.5); padding: 36px 40px; box-sizing: border-box; margin-bottom: 22px;}
.service_three .btm{display: flex; -webkit-display: flex; justify-content: space-between; margin-top: 10px; overflow: hidden;}
.service_three .btm .item i{width: 26px; height: 26px; filter: brightness(0) invert(0.3); margin-bottom: 6px;}
.service_three .btm .item p{ line-height: 26px; color: #686768;}
.service_three .btm .item a{ margin-top: 16px;}
.service_three .btm .item .fl{margin-right: 18px; width: 98px;}

/*产品1*/
.zp_pro_swiper{ height: auto; }
.zp_pro_swiper .swiper-slide{ min-height: 250px;}
.zp_pro_swiper .img{ right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 41%; max-height: 100%; text-align: center;}
.zp_pro_swiper .img img{max-height: 100%;}

/*活动列表*/
.zp_activity_ban{ padding: 56px 0 34px 0;}
.zp_activity_ban .zp_activity_banBox{ overflow: hidden; position: relative; padding-bottom: 62px;}
.zp_activity_ban .swiper-slide{ border-radius: 5px; overflow: hidden; background: #fff; height: 394px;}
.zp_activity_ban .swiper-slide .img{ width: 62.8%; height: 100%;}
.zp_activity_ban .swiper-slide .text{ position: relative; width: 37.2%; height: 100%; padding: 42px 42px 0 40px; box-sizing: border-box;}
.zp_activity_ban .swiper-slide .text h3{ color: #e21d1f; font-weight: 400;}
.zp_activity_ban .swiper-slide .text h4{ font-weight: 400; color: #2e2e2e; line-height: 30px; margin: 36px 0 18px 0; max-height: 90px; }
.zp_activity_ban .swiper-slide .text .txt{ border-top: 1px #ebebeb solid; padding-top: 20px;}
.zp_activity_ban .swiper-slide .text .txt p{color: #2e2e2e; line-height: 28px;}
.zp_activity_ban .swiper-slide .text .btn{ position: absolute; left: 40px; bottom: 38px;}
.zp_activity_ban .swiper-slide .text .btn img{position: relative; top: -2px; padding-left: 4px; transition: 0.3s;}
.zp_activity_ban .swiper-slide .text .btn:hover img{ filter: brightness(0) invert(1);}


.zp_activity_ban .switch{ position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); -webkit-transform: translateX(-50%); text-align: center; min-width: 228px; height: 26px;}
.zp_activity_ban .switch .swiperBtn{position: relative; display: inline-block; text-align: center;  height: 10px; line-height: 10px; z-index: 2;}
.zp_activity_ban .switch .swiperBtn span{ position: relative; display: inline-block; width: 6px; height: 6px; margin: 0 10px !important; background: #FFFFFF; opacity: 1;}
.zp_activity_ban .switch .swiperBtn span::before{ content: ""; position: absolute; top: -8px; left: -8px; width: 20px; height: 20px; border-radius: 50%; border: 1px #fff solid; opacity: 0; transition: 0.3s; -webkit-transition: 0.3s;}
.zp_activity_ban .switch .swiperBtn span.swiper-pagination-bullet-active::before{ opacity: 1;}
.zp_activity_ban .switch .btn{ width: 8px; height: 14px; background: url(../images/zp/acitity_next.png) no-repeat 0 0; cursor: pointer; margin-top: -7px; opacity: 0.5; transition: 0.3s; -webkit-transition: 0.3s; filter: brightness(0) invert(1);}
.zp_activity_ban .switch .btn:hover{ opacity: 1;}
.zp_activity_ban .switch .btn::after{ display: none;}
.zp_activity_ban .switch .swiper-button-prev{ transform: rotate(180deg); -webkit-transform: rotate(180deg);}

/* .zp_activity_list{ padding-bottom: 60px;}
.zp_activity_list .sort{ margin-top: 70px;}
.zp_activity_list .sort a{ background: #fff; border: 1px #ebebeb solid; color: #2e2e2e; padding: 0; width: 12%; text-align: center;}
.zp_activity_list .sort a.on{ background: #e21d1f; color: #fff; border-color: #fff;}
.zp_activity_list .sort a:hover{ background: #e21d1f; color: #fff; border-color: #fff;} */

.zp_activity_list .list{ margin-top: 60px; padding-bottom: 18px;}
.zp_activity_list .list li{ position: relative; float: left; width: 31.25%; margin-right: 3.125%; border-radius: 4px; overflow: hidden; margin-bottom: 42px;}
.zp_activity_list .list li::after{ content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background: linear-gradient(90deg,#3d96d9,#182376); opacity: 0; transition: 0.3s; -webkit-transition: 0.3s;}
.zp_activity_list .list li:hover{ transform: translateY(-20px); box-shadow: 0 0 14px rgba(0,13,122,0.16); }
.zp_activity_list .list li:hover::after{ opacity: 1;}
.zp_activity_list .list li:nth-child(3n){ margin-right: 0;}
.zp_activity_list .list li .pic{position: relative; padding-bottom: 56.25%;}
.zp_activity_list .list li .pic .tip{ position: absolute; left: 18px; top: 0; width: 150px; height: 40px; line-height: 40px; text-align: center; color: #fff; background: #d90710; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; box-shadow: 0 0 7px rgba(0,0,0,0.09);}
.zp_activity_list .list li .text{ background: #fafafa; padding: 22px 20px 26px 20px;}
.zp_activity_list .list li .text h3{ line-height: 32px; height: 64px; color: #2e2e2e;  transition: 0.3s; -webkit-transition: 0.3s;}
.zp_activity_list .list li:hover .text h3{color: #15228e;}
.zp_activity_list .list li .text .txt{ padding-top: 6px; margin-top: 16px; border-top: 1px #ebebeb solid;}
.zp_activity_list .list li .text p{ color: #666; margin-top: 14px; line-height: 20px; height: 20px;}
.zp_activity_list .list li .pic .tip.doing{background: rgba(25,38,129,0.9);}
.zp_activity_list .list li .pic .tip.done{background: rgba(250,250,250,0.8); color: #565656;}

.p1_three_swiper{min-height: 450px;}


/*下载列表*/
.downBox{ margin-top: 66px;}
.downBox h3{ font-weight: normal;}
.downBox .downTitle{ margin-top: 58px;}
.downBoxOne .list{ margin-top: 34px; padding: 30px 0 14px 0; box-sizing: border-box;position: relative;}
.downBoxOne .list ul{ }
.downBoxOne .list ul li{ float: left; width: 23.6%; margin-right: 1.8%;}
.downBoxOne .list ul li:last-child{margin-right: 0;}
.downBoxOne .list ul li .box{ box-shadow: 0 0 12px rgba(0,0,0,0.1); padding: 32px 24px 0 24px; box-sizing: border-box; text-align: center; height: 505px; background: #fff;}
.downBoxOne .list ul li img{ height: 100px;}
.downBoxOne .list ul li h3{ color: #2E2E2E; margin-top: 8px; font-weight: bold; height: 28px; line-height: 28px;}
.downBoxOne .list ul li .title{line-height: 1;font-weight: bold;margin-top: 10px;color: #E21D1F}
.downBoxOne .list ul li .try{display: block; transition: 0.3s; font-weight: normal; font-size: 14px; height: 18px; line-height: 18px; color: #E21D1F;margin-top: 5px}
.downBoxOne .list ul li .try:hover{text-decoration: underline;}
.downBoxOne .list ul li .text{ margin-top: 30px; text-align: left; overflow: hidden;}
.downBoxOne .list ul li .text a{position: relative; display: block; float: left; width: 33.33%; color: #686768; padding-left: 12px; box-sizing: border-box; line-height: 22px; margin-bottom: 12px; transition: 0.3s; -webkit-transition: 0.3s;}
.downBoxOne .list ul li .text a::before{ content: ""; position: absolute; top: 50%; left: 0; width: 6px; height: 6px; background: #DCDCDC; border-radius: 50%; margin-top: -2px; transition: 0.3s; -webkit-transition: 0.3s;}}
.downBoxOne .list ul li{ display: block;}
.downBoxOne .list ul li .text a:hover{ color: #192681;}
.downBoxOne .list ul li .text a:hover::before{background: #192681;}

.downBoxTwo{margin-top: 30px;}
.downBoxTwo .downTab{/* position: sticky; top: 0; */ background: #fff; padding: 20px 0;}
.downBoxTwo .downTab.act{ border-bottom: 1px #eee solid;}
.downBoxTwo .downTab li{ display: inline-block; margin-right: 7.4%; border-color: #fff; padding: 0;}
.downBoxTwo .downTab li a{ display: block; padding: 0 24px; color: #2E2E2E;}
.downBoxTwo .downTab li:hover a{ color: #fff;}
.downBoxTwo .downTab li.on{ color: #fff; background: #E21D1F; border-color: #E21D1F;}
.downBoxTwo .downTab li.on a{ color: #fff;}
.downBoxTwo .downTabCon{margin-top: 30px;}
.downBoxTwo .downTabCon .tit{ background: #FAFAFA; padding: 0 30px; color: #2E2E2E; font-weight: bold;}
.downBoxTwo .downTabCon .tit .left,.downBoxTwo .downTabCon .tit .right{ line-height: 90px;}
.downBoxTwo .downTabCon .right{ width: 76.56%;}
.downBoxTwo .downTabCon .box .item{padding: 0 30px; border-bottom: 1px #EEEEEE solid; padding-bottom: 30px;}
.downBoxTwo .downTabCon .box .item .left{ color: #2E2E2E; line-height: 22px; margin-top: 30px;}
.downBoxTwo .downTabCon .box .item .right a{ float: left; width: 48%; display: block; color: #686768; height: 22px; line-height: 22px; margin-top: 30px;}
.downBoxTwo .downTabCon .box .item .right a:nth-child(2n){float: right;}
.downBoxTwo .downTabCon .box .item .right a:hover{ color: #192681;}
.p1_three_swiper{min-height: 450px;}


.downBoxOne .list3 ul li{ width: 30%; margin-right: 5%;}
.downBoxOne .list3 ul li:nth-child(3n){ margin-right: 0;}
.downBoxOne .list3 ul li .box{padding: 32px 44px 0 44px;}
.downBoxOne .list3 ul li .text a{ font-size: 16px;}

.downBoxOne .list .downItem{ width: 100%; text-align: left; margin-top: 6px; padding: 0 20px; box-sizing: border-box; height: 76px;}
.downBoxOne .list .downItem .downSelect{position: relative; margin-top: 4px;}
.downBoxOne .list .downItem .downSelect span{display: block; position: relative; height: 40px; line-height: 40px; border: 1px #ddd solid; padding: 0 14px; box-sizing: border-box; cursor: pointer;}
.downBoxOne .list .downItem .downSelect span::after{ content: ""; position: absolute; top: 48%; right: 14px; width: 6px; height: 6px; border-top: 1px #cfcfcf solid; border-right: 1px #cfcfcf solid; transform: translateY(-50%) rotate(135deg);}
.downBox .downSelect ul{ display: none; position: absolute; top: 40px; background: #fff; box-shadow:  0 0 4px rgba(0,0,0,0.1); width: 100%; z-index: 2; max-height: 266px; overflow-y: auto; z-index: 10;}
.downBox .downSelect ul li{width: 100%;}
.downBox .downSelect ul li a{ display: block; width: 100%; padding: 6px 14px; line-height: 26px; transition: 0.3s; box-sizing: border-box;}
.downBox .downSelect ul li a:hover{ background: #192681; color: #fff;}
.downBox .list .downA{ display: block; margin: 0 20px; margin-top: 20px;}
.downBoxTwo{ margin-bottom: 80px;}
.downBoxTwo .downTitle{ margin-top: 20px;}
.downBoxTwo .box{margin-top: 40px; }
.downBoxTwo .box .downTwoItem{display: flex; line-height: 40px;}
.downBoxTwo .box .downTwoItem i{ line-height: 40px;}
.downBoxTwo .box .downTwoItem .downSelect{position: relative; width: 230px; margin-left: 15px;}
.downBoxTwo .box .downTwoItem .downSelect span{display: block; position: relative; width: 100%; background: #192681; line-height: 40px; color: #fff; padding: 0 14px; box-sizing: border-box;  cursor: pointer;}
.downBoxTwo .box .downTwoItem .downSelect span::after{content: ""; position: absolute; top: 48%; right: 14px; width: 6px; height: 6px; border-top: 1px #fff solid; border-right: 1px #fff solid; transform: translateY(-50%) rotate(135deg);}
.downBoxTwo .box .downA{ display: block; line-height: 40px; width: 20%; text-align: center; color: #fff; background: #192681;}
.downBoxTwo .box .downTwoItem:nth-child(2) .downSelect{ width: 386px;}

/*启云、启智系列产品及解决方案*/
.qiBox{ padding-top: 66px;}
.qiBox .qiTitle{position: relative; background: url(../images/zp/qi_title.jpg) right bottom no-repeat; background-size: cover; height: 174px; padding: 0 50px; overflow: hidden;}
.qiBox .qiTitle h3{position: relative; color: #fff;}
.qiBox .qiTitle img{ position: absolute; top: 50%; transform: translateY(-50%); right: 14%;}
.qiBoxOne .box .boxItem{position: relative; padding:66px 0 66px 67px; border-bottom: 1px #E4E4E4 solid;}
.qiBoxOne .box .boxItem:last-child{border-bottom: none;}
.qiBoxOne .box .boxItem .title_icon{ position: absolute; top: 66px; left: 0; width: 44px; height: 44px; transition: all 0.3s; filter: brightness(0) invert(.2);}

.qiBoxOne .box .boxItem h3{ color: #2E2E2E; font-weight: bold; margin-bottom: 7px;}
.qiBoxOne .box .boxItem h4{ color: #686768; line-height: 2; text-align: justify;}
.qiBoxOne .box .boxItem .linkBox{ padding-top: 4px; border: 1px #DDDDDD solid; padding: 20px 20px 0 20px; box-sizing: border-box; margin-top: 50px;}
.qiBoxOne .box .boxItem .linkBox .list{ padding: 10px 0; background: #F4F7F8; border: 1px #DDDDDD solid; text-align: center; margin-bottom: 20px;}
.qiBoxOne .box .boxItem .linkBox .list .item{display: inline-block; margin: 0 30px; line-height: 44px;}
.qiBoxOne .box .boxItem .linkBox .list .item img{width: 44px; height: 44px; margin-right: 16px;}
.qiBoxOne .box .boxItem .linkBox .list .item span{ color: #686768;}
/* .qiBoxOne .box .boxItem2 h3{ color: #2E2E2E;}
 */
.qiBoxOne .box .boxItem>a:hover .title_icon{filter: none;}
.qiBoxOne .box .boxItem>a:hover h3{color: #192681;}

.qiBoxTwo{background: url(../images/zp/qi_twoBg.jpg) no-repeat center center; background-size: cover; padding-bottom: 66px;}
.qiBoxTwo .box{margin-top: 66px;}
.qiBoxTwo .box .left{ width: 248px; padding-top: 23px;}
.qiBoxTwo .box .left a{position: relative; display: block; height: 68px; text-align: center; color: #2E2E2E; font-weight: bold; transition: 0.3s; margin-top: 10px; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.qiBoxTwo .box .left a span{ display: block; width: 100%; text-align: center; position: absolute;}
.qiBoxTwo .box .left a.on{color: #fff; background: #E21D1F;}
.qiBoxTwo .box .left a:hover{background: #E21D1F; color: #fff;}
.qiBoxTwo .box .right{position: relative; width: calc(100% - 248px); background: #fff; box-shadow: 0 0 19px rgba(183,183,183,0.29); min-height: 368px; border-radius: 4px; overflow: hidden;}
.qiBoxTwo .box .right .qi_two_img{ position: absolute; bottom: 0; right: 0;}
.qiBoxTwo .box .right .swiper-slide{ padding: 48px 82px 28px 82px; box-sizing: border-box; display: flex; flex-wrap: wrap;}
.qiBoxTwo .box .right .item{ position: relative; padding-left: 67px; width: 46%; box-sizing: border-box; vertical-align: top; margin-bottom: 28px;transition: all 0.3s;}
.qiBoxTwo .box .right .item:nth-child(2n){margin-left: 8%;}
.qiBoxTwo .box .right .item img{ position: absolute; top: 0; left: 0; width: 44px; height: 44px; transition: all 0.3s; filter: brightness(0) invert(.2);}
.qiBoxTwo .box .right .item h3{ color: #2E2E2E; font-weight: bold; margin-bottom: 7px; transition: all 0.3s;}
.qiBoxTwo .box .right .item h4{color: #686768; line-height: 32px; text-align: justify; height: 64px; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.qiBoxTwo .box .right .item:hover{transform: translateX(5px);}
.qiBoxTwo .box .right .item:hover h3{color: #192681;}
.qiBoxTwo .box .right .item:hover img{filter: none;}

.qiBoxThree .list{ margin-top: 72px; display: flex; flex-wrap: wrap;}
.qiBoxThree .list li{ width: 23.75%; background: #F7FAFD; border: 1px #DCEAF8 solid; border-radius: 4px; box-sizing: border-box; overflow: hidden; margin-bottom: 22px; margin-right: 1.666%; min-height: 156px; transition: 0.3s;}
.qiBoxThree .list li:nth-child(4n){ margin-right: 0;}
.qiBoxThree .list li .title{position: relative; background: url(../images/zp/qi_three_title.jpg) no-repeat bottom center; background-size: cover; height: 66px; padding: 0 36px;}
.qiBoxThree .list li .title h3{position: relative; color: #fff; padding-left: 14px;}
.qiBoxThree .list li .title img{position: absolute; top: 50%; right: 10%; transform: translateY(-50%); opacity: 0.36;}
.qiBoxThree .list li .text{ padding: 18px 36px;}
.qiBoxThree .list li .text p{line-height: 26px; color: #686768;}
.qiBoxThree .list li .text p i{padding-right: 10px;}
.qiBoxThree .list li:hover{ transform: translateY(-6px);}


.qiBoxBtm{height: 375px; position: relative; margin-top: 44px; padding-top: 0;}
.qiBoxBtm .text{ position: relative;}
.qiBoxBtm .text h3{ color: #fff; margin-bottom: 24px;}
.qiBoxBtm .text p{ color: #fff;}
.qiBoxBtm .text .dmui-btn { background-color: #fff; border-color: #fff; color: #333; margin-top: 56px;}


.chooseDown{padding: 40px 0; text-align: center; display: none;}
.chooseDown a{ display: inline-block;  margin: 0 10px;}

/*案例列表*/
.newCase{ padding-top: 80px;}
.newCase .list{ margin-top: 40px;}
.newCase .list li{width: 32%; margin-right: 2%; margin-bottom: 19px;}
.newCase .list li a{position: relative; display: block; overflow: hidden;}
.newCase .list li a em{ display: block; padding-bottom: 64.88%;}
.newCase .list li a p{ position: absolute; top: 40px; left: 40px; color: #fff;}
.newCase .list li:first-child{width: 66%;}
.newCase .list li:first-child a em{padding-bottom: 44.97%;}
.newCase .list li:nth-child(2){ margin-right: 0;}
.newCase .list li:nth-child(2) a em{ padding-bottom: 92.75%;}
.newCase .list li:nth-child(3n - 1){ margin-right: 0;}
.newCase .list li a:hover em{transform: scale(1.1);}
.caseBtm{ background: #F8F8F8; margin-top: 46px; padding-top: 66px; padding-bottom: 80px;}
.caseBtm .caseType{ background: #fff; padding: 20px 40px; margin-top: 40px;}
.caseBtm .caseType .item{ display: flex; justify-content: space-between; border-bottom: 1px #DDDDDD dashed; margin-top: 20px;}
.caseBtm .caseType .item span{ display: block; font-weight: 500; color: #2E2E2E; line-height: 44px;}
.caseBtm .caseType .item .txt{ width: calc(100% - 94px); line-height: 44px;}
.caseBtm .caseType .item .txt a{ display: inline-block; border: 1px #E7E7E7 solid; border-radius: 4px; padding: 0 14px; margin-right: 16px; color: #2E2E2E; transition: 0.4s; margin-bottom: 20px;}
.caseBtm .caseType .item .txt a.on{ background: #E21D1F; color: #fff; border-color: #E21D1F;}
.caseBtm .caseType .item .txt a:hover{ color: #E21D1F; border-color: #E21D1F;}
.caseBtm .caseType .item .txt a.on:hover{ color: #fff;}
.caseBtm .caseType .item:last-child{border-bottom: none;}
.caseBtm .list{ margin-bottom: 60px; }
.caseBtm .list li{ width: 32%; margin-right: 2%; margin-top: 50px;}
.caseBtm .list li:nth-child(3n){ margin-right: 0;}
.caseBtm .list li a{position: relative; display: block; border-radius: 4px; overflow: hidden; box-shadow: 0 0 20px rgba(221,221,221,0.5);}
.caseBtm .list li a::before{ content: ""; position: absolute; bottom: 0; left: 50%; width: 0; height: 4px; background: linear-gradient(90deg,#46A0DE,#192681); transform: translateX(-50%);  transition: 0.4s;}
.caseBtm .list li a .pic{position: relative; overflow: hidden;}
.caseBtm .list li a .pic em{ display: block; padding-bottom: 64.87%;}
.caseBtm .list li a .text{ padding: 25px; background: #fff;}
.caseBtm .list li a .text .lable{ height: 24px;}
.caseBtm .list li a .text .lable span{ display: inline-block; height: 24px; line-height: 24px; background: #FFE4E4; border-radius: 4px; color: #E21D1F; padding: 0 12px; margin-right: 4px;}
.caseBtm .list li a .text h3{ height: 20px; line-height: 20px; margin: 20px 0 12px 0;}
.caseBtm .list li a .pic .txt{position: absolute; top: 100%; left: 0; width: 100%; height: 100%; background: rgba(25,38,129,0.4); }
.caseBtm .list li a:hover::before{ width: 100%;}
.caseBtm .list li a:hover .pic .txt{top: 0;}
.noCase{ text-align: center; padding: 80px 0 30px 0;}
.noCase p{ line-height: 24px; color: #595959; margin-top: 40px;}

/*案列详情*/
.contCaseTop{ position: relative;z-index: 1;}
.contCaseTop .contCaseText{position: relative; margin-top: -50px; background: url(../images/zp/demo/case/contCaseText.jpg) no-repeat bottom center; background-size: cover; padding: 70px 0 68px 0; box-shadow: 0 0 20px rgba(189,189,189,0.5);}
.contCaseTop .contCaseText .text{ width: 67.5%; margin: 0 auto; line-height: 2;}
.contCaseTop .contCaseText .yinhao{position: absolute; top: 17px; left: 56px;}
.contCaseTop .contCaseText .yinhaoB{top: auto; left: auto; bottom: 17px; right: 56px; transform: rotate(180deg);}

.contCase{ padding-top: 80px;}
.contCase .dmui-main-title{ margin-bottom: 40px;}
.contCaseTwo .box .left{ width: 49.14%;}
.contCaseTwo .box .right{ width: 45.39%; padding-top: 47px; text-align: justify;}
.contCaseC{margin-top: 80px; background: url(../images/zp/demo/case/contCaseBtm.png) no-repeat center; background-size: cover;}
.contCaseThree{ padding: 60px 0;}
.contCasefour .list{ margin-top: -22px;}
.contCasefour .list li{float: left; width: 49.14%; margin-top: 22px;}
.contCasefour .list li:nth-child(2n){ float: right;}
.contCasefour .list li a{ display: flex; justify-content: space-between; align-items: center; padding: 0 46px 0 40px; box-sizing: border-box; height: 115px; box-shadow: 0 0 20px rgba(221,221,221,0.5); transition: 0.3s;}
.contCasefour .list li a span{display: flex; align-items: center;}
.contCasefour .list li a span i{padding-left: 30px; color: #333333; transition: 0.3s;}
.contCasefour .list li a:hover{box-shadow: 0 0 32px rgba(221,221,221,0.5);}
.contCasefour .list li a:hover span i{ color: #192681; }

.contCaseSix ul li{ float: left; width: 32%; margin-right: 2%;}
.contCaseSix ul li:nth-child(3n){ margin-right: 0;}
.contCaseSix ul li a{position: relative; display: block; background: #fff; box-shadow: 0 0 20px rgba(221,221,221,0.5); padding: 28px 40px 20px 40px; box-sizing: border-box; border-radius: 4px; overflow: hidden;}
.contCaseSix ul li a::before{ content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 0; height: 4px; background: linear-gradient(90deg,#46A0DE,#192681); transition: 0.4s;}
.contCaseSix ul li a h3{ height: 20px; line-height: 20px; color: #333333; font-weight: 500;}
.contCaseSix ul li a p{ line-height: 30px; height: 60px; color: #2E2E2E; margin-top: 18px;}
.contCaseSix ul li a .txt{ display: flex; justify-content: space-between; align-items: center; margin-top: 30px; padding-top: 26px; border-top: 1px #DDDDDD solid;}
.contCaseSix ul li a .txt i{ display: block; width: 25px; height: 6px; background: url(../images/zp/demo/case/more.png)no-repeat top right; transition: 0.4s;}
.contCaseSix ul li a .txt .time span{ display: block; color: #DDDDDD;}
.contCaseSix ul li a .txt .time b{ color: #DDDDDD; font-weight: 500;}
.contCaseSix ul li a:hover::before{ width: 100%;}
.contCaseSix ul li a:hover h3{ color: #192681;}
.contCaseSix ul li a:hover .txt .time b{ color: #595959;}
.contCaseSix ul li a:hover .txt i{background-position: top left;}
.contCaseB{margin-top: 80px; background: #F8F9F9; padding-bottom: 80px;}
.contCaseSeven .caseBtm{ margin: 0; padding: 0;}
.contCaseSeven .caseBtm .list{ margin-bottom: 0;}
.contCaseSeven .caseBtm .list li{margin: 0; width: auto;}
.contCaseSeven .box{ overflow: hidden; position: relative; padding-bottom: 70px;}
.contCaseSeven .box .btn span{ background: #192681; width: 10px; height: 10px; margin: 0 6px !important;}
.caseBtm .list li a .pic .txt .p{ padding: 40px 25px; box-sizing: border-box; color: #fff; line-height: 30px;}



/* 20221205 */
.db_list_p1_word3{display: flex;justify-content: flex-end;position: relative;box-shadow: 0 0 20px rgb(189 189 189 / 50%);margin-top: -50px;background: url(../images/zp/demo/case/contCaseText.jpg) no-repeat bottom center;background-size: cover;}
.db_list_p1_word3 dt{width: 352px;height: calc(100% - 40px);min-height: 196px;position: absolute;left: 20px;top: 20px;box-shadow: 0 7px 18px rgba(226,226,226,0.5);border-top-left-radius: 4px;border-bottom-left-radius: 4px;background-position: center;background-repeat: no-repeat;background-size: cover;cursor: pointer;}
.db_list_p1_word3 dt img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.db_list_p1_word3 dd{width: calc(100% - 352px);min-height: 238px;}
.db_list_p1_word3 dd .contCaseText2{position: relative;padding: 66px 89px;}
.db_list_p1_word3 dd .contCaseText2 .text{color: #2F2F2F;line-height: 26px;font-weight: bold;}
.db_list_p1_word3 dd .contCaseText2 .yinhao{position: absolute;width: 40px;}
.db_list_p1_word3 dd .contCaseText2 .yinhao.yinhaoT{left: 48px;top: 24px;}
.db_list_p1_word3 dd .contCaseText2 .yinhao.yinhaoB{right: 48px;bottom: 24px;transform: rotate(180deg);}
body .video-skin .layui-layer-setwin .layui-layer-close2{border: none !important;background-image: none !important;width: 50px;height: 50px;right: -70px;top: -20px;}
body .video-skin .layui-layer-setwin .layui-layer-close2:after {
    content: '';
    position: absolute;
    width: 40px;
    height: 40px;
	left: 50%;top: 50%;transform: translate(-50%,-50%);
    background-image: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgd2lkdGg9IjIwMCIgaGVpZ2h0PSIyMDAiIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iIzEyOTZkYiIgZD0iTTU0OC45OTIgNTAzLjc0NEw4ODUuNDQgMTY3LjMyOGEzMS45NjggMzEuOTY4IDAgMSAwLTQ1LjI0OC00NS4yNDhMNTAzLjc0NCA0NTguNDk2IDE2Ny4zMjggMTIyLjA4YTMxLjk2OCAzMS45NjggMCAxIDAtNDUuMjQ4IDQ1LjI0OGwzMzYuNDE2IDMzNi40MTZMMTIyLjA4IDg0MC4xNmEzMS45NjggMzEuOTY4IDAgMSAwIDQ1LjI0OCA0NS4yNDhsMzM2LjQxNi0zMzYuNDE2TDg0MC4xNiA4ODUuNDRhMzEuOTY4IDMxLjk2OCAwIDEgMCA0NS4yNDgtNDUuMjQ4TDU0OC45OTIgNTAzLjc0NHoiLz48L3N2Zz4=);
    background-size: 100% 100%;
}
.layui-layer-content video{display: block;}

@media screen and (min-width: 1921px){
	.dx_zp_trainOne .dx_zp_trainSvg2{ left: 50%; margin-left: -960px;}
	.dx_zp_trainOne .dx_zp_trainSvg{left: 50%; margin-left: -960px;}
}

@media screen and (max-width: 1460px){
	.downBoxTwo .downTab li{ margin-right: 4%;}
}

@media screen and (max-width: 1400px){
	.dx_zp_contTop .takeInform .takeInformBox .item{ margin-right: 0.7%;}
	/*客户服务*/
	.service_three .listBox li .three .item a{ padding: 0 12px;}
	.service_three .listBox li .three .item:nth-child(2){ padding: 0 8px; width: 60%;}
	.service_three .serviceBox ul li .txt{padding: 0 30px;}
	.service_three .map{z-index: 1;}
	.service_three .text{ top: 36%; width: 310px;}
	/*下载列表*/
	.downBoxOne .list{width: 100%;}
	.downBoxOne .list ul li .box{padding: 52px 24px 0 24px;}
	.downBoxTwo .box .downTwoItem .downSelect{ width: 200px;}
	.downBoxTwo .box .downA{ width: 14%;}

}

@media screen and (max-width: 1340px){
	/*服务与合作*/
	.service_three .map{ width: 70%; height: 700px;}
	.service_three .text{ top: 36%;}
	/*活动列表*/
	.zp_activity_list .sort a{ margin-left: 8px;}
	.zp_activity_list .sort a:first-child{ margin-left: 0;}

	.qiBoxOne .box .boxItem .linkBox .list .item{ margin: 0 20px;}
	/*案例*/
	.contCaseTwo .box .right{ padding-top: 0;}
}

@media screen and (max-width: 1280px){
	/*dx-书籍列表*/
	.dx_zp_picList ul li{ width: 22.8%; margin-right: 2.93%;}
	.dx_zp_picList ul li:nth-child(4n){ margin-right: 0;}
	.dx_zp_picList ul li:nth-child(5n){ margin-right: 2.93%;}
	/*培训合作*/
	.dx_zp_trainTwo .list li{ width: 33.33%;}
	/*新闻详情*/
	.about_content .newsCont .wordBox .title h4 .foot_share{ width: 100%;}
	/*服务与合作*/
	.service_three .map{ width: 100%;}
	.service_three .text{ position: relative; top: auto; right: auto; width: 100%; padding: 0 20px; box-sizing: border-box;}
	.service_three .listBox{ margin-top: 20px;}
	.service_three .listBox li{ padding: 20px;}
	.service_three .listBox li .three .item:nth-child(2){ padding: 0 10px;}
	.service_three .listBox li .three .item a{ padding: 0 12px;}
	.service_three .onlineBtm{ padding: 20px;}
	.service_three .btm .item .fl{ margin-right: 10px; width: 68px;}
	/*活动列表*/
	.zp_activity_ban .swiper-slide{ height: 320px;}
	.zp_activity_ban .swiper-slide .text{ padding: 20px 20px 0 20px;}
	.zp_activity_ban .swiper-slide .text h4{ margin-top: 16px; max-height: 60px;-webkit-line-clamp: 2;}
	.zp_activity_ban .swiper-slide .text .btn{ left: 20px;}
	/*下载列表*/
	.downBoxOne .list ul li .box{ padding: 36px 14px 0 14px; }
	.downBoxOne .list3 ul li{ width: 32%; margin-right: 2%;}
	.downBoxTwo .box .downA{ width: 10%;}
	/*启云、启智系列产品及解决方案*/
	.qiBoxOne .box .boxItem .linkBox .list .item{ margin-right: 50px;}
	.qiBoxThree .list li .text{ padding: 18px;}

	.qiBoxOne .box .boxItem .linkBox .list .item{ margin: 0 12px;}

}

@media screen and (max-width: 1200px){
	/* .zp_activity_list .form .text{width: 168px;} */

	.downBoxTwo .downTab li{ margin-right: 2%;}
	/*启云、启智系列产品及解决方案*/
	.qiBoxTwo .box .right .swiper-slide{padding: 48px 62px 28px 62px;}
	.qiBoxOne .box .boxItem .linkBox .list .item{ margin-right: 30px;}
	.qiBoxThree .list li{ width: 32%; margin-right: 2%;}
	.qiBoxThree .list li:nth-child(4n){ margin-right: 2%;}
	.qiBoxThree .list li:nth-child(3n){ margin-right: 0;}
	/*下载列表*/
	.downBoxTwo .box .downTwoItem .downSelect{ width: 150px; margin-left: 6px;}
	.downBoxTwo .box .downTwoItem:nth-child(2) .downSelect{ width: 336px;}

}

@media screen and (max-width: 991px){
	.dx_Box{ padding-bottom: 40px;}
	/*dx-书籍列表*/
	.dx_zp_picList ul li{ width: 31.4%; margin-right: 2.9%;}
	.dx_zp_picList ul li:nth-child(4n){ margin-right: 2.9%;}
	.dx_zp_picList ul li:nth-child(5n){ margin-right: 2.9%;}
	.dx_zp_picList ul li:nth-child(3n){ margin-right: 0;}
	/*dx-书籍详情*/
	.dx_zp_contTop{ padding: 20px;}
	.dx_zp_contTop .contTopText .priceBox{ line-height: 60px;}
	.dx_zp_contTop .contTopText .priceBox img{ display: none;}
	.dx_zp_contTop .contTopText .priceBox .newPrice{ padding-left: 20px;}
	.dx_zp_contTop .contTopText .text{ margin-top: 16px;}
	.da_zp_contBtm .tab{ height: 60px; line-height: 60px;}
	.da_zp_contBtm .tabBox .item{ padding: 30px 0;}
	.da_zp_contBtm .tab a{ margin-right: 60px;}
	.da_zp_contBtm .tabBox .interact ul li .Q .tit{ width: 100%;}
	.da_zp_contBtm .tabBox .interact ul li .Q .inform{ width: 100%;}
	.da_zp_contBtm .tabBox .interact ul li .Q .inform span:first-child{ margin-left: 0;}
	/*新闻详情*/
	.about_content .newsCont .wordBox{ width: 100%;}
	.about_content .newsCont .rightHot{ width: 100%;}
	.about_content .newsCont .rightHot ul li .time{ margin-top: 10px;}
	/*db商品详情*/
	.db_contBtm .tab a{ margin-right: 20px;}
	.dx_zp_contTop .contTopText .txt{ padding-left: 0;}
	.dx_zp_contTop .contTopText .txt .txtCont{ width: calc(100% - 74px);}
	.dx_zp_contTop .contTopText .buyBtn{ padding-left: 0;}
	.db_contBtm .tabBox .item{ padding-top: 0;}
	/*服务与合作*/
	.service_three .map{ height: 560px;}
	.service_three .listBox li{ width: 100%; margin-right: 0; height: auto;}
	.service_three .listBox li:nth-child(3){ height: auto;}
	.service_three .listBox li:nth-child(4){ height: auto;}
	/*产品*/
	.zp_pro_swiper .txt{ width: 100%;}
	.zp_pro_swiper .img{ position: relative; top: 0; left: 0; margin-top: 20px; transform: translate(0); width: 100%; text-align: center;}
	.zp_pro_swiper .img img{ display: inline-block;}
	.service_three .btm{ display: block;}
	.service_three .btm .item{ float: left; width: 33.33%; margin-bottom: 20px;}
	.service_three .btm .item .fl{ width: 100%;}
	/*活动列表*/
	.zp_activity_ban .swiper-slide{ height: 214px;}
	.zp_activity_ban .swiper-slide .img{ width: 55%;}
	.zp_activity_ban .swiper-slide .text{ width: 44%;}
	.zp_activity_ban .swiper-slide .text h4{ margin: 4px 0 6px 0;}
	.zp_activity_ban .swiper-slide .text .txt{padding-top: 3px;}
	.zp_activity_ban .swiper-slide .text .txt p{ line-height: 22px;}
	.zp_activity_ban .swiper-slide .text .btn{ bottom: 10px;}
	/* .zp_activity_list .sort a{ width: 18%;}
	.zp_activity_list .ql_date_input{ width: 23%;}
	.zp_activity_list .form{ width: 100%; margin-top: 12px; box-sizing: border-box;}
	.zp_activity_list .form .text{ width: 80%;}
	.zp_activity_list .form .subm{ width: 20%; box-sizing: border-box;} */

	/*下载*/
	.downBoxOne .list ul li{ width: 48%; margin-right: 0; margin-bottom: 20px;}
	.downBoxOne .list ul li:nth-child(2n){float: right;}
	.downBoxOne .list ul li .box{ padding: 36px 24px 0 24px;}

	/*启云、启智系列产品及解决方案*/
	.qiBox{ padding-top: 30px;}
	/* .qiBoxOne .box .boxItem{ padding: 30px 0 30px 67px;} */
	.qiBoxOne .box .boxItem{ padding: 0;}
	.qiBoxOne .box .boxItem > a{display: block; padding: 30px 0 0 67px;}
	.qiBoxOne .box .boxItem .title_icon{ top: 30px;}
	.qiBoxTwo{ padding-bottom: 30px;}
	.qiBoxTwo .box{ margin-top: 30px;}
	.qiBoxTwo .box .left{ width: 120px;}
	.qiBoxTwo .box .left a{height: 58px;}
	.qiBoxTwo .box .right{ width: calc(100% - 120px); min-height: 310px;}
	.qiBoxTwo .box .right .swiper-slide{ padding: 30px;}
	.qiBoxTwo .box .right .item{margin-bottom: 18px;}
	.qiBoxThree .list{ margin-top: 30px;}
	.qiBoxBtm{ margin-top: 14px; height: 270px; padding-top: 0;}
	.qiBoxBtm .text .dmui-btn{ margin-top: 28px;}
	.qiBoxTwo .box{ margin-top: 16px;}
	.qiBoxTwo .box .left{ width: 100%; overflow: hidden; padding-top: 0;}
	.qiBoxTwo .box .left a{width: 25%; float: left; border-radius: 4%; height: 42px;}
	.qiBoxTwo .box .right{ width: 100%;}
	.qiBoxTwo .box .right .item{ width: 100%; margin-left: 0;}
	.qiBoxTwo .box .right .item:nth-child(2n){ margin-left: 0;}
	.qiBoxTwo .box .right .swiper-slide{ padding: 16px 16px 0 16px;}
	/*下载列表*/
	.downBoxTwo .box{ display: block;}
	.downBoxTwo .box .downTwoItem{ margin-bottom: 20px;}
	.downBoxTwo .box .downTwoItem .downSelect{ flex: 1; margin-left: 16px;}
	.downBoxTwo .box .downA{ width: 100%;}
	/*案例列表*/
	.newCase{ padding-top: 40px;}
	.caseBtm{ padding: 40px 0; margin-top: 40px;}
	.caseBtm .list{ margin-bottom: 30px;}
	.contCase{padding-top: 40px;}
	.contCaseTwo .box .left{ width: 100%;}
	.contCaseTwo .box .right{ width: 100%; margin-top: 20px;}
	.contCasefour .list li a{padding: 0 20px;}
	.contCasefour .list li a span i{padding-left: 12px;}
}

@media screen and (max-width: 768px){
	.dx_zp_trainTwo .dx_zp_trainTwoBox .btn span{ width: 8px; height: 8px; margin: 0 4px;}
	.dx_zp_trainTwo .dx_zp_trainTwoBox{height: 376px; padding-bottom: 10px;}
	.dx_zp_trainTwo .list li{ height: 188px;}


}

@media screen and (max-width: 760px){
	/*dx-书籍详情*/
	.pic-show-box{ width: 100%;}
	.pic-show-box .big-pic-box .big-pic-swiper .swiper-slide .pic{ height: auto; padding-bottom: 80%;}
	.pic-show-box .small-pic-box .small-pic-swiper .swiper-slide .pic{ height: 70px;}
	.pic-show-box .small-pic-box .btn{opacity: 1;}
	.pic-show-box .small-pic-box .btn{ height: 42px; margin-top: -21px;}
	.dx_zp_contTop .contTopText{ width: 100%; margin-top: 20px;}
	.dx_zp_contTop .contTopText .priceBox{ height: 50px; line-height: 50px; padding: 0 20px; margin-top: 10px;}
	.dx_zp_contTop .contTopText .name{ margin-top: 0;}
	.da_zp_contBtm .tab{ height: 52px; line-height: 52px; padding: 0 20px;}
	.da_zp_contBtm .tab a{ margin-right: 20px;}
	.da_zp_contBtm .tabBox{ margin: 0 20px;}
	.da_zp_contBtm .tabBox .item{ padding: 18px 0;}
	.da_zp_contBtm .tabBox .interact .title{ height: 50px; line-height: 50px;}
	.da_zp_contBtm .tabBox .interact .title .box img{ margin-right: 10px; width: 50px; display: none;}
	.da_zp_contBtm .tabBox .interact .title .box span{ display: none;}
	.da_zp_contBtm .tabBox .interact .title .btn{ margin-left: 0;}
	.da_zp_contBtm .tabBox .interact ul li{ margin-bottom: 20px;}
	/*培训合作*/
	.dx_zp_trainTitle{ padding-top: 25px; margin-bottom: 20px;}
	.dx_zp_trainOne .dx_zp_trainSvg2{ display: none;}
	.dx_zp_trainOne .dx_zp_trainSvg{ display: none;}
	.dx_zp_trainTwo .list li{ width: 50%; height: 188px;}
	.dx_zp_trainTwo .list li a .pic{ height: 60%;}
	.dx_zp_trainTwo .list li a .back{ padding: 10px;}
	.dx_zp_trainTwo .list li a .back h3{line-height: 24px; font-size: 15px;}
	.dx_zp_trainTwo .list li a .back p{ margin-top: 4px; line-height: 22px; font-size: 13px;}
	.dx_zp_trainThree{ margin-top: 25px;}
	/*弹窗*/
	.dx_askTan{ padding: 0 14px; padding-bottom: 14px;}
	.dx_askTan .tit{ height: 50px; line-height: 50px; text-align: left;}
	.dx_askTan .tit em{ line-height: 50px; font-size: 12px;}
	.dx_askTan form textarea{ height: 150px;}
	.dx_askTan form .btnBox{ margin-top: 16px;}
	.dx_askTan .text{ padding-bottom: 0;}
	/*达梦大学采购表单样式*/
	.dx_zp_contTop .dmui-form .layui-form-label{ width: 70px;}
	.dx_zp_contTop .layui-input-block{ margin-left: 90px;}
	.dx_zp_contTop .dmui-form .bottom-btns-area{ margin-top: 20px;}
	/*新闻详情*/
	.about_content .newsCont .wordBox .title{ margin-bottom: 14px;}
	.about_content .newsCont .wordBox .title h4{ padding: 12px; margin-top: 14px;}
	.about_content .newsCont .wordBox .title h4 span{ margin-right: 8px;}
	.about_content .newsCont .wordBox .title h4 span i{ margin-right: 4px;}
	.word{ line-height: 28px;}
	.about_content .newsCont .wordBox .linkPage{ padding-top: 20px; margin-top: 20px;}
	.about_content .newsCont .rightHot .title{ height: 56px; line-height: 56px;}
	.about_content .newsCont .rightHot ul li{ margin-bottom: 20px;}
	.about_content .newsCont .wordBox .apply{ margin-top: 20px;}
	.about_content .newsCont .rightHot{ display: none;}
	/*db商品详情*/
	.dx_zp_contTop .contTopText .txt .txtCont .specs{ padding: 0 10px; line-height: 26px;}
	.dx_zp_contTop .contTopText .bayNum{ margin-bottom: 0;}
	.db_contBtm .tabBox .item .title{ margin-top: 20px; margin-bottom: 10px;}
	.db_contBtm .tab a:hover{ color: #686768;}
	.db_contBtm .tab a.on{color: #E21D1F;}
	/*服务与合作*/
	.service_three .map{ display: none;}
	.servicePart{ margin-top: 24px;}
	.service_one .title{ font-size: 26px;}
	.service_one .tit{margin-top: 0;}
	.service_one .form{ margin-top: 12px; height: 44px; line-height: 44px;}
	.service_one .form .btn{ margin-top: 11px;}
	.service_one .ans{ margin-top: 24px;}
	.service_one .ans .list{ margin-top: 20px;}
	.service_one .ans .list li{ width: 100%; margin-right: 0; margin-bottom: 14px;}
	.service_two ul li{ width: 100%; margin-right: 0; padding: 0; margin-bottom: 20px; min-height: auto;}
	.service_two ul li:hover { background: none; box-shadow: initial; -webkit-transform: translateY(0); transform: translateY(0);}
	.service_two ul li:last-child{ margin-bottom: 0;}
	.service_two ul li p{ width: 100%;}
	.service_three .text{ margin-top: 20px;}
	.service_three .listBox li .txt .item{}
	.service_three .serviceBox ul li .txt{ padding: 0 14px;}
	.service_three .serviceBox{ margin-bottom: 30px;}
	.service_three .listBox li .txt .item i{ display: none;}
	.service_three .listBox li .three .item:first-child{ display: none;}
	.service_three .listBox li:last-child .txt{ display: block; position: relative;}
	.service_three .listBox li .four .item:nth-child(2n+1){ position: absolute; top: 0; left: 0; width: 50%; text-align: center;}
	.service_three .listBox li .four .item:nth-child(3){ left: auto; right: 0;}
	.service_three .listBox li .four .item:nth-child(2n){ float: left; width: 50%; margin-top: 30px;}
	/*活动列表*/
	.zp_activity_ban{ padding: 20px 0 20px 0;}
	.zp_activity_ban .zp_activity_banBox{ padding-bottom: 46px;}
	.zp_activity_ban .swiper-slide{ height: auto;}
	.zp_activity_ban .swiper-slide .img{ width: 100%; height: auto; padding-bottom: 48%;}
	.zp_activity_ban .swiper-slide .text{ width: 100%; height: auto; padding-bottom: 72px;}
	.zp_activity_ban .swiper-slide .text .btn{ bottom: 22px;}
	.zp_activity_ban .swiper-slide .text h4{ max-height: 30px; -webkit-line-clamp: 1;}
	.zp_activity_list{ padding-bottom: 32px;}
	.zp_activity_list .sort{ margin-top: 30px;}
	.zp_activity_list .list{ margin-top: 30px; padding-bottom: 0;}
	.zp_activity_list .list li{ width: 100%; margin-right: 0; margin-bottom: 28px;}
	.zp_activity_list .list li .text p{ margin-top: 6px;}
	.zp_activity_list .list li .text h3{ line-height: 28px; height: 56px;}
	/*下载列表*/
	.downBox{ margin-top: 30px;}
	.downBox .downTitle{ margin-top: 20px;}
	.downBoxOne .list{margin-top: 0;}
	.downBoxOne .list ul li .box{padding: 20px; }
	.downBoxOne .list ul li h3{ margin-top: 20px;}
	.downBoxOne .list ul li .text{ margin-top: 10px;}
	.downBoxTwo{margin-top: 0;}
	.downBoxTwo .downTab{ padding: 12px 0;}
	.downBoxTwo .downTab li{margin-right: 0;}
	.downBoxTwo .downTabCon{ margin-top: 0;}
	.downBoxTwo .downTabCon .tit .left{width: 50%; text-align: center; line-height: 60px;}
	.downBoxTwo .downTabCon .tit .right{width: 50%; text-align: center; line-height: 60px;}
	.downBoxTwo .downTabCon .box .item{ padding-bottom: 14px;}
	.downBoxTwo .downTabCon .box .item .left{ width: 100%; margin-top: 14px;}
	.downBoxTwo .downTabCon .box .item .right a{ margin-top: 14px; width: 100%;}
	.downBoxTwo .downTabCon .box .item .right{ width: 100%;}
	/*启云、启智系列产品及解决方案*/
	.qiBox .qiTitle{padding: 0 20px; height: 80px;}
	.qiBox .qiTitle img{ height: 80%; right: 20px;}
	.qiBoxOne .box .boxItem .linkBox .list .item{ margin-top: 6px; margin-right: 16px;}
	.qiBoxOne .box .boxItem .linkBox .list .item img{ width: 30px; height: 30px; margin-right: 6px;}
	.qiBoxThree .list li{ width: 48.6%; margin-right: 0; min-height: 120px;}
	.qiBoxThree .list li:nth-child(4n){ margin-right: 0;}
	.qiBoxThree .list li:nth-child(2n){ margin-left: 2.8%;}
	.qiBoxThree .list li:hover{ transform: none;}
	.qiBoxThree .list li .title{padding: 0 16px; height: 46px;}
	.qiBoxThree .list li .title img{ height: 60%;}
	.qiBoxThree .list li .text{ padding: 10px;}
	.qiBoxThree .list li .text p i{ padding-right: 4px;}
	.qiBoxBtm{ height: 230px;}
	.qiBoxOne .box .boxItem .linkBox .list .item.length{ margin-right: 16px;}
	/*案例列表*/
	.newCase{ padding-top: 24px;}
	.newCase .list{ margin-top: 20px;}
	.newCase .list li:first-child{ width: 100%;}
	.newCase .list li{ width: 100%; margin-right: 0;}
	.newCase .list li:first-child a em{ padding-bottom: 64.88%;}
	.newCase .list li:nth-child(2) a em{ padding-bottom: 64.88%;}
	.caseBtm{margin-top: 24px; padding-top: 24px;}
	.caseBtm .caseType{ padding: 10px;}
	.caseBtm .caseType .item{ display: block;}
	.caseBtm .caseType .item .txt{ width: 100%;}
	.caseBtm .caseType .item{ margin-top: 10px;}
	.caseBtm .caseType .item .txt a{ height: 36px; line-height: 36px; padding: 0 10px; margin-right: 6px; margin-bottom: 10px;}
	.caseBtm .list li{ margin-top: 20px; width: 100%; margin-right: 0;}
	.caseBtm .list li a .text{ padding: 16px 10px 10px 10px;}
	.caseBtm .list li a .text h3{ margin: 10px 0;}
	.noCase img{ width: 260px;}
	.noCase{ padding: 30px 0 0 0;}
	.noCase p{ font-size: 16px;}
	.contCaseTop .contCaseText .yinhao{display: none;}
	.contCaseTop .contCaseText{ padding: 20px; margin-top: -30px;}
	.contCaseTop .contCaseText .text{ width: 100%;}
	.contCase{padding-top: 24px;}
	.contCase .dmui-main-title{ margin-bottom: 20px;}
	.contCaseC{ margin-top: 24px;}
	.contCaseThree{ padding-bottom: 24px;}
	.contCasefour .list li{ width: 100%;}
	.contCasefour .list li a{ height: 80px;}
	.contCasefour .list li a span img{ width: 46px;}
	.contCaseSix ul li{ width: 100%; margin-right: 0; margin-bottom: 14px;}
	.contCaseSix ul li a{ padding: 20px 20px 10px 20px;}
	.contCaseSix ul li a p{ margin-top: 10px;}
	.contCaseSix ul li a .txt{ margin-top: 16px; padding-top: 10px;}
	.contCaseB{ margin-top: 18px; padding-bottom: 24px;}
	.contCaseSeven .box{ padding-bottom: 50px;}
	/* 20221205 */
	.db_list_p1_word3{flex-wrap: wrap;margin-top: -20px;}
	.db_list_p1_word3 dd{width: 100%;min-height: auto;}
	.db_list_p1_word3 dt{position: relative;padding-bottom: 51%;width: calc(100% - 40px);height: auto;left: 0;top: 0;margin: 20px ;min-height: inherit;}
	.db_list_p1_word3 dd .contCaseText2{padding: 30px;}
	.db_list_p1_word3 dd .contCaseText2 .yinhao{width: 30px;}
	.db_list_p1_word3 dd .contCaseText2 .yinhao.yinhaoT{left: 5px;top: 5px;}
	.db_list_p1_word3 dd .contCaseText2 .yinhao.yinhaoB{right: 5px;bottom: 5px;}
	.db_list_p1_word3{justify-content: center;}
}

@media screen and (max-width: 468px){
	.dx_Box{padding: 20px 0;}
	/*dx-书籍列表*/
	.dx_zp_picList ul li{ width: 48%; margin-right: 0; margin-bottom: 14px;}
	.dx_zp_picList ul li:nth-child(4n){ margin-right: 0;}
	.dx_zp_picList ul li:nth-child(5n){ margin-right: 0;}
	.dx_zp_picList ul li:nth-child(3n){ margin-right: 0;}
	.dx_zp_picList ul li:nth-child(2n){ float: right;}
	.dx_zp_picList ul li a .text{ padding: 0 10px;}
	/*书籍详情*/
	.dx_zp_picContBox{ padding-top: 0;}
	.da_zp_contBtm .tabBox .interact ul li .Q .tit{ font-size: 15px;}
	.da_zp_contBtm .tabBox .item{ font-size: 14px; }
	/*活动列表*/
	/* .zp_activity_list .sort a{ width: 23.3%; margin-left: 2.2%;}
	.zp_activity_list .ql_date_input{ width: 34%; float: left; margin-top: 12px;}
	.zp_activity_list .form{ width: 62%; height: 36px; line-height: 32px;}
	.zp_activity_list .form .subm{ height: 36px;} */
	.service_three .btm .item{ width: 50%;}
	.service_three .btm .item:nth-child(2n){ float: right;}
	.service_three .btm .item img{ margin-top: 4px;}
	.service_three .btm .item i{ width: 20px; height: 20px;}

	/*下载*/
	.downBoxOne .list ul li{ width: 100%;}
	.downBoxOne .list ul li .box{height: auto; min-height: 260px;}
	/*下载列表*/
	.downBoxTwo .box .downTwoItem{ display: block;}
	.downBoxTwo .box .downTwoItem:first-child{ margin-bottom: 10px;}
	.downBoxTwo .box .downTwoItem .downSelect{ margin-left: 0; width: 100%;}
	.downBoxTwo .box .downTwoItem:nth-child(2) .downSelect{ width: 100%;}
	.downBoxTwo{ margin-bottom: 30px;}

}