@font-face {
    font-family: 'DINProLight';
    src: url('fonts/dinpro-light.eot');
    src:
    url('fonts/dinpro-light.woff') format('woff'),
    url('fonts/dinpro-light.ttf') format('truetype'),
    url('fonts/dinpro-light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*全局样式*/
body{padding: 0;margin: 0;font-family: 'PingFang SC','Microsoft YaHei';font-size: 14px;color: #333;}
div,img,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p{padding: 0;margin: 0;border: 0; outline: none;}
ul{list-style: none;}
a{text-decoration: none;color: #333;}
i,em{font-style: normal;}
img{display: inline-block;max-width: 100%;height: auto;}
/*去掉 input 默认边框*/
input{padding: 0;border: 0;font-size: 14px;color: #333; outline:none;}
input[type="submit"]{background-color: transparent;cursor: pointer;}
/*去掉 textarea 默认边框*/
textarea{padding: 0;border: 0;font-size: 14px;color: #333;}
/*去掉 button 默认边框*/
button{border: 0;padding: 0;background-color: transparent;font-size: 14px;color: #333;cursor: pointer; outline:none;}
/*清除浮动*/
.clearfix:after{content: '';display: table;clear: both;}
.clearfix{*zoom: 1;/*IE6识别*/}
/*解决chrome浏览器 input,textarea 获得焦点时会有一个边框的问题*/
input,textarea{outline: none;}
/*清除ios端 input,textarea 默认内阴影 默认圆角*/
input[type="text"],input[type="password"],input[type="submit"],input[type="search"],textarea{appearance: none;-webkit-appearance: none;border-radius: 0;}
/*自定义 input,textarea 的placeholder文字样式*/
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color: #999;}
/*滚动条*/
body *::-webkit-scrollbar{width: 6px;height: 6px;background: #d2d2d2;border-radius: 0;}
body *::-webkit-scrollbar-thumb{background: #E00302;border-radius: 0;}
/*常用过渡*/
.tran300{-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;transition: 0.3s;}
.tran400{-webkit-transition: 0.4s;-moz-transition: 0.4s;-ms-transition: 0.4s;transition: 0.4s;}
.tran500{-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
/*常用缩放*/
.scale105:hover{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
.scale110:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.scaleimg:hover em{ -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); transform: scale(1.15);}
.rotateY:hover{ -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); }
.translateX:hover{-webkit-transform:translateX(-6px); -moz-transform: translateX(6px); -ms-transform:translateX(-6px); transform:translateX(-6px);}
/*文字截断*/
.TXTovehid{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.TXTovehid-two{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.TXTovehid-three{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
/*flex*/
.disflex{display: flex;}
.flexCenter{display: flex; justify-content: center; align-items: center;}
.flexbetween{display: flex; justify-content: space-between; align-items: center;}
/*背景图片*/
.bgCover{background-position: center;background-repeat: no-repeat;background-size: cover;}
.bgContain{background-position: center;background-repeat: no-repeat;background-size: contain;}
/*按钮背景动效*/
.ani-btn{z-index: 1;position: relative;overflow: hidden;}
.ani-btn:after{content: '';z-index: -1;position: absolute;left: 30%;top: 100%;width: 40px;height: 40px;border-radius: 50%;background-color: #AE0202;transform: translate(-50%,-50%) scale(0);}
.ani-btn:hover{border-color: #AE0202!important;color: #fff!important;transition: 0.5s ease-in-out;}
.ani-btn:hover:after{transform: translate(-50%,-50%) scale(10);transition: 1s ease-in-out;}
/*常用浮动*/
.fl{float: left;}
.fr{float: right;}
/*常用定位*/
.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%);}
/*字体*/
.fz24{ font-size: 24px;}
.fz22{ font-size: 22px;}
.fz20{ font-size: 20px;}
.fz18{ font-size: 18px;}
.fz16{ font-size: 16px;}
.fz15{ font-size: 15px;}
.w1080{max-width: 1080px; width: 94%; margin: 0 auto;}
.w1180{max-width: 1180px; width: 94%; margin: 0 auto;}
.w1280{max-width: 1280px; width: 94%; margin: 0 auto;}
.w1400{max-width: 1400px; width: 84%; margin: 0 auto;}
.w1680{max-width: 1680px; width: 94%; margin: 0 auto;}
#page{ background: #fff;}
.about_com{float: left;width: 48%;}
.about_img{ float: right;  width: 51%;text-align:center ;}
.about_img img{width: 90%;min-width: 320px;}
/**dhkheader**/
.dhkheader{position: fixed; top: 0; left: 0; width: 100%; height: 110px; background: rgba(255,255,255,1); z-index: 30; transition: 0.5s linear;box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.dhkheader .topbox{ height: 100%; display: flex; justify-content: space-between;}
.dhkheader .topbox .logo{position: relative; width: 300px;}
.dhkheader .topbox .logo img{position: absolute; top: 50%; left: 0; transform: translateY(-50%); height: 80px; transition: 0.3s;  display: block;}
.dhkheader .topbox .logo .logo1{opacity: 0;}
.dhkheader .topbox .logo .logo2{opacity: 1;}
.dhkheader .topbox .right{ display: flex; align-items: center;}
.dhkheader .topbox .right img{ vertical-align: middle; filter: brightness(0) invert(0.1); transition: 0.1s; cursor: pointer;}
.dhkheader .topbox .right .language{position: relative; padding-right: 10px; margin-right: 10px; height: 100%; display: flex; align-items: center; cursor: pointer;}
.dhkheader .topbox .right .language .languageBox{display: none; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); background: #fff; width: 100px; text-align: center; padding: 6px 0; box-shadow: 0 0 6px rgba(0,0,0,0.2);}
.dhkheader .topbox .right .language .languageBox a{ display: block; transition: 0.3s; padding: 6px 0;}
.dhkheader .topbox .right .language .languageBox a:hover{ color: #E00302;}
.dhkheader .topbox .right .language::after{ content: ""; position: absolute; top: 50%; right: 0; width: 1px; height: 18px; background: #010101; transform: translateY(-50%);}
.dhkheader .topbox .right .language:hover img{ filter: none;}
.dhkheader .topbox .right .searchBtn:hover img{ filter: none;}
.nav_pc{ display: flex; justify-content: space-between; height: 100%; margin-right: 80px;}
.nav_pc > li{position: relative;float: left;  text-align: center; margin-left: 40px; }
.nav_pc > li > a{position: relative;display: inline-block;font-size: 18px;color: #010101; line-height: 110px; transition: 0.5s linear;}
.nav_pc > li > a:after,.n_nav2 .fr a:after{width: 100%;height: 3px;background: #E00302;position: absolute;content: '';left: 0;bottom: 0px;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;}
.nav_pc > li.on > a:after,.nav_pc > li:hover > a:after,.n_nav2 .fr a:hover:after,.n_nav2 .fr a.on:after{-webkit-transform: scaleX(1);transform: scaleX(1);}
.nav_pc > li.on > a{ color: #E00302;}
.nav_pc > li:hover > a{ color: #E00302;}
.nav_pc > li:last-child > a{padding-right: 0;}
.nav-2nd{display: none; z-index: 2;position: absolute;left: 50%;top: 100%;width:150px;padding: 8px 0;background-color:#fff;transform: translateX(-50%); box-shadow: 0 0 6px rgba(0,0,0,0.2);}
.nav-2nd > li{padding: 0 5px}
.nav-2nd > li > a{position: relative;display: block;padding: 10px;font-size: 16px;line-height: 26px;text-align: center;color: #333; transition: 0.4s;}
.nav-2nd > li > a:hover{background-color: #E00302;color: #fff;}

.indexHeader .dhkheader{background: rgba(255,255,255,0.1); box-shadow: 0 0 10px rgba(0,0,0,0);}
.indexHeader .dhkheader.on{background: #fff;}
/*.indexHeader .nav_pc > li > a{color: #fff;text-shadow: 2px 2px 2px #0f0a0b;}*/
.indexHeader .dhkheader .topbox .logo .logo1{opacity: 1;}
.indexHeader .dhkheader .topbox .logo .logo2{opacity: 0;}
.indexHeader .dhkheader .topbox .right img{ filter: brightness(0) invert(1);}
.indexHeader .dhkheader .topbox .right .language::after{ background: #fff;}

.dhkheader.on{ background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2); height: 80px;}
.dhkheader.on .topbox .logo .logo1{opacity: 1;}
.indexHeader .dhkheader.on .topbox .logo .logo2{opacity: 1;}
.dhkheader.on .topbox .logo img{height: 64px;}
.dhkheader.on .nav_pc > li > a{ line-height: 80px; color: #010101;text-shadow: none;}
.dhkheader.on .topbox .right img{filter: brightness(0) invert(0);}
.dhkheader.on .topbox .right .language::after{ background: #010101;}



/*搜索弹窗*/
.searchTan{ display: none; border-radius: 8px; overflow: hidden;}
.searchTan form{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 90%; height: 50px; margin: auto; }
.searchTan form .text-input{ display: block; width: 100%; height: 100%; padding: 0 50px 0 10px; box-sizing: border-box; border: 1px solid #ccc; font-size: 16px; border-radius: 40px;}
.searchTan form .sub-btn{position: absolute; right: 0; top: 0; width: 52px; height: 52px; background:url(fonts/icon_search.svg) center no-repeat; background-size: 24px 24px; border: none;  border-radius: 50%;}
/*layer弹窗自定义皮肤*/
body .custom-skin .layui-layer-setwin .layui-layer-close2{right: -10px;top: -10px;background-image: none;}
body .custom-skin .layui-layer-setwin .layui-layer-close2:after{content: "×";position: absolute;width: 30px;height: 30px;font-size: 30px;text-align: center;line-height: 26px;font-weight: bold; color: #c4c4c4; font-weight: bold;}

/*手机导航按钮*/
.menu{ display: none; width: 25px; margin-left: 25px;}
.menu span{display: block;width: 100%;height: 2px;background: #E00302;border-radius: 2px;animation: navBtn 2s infinite ease;}
.menu span:nth-child(2){margin: 6px 0;animation-delay: 0.5s;}
.menu span:nth-child(3){animation-delay: 1.0s;}
@keyframes navBtn{
  50%{width: 60%;}
  100%{width: 100%;}
}

/*banner*/
.banner{ position: relative; width: 100%; overflow: hidden; }
.banner .swiper-slide a{position: relative; display: block; height: 100vh; background-size: cover; background-position: center;}
.banner .swiper-slide a .banWord{position: relative; height: 100%; line-height: 100vh;}
.banner .swiper-slide a .banWord img{  vertical-align: middle; margin-top: 2%;}
.banner .swiper-slide4 a .banWord img{ margin-top: -10%;}


.banner .bannerBtn{position: absolute; top: 53%; left: 50%; transform: translate(-50%,-50%); z-index: 13;}
.indexBtn{ width: 60px; height: 60px; border: 1px #A3A3A3 solid; border-radius: 50%; border: 1px #E00302 solid; background: none; transition: 0.3s; z-index: 13; filter: brightness(0) invert(1);}
.indexBtn::after{ content: ""; position: absolute; top: 50%; left: 50%; width: 30px; height: 10px; transform: translate(-50%,-50%); background: url(../picture/next_red.svg) no-repeat center; transition: 0.3s; filter: brightness(0) invert(1);}
.indexBtn:hover{filter: none;}
.indexBtn:hover::after{ filter: none;}
.indexBtn.swiper-button-next{ right: 0;}
.indexBtn.swiper-button-prev{ left: 0;}
.indexBtn.swiper-button-prev::after{ transform: translate(-50%,-50%) rotateY(180deg);}
.indexYuan{ position: absolute; bottom: 80px !important; left: 50% !important; transform: translateX(-50%); z-index: 1; text-align: center; }
.indexYuan .swiper-pagination-bullet{position: relative; display: inline-block; border-radius: 50%; background: none; border: 1px #222222 solid; opacity: 1; margin: 0 130px !important; width: 14px; height: 14px; transition: 0.3s;}
.indexYuan .swiper-pagination-bullet::before{ content: ""; position: absolute;top: 6px; left: calc(100% + 20px); width: 220px; height: 1px; background: #999999;}
.indexYuan .swiper-pagination-bullet:last-child::before{ display: none;}
.indexYuan i{position: absolute; top: 6px; left: calc(100% + 20px); display: block; height: 1px; width: 220px; transform: scaleX(0); transform-origin: left; z-index: 3; transition-timing-function: linear; background: #222222;}
.indexYuan .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #444444;}
.indexYuan .swiper-pagination-bullet.swiper-pagination-bullet-active i{animation: middle 6s linear;}
.indexYuan .swiper-pagination-bullet:last-child i{ display: none;}
@keyframes middle {
	0% {transform: scaleX(0);}
	100% {transform: scaleX(1);}
}

/*公用*/
.indexTitle{position: relative; text-align: center; margin: 70px 0 50px 0; z-index: 0;}
.indexTitle::before{ content: ""; position: absolute; top: -15px; left: 50%; transform: translate(-50%); width: 131px; height: 99px; background: url(bgimg/sanjiao.svg) no-repeat 0 0; background-size: contain; z-index: -1;}
.indexTitle .cn{text-align: center;font-size:22px;padding-left:10px;color:#0059B2}
.indexTitle .en{text-align: center;font-size:12px;padding-left:10px;color:#0059B2}
.indexTitle h3{ font-size: 40px; line-height: 42px; color: #010101; font-weight: bold;}
.indexTitle h4{ font-size: 18px; color: #666666; line-height: 18px; text-transform: uppercase;font-family: 'DINProLight'; margin-top: 10px;}
.indexMore{ display: inline-block; height: 60px; line-height: 60px; border: 1px #E00302 solid; border-radius: 30px; padding: 0 30px; color: #E00302; text-align: center; font-size: 16px; transition: 0.3s;}
.indexMore img{ margin-left: 30px; transition: 0.3s;}
.indexMore:hover{ background: #E00302; color: #fff;}
.indexMore:hover img{ filter: brightness(0) invert(1);}

.indexcom{
    clear:both;margin: 15px auto;
}
.dhkhead{
    width:100%;position: relative;padding:25px 0;
}
.h2title{margin:0 auto;width:180px;background:#fff;}
.line40{border-top:1px solid #1EB8F8;position:absolute;top:45px;width: 100%;z-index: -1;}
.h2title .cn{text-align: center;font-size:22px;color:#0059B2}
.h2title .en{text-align: center;font-size:12px;color:#0059B2}
.liytitle{}
.liytitle a{padding: 5px 15px;line-height:20px;border-radius:20px;text-align:center;color:#1EB8F8;border:1px solid #1EB8F8;margin:10px 5px;display: inline-block;}
.liytitle a:hover{background: #1EB8F8;color:#fff;}
.indexabout .text{
    font-size: 12px;line-height:35px;
}
.indexabout img{max-height:310px;width:90%;min-width:320px;}
.dhkhead2{border-bottom:1px solid #1EB8F8;padding:5px;height:50px;}
.dhkhead2 .h2title{width:180px;float:left;}
.dhkhead2 .h2title .cn{text-align: left;font-size:20px;}
.dhkhead2 .h2title .en{text-align: left;font-size:12px;}
.dhkhead2 .indexNewsTab{float:right;}
.dhkhead2 .indexNewsTab a{ display: inline-block; border: 1px #1EB8F8 solid; font-size: 16px; color: #1EB8F8; padding: 8px 15px;margin-right:15px;
    line-height: 27px;
    border-radius: 20px;}
.dhkhead2 .indexNewsTab a.on{background: #1EB8F8; color: #fff;}
.dhkhead2 .indexNewsTab a:hover{background: #1EB8F8; color: #fff;}
.about_fl{float:left;width:50%;min-width:360px;}
.about_fr{float:right;width:50%;min-width:360px; text-align: center}

.indexproduct{}
.indexproduct li{width:31%;min-width:350px;margin-right:1%;margin-bottom:1%; background: #fff;padding: 10px;float:left; text-align: center}
.indexproduct li:nth-child(3n+0){ margin-right:0;}
/*分页*/
#pages {width:680px;margin:3px auto;text-align: center;}
#pages li {
    display: inline-block;
    margin-right: 10px;
    border: 1px solid #e2e2e2;border-radius: 4px;
    padding: 0 12px;line-height: 36px;
    height: 36px;
    min-width: 40px;
    text-align: center;font-size: 18px;
}

#pages li.active {
    background: #1EB8F8;
    color: #fff;
    border: 1px solid #1EB8F8;
}
#pages li a {
    display: block;
    text-align: center;
}
/*index1*/
.indexOne .box{background: #f4f4f4;padding: 46px 0;}
.indexOne .indexPro{display: flex; justify-content: space-between;}
.indexOne .indexPro .left{width: 230px;}
.indexOne .indexPro .left ul li a{position: relative; display: block; height: 58px; line-height: 58px; background: #fff; font-size: 16px; text-align: center; transition: 0.4s linear; z-index: 0;}
.indexOne .indexPro .left ul li a::before{content: ""; position: absolute; top: 0; left: 0; width: 0; height: 100%; background: #E00302; z-index: -1; transition: 0.4s;}
.indexOne .indexPro .left ul li{ margin-bottom: 12px;}
.indexOne .indexPro .left ul li:last-child{ margin-bottom: 0;}
.indexOne .indexPro .left ul li.on a{ background: #E00302; color: #fff;}
.indexOne .indexPro .left ul li a:hover{ color: #fff;}
.indexOne .indexPro .left ul li a:hover::before{ width: 100%;}
.indexOne .indexPro .right{ position: relative; overflow: hidden; width: calc(100% - 260px);}
.indexOne .indexPro .proScroll{position: relative; overflow: hidden;  padding-bottom: 40px;}
.indexOne .indexPro .img{width:100%;}
.indexOne .indexPro .right ul li{ overflow: hidden;}
.indexOne .indexPro .right ul li .text{ float: left; width: 42%; padding-top: 56px;}
.indexOne .indexPro .right ul li .text h3{ font-size: 30px; line-height: 32px; height: 32px; color: #DD3439;}
.indexOne .indexPro .right ul li .text .txt{ margin: 44px 0 66px 0; font-size: 15px; line-height: 30px; color: #666666; text-align: justify; height: 120px; -webkit-line-clamp: 4;}
.indexOne .indexPro .right ul li .picBox{ float: right; width: 393px; }
.indexOne .indexPro .right ul li .picBox img{ max-width: 100%; max-height: 560px;}
.indexOne .indexPro .right .btnBox{position: absolute; bottom: 0; right: 0; display: flex; align-items: center;width: 393px;}
.indexOne .indexPro .right .btnBox .btn{position: initial; width: 30px; height: 10px; background: url(bgimg/next_red.svg) no-repeat 0 0; background-size: contain;}
.indexOne .indexPro .right .btnBox .btn.swiper-button-prev{ transform: rotateY(180deg); margin-left: 10px; margin-right: 50px;}
/*index2*/
.indexTwo{background: url(bgimg/indextwobg.jpg) no-repeat bottom right; background-size: cover;padding-top: 1px; padding-bottom: 100px;}
.indexTwo .indexTitle{margin: 70px 0 40px 0;;}
.indexTwo .textBox{text-align: center; font-size: 15px; line-height: 30px; color: #666666;}
.indexTwo .type{background: #fff; box-sizing: border-box; width:100%;max-width:1050px;margin:0 auto;margin-top: 40px;}
.indexTwo .type .item{float:left;width: 49%;padding-right:1%;margin-bottom: 10px;}
.indexTwo .type .item:first-child::before{padding-right:0;}
.indexTwo .type .item>img{width:100%;}
/*index3*/
.indexThree{background: url(bgimg/indexthreebg.jpg) no-repeat center; background-size: cover; padding: 90px 0;}
.indexThree .indexTitle{ display: inline-block; margin: 0 0 56px 0;}
.indexThree .box{ display: flex; justify-content: space-between;}
.indexThree .left{position: relative; background: url(bgimg/indexthreeleft.jpg) no-repeat bottom right; background-size: cover; width: 787px; box-sizing: border-box; padding: 92px 9% 72px 0;}
.indexThree .left::before{ content: ""; position: absolute; top: 0; right: 100%; width: 400px; background: #fff; height: 100%;}
.indexThree .left .txt{ font-size: 15px; line-height: 30px; height: 60px; color: #666666;}
.indexThree .left .type{ display: flex; justify-content: space-between; margin: 58px 0 78px 0;}
.indexThree .left .type .item{text-align: center;}
.indexThree .left .type .item .icon{height: 48px;}
.indexThree .left .type .item .icon img{max-height: 100%;}
.indexThree .left .type .item p{ font-size: 16px; line-height: 16px; color: #666666; margin-top: 25px;}
.indexThree .right{position: relative; width: calc(100% - 787px);}
.play{ cursor: pointer; width: 54px; height: 54px; border-radius: 50%; background: #fff;}
.play i{width: 0; height: 0; border-top: 6px solid transparent; border-left: 8px solid #DD3439; border-bottom: 6px solid transparent; margin-left: 2px; z-index: 3;}
.play::before{ content: ""; position: absolute; top: 0; left: 0; width: 54px; height: 54px; background: rgba(255,255,255,0.6); animation: play 4s infinite; border-radius: 50%;}
.play::after{ content: ""; position: absolute; top: 0; left: 0; width: 54px; height: 54px; background: rgba(255,255,255,0.4); animation: play 4s infinite; border-radius: 50%; animation-delay: 2s;}
@keyframes play {
	0% { opacity: 0; -webkit-transform: scale(1, 1); }
	5% { opacity: 1; }
	100% { opacity: 0; -webkit-transform: scale(1.8); }
}
@-webkit-keyframes play {
	0% { opacity: 0; -webkit-transform: scale(1, 1); }
	5% { opacity: 1; }
	100% { opacity: 0; -webkit-transform: scale(1.8); }
}

/*index4*/
.indexFour{position: relative; z-index: 0; padding-bottom: 100px;}
.indexFour .this{position: absolute; bottom: 0; left: 0; width: 100%; height: 550px; overflow: hidden; z-index: -1; opacity: 0.16;}
.indexFour .indexTitle{ display: inline-block;}
.indexFour .box{position: relative;}
.indexFour .indexNewsTab{position: absolute; top: 80px; right: 0;}
.indexFour .indexNewsTab a{ display: inline-block; border: 1px #E00302 solid; border-radius: 30px; font-size: 16px; color: #E00302; padding: 16px 45px; margin-left: 35px; transition: 0.3s;}
.indexFour .indexNewsTab a.on{background: #E00302; color: #fff;}
.indexFour .indexNewsTab a:hover{background: #E00302; color: #fff;}
.indexFour .indexNewsBox{ overflow: hidden;}
.indexFour .indexNews{ display: flex; justify-content: space-between; padding: 10px; box-sizing: border-box;}
.indexNews .left{display: flex; justify-content: space-between; width: 66.8%;}
.indexNews .left .item{position: relative; width: 48.8%; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.indexNews .left .item::after{ content: ""; position: absolute; bottom: 0; left: 50%; width: 0; height: 2px; background: #E00302; transition: 0.4s linear;}
.indexNews .left .item .pic{ overflow: hidden; height: calc(100% - 212px);}
.indexNews .left .item .pic em{ display: block; height:100%; transition: 0.7s linear;}
.indexNews .left .item .text{ background: #fff;}
.indexNews .left .item .text .txt{padding: 27px 30px 25px 30px;}
.indexNews .left .item .text .txt h3{ font-size: 18px; line-height: 20px; height: 20px; color: #3C3C3C; transition: 0.5s linear;}
.indexNews .left .item .text .txt p{ font-size: 15px; line-height: 30px; color: #666666; height: 60px; margin-top: 26px;}
.indexNews .left .item .text .btm{ display: flex; justify-content: space-between; height: 54px; line-height: 54px; border-top: 1px #D8D8D8 solid; font-family: 'DINProLight'; text-align: center; color: #666666;}
.indexNews .left .item .text .btm .num{ width: 40%; border-right: 1px #D8D8D8 solid; box-sizing: border-box;}
.indexNews .left .item .text .btm .time{ width: 60%;}
.indexNews .left .item .text .btm .time img{ margin-right: 15px; position: relative; top: 3px;}
.indexNews .left .item:hover::after{ width: 100%; left: 0;}
.indexNews .left .item:hover .pic em{ transform: scale(1.05);}
.indexNews .left .item:hover .text .txt h3{ color: #E00302;}

.indexFour .indexNews .right{ width: 31.38%; border: 1px #D8D8D8 solid; padding: 30px 28px; box-sizing: border-box; height: 514px; overflow: hidden; background: #fff;}
.indexFour .indexNews .right .indexNewsList{ height: 100%; overflow: hidden;}
.indexFour .indexNews .right li{position: relative; border-bottom: 1px #D8D8D8 solid; height: 62px !important; box-sizing: border-box;}
.indexFour .indexNews .right li::before{ content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 1px; background: #E00302; transition: 0.4s;}
.indexFour .indexNews .right li h3{height: 20px; line-height: 20px; font-size: 18px; color: #333333;}
.indexFour .indexNews .right li a{ padding-bottom: 16px; display: block;}
.indexFour .indexNews .right li .time{display: flex; align-items: center; font-family: 'DINProLight'; color: #666666; margin-top: 8px;}
.indexFour .indexNews .right li .time img{margin-right: 15px; position: relative; top: 1px;}
.indexFour .indexNews .right li:hover::before{width: 60px;}
.indexFour .indexNews .right li:hover h3{ color: #E00302;}
.indexFour .more{text-align: center; margin-top: 60px;}
.indexFour .more .indexMore{background: #fff;}
.indexFour .more .indexMore:hover{background: #E00302;}
/*footer*/
.dhkfooter,#dhkfooter{background: #000;}
.dhkfooter .footNav{padding: 40px 0 20px 0; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px rgba(255,255,255,0.8) solid;}
.dhkfooter .footNav .footLogo img{ height: 64px;}
.dhkfooter .footNavList{ width: calc(100% - 320px); display: flex; justify-content: space-between;}
.dhkfooter .footNavList a{ font-size: 18px; color: #fff; transition: 0.3s;}
.dhkfooter .footNavList a:hover{ color: #E00302;}
.dhkfooter .footText{ margin-top: 34px; display: flex; justify-content: space-between; align-items: center; padding-bottom: 30px;}
.dhkfooter .footText .fMa{ margin-left: 40px; width: 112px; text-align: center;}
.dhkfooter .footText .fMa img{ width: 100%;}
.dhkfooter .footText .fMa p{ font-size: 15px; color: #FFFFFF; margin-top: 10px;}
.dhkfooter .footText .fText{ width: 46.78%; color: #fff; font-size: 15px; line-height: 2;font-family: 'PingFang SC','Microsoft YaHei';}
.dhkfooter .footText .fText p span{padding-right: 24px; display: inline-block;}
.dhkfooter .footText .fText p span:last-child{padding-right: 0;}
.dhkfooter .footText .fContact{ width: 240px;}
.dhkfooter .footText .fContact h3{ font-size: 22px; line-height: 22px; color: #FFFFFF; font-weight: normal;}
.dhkfooter .footText .fContact .fShare{ display: flex; justify-content: space-between; margin-top: 18px;}
.dhkfooter .footText .fContact .fShare .item{position: relative; cursor: pointer;}
.dhkfooter .footText .fContact .fShare .item img{ transition: 0.3s;}
.dhkfooter .footText .fContact .fShare .item .img{position: absolute; bottom: 58px; left: -40px; width: 110px; background: #fff;  box-sizing: border-box; transition: 0.4s; visibility: hidden; opacity: 0;}
.dhkfooter .footText .fContact .fShare .item .img img{display: block; width: 100%;}
.dhkfooter .footText .fContact .fShare .item:hover a img{opacity: 0.6;}
.dhkfooter .footText .fContact .fShare .item:hover .img{bottom: 50px; visibility: initial; opacity: 1;}
.dhkfooter .footText .fContact .link{position: relative; width: 100%; height: 53px; line-height: 52px; border-radius: 30px; border: 1px #fff solid; margin-top: 16px;}
.dhkfooter .footText .fContact .link span{ position: relative; display: block; padding-left: 22px; cursor: pointer; font-size: 16px; color: #FFFFFF;}
.dhkfooter .footText .fContact .link span::after{ content: ""; position: absolute; top: 20px; right: 20px; width: 13px; height: 13px; background: url(bgimg/san_xia.svg) no-repeat 0 0;}
.dhkfooter .footText .fContact .link ul{display: none; position: absolute; bottom: 100%; left: 0; width: 100%; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2); padding: 10px 0; max-height: 148px; overflow-y: auto;}
.dhkfooter .footText .fContact .link ul li{ padding: 6px 22px; line-height: 20px;}
.dhkfooter .footText .fContact .link ul li a{ transition: 0.3s;}
.dhkfooter .footText .fContact .link ul li a:hover{ color: #D70110;}
.dhkfooter .footBtm{ background: rgba(160,160,160,0.2); padding: 10px 0; color: #fff; line-height: 30px;}
.dhkfooter .footBtm a{ color: #fff; transition: 0.3s;}
.dhkfooter .footBtm a:hover{opacity: 0.6;}
.dhkfooter .footBtm .text{ display: flex; justify-content: space-between;}

/*内页*/
.nBanBox{ padding-top: 110px;}
.nBanBox .nBan{ position: relative; padding-bottom: 22.4%;}
.nBanBox .nBan .box{ color: #fff;}
.nBanBox .nBan .box h3{ font-size: 36px; line-height: 38px;}
.nBanBox .nBan .box p{ font-size: 24px; margin-top: 10px; text-transform: uppercase; letter-spacing: 1px;}
.inpageNav{ height: 70px; line-height: 70px; border-bottom: 1px #E8E9EA solid;}
.inpageNav .box{ height: 100%;}
.inpageNav .box .left{ width: calc(100% - 420px);}
.inpageNav .box .left a{position: relative; display: block; color: #333333; font-size: 16px; margin-right: 5.5%; transition: 0.4s;}
.inpageNav .box .left a:last-child{ margin-right: 0;}
.inpageNav .box .left a::before{ content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background: #E00302;}
.inpageNav .box .left a:hover{ color: #E00302;}
.inpageNav .box .left a.on{ color: #E00302;}
.inpageNav .box .left a.on::before{ width: 100%;}
.inpageNav .box .right{ font-size: 14px; color: #BFC0C4; align-items: center;}
.inpageNav .box .right img{ margin-right: 4px;}
.inpageNav .box .right a{color: #BFC0C4; transition: 0.4s; padding: 0 6px;}
.inpageNav .box .right a:hover{ color: #E00302;}
.inpageNav .box .right a:last-child{ padding-right: 0;}
.inpageTop{padding-top: 80px;}
.inpageP{padding: 80px 0;}
.inpageTitle{position: relative; text-align: center; z-index: 1;}
.inpageTitle h3{ font-weight: normal; font-size: 32px; line-height: 32px; color: #010101;}
.inpageTitle h4{position: absolute; top: 10px; left: 50%; transform: translateX(-50%); z-index: -1; font-size: 32px; line-height: 32px; color: #F0F0F0; text-transform: uppercase; width: 100%;}
.inpageTitle.ColorWhite h3{ color: #fff;}
.inpageTitle.ColorWhite h4{color: rgba(255,255,255,0.3);}
.word{ font-size: 16px; line-height: 26px; color: #333333; text-align: justify;}
/*page*/
.page{display: block; text-align: center; }
.page .btn.prev img{ transform: rotate(180deg); transition: 0.4s;}
.page a,.page span,.page input{display: inline-block; height: 44px; line-height: 44px; min-width: 44px; margin: 0 4px; padding: 0 10px; font-size: 18px; color: rgba(73,73,73,0.65); box-sizing: border-box; transition: 0.4s; background: #fff;}
.page a,.page input{border-radius: 2px; border: 1px rgba(0,0,0,0.15) solid;}
.page a.on,.page a:hover{ background: #DE0713; border-color: #DE0713; color: #fff;}
.page a:hover img{ filter: brightness(0) invert(1);}
.page input{ width: 68px; text-align: center;}
.page span{ margin: 0;}

/*位置*/
.aboutNav_bigbox{ width:100%; min-width:1200px; height:70px; border-bottom:1px solid #e4e4e4;}
.aboutNav_bigbox2{ width:100%; min-width:1200px; height:70px; border-top:1px solid #e4e4e4;}
.aboutNav_box{ width:1350px; margin:auto;}
.list_dinw{ float:left; font-size:14px; color:#565656; line-height:70px;}
.list_dinw a{ display:inline-block; font-size:14px; color:#565656; line-height:70px; margin:0 10px;}
.list_dinw a:nth-child(1){ width:16px; height:17px; font-size:0px; background:url(../images/home.png) no-repeat center; position:relative; top:20px; margin-left:0;}
.list_dinw a img{ display:block; position:relative; top:3px; margin-right:0;}
.about_nav{ float:right; overflow:hidden;}
.about_nav li{ float:left; margin-left:42px;}
.about_nav li a{ display:block; font-size:16px; color:#3f3f3f; line-height:67px;}
.about_nav li a:hover{ color:#1EB8F8; border-bottom:3px solid #1EB8F8;}
.about_nav .cur{ color:#1EB8F8; border-bottom:3px solid #1EB8F8;}
/**技术支持**/
.jishu_ti{ width:100%; min-width:300px; margin:68px auto 0;}
.jishu_ti span{ display:block; font-size:36px; color:#272727; text-align:center;}
.jishu_ti p{ display:block; font-size:18px; color:#55555f; text-align:center; margin-top:15px;}
.jishu_box{ width:100%; min-width:300px; margin:80px auto}
.jishu_box ul{ display:block; overflow:hidden;}
.jishu_box ul li{ float:left; width:22.9%; margin-right:2.3%; height:354px; border:1px solid #e4e4e4;}
.jishu_box ul li:nth-child(4n+0){ margin-right:0;}
.jishu_box ul li .neibian{ display:block; padding:40px 25px 0;}
.jishu_box ul li .neibian img{ display:block; margin:0 auto;}
.jishu_box ul li .neibian h1{ display:block; font-size:26px; color:#343434; text-align:center; margin-top:20px;}
.jishu_box ul li .neibian em{ display:block; font-style:normal; width:45px; height:2px; background:#b7262d; margin:18px auto 30px;}
.jishu_box ul li .neibian p{ display:block; font-size:14px; color:#646464; line-height:24px; text-align:center;}
.jishu_box ul li .neibian span{ display:block; width:80px; height:28px; border:2px solid #b7262d; border-radius:3px; font-size:14px; color:#b7262d; text-align:center; line-height:28px; margin:23px auto 0; cursor:pointer;}
.jishu_box ul li dl{ display:block; margin:30px auto 0;}
.jishu_box ul li dl dt{ display:block; font-size:24px; font-weight:bold; color:#646464; text-align:center;}
.jishu_box ul li dl dd{ display:block; font-size:18px; color:#646464; text-align:center; margin-top:10px;}
.jishu_box ul li .wzbox{ margin-top:26px;}
.jishu_box ul li .wzbox a{ display:block; font-size:16px; color:#646464; line-height:36px; text-align:center; border-bottom:1px solid #e4e4e4;}
.jishu_box ul li .wzbox a:last-child{ border-bottom:none;}
.jishu_box ul li:hover span{ background:#b7262d; color:#fff;}


.biaodan_box{ transition:all .5s ease;width:95%; max-width:914px; padding:15px; background:#fff; box-shadow:0 0 15px rgba(0,0,0,0.3); position:fixed; top:50%; left:50%; transform:translate(-50%,-50%) scale(0); opacity:0; overflow:hidden;}
.biaodan_liebiao{ display:block; overflow:hidden;}
.biaodan_liebiao li{ float:left; width:387px; border:1px solid #e5e5e5; margin-right:36px; margin-bottom:25px;}
.biaodan_liebiao li input{ padding:8px 30px; width:327px; font-size:14px; color:#666; line-height:18px; background:url(../images/bitian.png) no-repeat 12px 15px; border:none;}
.biaodan_liebiao li:nth-child(5){ width:812px;}
.biaodan_liebiao li:nth-child(5) input{ width:752px;}
.biaodan_liebiao li:last-child{ width:812px; height:128px;}
.biaodan_liebiao li:last-child textarea{ width:752px; padding:6px 30px; font-size:14px; color:#bfbfbf; line-height:18px; outline:none; border:none;}
.biaodan_liebiao li:nth-child(2n+0),.biaodan_liebiao li:nth-child(5){ margin-right:0;}
.biaodan_box .coolbg{ width:104px; height:38px; background:#b7262d; border-radius:3px; font-size:16px; color:#fff; text-align:center; line-height:38px; border:none;}
.biaodan_box input::-webkit-input-placeholder{ color:#bfbfbf;}
.quxiao{ text-align:right; margin:0 auto 50px;}
.quxiao span{ display:inline-block; width:40px;}
.quxiao span img{ display:block; width:100%; height:auto;}
.showos{ transform:translate(-50%,-50%) scale(1); opacity:1;}
@media(max-width: 760px){
    .jishu_box ul li{ float:none;width:100%;margin-bottom:20px;}
    .biaodan_box{}
    .biaodan_liebiao li {float: none;width:100%;}
    .biaodan_liebiao li:nth-child(5){width:100%;}
    .biaodan_liebiao li:nth-child(5) input{width:100%;}
    .biaodan_liebiao li:last-child{width:100%;}
    .biaodan_liebiao li:last-child textarea{ width:100%;}
    /*分页*/
    #pages {width:100%;min-width:300px;margin:3px auto;}
    #pages li{
        display: none;
    }
    #pages li.active,#pages li:first-child,#pages li:last-child {
        display: inline-block;
    }
}
/*服务领域*/
.page-service {
    position: relative;
}
.container{padding: 0;position: relative;z-index: 2}
.page-service-list{
    width: 72.9%;
}
.page-service-list li{position:relative;margin-bottom:40px;cursor:pointer}
.page-service-list li .img-box{position:relative;height:555px;border-radius:20px;overflow:hidden}
.page-service-list li .img-box img{display:block;width:100%;height:100%;object-fit:cover;transition:all ease-in .5s}
.page-service-list li:hover .img-box img{transform:scale(1.05)}
.page-service-list li .ser-box{position:absolute;left:0;bottom:0;width:100%;padding:0 40px 40px;background-image:linear-gradient(-180deg,transparent 13%,rgba(0,0,0,.65) 100%);border-radius:0 0 20px 20px;display:flex;align-items:center}
.page-service-list li .ser-box i{width:70px;height:70px}
.page-service-list li .ser-box i img{width:100%}
.page-service-list li .ser-box .s-text{margin-left:30px;width:100%;color:#fff}
.page-service-list li .ser-box .s-text h4{font-size:28px;line-height:1}
.page-service-list li .ser-box .s-text p{font-size:16px;line-height:2;margin-top:10px}
/*page service list 2*/
.page-service-list2{/*margin-top: 5vw;margin-bottom: 3vw*/}
.page-service-two-item{display: flex;margin-bottom: 30px;overflow: hidden}
.page-service-two-item .page-service-img{flex: 1;max-width: 45vw;background-repeat: no-repeat;background-position: center;background-size: cover;overflow: hidden}
.page-service-two-item .page-service-img img{transition:ease .3s;-webkit-transition: ease .3s;-moz-transition: ease .3s}
.page-service-two-item .page-service-content{flex: 1;max-width: 55vw;position: initial;padding-left: 5vw}
.page-service-two-item .page-service-text{width: 100%;direction: ltr;padding-top: 3%;}
.page-service-two-item:nth-child(even) {direction:rtl}
.page-service-two-item:nth-child(even) .page-service-content{padding-left: 0;padding-right: 5vw;}
.page-service-two-item:nth-child(even) .page-service-content .page-text{direction: ltr}
.page-service-two-item .page-service-title{font-size: 32px;color: #E50011;font-weight: bold;margin-bottom: 10px;}
.page-service-two-item .page-service-title span{font-style: italic;margin-right: 10px;font-size: 60px;}
.page-service-two-item .page-service-title em{font-size: 16px;color: rgba(204, 204, 204, 1);margin-left: 10px;font-weight: normal;font-style: normal;text-transform: capitalize}
.page-service-two-item .page-service-img:hover img{transform: scale(1.1)}

.text-center {
    text-align: center;
}
.home-title{font-size: 36px;color:#333;font-weight: bold;line-height: 1}
.home-title span{color:#;}
.home-title-en{margin-top: 20px;font-size: 18px;color: #111111;font-weight: lighter;line-height: 1;font-family:'Noto', 'Noto Sans CJK SC', 'Noto Sans CJK', 'Source Han Sans', source-han-sans-simplified-c, sans-serif;font-weight: 400;}
.home-more-link{width: 190px;height: 54px;border: solid 1px #DA0A20;padding: 4px;border-radius: 27px;display: block;position: relative;overflow: hidden}
.home-more-icon{position: absolute;left: 4px;top: 4px;width: 46px;height: 46px;display: flex;align-items: center;justify-content: center; border-radius: 50%;transition:ease 1s;text-align: center;background-color: rgba(218, 10, 32, 1);}
.home-more-icon img{width: 34%;}
.home-more-icon svg{width:52px;height: 52px;fill: #DA0A20;margin-top: -4px;display: block;margin-left: -4px}
.home-more-title{position: absolute;right: 30px;text-align: center;line-height: 46px;font-size: 14px;color: #DA0A20;transition: ease 1s;width: 50%}
.home-more-title svg{float: right;height: 24px;width: 30px;display: block;margin-top: 10px;margin-left: 2px}
.home-more-title svg path{fill: #DA0A20}
.home-more-link:hover .home-more-title{width: 0%;opacity: 0}
.home-more-link:hover  .home-more-icon{transform: translateX(290%) rotate(720deg);}
@media(max-width: 760px){
    .home-title{font-size: var(--FEY-font-size-22)}
    .home-title-en{margin-top: 10px;font-size: 14px}
    .home-more-link{width: 140px;height: 36px;border-radius: 18px;}
    .home-more-icon{width: 28px;height: 28px;top: 50%;transform: translateY(-50%);}
    .home-more-icon svg{width: 34px;height: 34px;}
    .home-more-title{line-height: 28px;font-size: 12px}
    .home-more-title svg{width: 16px;margin-top: 2px}
}
/*quality*/
.topic-main .home-title-en{margin-top: 10px;}
.topic-quality{padding-top:6vw;}
.topic-quality .container{max-width: 1400px;}
.topic-subtitle {margin-top: 20px;font-size: var(--FEY-font-size-18);color: var(--FEY-text-color-black)}
.topic-quality .topic-subtitle{line-height: 2.3;}
.topic-quality .topic-subtitle span{font-size: var(--FEY-font-size-20);color: #DA0A20;}
.topic-quality-container{margin-top: 70px;}
.topic-quality-item{display: flex;direction: ltr;box-shadow: 0 0 14px rgba(0,0,0,.05)}
.topic-quality-item:nth-child(2n){direction: rtl;margin-bottom: 0}
.topic-quality-left {flex: 1;text-align: left;padding:0  2.083vw;direction: ltr;max-width: 50%}
.topic-quality-right{flex: 1;max-width: 50%;overflow: hidden;}
.topic-quality-right img{transition: var(--transition-time);-webkit-transition: var(--transition-time);-moz-transition: var(--transition-time);-o-transition: var(--transition-time)}
.topic-quality-item:hover .topic-quality-right img{transform: scale(1.1)}
.topic-quality-number{width: 100%;text-align: left;font-family: Barlow;font-size: 3.75vw;font-weight: bold;color: var(--FEY-text-color-E50011);line-height: 1;margin-bottom: 15px;overflow: hidden}
.topic-quality-number span{position: relative}
.topic-quality-number span:after{position: absolute;right: -10px;bottom:-10px;width: 33px;height: 33px;border-top: solid 1px var(--FEY-bg-E50011);content: '';transform: rotate(-45deg);background-color: var(--FEY-bg-white)}
.topic-quality-item:first-child .topic-quality-number span:after{bottom: 0px;right: -20px}
.topic-quality-title{width: 100%;text-align: left;font-size: var(--FEY-font-size-24);color: var(--FEY-text-color-E50011);margin-bottom: 15px;font-weight: bold;}
.topic-quality-subtitle{font-size: var(--FEY-font-size-16);color: var(--FEY-text-color-333);width: 100%;font-weight: bold}
.topic-quality-left .page-text{margin-top: 15px;font-size: var(--FEY-font-size-16);color: var(--FEY-text-color-grey);width: 100%;line-height: 2.6;margin-top: 0;}
.topic-quality-left .page-text p{padding-left: 25px;position: relative;background: url(../images/fabric_icon_0.png) no-repeat left top .77vw;background-size: 15px}
.topic-external{padding-top:5.73vw}
.topic-external-container{margin-top: 90px;position: relative;background: url(../images/quality_backg_1.jpg) no-repeat bottom center;background-size: contain}
.topic-external-item{width: 100%;background-color: #121212;background-repeat: no-repeat;background-size: 100% auto;position: relative;padding: 20px;cursor: pointer}
.topic-external-number{margin-top: 10px;text-align: right;font-size: var(--FEY-font-size-30);color: var(--FEY-text-color-white);font-family: SourcehanSansCn;font-weight: 700}
.topic-external-icon{margin-top: 55px;margin-bottom: 40px;}
.topic-external-icon img{max-height: 66px;}
.topic-external-title{text-align: center;font-size: var(--FEY-font-size-24);color: var(--FEY-text-color-white);margin-bottom: 45px;}
.topic-external-summary{font-size: var(--FEY-font-size-14);color: var(--FEY-text-color-white);line-height: 2.2;min-height: 126px;}
.topic-external-more{margin-bottom: 10px;color: var(--FEY-text-color-white);font-size: var(--FEY-font-size-14)}
.fabric-external-content{position: absolute;top: 0;left: 0;width: 100%;background-color: #DA0A20;background-repeat: no-repeat;background-size: 100%;min-height: 100%;visibility: hidden;opacity: 0;transition: var(--transition-time);-webkit-transition: var(--transition-time);-moz-transition: var(--transition-time);padding-bottom: 25px;}
.fabric-external-content .topic-external-title{margin-top: 27px;margin-bottom: 12px;}
.fabric-external-text{max-height: 250px;overflow: auto;font-size: var(--FEY-font-size-16);line-height: 2;color: var(--FEY-text-color-white);margin: auto 0.625vw 0 1.5625vw;padding-right:0.9375vw;}
.topic-external .swiper-external ul li{padding-bottom: 115px;}
.topic-external .swiper-external{padding-bottom:90px}
.topic-external .external-next,.topic-external .external-prev{bottom: 0;top: auto}
.topic-external .swiper-external ul li:hover .fabric-external-content{visibility: visible;opacity: 1}
.swiper-external  ul li{max-width: 390px}
.swiper-external  ul li:first-child .topic-external-item{background-image: url(../images/quality_backg_2.png);background-position: top right;background-size: contain}
.swiper-external  ul li:nth-child(2) .topic-external-item{background-image: url(../images/quality_backg_3.png);background-position: top left;background-size: 100% auto}
.swiper-external  ul li:nth-child(3) .topic-external-item{background-image: url(../images/quality_backg_4.png);background-position: center right}
.swiper-external  ul li:nth-child(4) .topic-external-item{background-image: url(../images/quality_backg_5.png);background-position: top right}
.swiper-external  ul li:nth-child(5) .topic-external-item{background-image: url(../images/quality_backg_6.png);background-position: center right}
.swiper-external  ul li:nth-child(6) .topic-external-item{background-image: url(../images/quality_backg_7.png);background-position: center right}
.swiper-external  ul li:hover .topic-external-item{background-color: #DA0A20}
.topic-external-text{position: relative;z-index: 2;padding-bottom: 65px;}
.topic-external-text .container{padding-bottom: 30px;}
.topic-external-text .topic-external-summary{max-width: 59.375vw;margin-left: 0;font-size:var(--FEY-font-size-24)}
.external-next,.external-prev{width: 60px;height: 60px;border: solid 2px #fff;border-radius: 50%;margin-top: -30px}
.external-next:after,.external-prev:after{font-size: var(--FEY-font-size-20);color: var(--FEY-text-color-white)}
.external-next{right: 6.9vw;}
.external-prev{right: 12.21875vw;left: auto}
.topic-prove{margin:0 auto 2vw;padding-top: 125px;}
.topic-prove .container{width: calc(100% - 11.78vw); padding: 0 5.89vw 5.8vw;background: url(../images/quality_backg_8.png) no-repeat bottom center;background-size: contain}
.topic-prove-box{display: flex;}
.topic-prove-item{flex: 1;margin-right: 6.45vw}
.topic-prove-item:last-child{margin-right: 0}
.topic-prove ul li a{overflow: hidden;position: relative;display: block}
.topic-prove ul li .topic-prove-icon{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: none;background: rgba(255,255,255,.4)}
.topic-prove ul li .topic-prove-icon svg{width: 50px;height: 50px;fill:#DA0A20}
.topic-prove ul li:hover .topic-prove-icon{display: flex}
#external{/*position: fixed;left: 0;top: 0;z-index: 10;width: 100%;height: 100%;z-index: 9999;*/display: none}
.topic-layer{background: transparent !important;box-shadow: none !important}
/*.layer-bg{background: rgba(0,0,0,.4);width: 100%;height: 100%;position: absolute;left: 0;top: 0}*/
#external .container{position: relative;z-index: 2;background:-webkit-gradient(linear,100% 0%, 31% 29%, from(#2180f4), to(#0f6fe5))
;border-radius: 5px;max-width: 50vw}
.layer-close{position: absolute;right: 10px;top: 10px;cursor: pointer;z-index: 3}
.layer-close svg{width: 20px;height: 20px;fill: #fff}
.layer-title{padding: 10px 15px;font-size: var(--FEY-font-size-20);color: var(--FEY-text-color-white);font-weight: bold;line-height: 1.5;position: relative;}
.layer-title:after{position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background:-webkit-gradient(linear,100% 0%, 31% 29%, from(#0f6fe5), to(#2180f4)) ;content: ''}
.layer-text{padding: 20px}
.layer-text .page-text{font-size: var(--FEY-font-size-14);color:var(--FEY-text-color-white);line-height: 2;opacity: .9}
.layer-text .page-text b{margin-bottom: 10px;}
@media(max-width:1400px){
    .topic-quality-number span:after{right: -11px;bottom: -15px}
    .topic-quality-item:first-child .topic-quality-number span:after{bottom: -10px;right: -24px}
    .external-prev{right: 15vw}
    #external .container{max-width: 60vw}
}
@media(max-width: 1200px){
    .topic-quality-number span:after{right: -15px;bottom: -15px}
    .topic-quality-item:first-child .topic-quality-number span:after{bottom: -10px;right: -25px}
}
@media(max-width: 1080px){
    .topic-quality-number span:after{right: -17px;bottom: -17px}
    .topic-quality-item:first-child .topic-quality-number span:after{bottom: -10px;right: -25px}
}
@media(max-width: 760px){
    .topic-quality{margin-top: 50px;}
    .topic-quality-container{margin-top: 30px;margin-bottom: 30px;}
    .topic-quality-item{display: block;margin-bottom: 30px;}
    .topic-quality-right{max-width: 100%}
    .topic-quality-left{padding: 0 2vw 3vw!important;margin-top: 20px;max-width: 100%}
    .topic-quality-number{font-size: 10.7vw}
    .topic-quality-title{font-size: var(--FEY-font-size-20)}
    .topic-quality-title-en{font-size: var(--FEY-font-size-12)}
    .topic-quality-subtitle{font-size: var(--FEY-font-size-14)}
    .topic-quality-subtitle p{font-size: var(--FEY-font-size-14)}
    .topic-quality-left .page-text{margin-top: 20px;font-size: var(--FEY-font-size-12)}
    .topic-external{margin-top: 50px;}
    .topic-external-container{margin-top: 30px;background-size: auto 40%}
    .topic-external-text{margin-top: 30px;}
    .swiper-external{margin: auto 15px;}
    .topic-external-item{padding: 15px;}
    .fabric-external-content{opacity: 1;visibility: visible;}
    .fabric-external-text{height: 182px;max-height: inherit;overflow-y: scroll;}
    .topic-external-number{font-size: var(--FEY-font-size-20);margin-top: 0}
    .topic-external-icon{margin-top: 15px;margin-bottom: 30px;}
    .topic-external-title{font-size: var(--FEY-font-size-20);margin-bottom: 20px;}
    .topic-external-summary{font-size: var(--FEY-font-size-12);min-height: 80px}
    .external-next, .external-prev{width: 30px;height: 30px;}
    .external-next:after, .external-prev:after{font-size: var(--FEY-font-size-12)}
    .external-next{right: 2vw}
    .external-prev{right: calc(4vw + 30px)}
    .topic-external-text .container{padding-bottom: 20px}
    .topic-external-text .topic-external-summary{max-width: 70vw;font-size: var(--FEY-font-size-12)}
    .topic-prove{margin: 30px 0}
    .topic-prove .container{padding: 0 3vw 7.5vw}
    .topic-prove-item{margin-right:2.5vw}
    #external .container{max-width: 90vw}
}
/*quality*/
.quality-top{padding: 5.729vw 0 3.3854vw;background: url(../images/backg_2.png) no-repeat right -16vw bottom -1.5vw;}
.quality-bottom{position: relative;padding: 5.2083vw 0 5.52vw;background-color: #000;}
.quality-bottom:before{position: absolute;left: 0;top:0;width: 100%;height: 100%;background: url(../images/backg_5.jpg) no-repeat fixed center;background-size: cover;background-color: #000;opacity: .1;/*background:-webkit-gradient(linear,90% 0%, 0% 100%, from(rgba(0,0,0,0)), to(rgba(0,0,0,0)), color-stop(0.6,rgba(0,0,0,.825)))
;*/content: ''}
.quality-bottom:after{position: absolute;left: 0;bottom: calc(5.52vw + 15px);width: 100%;height: 1px;background-color: var(--FEY-bg-white);content: ''}
.quality-content{overflow: hidden;margin-bottom: 4.167vw}
.quality-left-text{float: left;font-size: var(--FEY-font-size-20);color: var(--FEY-text-color-white);line-height: 2.6}
.quality-right-button{float: right;display: flex;padding-top: 1.5625vw}
.quality-right-button>div{position: initial;width: 50px;height: 50px;border: solid 2px #C4C4C4;border-radius: 50%;margin-right: 30px;margin-top: 10px;}
.quality-right-button>div:after{display: none}
.quality-right-button>div:last-child{margin-right: 0}
.quality-right-button>div svg{width: 24px;height: 24px;fill: var(--FEY-bg-white)}
.quality-slide-item{background-color: var(--FEY-bg-white);padding: 20px 30px 10px 40px;border-radius: 10px;position:absolute;left: 0;bottom: 70px;width: 100%;}
.quality-slide-item:after{position: absolute;left: 50%;bottom: -10px;width: 0;height: 0;border-left: solid 16px transparent;border-right: solid 16px transparent;border-top: solid 10px #fff;content: '';border-radius:0 0 0 6px;margin-left: -16px;}
.quality-icon{height: 80px;margin-bottom: 15px;display: flex;width: 80px;align-items: center;margin-left: 0}
.quality-icon img{display: block;max-width: 60%;}
.quality-text{display: flex}
.quality-title{flex: 1;}
.quality-title-cn{font-size: var(--FEY-font-size-20);color: var(--FEY-text-color-111111)}
.quality-title-en{margin-top: 10px;font-size: var(--FEY-font-size-16);text-transform: uppercase;line-height: 1}
.quality-number{font-size: var(--FEY-font-size-48);color: var(--FEY-text-color-111111);font-family: Barlow;font-weight: bold;line-height: 1.4}
.swiper-quality ul li{position: relative;height: 370px;padding-bottom: 35px;}
.swiper-quality ul li:before,.swiper-quality ul li:after{position: absolute;left: 50%;bottom: 0;content: ''}
.swiper-quality ul li:before{width: 33px;height: 33px;background: #EE0A24;opacity: .24;border-radius: 50%;transform: translateX(-50%);transition: var(--transition-ease-3s)}
.swiper-quality ul li:after{width: 18px;height: 18px;background: #DA0A20;border-radius: 50%;margin-left: -9px;bottom: 7px;}
.swiper-quality ul li.swiper-slide-active .quality-slide-item{padding: 30px  40px 10px 40px;transition: var(--transition-ease-3s)}
.swiper-quality ul li.swiper-slide-active .quality-icon{height: 175px;width: 100%;transition: var(--transition-ease-3s);justify-content: center;}
.swiper-quality ul li.swiper-slide-active .quality-icon img{max-width: 40%;}
@media(max-width: 1200px){
    .swiper-quality ul li.swiper-slide-active .quality-slide-item{padding: 20px 20px 10px}
    .swiper-quality ul li.swiper-slide-active .quality-icon{height: 110px}
}
@media(max-width: 760px){
    .quality-top{text-align: center;padding: 30px 0}
    .quality-bottom{padding: 30px 0}
    .quality-bottom:after{bottom: 45px;}
    .quality-left-text{font-size: var(--FEY-font-size-14);line-height: 2}
    .quality-right-button>div{width: 30px;height: 30px;margin-right: 20px;}
    .swiper-quality ul li{height: 310px;}
    .quality-slide-item{padding: 15px 10px 10px}
    .quality-icon{height: 50px;}
    .quality-title-cn{font-size: var(--FEY-font-size-16)}
    .quality-title-en{font-size: var(--FEY-font-size-12)}
    .quality-number{font-size: var(--FEY-font-size-20)}
    .quality-slide-item:after{bottom: -9px}
}
/*公司介绍*/
.aboutOne .word{margin-top: 40px;}
.aboutOne .box{ margin-top: 30px;}
.aboutOne .box .left{position: relative; width: 39%; display: flex; flex-wrap: wrap;}
.aboutOne .box .left::before{ content: ""; position: absolute; top: 0; left: 50%; width: 1px; height: 100%; background: #DADADA;}
.aboutOne .box .left::after{ content: ""; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: #DADADA;}
.aboutOne .box .left .item{ width: 50%; text-align: center; padding: 40px 0;}
.aboutOne .box .left .item:first-child{ padding-top: 24px;}
.aboutOne .box .left .item:nth-child(2){ padding-top: 24px;}
.aboutOne .box .left .item .num{ font-size: 50px; color: #D70110; font-family: 'DINProLight';}
.aboutOne .box .left .item p{ font-size: 18px; line-height: 28px; color: #333333; margin-top: 6px; padding: 0 14%;}
.aboutOne .box .right{ position: relative; width: 52.64%;}
.aboutOne .box .right em{ display: block; padding-bottom: 59.43%;}
.aboutTwo{ background-image: url(bgimg/culturebg.jpg); padding-bottom: 230px;}
.aboutTwo .box{ padding-top: 76px; align-items: flex-start;}
.aboutTwo .box .item{ text-align: center; color: #fff; width: 14%;}
.aboutTwo .box .item img{ height: 78px;}
.aboutTwo .box .item h3{ font-size: 20px; line-height: 20px; margin: 32px 0 30px 0; font-weight: normal;}
.aboutTwo .box .item p{font-size: 18px; line-height: 28px;}
/*右侧*/
.rightFixed{ position: fixed; top: 60%; right: -86px; transform: translateY(-50%); -webkit-transform: translateY(-50%);  z-index: 30; width: 84px; text-align: center; padding: 20px 0; transition: 0.5s;}
.rightFixed.on{ right: 3%;}
.rightFixed .item{position: relative; display: block; height: 84px; background: #fff; border: 1px #E4E4E4 solid; border-radius: 4px; margin: 5px 0; transition: 0.3s; cursor: pointer; padding-top: 15px; box-sizing: border-box;}
.rightFixed .item .box{ display: none; position: absolute; top: 0; right: 100%; padding-right: 10px; transition: 0.3s; }
.rightFixed .item .box .pic{ background: #fff; border: 10px #fff solid; border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.14);}
.rightFixed .item .box img{ display: block; width: 120px; height: 120px; max-width: none;}
.rightFixed .item .box::before{ content: ""; position: absolute; top: 50%; right: 4px; width: 0; height: 0; border-left: 6px solid #fff;
 border-bottom: 6px solid transparent; border-top: 6px solid transparent; margin-top: -6px;}
.rightFixed .item span{ display: block; font-size: 16px; color: #666666; margin-top: 4px;}
.rightFixed .item:first-child::before{ display: none;}
.rightFixed .item:hover{opacity: 1;}
.rightFixed .item:hover .box{ display: block;}
.rightFixed .item.phoneItem .box{ width: 270px; }
.rightFixed .item.phoneItem .box .p{background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.14); padding: 10px 0 10px 20px; border-radius: 10px; font-size: 15px; color: #368ae2; line-height: 32px; text-align: left;}
.rightFixed .item.goTop{ background: #E00302; padding-top: 24px; cursor: pointer; border-color: #E00302;}
/*荣誉资质*/
.honorBox{width:100%;margin:60px auto; overflow:hidden;}
.honorBox ul{ padding-bottom: 20px;display:block; overflow:hidden;}
.honorBox ul li{ float: left; margin-bottom: 40px; width: 31%;text-align:center;margin-right: 2.3%;text-align:center;border: 2px #F1F1F1 solid;overflow:hidden;}
.honorBox ul li:nth-child(3n){ margin-right: 0;}
.honorBox ul li .honor_tu{width:100%;height:280px;text-align:center;overflow:hidden;}
.honorBox ul li img{height:100%;max-width:100%; max-height:280px; transition:all 0.5s ease-out;}
.honorBox ul li p{ display:block; font-size:17px; background: #F1F1F1;color:#666;height: 50px;  line-height:50px; text-align:center; border-bottom:1px solid #e0e0e0;}
/*.honorBox ul li:hover img{ opacity:0.9; transform:scale(1.5);}
.honorBox ul li:hover p{ background: #E00302; color: #fff;}*/


.pagination .thisclass {
    padding:5px 10px;
    color:#fff;background-color:#E00302;
}

.Gallery { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0,0,0,0.6); opacity: 0; z-index: 999999; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease }
.Gallery.show { opacity: 1 }
.g-bottom, .g-left, .g-right, .g-top { z-index: 99; display: block; -webkit-appearance: none; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease }
.g-top { position: absolute; top: 0; left: 0; width: 100%; background: rgba(0,0,0,.7); height: 45px; text-align: center; line-height: 45px; color: #fff; z-index: 120 }
.g-left.none, .g-right.none { opacity: .3; cursor: not-allowed }
.g-bottom { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,.7); height: 45px; text-align: center; line-height: 45px; color: #fff; z-index: 120 }
.g-left { position: absolute; top: 43%; left: 0; height: 14%; background: rgba(0,0,0,.5); width: 55px; cursor: pointer }
.g-right { position: absolute; top: 43%; right: 0; height: 14%; background: rgba(0,0,0,.5); width: 55px; cursor: pointer }
.Gallery img { max-height: 87%; max-width: 99% }
.Gallery.Gallery-none img { max-height: 100%; max-width: 99% }
.Gallery-wrap { width: 100%; height: 100%; position: relative; transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0) }
.g-left:after { content: ''; width: 20px; height: 2px; background: #fff; position: absolute; left: 16px; top: 50%; margin-top: -1px }
.g-left:before { content: ''; width: 10px; height: 10px; border: 2px solid #fff; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); border-top: none; border-right: none; display: block; position: absolute; left: 16px; top: 50%; margin-top: -6px }
.g-right:after { content: ''; width: 20px; height: 2px; background: #fff; position: absolute; right: 16px; top: 50%; margin-top: -1px }
.g-right:before { content: ''; width: 10px; height: 10px; border: 2px solid #fff; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); border-left: none; border-bottom: none; display: block; position: absolute; right: 16px; top: 50%; margin-top: -6px }
.g-list { width: 100%; height: 100%; text-align: center; vertical-align: middle; position: absolute; left: 0; top: 0 }
.g-list span { display: inline-block; vertical-align: middle; height: 100% }
.g-list img { vertical-align: middle; cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; transition: all .4s ease; -moz-transition: all .4s ease; -webkit-transition: all .4s ease }
.Gallery-wrap.grab .g-list img { cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing }
.g-top .g-count { width: auto; height: 100%; position: absolute; left: 0; top: 0; padding: 0 18px }
.g-top button { height: 45px; width: 45px; border: none; position: absolute; right: 0; top: 0; opacity: .8; background: 0 0; -webkit-tap-highlight-color: transparent }
.g-top span { display: block; width: 100%; height: 100%; line-height: 45px; color: #fff }
.g-close { cursor: pointer }
.g-close:after { content: ''; width: 24px; height: 2px; background: #fff; display: block; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); position: absolute; left: 8px; top: 21px }
.g-close:before { content: ''; width: 24px; height: 2px; background: #fff; display: block; transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); position: absolute; left: 8px; top: 21px }
.g-top button:hover { opacity: 1 }

/*加入捷文*/
.joinBox .title{overflow: hidden;  background: #999999; color: #fff; padding: 0 40px; font-size: 20px;}
.joinBox .title span{ display: block; float: left; line-height: 28px; padding: 26px 0;}
.joinBox .title span:first-child{ width: 38%;}
.joinBox .title span:nth-child(2){ width: 8%; text-align: center;}
.joinBox .title span:nth-child(3){ width: 46%; text-align: center;}
.joinBox .title span:nth-child(4){ width: 8%; text-align: center;}
.joinBox .box{border: 1px #DADADA solid; border-bottom: none; margin-bottom: 60px;}

.joinBox .box .item .tit{ background: #fff; font-size: 16px; color: #666666; cursor: pointer; transition: 0.4s; border-bottom: 1px #DADADA solid;}
.joinBox .box .item .tit span:nth-child(4){ display: flex; align-items: center; justify-content: center;}
.joinBox .box .item .tit span{ cursor: pointer;}
.joinBox .box .item .tit span img{ margin-left: 14px; transition: 0.4s; cursor: pointer;}
.joinBox .box .item .text{display: none; padding: 42px; border-bottom: 1px #DADADA solid;}
.joinBox .box .item .text .h{ font-size: 20px; color: #333333;}
.joinBox .box .item .text .txt{ font-size: 16px; line-height: 30px; margin-top: 14px; color: #6A6B6C; margin-bottom: 33px;}
.joinBox .box .item .text .mail{ font-size: 20px; color: #333333; font-weight: 500; margin-bottom: 50px;}
.deliver{display: block; width: 172px; height: 54px; line-height: 54px; text-align: center; color: #fff; background: #D92114; transition: 0.4s;}
.deliver i{position: relative; top: -2px; padding-left: 10px;}
.deliver:hover{ width: 190px;}
.joinBox .box .item .tit.on{ background: #F7F7F7;}
.joinBox .box .item .tit.on span img{ transform: rotate(90deg);}

/*代理品牌*/
.pinpai_bigbox{ width:100%; margin:50px auto 90px;}
.kehu_box{ display:block; width:100%;}
.kehu_box li{ display:block; width:100%; background:#fff; margin-bottom:45px; cursor:default; overflow:hidden;}
.kehu_box li .pinpai_tu{ float:left; width:35%;height: 240px;background: #f8f8f8 no-repeat center center;background-size: 80%;}
.kehu_box li .pinpai_tu img{ display:none; width:100%; height:auto; transition:all .5s;}
.kehu_box li .pinpai_con{ float:left; width:65%;}
.kehu_box li .pinpai_con h1{ display:block; padding:30px 0 0 45px; font-size:30px; color:#2c2c2c;}
.kehu_box li .pinpai_con p{ display:block; padding-left:45px; padding-right:20px; font-size:15px; color:#2c2c2c; line-height:30px; margin-top:18px;}
.kehu_box li .pinpai_con span{ display:block; width:33px; height:1px; background:#b7262d; margin-left:45px; margin-top:28px;}
.kehu_box li:hover{ box-shadow:0 0 20px rgba(153,153,153,0.3);}

/*产品列表*/
.productBox ul{ padding-bottom: 20px;}
.productBox ul li{ float: left; width: 22.86%; margin: 0 2.8533% 40px 0;}
.productBox ul li:nth-child(4n){ margin-right: 0;}
.productBox ul li a{ display: block;}
.productBox ul li a .pic{ border: 1px #DADADA solid; margin-bottom: 20px; overflow: hidden;}
.productBox ul li a .pic em{ display: block; padding-bottom: 71.25%; transition: 0.6s;}
.productBox ul li a .text h3{ font-size: 18px; line-height: 18px; height: 18px; color: #333333; font-weight: 500; margin-bottom: 13px; transition: 0.4s;}
.productBox ul li a .text p{ font-size: 15px; line-height: 26px; height: 52px; color: #666666;}
.productBox ul li a:hover .pic em{ transform: scale(1.03);}
.productBox ul li a:hover .text h3{ color: #E00302;}
/*产品详情*/
.contProTop{ padding-bottom: 50px; display: flex; justify-content: space-between;}
.contProTop .text{ width: 37%; padding-top: 37px;}
.contProTop .text .title{ color: #333333; font-weight: 500;}
.contProTop .text .txt{ line-height: 26px; text-align: justify; margin: 26px 0; min-height: 96px;}
.contProTop .picBox{display: flex; justify-content: space-between; width: 786px; height: 363px;}
.contProTop .picBox .bigPic{position: relative; width: 532px; border: 1px #DADADA solid; overflow: hidden;}
.contProTop .picBox .bigPic .btn{ display: none;}
.contProTop .picBox .bigPic .btn .swiper-pagination-bullet-active{ background: #E00302;}
.contProTop .picBox .bigPic ul li em{ display: block; height: 100%;}
.contProTop .picBox .smallPic{ width: 200px;}
.contProTop .picBox .smallPic .btn{ height: 31px; background: #ECECEC; cursor: pointer; transition: 0.3s;}
.contProTop .picBox .smallPic .btn img{ transform: rotate(-90deg);}
.contProTop .picBox .smallPic .btn.swiper-button-disabled{opacity: 0.4; cursor: default;}
.contProTop .picBox .smallPic .next img{ transform: rotate(90deg);}
.contProTop .picBox .smallPic .box{ height: 285px; overflow: hidden; margin: 8px 0;}
.contProTop .picBox .smallPic .box ul li{ height: 135px; border: 1px #DADADA solid; box-sizing: border-box; cursor: pointer; transition: 0.3s;}
.contProTop .picBox .smallPic .box ul li.on{ border-color: #E00302;}
.contProTop .picBox .smallPic .box ul li em{ display: block; height: 100%;}
.contProBtm{ padding: 40px 0; background: #F9F9F9;}
.contTitle{ line-height: 18px; color: #333333;margin-bottom: 40px; }
.contTitle span{display: inline-block; position: relative; margin-right: 40px;font-weight: 500; cursor: pointer;}
.contTitle span:last-child{margin-right: 0;}
.contTitle span.on{padding-left: 10px; border-left: 2px #E00302 solid; }
.contProBtm .tabBox{overflow: hidden;}
.contProBtm .item video{ width: 100%;}
.contProBtm .word{ min-height: 200px;}
.contProBtm .downList{ padding: 10px 0;}
.contProBtm .downList ul li:first-child{ margin-top: 0;}
.contProBtm .downList ul li{margin-top: 20px;}
.contProBtm .downList ul li a{ display: flex; justify-content: space-between; height: 80px; line-height: 80px; padding: 0 30px; background: #fff; transition: 0.4s;}
.contProBtm .downList ul li a p{ width: calc(100% - 150px);}
.contProBtm .downList ul li a:hover{box-shadow: 0 0 10px rgba(0,0,0,0.1);}



/*项目服务*/
.inpageBtm{padding-bottom: 40px;}
.xmfwOne .word{ margin: 40px 0;}
.xmfwOne .box{ text-align: center;}
.xmfwOne .box .p{position: relative; display: inline-block;}
.xmfwOne .box .p >img{display: block; margin: 0 auto;}
.xmfwOne .box .itemBox{position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; padding: 0 118px; box-sizing: border-box;}
.xmfwOne .box .itemBox .item p{ margin-top: 24px;}
.xmfwTwo .box{ margin-top: 40px;}
.xmfwTwo .box .item{position: relative; width: 33.333%;}
.xmfwTwo .box .item em{ display: block; padding-bottom: 92.2%;}
.xmfwTwo .box .item .text{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.7)); color: #fff; text-align: center; padding: 42% 10% 0 10%; box-sizing: border-box;}
.xmfwTwo .box .item .text .txt{line-height: 2; margin-top: 30px;}
.xmfwThree .box{ margin-top: 50px;}
.xmfwThree .box img{ display: block; margin: 0 auto;}
.xmfwFour{ background: #F1F1F1;}
.xmfwFour .box ul{ align-items: flex-start; flex-wrap: wrap;}
.xmfwFour .box ul li{position: relative; width: 25%; margin-top: 50px; text-align: center; padding: 0 5%; box-sizing: border-box;}
.xmfwFour .box ul li::before{ content: ""; position: absolute; top: 50%; right: 0; width: 1px; height: 120px; background: #DADADA; transform: translateY(-50%);}
.xmfwFour .box ul li:nth-child(4n)::before{ display: none;}
.xmfwFour .box ul li .icon{ height: 74px;}
.xmfwFour .box ul li .icon img{max-height: 100%;}
.xmfwFour .box ul li h3{ line-height: 1; color: #333333; font-weight: normal; margin: 18px 0 15px;}
.xmfwFour .box ul li .txt{line-height: 26px; color: #666666;}
/*应用案例*/
.yyalBox ul{ padding-bottom: 20px;}
.yyalBox ul li{ float: left; width: 31.7%; margin-right: 2.45%; margin-bottom: 40px; border: 1px #DADADA solid; box-sizing: border-box;}
.yyalBox ul li a{ display: block; transition: 0.4s;}
.yyalBox ul li:nth-child(3n){ margin-right: 0;}
.yyalBox ul li .pic em{ display: block; padding-bottom: 60.59%;}
.yyalBox ul li .text{padding: 18px 30px 20px 30px;}
.yyalBox ul li .text h3{line-height: 20px; font-weight: normal; color: #333333; height: 20px;}
.yyalBox ul li .text .txt{ margin-top: 18px; display: flex; align-items: center;}
.yyalBox ul li .text .txt i{display: inline-block; font-size: 12px; color: #fff; background: #E00302; padding: 3px 10px; border-radius: 10px; margin-right: 15px;}
.yyalBox ul li .text .txt i:last-child{ margin-right: 0;}
.yyalBox ul li a:hover{box-shadow: 0 0 28px rgba(0,0,0,0.14);}
.yyalBox ul li a:hover .text h3{color: #E00302;}
/*联系工程师*/
.lxgcsBox{ position: relative;}
.lxgcsBox .box{ margin-top: 40px;}
.lxgcsBox .box .left{ width: 41.57%; }
.lxgcsBox .box .left .tit{ display: flex; align-items: center; font-weight: 500; color: #333333;}
.lxgcsBox .box .left .tit img{ margin-right: 12px;}
.lxgcsBox .box .left .txt{ color: #666666; margin-top: 12px; line-height: 26px;}
.lxgcsBox .box .left .item{margin-bottom: 36px;}
.lxgcsBox .box .left .item:last-child{ margin-bottom: 0;}

/*生产代工服务*/
.scdgOne .word .txt{ margin: 40px 0; text-align: center;}
.scdgOne .word img{ display: block; margin: 0 auto;}
.scdgTwo .box{ margin-top: 40px;}
.scdgTwo .box .left{ width: 32.14%; line-height: 26px;}
.scdgTwo .box .left p{position: relative; margin: 16px 0; padding-left: 35px; }
.scdgTwo .box .left p::before{ content: ""; position: absolute; top: 7px; left: 0; width: 12px; height: 12px; border-radius: 50%; border: 2px #E00302 solid; box-sizing: border-box;}
.scdgTwo .box .right{ width: 63.7%;}
.scdgThree .box{ position: relative; margin-top: 40px; overflow: hidden; padding-bottom: 65px;}
.scdgThree .swiper-slide{position: relative; width:61.66%; overflow: hidden;}
.scdgThree .swiper-slide::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); opacity: 1; transition: 0.3;}
.scdgThree .swiper-slide.swiper-slide-active::before{opacity: 0;}
.scdgThree .pic{ overflow: hidden; width: 100%;}
.scdgThree .pic em{ display: block; padding-bottom: 55.11%;}
.scdgThree .qie{ width: 48px; height: 48px; border: 1px #fff solid; border-radius: 50%; background-size: 20px 20px; filter: brightness(0) invert(1); transition: 0.4s; top: calc(50% - 35px);}
.scdgThree .qie.swiper-button-next{ right: 60px;}
.scdgThree .qie.swiper-button-prev{ left: 60px;}
.scdgThree .indexYuan{ bottom: 0 !important; width: 100%;}
.scdgThree .indexYuan .swiper-pagination-bullet{ border-color: #E00302; margin: 0 100px !important;}
.scdgThree .indexYuan .swiper-pagination-bullet::before{ background: #999999; width: 166px;}
.scdgThree .indexYuan .swiper-pagination-bullet-active{ background: #E00302;}
.scdgThree .indexYuan i{ background: #E00302; width: 166px;}
.scdgFour{ padding-top: 0;}
/*国产芯片服务*/
.gcxpOne .box{position: relative; margin-top: 50px;}
.gcxpOne .box>img{ width: 64.7%;}
.gcxpOne .box .text{position: absolute; top: 50%; right: 0; transform: translateY(-50%); background: #fff; width: 580px; height: 69.5%; box-shadow: 0 0 22px rgba(164,164,164,0.28); padding: 0 3.2%; box-sizing: border-box;}
.gcxpOne .box .text .item{ width: 50%; text-align: center; }
.gcxpOne .box .text .item img{ height: 64px;}
.gcxpOne .box .text .item p{margin-top: 50px; font-weight: 500;}
.gcxpTwo .box{margin-top: 40px;}
.gcxpTwo .box .item{ background: #F9F9F9; width: 18.28%; height: 326px; text-align: center; padding: 74px 40px 0 40px; box-sizing: border-box;}
.gcxpTwo .box .item img{ height: 62px;}
.gcxpTwo .box .item .txt{ margin-top: 40px; line-height: 26px; color: #666666;}

/*国外芯片服务*/
.gwxpCon{ background: #F9F9F9;}
.inSearch{ height: 58px; line-height: 58px; background: #fff;}
.inSearch .text{ width: 79%; padding: 0 45px; box-sizing: border-box; color: #333; height: 100%;}
.inSearch .button{ width: 21%; background: #E00302; height: 100%; color: #fff; cursor: pointer;}
.gwxpCon .box{ padding-bottom: 40px;} 
.gwxpCon .box .item{ margin-top: 40px; background: #fff; padding: 34px 40px 38px 40px;}
.gwxpCon .box .item h3{color: #E00302; line-height: 30px;}
.gwxpCon .box .item .text{ overflow: auto;}
.gwxpCon .box .item .text span{position: relative; display: block; float: left; width: 27.33%; padding-right: 10px; box-sizing: border-box; line-height: 30px; margin-top: 20px;  transition: 0.3s;}
.gwxpCon .box .item .text span:nth-child(4n){ width: 18%; padding-right: 0;}
.gwxpCon .box .item .text span a{ position:relative; padding-left: 18px; box-sizing: border-box; relative transition: 0.3s;}
.gwxpCon .box .item .text span a::before{ content: ""; position: absolute; top: 8px; left: 0; width: 8px; height: 8px; border: 2px #666666 solid; border-radius: 50%; box-sizing: border-box; transition: 0.3s;}
.gwxpCon .box .item .text span a:hover{ color: #E00302;}
.gwxpCon .box .item .text span a:hover::before{border-color: #E00302;}

.inSearchTwo{ background: #DADADA; padding: 20px 60px;}
.inSearchTwo .left{ width: calc(100% - 252px);}
.inSearchTwo .right{background: #fff; padding: 0 24px; line-height: 58px; color: #666666; display: flex; align-items: center;}
.inSearchTwo .right span{ padding: 0 12px;}
.inSearchTwo .right span b{ color: #010101;}
.inSearchTwo .right .btn img{ width: 24px; transition: 0.3s; filter: brightness(0) invert(0.3);}
.inSearchTwo .right .prev img{ transform: rotateY(180deg);}
.inSearchTwo .right .btn:hover img{ filter: none;}
.gwTwoBox .tip{ color: #999999; margin: 25px 0;}
.gwTwoBox .tip b{color: #E00302;}
.gwTwoBox .tableBox{ padding-bottom: 30px;}
.gwTwoBox table{ width: 100%; border: none; border: 1px #DADADA solid; border-bottom: none; border-right: none; box-sizing: border-box; margin-bottom: 30px;}
.gwTwoBox table th,.gwTwoBox table td{ line-height: 24px; color: #333333; text-align: center;  border-right: 1px #DADADA solid; border-bottom: 1px #DADADA solid; box-sizing: border-box;}
.gwTwoBox table th{ font-size: 20px; font-weight: 500; background: #F1F1F1; padding: 28px 10px;}
.gwTwoBox table td{ font-size: 14px; padding: 10px; height: 80px;}
.gwTwoBox table td:first-child{ width: 20%; text-align: left; padding-left: 3.3%;}
.gwTwoBox table td:nth-child(2){ width: 5.7%;}
.gwTwoBox table td:nth-child(3){ width: 36%; text-align: left; padding-left: 17px;}
.gwTwoBox table td:nth-child(4){ width: 158px;}
.gwTwoBox table td:nth-child(5){ width: 172px;}
.gwTwoBox table td .bug{ color: #fff; background: #E00302; border-radius: 24px; padding: 4px 24px; display: inline-block; margin-top: 4px; transition: 0.3s;}
.gwTwoBox table td .bug:hover{ padding: 4px 30px;}
.gwTwoBox table tbody tr:nth-child(2n) td{ background: #F9F9F9;}
/*留言板*/
.gwxpForm .box{ margin-top: 40px;}
.gwxpForm .box .itemBox .item{ width: 47.85%;}
.gwxpForm .box .item{ margin-top: 30px;}
.gwxpForm .box .item p{ color: #333333; margin-bottom: 15px;}
.gwxpForm .box .item p i{ color: #E00302; position: relative; top: -3px;}
.gwxpForm .box .item .text{ height: 46px; line-height: 44px; border: 1px #C2C2C2 solid; box-sizing: border-box; padding: 0 20px; width: 100%;}
.gwxpForm .box .textareaBox .item{ width: 100%;}
.gwxpForm .box .textareaBox .item textarea.text{ height: 130px;}
.gwxpForm .box .itemBtm{ margin-top: 56px;}
.gwxpForm .box .itemBtm .left{ display: flex; align-items: center;}
.gwxpForm .box .itemBtm .left img{height: 46px; width: 134px; cursor: pointer;}
.gwxpForm .box .itemBtm .left input{height: 46px; line-height: 44px; border: 1px #C2C2C2 solid; box-sizing: border-box;padding: 0 20px; width: 134px; margin-left: 20px;}
.gwxpForm .box .itemBtm .right .btn{ height: 46px; line-height: 46px; background: #AFAFAF; color: #fff; width: 147px; text-align: center; transition: 0.3s;  cursor: pointer;}
.gwxpForm .box .itemBtm .right .btn.button{ background:#E00302 ; margin-left: 45px;}
.gwxpForm .box .itemBtm .right .btn:hover{ width: 160px;}
.gwxpForm .fwPhone{ font-size: 32px; margin-top: 60px;}
.gwxpForm .fwPhone a{ font-weight: bold; color: #E00302;}

/*捷文全球*/
.smqqOne{ margin-top: 40px;}
.smqqOne .tabMap{ text-align: center;}
.smqqOne .tabMap a{ display: inline-block; height: 48px; line-height: 48px; border: 1px #E00302 solid; border-radius: 30px; padding: 0 45px; color: #E00302; margin: 0 20px; transition: 0.3s;}
.smqqOne .tabMap a.on{ background: #E00302; color: #fff;}
.smqqOne .tabMap a:hover{ background: #E00302; color: #fff;}
.smqqOne .conMap{ margin-top: 20px; overflow: hidden; text-align: center;}
.map{ width: 100%; height: 440px; margin-top: 50px;}
.map iframe{ width: 100%; height: 100%; border: none;}
.smqqTwo .box{ align-items: initial; padding-top: 10px; flex-wrap: wrap;}
.smqqTwo .box .item{position: relative; width: 48.2%; border: 1px #DADADA solid; margin-top: 40px; padding: 40px; box-sizing: border-box;}
.smqqTwo .box .item::before{ content: ""; position: absolute; top: 40px; left: -1px; width: 2px; height: 28px; background: #E00302;}
.smqqTwo .box .item h3{ font-size: 28px; line-height: 1; color: #333333; font-weight: normal;}
.smqqTwo .box .item .txt{ margin: 20px 0 18px;  line-height: 26px; color: #666666;}
.smqqTwo .box .item .txt span{display: inline-block; margin-right: 24px; box-sizing: border-box;}
.smqqTwo .box .item .txt span:last-child{ margin-right: 0;}
.smqqTwo .box .item .contect{ color: #666666;}
.smqqTwo .box .item .contect span{display: inline-block; margin-right: 40px;}
.smqqTwo .box .item .contect span img{ margin-right: 12px; position: relative; top: 2px;}

/*新闻列表*/
.newsTop{ padding-bottom: 60px;}
.newsTop .indexNews .left .item .pic{ height: auto;}
.newsTop .indexNews .left .item .pic em{padding-bottom: 68.58%; height: auto;}
.newsTop .indexNews .left{display: block; width: 32.28%; }
.newsTop .indexNews .left .item{display: block; width: 100%; box-shadow: 0 0 15px rgba(199,199,199,0.38); transition: 0.4s;}
.newsTop .indexNews .left .item:hover{box-shadow: 0 0 38px rgba(133,133,133,0.38);}
.newsListBox{ background: #F9F9F9; padding-top: 60px;}
.newsListBox .list{ padding-bottom: 30px;}
.newsListBox .list li{ margin-bottom: 30px;}
.newsListBox .list li a{position: relative; align-items: initial; background: #fff; padding: 27px 30px;}
.newsListBox .list li a::before{ content: ""; position: absolute; bottom: 0; left: 50%; width: 0; height: 2px; background: #E00302; transition: 0.7s;}
.newsListBox .list li a .pic{ overflow: hidden; width: 330px;}
.newsListBox .list li a .pic em{ display: block; height: 100%; transition: 0.8s;}
.newsListBox .list li a .text{ width: calc(100% - 330px); padding-left: 30px; box-sizing: border-box; padding-bottom: 12px;}
.newsListBox .list li a .text h3{ height: 56px; line-height: 56px; color: #333333; border-bottom: 1px #C9C9C9 solid;}
.newsListBox .list li a .text p{ margin: 22px 0 30px 0; line-height: 30px; height: 60px; color: #555555;}
.newsListBox .list li a .time span{ color: #666666; font-family: 'DINProLight';}
.newsListBox .list li a .time .more{ display: inline-block; padding-left: 30px; margin-left: 30px; border-left: 1px #C9C9C9 solid; color: #666666;}
.newsListBox .list li a .time .more img{margin-left: 12px; width: 18px; position: relative; top: -3px; filter: brightness(0) invert(0.3);}
.newsListBox .list li a:hover{box-shadow: 0 0 15px rgba(187,187,187,0.28);}
.newsListBox .list li a:hover::before{ left: 0; width: 100%;}
.newsListBox .list li a:hover .pic em{ transform: scale(1.05);}
.newsListBox .list li a:hover .text h3{ color: #E00302;}
.newsListBox .list li a .time .more:hover{ color: #E00302;}
.newsListBox .list li a .time .more:hover img{ filter: none;}

.newsTextBox .list{ padding-bottom: 35px;}
.newsTextBox .list li{ margin-bottom: 25px;}
.newsTextBox .list li a{position: relative; padding: 0 25px 25px 25px; border-bottom: 1px #D8D8D8 solid;}
.newsTextBox .list li a::before{ content: ""; position: absolute; bottom: -1px; left: 0; width: 0; height: 1px; background: #E00302; transition: 0.5s;}
.newsTextBox .list li a .time{ width: 96px; height: 115px; background-color: #F9F9F9; text-align: center; font-family: 'DINProLight';}
.newsTextBox .list li a .time b{ font-size: 50px; line-height: 1; display: block; padding-top: 16px;}
.newsTextBox .list li a .time span{ display: block; font-size: 18px; line-height: 1; padding-top: 10px;}
.newsTextBox .list li a .text{ width: calc(100% - 126px);}
.newsTextBox .list li a .text h3{ font-weight: normal; color: #333333; height: 20px; line-height: 20px;}
.newsTextBox .list li a .text p{ line-height: 26px; height: 52px; color: #8F8F8F; margin-top: 14px;}
.newsTextBox .list li a:hover::before{ width: 320px;}
.newsTextBox .list li a:hover .text h3{ color: #E00302;}
.newsTextBox .list li a:hover .time{ background: #E00302;}
.newsTextBox .list li a:hover .time b,.newsTextBox .list li a:hover .time span{ color: #fff;}

/*新闻详情*/
.contNews{box-sizing: border-box; }
.contNews .title{padding-bottom: 24px; border-bottom: 1px #E3E3E3 solid; margin-bottom: 30px;}
.contNews .title h3{color: #333333; font-size: 26px; line-height: 42px; font-weight: normal; text-align: center;}
.contNews .title .tit{position: relative; height: 40px; line-height: 40px; margin-top: 18px; font-weight: 300;}
.contNews .title .tit span{position: relative; font-size: 16px; color: #666666; margin-right: 8%; display: inline-block;}
.contNews .title .tit span:last-child{ margin-right: 0;}
.contNews .title .tit span img{position: relative; top: 3px; margin-right: 10px;}
.contNews .title .tit .share{ position: absolute; top: 0; right: 0; display: flex; align-items: center; height: 40px; font-size: 16px; color: #9E9E9E; font-weight: 300;}
.contNews .title .tit .share a{ display: inline-block; height: 40px; transition: 0.3s; margin-left: 16px;}
.contNews .title .tit .share a:hover{opacity: 0.6;}
.contNews .word{ color: #666; min-height: 260px;}
.contNews .inpageLink{ margin-top: 50px; padding-top: 50px; border-top: 1px #D8D8D8 solid;}
.contNews .inpageLink .back{display: flex; align-items: center; justify-content: center; height: 54px; line-height: 54px; border: 1px #AFAFAF solid; border-radius: 34px; padding: 0 30px; transition: 0.3s;}
.contNews .inpageLink .back img{ margin-left: 34px; filter: brightness(0) invert(0.4); transition: 0.3s;}
.contNews .inpageLink .back:hover{ background: #E00302; border-color: #E00302; color: #fff;}
.contNews .inpageLink .back:hover img{ filter: brightness(0) invert(1);}
.contNews .inpageLink .btnBox .btn{position: relative; display: block; width: 54px; height: 54px; border-radius: 50%; border: 1px #D8D8D8 solid;}
.contNews .inpageLink .btnBox .btn img{ width: 26px; filter: brightness(0) invert(0.6);}
.contNews .inpageLink .btnBox .btn.prev{ margin-right: 35px;}
.contNews .inpageLink .btnBox .btn.prev img{ transform: translate(-50%,-50%) rotateY(180deg);}
.contNews .inpageLink .btnBox .btn:hover{ border-color: #E00302;}
.contNews .inpageLink .btnBox .btn:hover img{ filter: none;}

@media screen and (max-width: 1760px){
	.nav_pc{ margin-right: 30px;}
	.nav_pc > li{ margin-left: 30px;}
	.rightFixed.on{ right: 1%;}
	/*产品详情*/
	.contProTop .text{ width: 36%;}
	.contProTop .picBox{ width: 766px;}
	/*国外芯片服务*/
	.gwxpCon .box .item .text{ font-size: 16px;}
	/*捷文全球*/
	.smqqTwo .box .item{ padding: 34px;}
	.smqqTwo .box .item .txt span{ margin-right: 16px;}
	.smqqTwo .box .item .txt,.smqqTwo .box .item .contect{ font-size: 15px;}
}

@media screen and (max-width: 1500px){
	.nav_pc > li{ margin-left: 19px;}
	.nav_pc > li > a{ font-size: 16px;}
	.indexOne .indexPro .right{ width: calc(100% - 340px);}
	.dhkfooter .footNavList{ width: calc(100% - 250px);}
	.dhkfooter .footNavList a{ font-size: 16px;}
	/*内页*/
	.inpageNav .box .left a{ margin-right: 5%;}
	/*公司介绍*/
	.aboutTwo .box .item{ width: 18%;}
	/*产品详情*/
	.contProTop .text{ width: 31.4%;}
	/*项目服务*/
	.xmfwTwo .box .item .text{ padding-top: 26%;}
	/*国产芯片服务*/
	.gcxpOne .box>img{ width: 70%;}
	.gcxpTwo .box .item .txt{ margin-top: 20px;}
	/*国外芯片服务*/
	.gwxpCon .box .item .text span{ margin-top: 12px; padding-right: 7px;}
	.gwxpCon .box .item .text{ font-size: 15px;}
	.gwxpCon .box .item .text span a{ padding-left: 14px;}
	.gwTwoBox table td:first-child{ padding-left: 30px;}
	.gwTwoBox table td:nth-child(3){ width: 28%;}
	.gwTwoBox table td:nth-child(2){ width: 8%;}
	/*捷文全球*/
	.smqqTwo .box .item{ width: 49%; padding: 34px 20px;}
	
}
@media screen and (max-width: 1390px){
	.banner .swiper-slide a{height: 0; padding-bottom: 60%;}
	.banner .swiper-slide a .banWord{ line-height: normal; padding-top: 18%; transform: scale(0.8); transform-origin: left center;}
	.banner .swiper-slide a .banWord img{  margin-top: 0;}
	.banner .bannerBtn{ width: 98%;}
	.inpageNav .box .left a{ margin-right: 3.4%;}
	/*荣誉资质*/
	.honorBox ul li a p{ height: 68px; line-height: 68px;}
	/*加入捷文*/
	.joinBox .title span:first-child{ width: 54%;}
	.joinBox .title span:nth-child(3){ width: 30%;}
	/*产品详情*/
	.contProTop .text{ width: 27%;}
	.contProTop .picBox{ width: 690px;}
	.contProTop .picBox .bigPic{ width: 460px;}
	/*捷文全球*/
	.smqqTwo .box .item{ width: 100%; padding: 40px;}
}

@media screen and (max-width: 1300px){
	.dhkheader .topbox .logo{ width: 210px;}
	.dhkheader .topbox .logo img{ height: 72px;}
	.nav_pc{ margin-right: 20px;}
	.nav_pc > li{ margin-left: 12px;}
	.indexOne .indexPro .left{ width: 180px;}
	.indexOne .indexPro .right{ width: calc(100% - 220px);}
	.indexThree .left{ width: 700px;}
	/*内页*/
	.inpageNav .box .left{ width: calc(100% - 300px);}
	.inpageNav .box .left a{ margin-right: 3.6%;}
	.rightFixed.on{ right: 0;}
	.rightFixed{ width: 72px;}
	.rightFixed .item{ height: 72px; padding-top: 12px;}
	.rightFixed .item span{ margin-top: 0; font-size: 14px;}
	.rightFixed .item.goTop{ padding-top: 18px;}
	/*公司介绍*/
	.aboutOne .box .left{ width: 43%;}
	.aboutOne .box .left .item p{ font-size: 16px; line-height: 26px; padding: 0 4%;}
	/*产品列表*/
	.productBox ul li{ width: 31%; margin-right: 3.5%;}
	.productBox ul li:nth-child(4n){ margin-right: 3.5%;}
	.productBox ul li:nth-child(3n){ margin-right: 0;}
	/*应用案例*/
	.inpageP{ padding: 50px 0;}
	.inpageTop{ padding-top: 50px;}
	.yyalBox ul li .text{padding: 18px;}
	/*字体*/
	.fz20{ font-size: 18px;}
	/*联系工程师*/
	.lxgcsBox .box .right{ width: 50%;}
	/*国产芯片服务*/
	.gcxpOne .box .text{ width: 480px;}
	.gcxpTwo .box .item{padding: 50px 20px 0 20px; height: 280px;}
}

@media screen and (max-width: 1200px){
	.nav_pc{ display: none;}
	.menu{ display: block;}
	.indexYuan{bottom: 30px;}
	.indexYuan .swiper-pagination-bullet{ margin: 0 50px !important;}
	.indexYuan .swiper-pagination-bullet::before{ width: 60px;}
	.indexYuan i{ width: 60px;}
	/*index1*/
	.indexOne .indexPro{ display: block;}
	.indexOne .indexPro .left{ width: 100%;}
	.indexOne .indexPro .left ul{display: flex; justify-content: space-between;}
	.indexOne .indexPro .left ul li{ width: 16.666%;}
	.indexOne .indexPro .right{ width: 100%; margin-top: 30px;}
	/*index4*/
	.indexFour .indexNews{ display: block;}
	.indexNews .left{ width: 100%;}
	.indexNews .left .item .pic em{ height: 0; padding-bottom: 68%;}
	.indexFour .indexNews .right{ width: 100%; margin-top: 20px;}
	/*公司介绍*/
	.aboutTwo .box .item{ width: 22%;}
	/*项目服务*/
	.xmfwTwo .box .item .text{ padding-top: 18%;}
	.xmfwTwo .box .item .text .txt{ margin-top: 20px;}
	/*应用案例*/
	.yyalBox ul li{ width: 46%; margin-right: 0;}
	.yyalBox ul li:nth-child(2n){ float: right;}
	/*生产代工服务*/
	.scdgTwo .box{ display: block;}
	.scdgTwo .box .left{ width: 100%; margin-bottom: 20px;}
	.scdgTwo .box .right{ width: 100%;}
	/*国外芯片服务*/
	.gwxpCon .box .item{ margin-top: 20px; padding: 26px;}
	.gwxpCon .box .item .text{ font-size: 14px;}
	/*新闻详情*/
	.contNews .title .tit span{ margin-right: 3%;}
	
}

@media screen and (max-width: 1030px){
	.w1400{ width: 94%;}
	.dhkheader{ height: 88px;}
	.indexBtn{ display: none;}
	.banner .swiper-slide a .banWord{ transform: scale(0.6);}
	/*index1*/
	.indexTitle{margin: 70px 0 40px 0;}
	.indexOne .indexPro .left ul li a{ font-size: 15px;}
	/*index2*/
	.indexTwo{ padding-bottom: 40px;}
	.indexTwo .indexTitle{ margin: 60px 0 40px 0;}
	.indexThree .left{ width: 80%;}
	.indexThree .right{ width: 20%;}
	.indexThree .left .type{ margin: 40px 0;}
	/*index3*/
	.indexFour .indexNewsTab{ top: 80px;}
	.dhkfooter .footNavList{ display: none;}
	/*foot*/
	.dhkfooter .footText .fText{ width: 33%;}
	/*内页*/
	.nBanBox{ padding-top: 88px;}
	/*产品详情*/
	.contProTop{ display: block;}
	.contProTop .text{ padding-top: 0; margin-bottom: 20px; width: 100%;}
	.contProBtm .word{min-height: 100px;}
}

@media screen and (max-width: 1020px){
	/*内页*/
	.inpageNav{ display: none;}
	.inpageP{ padding: 40px 0;}
	.inpageTop{ padding-top: 40px;}
	.rightFixed{ display: none;}
	/*加入捷文*/
	.joinBox .title span:nth-child(3){ width: 20%;}
	.joinBox .title span:nth-child(4),.joinBox .title span:nth-child(2){ width: 13%;}
	/*项目服务*/
	.xmfwOne .box .itemBox{padding: 0 12%;}
	.xmfwOne .box .itemBox .item p{ margin-top: 10px;}
	.xmfwFour .box ul li{ padding: 0 2%;}
	.xmfwTwo .box .item em{ padding-bottom: 104%;}
	/*应用案例*/
	.yyalBox ul li{ width: 48%;}
	/*联系工程师*/
	.lxgcsBox .box{position: relative; display: block;}
	.lxgcsBox .box .right{position: absolute; top: 0; right: 0; }
	.lxgcsBox .box .left{ width: 100%;}
	/*国产芯片服务*/
	.gcxpOne .box .text{ width: 340px; padding: 0;}
	.gcxpOne .box .text .item p{ margin-top: 20px;}
	.gcxpTwo .box{ flex-wrap: wrap;}
	.gcxpTwo .box .item{ width: 32%; margin-bottom: 10px;}
	/*国外芯片服务*/
	.gwxpCon .box .item .text span{ width: 31%; margin-right: 3.5%;}
	.gwxpCon .box .item .text span:nth-child(4n){ margin-right: 3.5%;  width: 31%; padding-right: 7px;}
	.gwxpCon .box .item .text span:nth-child(3n){ margin-right: 0; padding-right: 0;}
	.inSearchTwo{ padding: 16px 20px;}
	.gwTwoBox .table{ width: 100%; overflow-x: auto;}
	.gwTwoBox table{ width: 1200px;}
	/*新闻详情*/
	.contNews .title .tit .share{position: initial; transform: none; margin-top: 10px;}
	.contNews .title .tit{ height: auto;}
}
.productimg-list li{margin-top: 10px;width:32%;margin-right:1%;display: inline-block; background: #fff;text-align: center;color:#222;}
.productimg-list li .thumb{width:100%;height:230px;overflow:hidden;}
.productimg-list li img{width:98%;}
.productimg-list li p.title{line-height:50px;height:50px;text-align: center;padding-top:5px;overflow:hidden;}

.productimg-list li a{color:#111111;font-size:18px;}
.productimg-list li a:hover{color: #E00302;}
@media screen and (max-width: 760px){
    .productimg-list li{width:96%;margin:5px 2%;}
	.dhkheader{ height: 60px;}
	.dhkheader .topbox .logo img{ height: 50px;}
	.dhkheader.on{ height: 60px;}
	.dhkheader.on .topbox .logo img{ height: 50px;}
	.banner {height: 240px;}
	.banner .swiper-slide a{padding-bottom: 75%;background-size: 110%;background-position-y: top;}
	.banner .swiper-slide a .banWord{ padding-top: 27%;}
	.indexYuan{ bottom: 14px !important;}
	.indexYuan .swiper-pagination-bullet{margin: 0 8px !important; width: 10px; height: 10px;}
	.indexYuan .swiper-pagination-bullet::before{ display: none;}
	.indexYuan i{ display: none;}
	/*index1*/
	.indexTitle{ margin: 30px 0 14px 0;}
	.indexTitle h3{font-size: 24px; line-height: 30px;}
	.indexTitle h4{ margin-top: 0; font-size: 12px;}
	.indexTitle::before{ width: 70px; height: 56px; top: -5px;}
	.indexMore{ height: 42px; line-height: 42px; padding: 0 20px; font-size: 15px;}
	.indexMore img{ width: 24px; margin-left: 8px;} 
	.indexOne .box{padding: 20px 0;}
	.indexOne .indexPro .left ul{ display: block; overflow: hidden;}
	.indexOne .indexPro .left ul li{ float: left; width: 33.33%;}
	.indexOne .indexPro .left ul li a{ height: 42px; line-height: 42px;}
	.indexOne .indexPro .right{ margin-top: 10px;}
	.indexOne .indexPro .right ul li{position: relative; padding-bottom: 70px;}
	.indexOne .indexPro .right ul li .indexMore{position: absolute; bottom: 0; right: 0; }
	.indexOne .indexPro .right ul li .text{ width: 100%; padding-top: 0;}
	.indexOne .indexPro .right ul li .text h3{ font-size: 20px;}
	.indexOne .indexPro .right ul li .text .txt{ margin: 14px 0;}
	.indexOne .indexPro .right ul li .picBox{margin-top: 10px; width: 100%; text-align: center; height: 250px;}
	.indexOne .indexPro .right ul li .picBox img{max-height: 100%;}
	.indexOne .indexPro .right .btnBox{ width: 100%;}
	.indexOne .indexPro .proScroll{padding-bottom: 0;}
	/*index2*/
	.indexTwo{padding-bottom: 20px;}
	.indexTwo .indexTitle{margin: 30px 0 14px 0;}
	.indexTwo .textBox{ text-align: left;}
	.indexTwo .type{ margin-top: 14px; display: block;}
	.indexTwo .type .item{ width: 98%; text-align: center;margin:0 auto;}
	.indexTwo .type .item >img{}
	.indexTwo .type .item::before{ display: none;}
	.indexTwo .type .item h3{ justify-content: center; margin: 10px 0; font-size: 16px;}
	.indexTwo .type .item h3 img{ width: 24px; margin-left: 6px;}
	.indexTwo .type .item .txt{ font-size: 14px; line-height: 22px;}
	/*index3*/
	.indexThree{padding: 30px 0;}
	.indexThree .box{position: relative; display: block;}
	.indexThree .indexTitle{margin-bottom: 14px;}
	.indexThree .left{ width: 100%; padding: 40px 5% 30px 0;}
	.indexThree .left .type{ margin: 30px 0;}
	.indexThree .left .type .item p{ font-size: 15px;}
	.indexThree .left .type .item .icon{ height: 32px;}
	.indexThree .right{ width: 100%; height: 120px;}
	/*index4*/
	.indexFour{ padding-bottom: 30px;}
	.indexFour .indexNewsTab{top: 30px;}
	.indexFour .indexNewsTab a{ font-size: 14px; padding: 6px 12px; margin-left: 0;}
	.indexNews .left{ display: block;}
	.indexNews .left .item{display: block; width: 100%; margin-bottom: 14px;}
	.indexNews .left .item .text .txt{padding: 14px;}
	.indexNews .left .item .text .txt p{ margin-top: 10px;}
	.indexNews .left .item .text .btm{ height: 40px; line-height: 40px;}
	.indexFour .indexNews .right{padding: 30px 10px;}
	.indexFour .indexNews .right li h3{ font-size: 16px;}
	.indexMore img{ width: 16px; position: relative; top: 2px;}
	.indexFour .more{ margin-top: 20px;}
	/*foot*/
	.dhkfooter .footNav{padding: 10px 0 6px 0; justify-content: center;}
	.dhkfooter .footNav .footLogo img{ height: 46px;}
	.dhkfooter .footText{ display: block; margin-top: 10px;padding-bottom: 0px;}
	.dhkfooter .footText .fMa{ margin: 0 auto;}
	.dhkfooter .footText .fText{ width: 100%; margin-top: 10px; font-size: 13px;}
	.dhkfooter .footText .fContact{  margin-top: 10px;display: none;}
	.dhkfooter .footText .fContact h3{ font-size: 18px;}
	.dhkfooter .footText .fContact .link{ height: 40px; line-height: 40px;}
	.dhkfooter .footText .fContact .link span::after{ top: 14px;}
	.dhkfooter .footBtm{font-size:12px;}
	.dhkfooter .footBtm .text{ display: block; line-height: 24px;}
	.dhkfooter .footBtm .text a{ display: inline-block;}
	.dhkfooter .footBtm .text i{ display: none;}
	/*内页*/
	.nBanBox{ padding-top: 60px;}
	.nBanBox .nBan{padding-bottom: 33%;}
	.nBanBox .nBan .box h3{ font-size: 20px; line-height: 20px;}
	.nBanBox .nBan .box p{ font-size: 14px; line-height: 14px;}
	.inpageP{ padding: 20px 0;}
	.inpageTop{ padding-top: 20px;}
	.inpageTitle h3{ font-size: 20px;}
	.inpageTitle h4{ font-size: 20px; top: 6px; }
	.aboutOne .word{ margin-top: 14px;}
	.word{ font-size: 15px; line-height: 2;}
	.aboutOne .box{ display: block; margin-top: 10px;}
	.aboutOne .box .left{ width: 100%;}
	.aboutOne .box .left .item{ padding: 20px 0;}
	.aboutOne .box .right{ width: 100%; margin-top: 20px;}
	.aboutOne .box .left .item .num{ font-size: 30px;}
	.aboutOne .box .left .item p{ font-size: 14px; line-height: 24px;}
	.aboutTwo .box{ padding-top: 0; flex-wrap: wrap;}
	.aboutTwo .box .item{ width: 47%; margin-top: 30px;}
	.aboutTwo .box .item img{ height: 36px;}
	.aboutTwo .box .item h3{ font-size: 18px; margin: 14px 0 12px 0;}
	.aboutTwo .box .item p{ font-size: 14px; line-height: 24px;}
	.about_com{float: none;width: 98%;padding: 0;}
.about_img{ float: none;  width: 98%;text-align:center ;}
.about_img img{width: 100%;}
	/*荣誉资质*/
    .honorBox{margin: 20px auto;}
	.honorBox ul{ padding-bottom: 10px;}
	.honorBox ul li{ width: 48%; margin-right: 0; margin-bottom: 14px;}
	.honorBox ul li:nth-child(2n){float: right;}
	.page a,.page span,.page input{ display: none;}
	.page .btn,.page .on{ display: inline-block; min-width: 36px; height: 36px; line-height: 36px; font-size: 16px;}
    /*代理品牌*/
    .pinpai_bigbox{ width:94%; margin:30px auto;}
    .pinpai_bigbox li{ display:block; background:#fff; box-shadow:0 0 6px rgba(153,153,153,0.5); margin-bottom:15px;}
    .kehu_box li .pinpai_tu{ width:100%; overflow:hidden;height: 140px;}
    .kehu_box li .pinpai_con{ width:100%; padding:20px 0;}
    .kehu_box li .pinpai_con h1{ display:block; padding:0 20px; font-size:1.3rem; color:#000; line-height:20px;}
    .kehu_box li .pinpai_con span{ display:block; width:40px; height:2px; background:#c32028; margin-top:10px; margin-left:20px;}
    .kehu_box li .pinpai_con p{ display:block; padding:0 20px; font-size:12px; color:#555; line-height:25px; margin-top:15px;}
    .kehu_box li .pinpai_con .alink{display: inline-block;border: 1px solid #000;background: #000;color: #efefef;height: 24px;border-radius: 15px;width: 90px;text-align: center;}

    .page-service-two-item{display: block}
    .page-service-two-item .page-service-img{width: 100%;max-width: 100%}
    .page-service-two-item .page-service-img img{display: block !important}
    .page-service-two-item .page-service-content{width: 90%;
margin: 0px auto;max-width: 100%;padding: 0;margin-top: 15px;}
    .page-service-two-item .page-service-title{font-size: 2.2rem}
    .page-service-two-item .page-service-title span{font-size: 3rem}
    .page-service-two-item .page-service-title em{font-size: 1.2rem}
	/*加入捷文*/
	.joinBox .title span:nth-child(4),.joinBox .title span:nth-child(2),.joinBox .box .item .tit span:nth-child(4){ display: none;}
	.joinBox .title{ padding: 0 10px;}
	.joinBox .title span{ font-size: 16px; padding: 14px 0; line-height: 22px;}
	.joinBox .box .tit.title span{ font-size: 14px;}
	.joinBox .title span:nth-child(3){ width: 100px;}
	.joinBox .title span:first-child{ width: calc(100% - 110px);}
	.joinBox .box{ margin-bottom: 20px;}
	.joinBox .box .item .text{ padding: 20px;}
	.joinBox .box .item .text .h{ font-size: 16px;}
	.joinBox .box .item .text .txt{ margin-top: 6px; margin-bottom: 12px; line-height: 24px; font-size: 14px;}
	.joinBox .box .item .text .mail{ font-size: 16px; margin-bottom: 16px;}
	.deliver{width: 120px; height: 42px; line-height: 42px; font-size: 15px;}
	/*产品列表*/
	.productBox ul{ padding-bottom: 6px;}
	.productBox ul li{ width: 48%; margin-right: 0; margin-bottom: 14px;}
	.productBox ul li:nth-child(4n){ margin-right: 0;}
	.productBox ul li:nth-child(2n){ float: right;}
	.productBox ul li a .pic{ margin-bottom: 10px;}
	.productBox ul li a .text h3{ font-size: 16px; margin-bottom: 8px;}
	.productBox ul li a .text p{ font-size: 14px;}
	/*字体*/
	.fz18{ font-size: 16px;}
	.fz20{ font-size: 17px;}
	.fz22{ font-size: 18px;}
	.fz16{ font-size: 14px;}
	.fz24{ font-size: 20px;}
	.contProTop{ padding-bottom: 0;}
	.contProTop .text .txt{ margin: 14px 0;}
	.contProTop .picBox{ display: block; width: 100%; height: auto;}
	.contProTop .picBox .bigPic{ width: 100%; margin-bottom: 20px;}
	.contProTop .picBox .bigPic ul li em{ height: auto; padding-bottom: 70%;}
	.contProTop .picBox .smallPic{ display: none;}
	.contProTop .picBox .bigPic .btn{ display: block;}
	.contProBtm{ padding: 20px 0;}
	/*项目服务*/
	.xmfwOne .word{ margin: 20px 0;}
	.xmfwOne .box .itemBox{ padding: 0 7.6%;}
	.xmfwOne .box .itemBox .item img{ height: 30px;}
	.xmfwOne .box .itemBox .item p{ margin-top: 4px;}
	.xmfwTwo .box{margin-top: 20px; display: block;}
	.xmfwTwo .box .item{ width: 100%;}
	.xmfwTwo .box .item em{ padding-bottom: 66%;}
	.xmfwTwo .box .item .text{ padding-top: 10%;}
	.xmfwThree .box{ margin-top: 20px;}
	.xmfwFour .box ul li{ margin-top: 20px; width: 50%;}
	.xmfwFour .box ul li:nth-child(2n)::before{ display: none;}
	.xmfwFour .box ul li .icon{ height: 32px;}
	.xmfwFour .box ul li h3{ font-size: 16px; margin: 12px 0 6px;}
	/*应用案例*/
	.yyalBox ul{ padding-bottom: 10px;}
	.yyalBox ul li{ width: 100%;}
	.yyalBox ul li{margin-bottom: 14px;}
	.yyalBox ul li .text .txt{ margin-top: 10px;}
	/*联系工程师*/
	.lxgcsBox .box .right{ display: none;}
	.lxgcsBox .box{ margin-top: 20px;}
	.lxgcsBox .box .left .item{ margin-bottom: 20px;}
	/*生产代工服务*/
	.scdgOne .word .txt{ margin: 20px 0;}
	.scdgTwo .box{ margin-top: 20px;}
	.scdgThree .box{ padding-bottom: 30px;}
	.scdgThree .indexYuan .swiper-pagination-bullet{ margin: 0 4px !important;}
	.scdgThree .swiper-slide{ width: 100%;}
	.scdgThree .box{ margin-top: 20px;}
	.scdgFour{ padding-top: 0;}
	/*国产芯片服务*/
	.gcxpOne .box{ margin-top: 20px;}
	.gcxpOne .box>img{ width: 100%;}
	.gcxpOne .box .text{position: initial; width: 100%; padding: 20px 0; margin-top: 20px; transform: none;}
	.gcxpOne .box .text .item img{ height: 36px;}
	.gcxpOne .box .text .item p{ margin-top: 10px;}
	.gcxpTwo .box{ margin-top: 20px;}
	.gcxpTwo .box .item{ width: 48%;}
	/*国外芯片服务*/
	.inSearch{ height: 46px; line-height: 46px;}
	.inSearch .text{ padding: 0 16px;}
	.gwxpCon .box .item{ margin-top: 16px; padding: 16px;}
	.gwxpCon .box .item .text span{ float: initial; display: inline-block; width: auto; margin-right: 20px; padding-right: 0; margin-top: 4px;}
	.gwxpCon .box .item .text span:nth-child(4n){ width: auto; margin-right: 20px;}
	.gwxpCon .box .item .text span:nth-child(3n){ margin-right: 20px;}
	.inSearchTwo{ display: block;}
	.inSearchTwo .left{ width: 100%; margin-bottom: 10px;}
	.inSearchTwo .right{line-height: 46px; justify-content: center;}
	.inSearchTwo .right span{ display: block; min-width: 60%; text-align: center;}
	.gwTwoBox .tip{ margin: 14px 0;}
	.gwTwoBox table th{ font-size: 16px; padding: 16px 10px;}
	.gwTwoBox table td:first-child{padding-left: 20px;}
	.gwTwoBox table{ width: 1000px;}
	/*留言板*/
	.gwxpForm .box{padding-top: 10px; margin-top: 0;}
	.gwxpForm .box .itemBox{ display: block;}
	.gwxpForm .box .itemBox .item{ width: 100%; margin-top: 14px;}
	.gwxpForm .box .itemBtm{ margin-top: 14px;}
	.gwxpForm .box .itemBtm .left{ width: 100%; display: flex; justify-content: space-between; margin-bottom: 30px;}
	.gwxpForm .box .itemBtm .left input { width: calc(100% - 150px);}
	.gwxpForm .fwPhone{ font-size: 22px; margin-top: 20px;}
	/*捷文全球*/
	.smqqOne{ margin-top: 20px;}
	.smqqOne .tabMap a{ height: 40px; line-height: 40px; margin: 0 6px; padding: 0 36px;}
	.map{ margin-top: 20px; height: 280px;}
	.smqqTwo .box .item{ margin-top: 20px; padding: 20px;}
	.smqqTwo .box .item h3{ font-size: 20px;}
	.smqqTwo .box .item::before{ top: 20px; height: 20px;}
	.smqqTwo .box .item .txt .p{ margin-top: 12px;}
	.smqqTwo .box .item .txt span{ display: block;}
	.smqqTwo .box .item .contect span{ display: block; margin-top: 10px;}
	/*新闻列表*/
	.newsTop .indexNews{ display: block;}
	.newsTop .indexNews .left{ width: 100%;}
	.newsListBox .list{ padding-bottom: 12px;}
	.newsListBox .list li{ margin-bottom: 14px;}
	.newsListBox .list li a{ display: block; padding: 16px;}
	.newsListBox .list li a .pic{ width: 100%;}
	.newsListBox .list li a .pic em{ padding-bottom: 60%;}
	.newsListBox .list li a .text{ width: 100%; padding: 0;}
	.newsListBox .list li a .text p{ margin: 10px 0 14px 0;}
	.indexNews .left .item .text .txt h3{ font-size: 16px;}
	.indexNews .left .item .text .txt p{ font-size: 14px;}
	.newsTextBox .list{ padding-bottom: 10px;}
	.newsTextBox .list li{ margin-bottom: 14px;}
	.newsTextBox .list li a{ padding: 0 0 14px 0;}
	.newsTextBox .list li a .time{ width: 80px; height: 94px;}
	.newsTextBox .list li a .time b{ font-size: 30px;}
	.newsTextBox .list li a .time span{ font-size: 15px;}
	.newsTextBox .list li a .text{ width:calc(100% - 100px);}
	.newsTextBox .list li a .text p{ margin-top: 6px;}
	/*新闻详情*/
	.contNews .title{ padding-bottom: 16px; margin-bottom: 16px;}
	.contNews .title h3{ font-size: 20px; line-height: 28px;}
	.contNews .title .tit{ height: auto; margin-top: 4px;}
	.contNews .title .tit span{ font-size: 14px; margin-right: 8px;}
	.contNews .title .tit span:last-child{ display: none;}
	.contNews .title .tit span::before{ display: none;}
	.contNews .title .tit .share{ font-size: 13px; margin-top: 0;}
	.contNews .title .tit .share a{height: 30px;}
	.contNews .title .tit .share img{ height: 100%;}
	.contNews .inpageLink{ margin-top: 26px; padding-top: 26px;}
	.contNews .inpageLink .back{ height: 42px; line-height: 42px;}
	.contNews .inpageLink .back img{ height: 22px; margin-left: 10px;}
	.contNews .inpageLink .btnBox .btn{ height: 42px; width: 42px;}
	.contNews .inpageLink .btnBox .btn img{ width: 20px;}
	.contNews .inpageLink .btnBox .btn.prev{ margin-right: 20px;}
	/*产品详情*/
	.contTitle{ margin-bottom: 20px;}
	.contProBtm .downList ul li{ margin-top: 10px;}
	.contProBtm .downList ul li a{ padding: 0 10px; height: 50px; line-height: 50px;}
	.contProBtm .downList ul li a p{ width: calc(100% - 110px);}
	
}