﻿.banner{position: relative;}
.banner img{width: 100%;}
.banner .words{position: absolute;width:1200px;margin:0 auto;left: 50%;margin-left: -600px;top: 50%;transform: translateY(-50%);color:#fff;}
.banner .words .className{font-size:60px;}
.banner .words .enName{font-size:30px;}
/*页码  */
.pages{margin-top:60px;font-size:0;line-height:30px;text-align:center}
.pages a{font-size:13px;color:#0168b4;margin:0 8px;border:1px solid #0168b4;border-radius:3px;width:30px;height:30px;display:inline-block;text-align:center}
.pages a:first-child,.pages a:last-child{padding:0 7px;width:auto;height:auto;}

/*专注服务*/
.content{margin:4.7vw auto 2vw;width:84%;min-width: 1200px;}
.ZhuanZhu{width:100%;display: flex;flex-wrap: wrap;align-items: flex-start;}
.ZhuanZhu li{width:22%;float: left;margin: 0px 4% 4% 0px;}
.ZhuanZhu li .Img{width:100%;height:26.5vw;overflow:hidden;}
.ZhuanZhu li .Img img{width:100%;transition:.35s all ease-in-out}
.ZhuanZhu li:hover .Img img{transform:scale(1.05)}
.ZhuanZhu li:nth-child(4n){margin-right:0px;}
.ZhuanZhu li .words{color:#333333;}
.ZhuanZhu li:hover .words .title{font-weight:700}
.ZhuanZhu li .title{font-size:18px;margin: 1vw 0px;height: 24px;overflow: hidden;}
.ZhuanZhu li .sum{color:#777777;font-size:14px;line-height:20px;}

.Infos{min-height:600px;width: 73vw;margin: 0 auto;min-width: 1200px;}
.Infos .title{font-size: 18px;text-align:center;margin:0px 0px 2vw 0px;}
.Infos .articleInfo1{font-size:14px;line-height:22px;color:#333;padding: 0px 0px 5vw 0px;}
.Infos .articleInfo img{max-width:100%;}
.articleInfo{background: url(../images/infobg.jpg) center bottom no-repeat;}
.articleInfo .content{margin:0 auto;padding:4.7vw 0px 2vw 0px;}
/*联系我们*/
.contact{width: 90%;min-width: 1200px;margin:0 auto;color:#333;}
.contactL{width: 50%;float:left;}
.contact .p1{font-size: 23px;margin:0px 0px 30px 0px;}
.contactL label{font-size:14px;color:#666666;width: 130px;display:inline-block;float:left;line-height:42px;}
.contactL input[type='text']{width: calc(100% - 140px);height:42px;line-height:42px;text-indent:1em;background:#f9f9f9;display:inline-block;}
.contactL .inp{margin:0px 0px 20px 0px;}
.contactL input.VC{width: calc(100% - 230px);}
.contactL .inp img{width:80px;}
.contactL textarea{width: calc(100% - 140px);line-height:42px;text-indent:1em;background:#f9f9f9;display:inline-block;border:0;height:17.7vw;}
.contactL input[type='button']{width:165px;height:48px;color:#fff;background:#0168b4;font-size:18px;margin: 2.1vw 0px 0px 62px;cursor: pointer;}
.contactR{width: 46%;float:right;}
.contactR .map{width:100%;height:20vw;}
.contactR li{width: 240px;float:left;font-size:14px;color:#666666;margin: 0px 0 1.8vw 0px;line-height: 26px;padding: 0px 20px 0px 35px;min-height: 26px;width: 50%;box-sizing: border-box;}
.contactR li:nth-child(2n){float:right;}
.contact ul{margin:2.86vw 0px 0px 0px;display: flex;flex-wrap: wrap;}
#maps img{width:100%}
.contact .code{text-align:center;}
.contact .code img{max-width:300px;}
/* 新闻动态 */
.News{width:73vw;min-width:1200px;margin:0 auto;position: relative;}
.News li{float:left;width:23.5%;margin: 0px 2% 1vw 0px;position:relative;overflow: hidden;}
.News li .Img{width:100%;height:10.4vw;overflow:hidden;}
.News li .Img img{width:100%;height:100%;transform:scale(1.0);transition:1s all ease;}
.News li:hover img{transform:scale(1.3);}
.News li:nth-child(4n){margin-right:0px;}
.News li .words{position:absolute;top:0px;left:0px;background:rgba(1,104,180,0.7);width:100%;height:100%;color:#fff;display: none;}
.News li .words .title{padding: 1.5vw 7% 1vw 7%;font-size: 16px;font-weight: bold;}
.News li .words .sum{padding:0px 7%;font-size: 14px;line-height: 24px;overflow: hidden;height: 100px;}
.News li .words .title::before{width:5px;height:5px;background:#fff;border-radius:50%;content:"";display:inline-block;position:relative;top:-3px;margin:0px 10px 0px 0px;}
.News li:hover .words{display:block;}
.News li.li1 img{display:none;}
.News li.li1 .words{display:block;background:#dcdcdc;color:#666666;/* padding: 10vw 0; *//* box-sizing: border-box; */}
.News li.li1 .words .title::before{background:#666666;}
.News li.li1 img{display:none;}
.News li.li2{margin-right:0px;height:23vw;}
.News li.li2 .sum{height: auto;}
.News li.li2 img{display:none;}
.News li.li2 .words{display:block;background:#0168b4;}
.News li.insert{width:49%;float:left;height: 23vw;overflow: hidden;}
.News li.insert .Img{height:23vw;}
.News li.insert .words{display:block;background:unset;padding: 2.7vw 3.4vw;font-size: 30px;color: #fffefe;position: absolute;box-sizing: border-box;}
.News li.insert .words .en{display:block;font-size:28px;padding: 0;color: #fff;}
.News li.li1{height:11vw;margin: 0px 2% 1vw 0px;}
.News li.li3 img{display:none;}
.News li.li3{position:absolute;top: 12vw;height:11vw;}
.News li.li3 .words{display:block;background:#0168b4}
.News li.li2 .icon{width:30px;height:20px;background: url(../images/icon-arrow2.png) center center no-repeat;display: block;float: right;margin: 15% 7% 0px 0px;}
/*  新闻列表  */
.NewsLst{width: 85%;margin: 0 auto 5vw;}
.NewsLst .newHead{height:3vw;line-height:3vw;border-bottom:1px solid #e6e6e6}
.NewsLst .newHead p{font-size:17px;font-family:"微软雅黑";color:#3e3a39;float:left}
.NewsLst .newHead .location{float:right}
.NewsLst .newHead .location a{font-size:12px;color:#898989}
.NewsLst .newHead .location span{margin:0 10px;color:#898989}
.NewsLst li{padding:15px 0 22px;background:url(../images/newline.png) bottom center no-repeat;background-size:100%}
.NewsLst li .Img{float:left;width:200px;overflow:hidden;height:123px;}
.NewsLst li .Img img{width:100%;transition: 0.35s all ease-in-out;}
.NewsLst li .words{width:calc(100% - 220px);float:right;padding-top: 30px;}
.NewsLst li .words .time{padding-left:15px;background:url(../images/newiconG.png) center left no-repeat;color:#c3c3c3;font-size:14px}
.NewsLst li .words .title{font-size:16px;line-height:38px;color:#434343}
.NewsLst li .words .sum{font-size:14px;color:#666;height: 40px;overflow: hidden;}
.NewsLst li:hover .time{background:url(../images/newiconB.png) center left no-repeat;color:#0168b4}
.NewsLst li:hover .title{color:#0168b4}
.NewsLst li:hover .sum{color:#0168b4}
.NewsLst li:hover img{transform:scale(1.1)}
/* 应用领域 */
.App{background:url(../images/icon-application.jpg) center bottom no-repeat;background-size: cover;}
.App .content{margin:0 auto;padding: 4vw 0px 4vw 0px;}
.application{width:73vw;min-width:1200px;margin: 0 auto;position: relative;padding: 0px 0px 110px 0px;}
.application .Img{height:17.4vw;width:98%;background:#fff;box-shadow: 0px 2px 10px #e3e3e3;margin:5px auto;text-align:center;line-height:17vw;}
.application .Img img{max-width:100%;max-height:100%;vertical-align: middle;}
.application .words{width:98%;margin:0 auto;}
.application .title{font-size:18px;color:#333333;margin:1vw 0px 1vw 0px;}
.application .sum{font-size:14px;color:#333333;line-height:22px;}
.application .swiper-button-prev{width:91px;height:35px;background:url(../images/icon-prev.png) center center no-repeat;}
.application .swiper-button-next{width:91px;height:35px;background:url(../images/icon-next.png) center center no-repeat;}
.application .swiper-button-next:hover{background:url(../images/icon-next1.png) center center no-repeat;}
.application .swiper-button-prev:hover{background:url(../images/icon-prev1.png) center center no-repeat;}
.application .icons{position:absolute;bottom: 50px;width: 240px;left: 50%;margin-left: -120px;}
.content .en{font-size: 18px;color:#333333;position: relative;padding-left: 40px;padding-top: 13px;margin-bottom: 4%;padding-top: 19px;}
.content .en .first{text-transform: uppercase;font-size: 46px;position: absolute;left: 0px;top: -7px;}
.content em.En{display:block;/* margin:5px 0px 0px 0px; */}
.content .en .first::after{display:inline-block;width: 0;height: 0;/* background:#f3f3f7; */content:"";position: absolute;left: -8px;/* transform: rotate(45deg); */top: 25px;border-width: 20px;border-color: transparent #f3f3f7 #f3f3f7 transparent;border-style: solid;}
.content .en .first::before{display:inline-block;width:1px;height: 50px;background:#000;content:"";position: absolute;left: 16px;transform: rotate(45deg);top: 16px;z-index: 999999;}
.content .en .cn{text-transform:uppercase;}

/* 客户服务 */
.Cus{background:url(../images/icon-service.png) center center no-repeat;}
.Cus .content{margin:0 auto;padding: 4vw 0px 6vw 0px;}
.Cus .content .en{margin: 5%;margin-bottom: 0;}
.customer{width:73vw;min-width:1200px;margin: 0 auto;position: relative;overflow: hidden;background: #fff;}
.customer .app_list{padding:5%;background:#fff;}
.customer .app_list li{float:left;width: 47.4%;position: relative;margin: 0px 0px 2vw 0px;height: 19vw;}
.customer .app_list li .Img{float:right;position: absolute;right: 0px;top: 50%;width: 52%;height: 12vw;transform: translateY(-50%);z-index: 1;min-height: 150px;line-height: 12vw;}
.customer .app_list li .words{float:left;width:69%;background:#10307d;color:#fff;height: 19vw;position: relative;min-height: 240px;}
.customer .app_list li .words .title{padding: 1.7vw 6% 0.8vw 6%;font-size: 18px;}
.customer .app_list li .words .sum{padding: 0px 6% 0px 6%;line-height: 24px;width:60%;height: 11vw;overflow: hidden;letter-spacing: 1px;min-height: 140px;}
.customer .app_list li:nth-child(2n){float:right;}
.customer .app_list li .Img img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.customer li .icons{width: 30px;height: 20px;background:url(../images/icon-arrow3.png) center center no-repeat;margin: 0.6vw 0px 0px 6%;}
.Cus .content .en .first::after{border-color: transparent #fff #fff transparent;}
/* 产品中心 */
.Pro{background: #eff1f5 url(../images/icon-product.png) center top no-repeat;min-height: 750px;}
.Pro .content{margin:0 auto;padding: 4vw 0px 8vw 0px;}
.product{width:73vw;min-width:1200px;margin: 0 auto;position: relative;}
.product .app_list li{/* float:left; *//* width: 399px!important; */position: relative;/* margin: 0px 30px 2vw 0px; */margin-top: 0!important;margin-bottom: 2vw;}
.product .app_list li .Img{height: 13vw;text-align:center;line-height:13vw;background:#fff;min-height: 170px;box-shadow:0px 0px 10px 3px #ddd;overflow: hidden;}
.product .app_list li a>p{line-height: 22px;margin:10px 0;text-align:center;}
.product .app_list li .words{width:100%;background: rgba(0,0,0,0.5);color:#fff;height: 100%;position:absolute;top:0px;display: none;left: 0;}
.product .app_list li .words .title{padding: 2.5vw 6% 1vw 6%;font-size: 20px;text-align: center;}
.product .app_list li .words .sum{padding: 0px 10% 0px 10%;line-height: 24px;overflow: hidden;letter-spacing: 1px;}
.product .app_list li:nth-child(3n){margin-right:0px;}
.product .app_list li .Img img{max-width: 100%;max-height: 100%;transform:scale(1.0);vertical-align:middle;display: inline-block;}
.product .app_list li .Img span{display:none}
.product .app_list li:hover .words{display: block;}
.product>.icons,.video>.icons{position:absolute;top: 60px;right:0;width: 155px;}
.product .swiper-button-prev,.video .swiper-button-prev{width:60px;height:35px;background:url(../images/pro1G.png) center center no-repeat;border:1px solid #bfbfbf}
.product .swiper-button-next,.video .swiper-button-next{width: 60px;height:35px;background: url(../images/pro2G.png) center center no-repeat;border:1px solid #bfbfbf}
.product .swiper-button-next:hover,.video .swiper-button-next:hover{background:url(../images/pro2B.png) center center no-repeat;border:1px solid #1661a6}
.product .swiper-button-prev:hover,.video .swiper-button-prev:hover{background:url(../images/pro1B.png) center center no-repeat;border:1px solid #1661a6}

/* 应用视频 */
.video .app_list li .Img{background:unset;}
.video .app_list li img{width:100%;height:100%;}
.video li .icons{width: 54px;height: 54px;background:url(../images/icon-circle2.png) center center no-repeat;position:absolute;top:50%;margin-top: -27px;left: 50%;margin-left: -27px;transition:0.1s all ease-in-out}
.video li:hover .icons{margin-top:-30px}
/* 关于德尚 */
.About{background: url(../images/aboutbk.jpg) center center no-repeat;overflow: hidden;width: 100%;}
.aboutus{width:84%;margin: 0 auto 8vw;overflow: hidden;}
.aboutHead{margin: 2.6vw 0 2.2vw;color:#0168b4;display: inline-block;background:url(../images/wordbk.png) left top no-repeat;padding-left: 14px;margin-left: calc(50% - 60px);background-size: auto 107%;}
.aboutHead .first{font-size:27px;color:#fff;display: inline-block;letter-spacing: -4px;}
.aboutHead .cn{font-size:18px;display: inline-block;}
.About .aboutHead .En{font-size:14px;margin: 0;line-height: 14px;display: block;text-align: left;margin-left: 20px;}
.aboutCon{width:100%;background:#0168b4}
.aboutCon .left{width:50%;float:left;height: 17vw;position: relative;}
.aboutCon .left img{position:absolute;bottom:0;left:13%;width: 60%;}
.aboutCon .right{width:44%;float:left;min-height: 17vw;color:#fff;text-align:left;position: relative;}
.aboutCon .right em{margin-top:2.8vw;display: block;position:relative;font-size: 18px;}
.aboutCon .right em:after{content:"";position:absolute;width:1.9vw;height:1px;background:#fff;bottom:-0.8vw;left:0}
.aboutCon .right .swiper-container{width:100%;height:10vw;margin-top:2vw;overflow: hidden;}
.aboutCon .right .swiper-slide{width:71%;font-size:14px;line-height: 23px;font-weight: 100;}
.aboutCon .right .swiper-button-prev{width:28px;height:28px;background:url(../images/up.png) center center no-repeat;right: 0;left: auto;top: 7vw;outline: unset;}
.aboutCon .right .swiper-button-next{width:28px;height:28px;background:url(../images/down.png) center center no-repeat;right: 0;top: 10vw;outline: unset;}
.event{min-height: 37vw;width:84%;margin: 0 auto 4vw;overflow: hidden;}
.event .swiper{position:relative}
.event .gallery-thumbs{height: 6vw;background:url(../images/yearline.png) center center no-repeat;background-size: 100%;width: 62.5vw;margin-top: 1.5vw;}
.event .gallery-top{min-height: 17vw;width:62.5vw;}
.event .gallery-thumbs .swiper-wrapper{width: 100%;}
.event .gallery-thumbs .swiper-slide{position:relative;background:url(../images/yearG.png) center center no-repeat;cursor:pointer;transition:0.35s all ease-in-out}
.event .gallery-thumbs .swiper-slide .info{bottom:0;position:absolute;text-align: center;display: block;width: 100%;font-size: 18px;color: #666666;transition:0.35s all ease-in-out}
.event .gallery-thumbs .swiper-slide:hover{background:url(../images/yearB.png) center center no-repeat;}
.event .gallery-thumbs .swiper-slide:hover .info{font-size:20px;color:#0168b4;}
.event .gallery-thumbs .swiper-slide-thumb-active{background:url(../images/yearB.png) center center no-repeat;}
.event .gallery-thumbs .swiper-slide-thumb-active .info{font-size:20px;color:#0168b4;}
.event .swiper-button-prev,.event .swiper-button-next{background:rgba(255,255,255,0.5);width:2vw;height:7vw;margin-top:-4.5vw;border-radius:5px;-webkit-appearance: none;outline: unset;background-position: center center;background-repeat: no-repeat;}
.event .swiper-button-prev{background-image: url(../images/leftIcon.png);left: 0;}
.event .swiper-button-next{background-image: url(../images/rightIcon.png);right: 0;}
.event .swiper-slide .Img{height: 11vw;overflow:hidden;margin-top: 2vw;}
.event .swiper-slide .Img img{width:100%}

/* 解决方案 */
.classify li{float:left;width:109px;height:34px;text-align:center;line-height:34px;border:1px solid #0a71be;border-radius:30px;box-sizing:border-box;margin-right: 1vw;}
.classify li a{display:block;width:100%;height:100%;font-size: 16px;}
.classify li:hover{background:url(../images/classifybk.png) center center no-repeat;border:0;}
.classify li:hover a{color:#fff}
.classify li.active{background:url(../images/classifybk.png) center center no-repeat;border:0}
.classify li.active a{color:#fff}
.solution{padding-top:30px}
.solution>em{line-height:74px;font-size:20px;color:#333333}
.solution .con ul li{float:left;width: 23%;text-align:center;margin-right: 2.6%;overflow:hidden}
.solution .con ul li .Img{line-height:17vw;width:100%;height:17vw;background:#e5e5e5;text-align: center;}
.solution .con ul li .Img img{vertical-align:middle;max-width:100%;height: 70%;transition:0.35s all ease-in-out;}
.solution .con ul li p{width:100%;height:3vw;line-height:3vw;font-size: 16px;}
.solution .con ul li:nth-child(4n){margin-right:0}
.solution .con ul li:hover img{transform:scale(1.2)}
.solution .con ul li:hover p{color:#1661a6}
.solution .con .info{width:100%;padding:1.5vw;background:#fff;margin-top:1vw;box-shadow:2px 2px 10px 3px #ddd;color: #333333;font-size: 16px;box-sizing: border-box;}

/*选型中心*/
.choose{padding: 25px 50px 35px;background:#fff;/* margin-bottom:40px; */}
.choose p{font-size:16px;color:#333333;margin-bottom: 10px;}
.choose .tabA{padding-left:25px;margin-right:55px;display:inline-block;background: url(../images/chooseG.png) center left no-repeat;font-size: 16px;}
.choose .tabA.active{background:url(../images/chooseB.png) center left no-repeat}
/* 小袋机 */
form.chooseBox1 p{margin-top:37px}
form.chooseBox1 p input{width:73px;border-bottom:1px solid #a0a0a0;text-align:center;color:#0970bc;font-size:16px}
form.chooseBox1>.chooseBtn{display:block;width:94px;height:32px;background:unset;outline:unset;border:1px solid #0168b4;font-size:16px;color:#0168b4;transition:0.5s all ease-in-out;margin-top:30px;text-align:center;line-height:32px}
form.chooseBox1>.chooseBtn:hover{color:#fff;background:#0168b4}
form.chooseBox1 .group a{width:88px;height:30px;line-height:30px;display:inline-block;text-align:center;border-radius:30px;color:#666;border:none;outline:unset;background: transparent;font-size: 16px;transition: 0.2s all ease-in-out;}
form.chooseBox1 .group a.active{color:#fff;background:url(../images/classifybk.png) center center no-repeat}
form.chooseBox1 .group a:hover{color:#fff;background:url(../images/classifybk.png) center center no-repeat}
form.chooseBox1 .checkboxGroup li{width:10%;float: left;font-size:16px;color:#666666}
form.chooseBox1 .checkboxGroup li:hover a{color:#0970bc}
form.chooseBox1 .checkboxGroup li span{float:left;background: unset;color:#0970bc;border:1px solid #959595;width:14px;height:14px;border-radius:4px;box-sizing:border-box;position:relative;display:block}
form.chooseBox1 .checkboxGroup li.active span:after{position:absolute;content:"";font-size:10px;right:0;line-height:10px;background: url(../images/checkIcon.png) center center no-repeat;width:100%;height:100%;}
form.chooseBox1 .checkboxGroup li.active em{color:#0970bc}
form.chooseBox1 .checkboxGroup li em{display: block;text-align: left;margin-left: 17%;line-height: 13px;margin-bottom:26px;}
form.chooseBox1 .checkboxGroup li em:last-child{margin-bottom:0}
.chooseCon1{overflow: hidden;}
.chooseCon1>p{font-size:16px;color:#333333;font-family:"微软雅黑";line-height:67px;padding-left: 50px;}
.chooseCon1 .tableBox{width:100%;/* overflow-y:hidden; *//* overflow-x:scroll; */}
.chooseCon1 table,.chooseCon1 .tabCon{width: 100%;}
.chooseCon1 table th{line-height:90px;/* width: 15%; */background:#c2d8e8;font-weight:500;color:#09274d;font-size:16px;}
.chooseCon1 table tr.model{border:2px solid #f6f7f9}
.chooseCon1 table td{line-height:156px;background:#fff;text-align:center;overflow: hidden;}
.chooseCon1 table td span{line-height: 30px;display: inline-block;}
.chooseCon1 table td img{vertical-align:middle;max-width: 100%;max-height: 100%;}
.chooseCon1 p.nomodel{line-height:151px;width:100%;font-size:16px;color:#09274d;background:#fff;text-align:center;margin: 0;box-sizing: border-box;}
.chooseCon1>p em{color:#0168b4}

.tanchuang{position:fixed;width:100%;height:100%;background: rgba(0,0,0,.4);top: 0;left: 0;z-index: 999;display: none;}
.tanchuang .tcBox{position:fixed;top:50%;left:50%;width: 500px;/* height: 300px; */margin-left: -250px;margin-top: -150px;background: #fff;/* box-shadow:0 0 10px #999; */padding: 100px 0;box-sizing:border-box;border-radius: 5px;}
.tanchuang .tcBox a{position:absolute;top: 10px;right:20px;font-size:20px;font-weight:100;color: #999;transform: scale(1.5,1);font-family: "微软雅黑";}
.tanchuang .tcBox div{margin: 0 3vw;text-align:center;color: #666;}
.tanchuang .tcBox div span{}
/* 装盒机 */
form.chooseBox2{margin-top:37px}
form.chooseBox2>a{padding-left:26px;display:inline-block;}
form.chooseBox2 p{margin-bottom:37px}
form.chooseBox2 p input{border-bottom:1px solid #a0a0a0;text-align:center;width:73px;color:#0970bc;font-size:16px}
form.chooseBox2 .chooseBtn{display:block;width:94px;height:32px;background:unset;outline:unset;border:1px solid #0168b4;font-size:16px;color:#0168b4;transition:0.5s all ease-in-out;padding:0;text-align:center;line-height:32px;}
form.chooseBox2 .chooseBtn:hover{color:#fff;background:#0168b4}
.chooseCon2>p{margin:40px 50px 20px;font-size:16px;color:#333333;font-family:"微软雅黑"}
.chooseCon2 ul li{width:23%;margin-right:2%;height:20vw;background:#fff;float: left;position:relative;}
.chooseCon2 ul li:nth-child(4n){margin-right:0}
.chooseCon2 ul li p{background:#c2d8e8;padding-top: 0.5vw;line-height: 3vw;text-align:center;font-size:16px;color:#09274d;display:block;}
.chooseCon2 ul li .Img{display:block;width: 100%;height: 16vw;line-height: 16vw;overflow: hidden;text-align: center;}
.chooseCon2 ul li .Img img{vertical-align:middle;transition:0.5s all ease-in-out;width: 60px;max-height: 100%;}
.chooseCon2 ul li:hover .Img img{transform:scale(1.1)}
.chooseCon2 ul li em{display:block;text-align:center;position:absolute;bottom: 2vw;width:100%;transition:0.5s all ease-in-out}
.chooseCon2 ul li:hover em{color:#0168b4}


.articleInfo1 img{max-width:100%;}


.technology li{float: left;width:447px;margin:0px 30px 30px 0px;}
.technology li:nth-child(3n){margin-right:0px;}


@media(max-width:1601px){
    .News li .words .sum{height: 66px;padding: 0px 10%;}
    .News li.li2 .sum{height:auto;}
    .News li.li2 .icon{margin:5% 7% 0px 0px;background: url(../imgM/rightB.png) center center no-repeat;background-size: 5.6vw;}
    .aboutCon .right .swiper-slide{font-size:12px;line-height:17px}
    .contactR li{padding:0 30px}
    .contactR li:nth-child(2n+1){width:45%}
    .contactR li:nth-child(2n){width:55%}

    .technology li{width: 385px;margin: 0px 22px 22px 0px;}
}
@media(min-width:1900px){
    .chooseCon1 .tableBox{overflow:hidden;}
    table,.chooseCon1 .tabCon{width:100%!important}
}
@media(max-width:880px){
/*  详情页    */
    .Infos{width:100%;min-width:auto}
    .articleInfo{padding:0 5%}
    .content{width: 100%;min-width: unset;margin-bottom: 15vw;}
/*     专注服务 */
    .ZhuanZhu{
    width: 96%;
    margin: 0 auto;
}
    .ZhuanZhu li{width: 48%;margin-bottom: 8vw;}
    .ZhuanZhu li:nth-child(2n){margin-right:0;}
    .ZhuanZhu li .Img{height:63.5vw;}
    .ZhuanZhu li .Img img{width:100%;}
    .ZhuanZhu li .title{height:auto;font-size:15px;line-height: 18px;margin-bottom: 1.5vw;}
    .ZhuanZhu li .sum{font-size:12px;height:32px;overflow:hidden;line-height:16px;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
/*  联系我们*/
    .contact{min-width:unset;}
    .contact .p1{font-size:16px;margin:8vw 0 4vw}
    .contactL{width:100%;float:none;margin-bottom: 16vw;}
    .contactL .inp{margin-bottom:3vw;text-align: center;}
    .contactL input[type='text']{width: calc(100% - 110px);line-height: 9vw;height: 9vw;}
    .contactL textarea{width: calc(100% - 110px);height:46vw;}
    .contactL label{font-size:12px;line-height:9vw;width: 110px;}
    .contactL input.VC{width: calc(70% - 110px);}
    .contactL .inp img{width:26%}
    .contactL input[type='button']{width:24.4vw;height:9.5vw;font-size:14px;-webkit-appearance: none;border-radius: 0;margin-left: 0;}
    .contactR{width:100%;float:none}
    .contactR .map{height:56vw;margin: 2vw 0 6vw;}
    .contactR li{width:100%;box-sizing:border-box;padding-left: 11vw;font-size: 12px;background-size: 5vw!important;}
/*  新闻动态    */
    .News{width: 90%;height:auto;min-width:unset;position:relative;padding-top:60vw;}
    .News li{float:none;width:100%;height:54.8vw;overflow: hidden;margin: 2vw 0;}
    .News li.li1 .words,.News li.li2 .words,.News li.li3 .words{padding: 8vw 0;box-sizing: border-box;margin: 4vw 0 2vw;}
    .News li.li1 .Img,.News li.li2 .Img,.News li.li3 .Img{height:auto}
    .News li.li1{height:auto}
    .News li .words .title{padding: 0 10% 1vw}
    .News li .words .sum{margin-top: 4vw;}
    .News li.li2{height:auto;box-shadow:0 2px 5px 5px #eee;margin-top: 2vw;}
    .News li.li2 .words{background:#fff;color:#666;height: auto;padding-bottom: 20vw;}
    .News li.li3{height:auto;position: relative;box-shadow:0 2px 5px 5px #eee;top: 0;}
    .News li.li3 .words{background:#fff;color:#666;}
    .News li .words{position:relative;background: rgba(1,104,180,0.1);}
    .News li .Img{height:54.8vw}
    .News li.newsli .Img:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background: rgba(255,2555,255,0.75);}
    .News li.imgli .Img:after{background:0}
    .News li.newsli .words{color:#333;padding: 8vw 0;box-sizing:border-box;}
    .News li.newsli .words p{margin-bottom:4vw;font-size:15px;font-weight:500;padding: 1.5vw 10% 1vw;}
    .News li.newsli .words .sum{font-size:12px}
    .News li.insert{top:0;width:100%;height:58.8vw;position:absolute}
    .News li.insert .Img{height:100%}
    .News li.insert .words{position: absolute;box-sizing: border-box;padding-left:8.8vw;padding-top:6vw;font-size:18px;line-height:18px}
    .News li.insert .words .en{font-size:12px;color:#fff;padding:0;line-height:12px}
    .News li .words .title::before{background:#666}
    .News li.li2 .icon{background:url(../imgM/rightB.png) center center no-repeat;background-size: 5.6vw;}
/*  新闻列表    */
    .NewsLst .newHead{line-height:10vw;height:10vw}
    .NewsLst li .Img{width:50%;height: 26vw;}
    .NewsLst li .words{padding-top:0;width:45%}
    .NewsLst li .words .title{line-height:20px;font-size:14px;height: 40px;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
    .NewsLst li .words .sum{
    font-size: 12px;
    height: 35px;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-top: 2vw;
}
/*  关于德尚    */
    .About{background:none;padding: 0 5%;box-sizing: border-box;}
    .aboutus{width:100%;overflow: unset;}
    .aboutus .aboutHead{margin-left: 35%;}
    .aboutHead .first{font-size: 18px;}
    .aboutHead .cn{font-size: 13px;}
    .About .aboutHead .En{font-size:12px;margin-left: 13px;}
    .aboutCon{background:#fff;box-shadow: 0 2px 8px #eee;}
    .aboutCon .left{display:none}
    .aboutCon .right{width:100%;padding:4vw;box-sizing:border-box;padding-bottom:15vw;position: relative;}
    .aboutCon .right em{text-align:center;font-size:16px;color: #0168b4;}
    .aboutCon .right em:after{left:50%;margin-left:-13px;width:26px;background: #0168b4;}
    .aboutCon .right .swiper-container{height: auto;margin: 6vw 0 8vw;}
    .aboutCon .right .swiper-slide{width:100%;line-height: 18px;color: #666;font-weight: 400;}
    .aboutCon .right .swiper-button-next{bottom: 10vw;left:50%;margin-left: -10vw;top:auto;transform: rotate(90deg);}
    .aboutCon .right .swiper-button-prev{bottom: 10vw;right:50%;margin-right: -10vw;top:auto;transform: rotate(90deg);z-index: 1;}
    .event{width:100%;}
    .event .aboutHead{margin-left:20%}
    .event .swiper{margin-top:4vw}
    .event .gallery-top{width:100%}
    .event .swiper-button-next{display:none}
    .event .swiper-button-prev{display:none}
    .event .gallery-thumbs{width:100%;background-size:auto 2px;height: 20vw;}
    .event .gallery-thumbs .swiper-wrapper{width:100%}
    .event .gallery-thumbs .swiper-slide .info{font-size:12px}
    .event .gallery-thumbs .swiper-slide-thumb-active .info{font-size:12px}
    .event .gallery-thumbs .swiper-slide:hover .info{font-size:12px}
    .event .gallery-thumbs .swiper-slide-thumb-active{background-size:8vw}
    .event .gallery-thumbs .swiper-slide{background-size: 8vw!important;}
    .event .swiper-slide{font-size:12px}
    .event .swiper-slide span{font-size:12px!important}
    .event .swiper-slide .Img{height:auto}
/*  客户服务    */
    .content .en{font-size: 13px;padding: 17px 0px 3vw 35px;}
    .content .en .first::after{/* background:#fff */border-color: transparent #fff #fff transparent;}
    .Cus .content .en .first::after{/* background:#fff; */}
    .Cus{background:#fff;margin: 0 5%;margin-bottom: 5vw;}
    .customer{width:100%;min-width: auto;overflow: unset;}
    .Cus .content .en{margin: 0;margin-bottom:5%;}
    .customer .app_list{padding:0}
    .customer .app_list li{width:100%;height: 107vw;}
    .customer .app_list li a{width:100%;height:100%;display:block;position:relative}
    .customer .app_list li .words{width:100%;min-height: auto;height: 60vw;padding-bottom: 8vw;color: #10307d;background: #fff;box-shadow: 0 2px 10px #e3e3e3;}
    .customer .app_list li .words .title{padding: 8vw 3vw 3vw;font-size: 15px;}
    .customer .app_list li .words .sum{width:100%;box-sizing: border-box;padding: 0 3vw;line-height: 20px;font-size: 12px;color: #666;}
    .customer .app_list li .Img{float:none;bottom: 6vw;top: auto;transform: unset;left: 50%;margin-left: -26%;}
    .customer li .icons{margin:0 3vw;background: url(../images/service1B.png) center center no-repeat;background-size: 6vw;}
/*  解决方案*/
    .Pro{background:none;margin-bottom: 5vw;min-height: 145vw;}
    .product{min-width:auto;width: 90%;overflow: unset;}
    .classify li{width: 23%;height: 7vw;line-height: 7vw;}
    .classify li a{font-size:14px}
    .solution>em{line-height:10vw;font-size: 14px;}
    .solution .con ul li{width: 48%;margin-right: 4%;height:auto;}
    .solution .con ul li:nth-child(2n){margin-right:0}
    .solution .con ul li .Img{height:50vw;line-height: 50vw;}
    .solution .con ul li p{line-height:10vw;height: 12vw;font-size: 12px;}
    .solution .con .info{font-size:14px;background: #fafafa;box-shadow: 0 2px 5px #eee;padding: 2.5vw;}
    /* 应用领域 */
    .App{background:none;margin-bottom:5vw}
    .application{width: 90%;min-width:auto;overflow: unset;padding-bottom: 15vw;}
    .application .swiper-wrapper{display:block}
    .application .swiper-slide{display: block;position: unset;float: unset;}
    .application .Img{height: auto;}
    .application .words{margin:4vw 0 10vw;}
    .application .title{font-size:15px}
    .application .sum{font-size:12px;margin-top:4vw}
    /* 产品中心 */
    .product .swiper-wrapper {display: block;}
    .product .app_list li{width: 100%!important;float: none;display: block;position: unset;margin-bottom: 4vw;box-shadow: 0px 0px 10px 3px #ddd;box-sizing: border-box;}
    .product .app_list li a{display:block;width:100%;height:100%;/* overflow:hidden; */position: relative;padding: 2vw;box-sizing: border-box;}
    .product .app_list li .Img{height:40vw;line-height:40vw;box-shadow: none;min-height: 40vw;width: 70%;margin: 0 auto;}
    .product .app_list li .Img img{max-height:80%;vertical-align:top}
    .product .app_list li .Img span{display:block;line-height: 8vw;position: absolute;bottom: 0;text-align: center;width: 100%;left: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .product .app_list li .words .title{font-size:16px;margin-top: 4vw;}
    .product .app_list li .words .sum{/* margin:4vw 0; */line-height:20px;font-size:12px;}
    /* 选型中心 */
    .choose{padding:4vw 0}
    .choose .tabA{width:25%;margin-right:5%;font-size:14px}
    form.chooseBox1 p{margin-top:4vw}
    form.chooseBox1 .group a{width:20%;line-height:6vw;height:6vw;font-size:14px}
    form.chooseBox1 .checkboxGroup li{width: 25%;margin-right: 12%;margin-bottom:6vw;}
    form.chooseBox1 .checkboxGroup li:nth-child(3n){margin-right:0}
    form.chooseBox1 .checkboxGroup li em{margin-bottom:2vw;font-size:14px;margin-left: 6vw;}
    .chooseCon1{overflow: unset;}
    .chooseCon1 .tableBox{width: 95vw;overflow-y: hidden;overflow-x: scroll;}
    .chooseCon1 table, .chooseCon1 .tabCon{width:880px}
    .chooseCon1>p{padding:0;text-align:center;font-size:14px}
    .chooseCon1 table th{line-height:10vw}
    .chooseCon1 p.nomodel{line-height: 20px;font-size: 14px;text-align: left;padding: 4vw;box-sizing: border-box;box-shadow: -1px 1px 3px #eee;margin-bottom: 3px;}
    .chooseCon2 ul li{width:100%;height:60vw;box-shadow: 1px 1px 3px #eee;}
    .chooseCon2 ul li p{line-height:10vw}
    .chooseCon2 ul li .Img{line-height:40vw;height:40vw}

    .loadmore{width: 20vw;height: 8vw;line-height: 8vw;border:1px solid #1661a6;font-size: 14px;color:#1661a6;text-align:center;margin: 5vw auto 0;}
    .loadmore.active{width:100%;border:0;color:#999}

    .tanchuang .tcBox{width: 94%;margin-left: -47%;padding: 15vw 0;}

        .technology li{width: 100%;}
    .technology li .words{margin: 4vw 0px 0px 0px;}
}






