@font-face {
    font-family: 'DINProLight';
    src: url('../font/DINPro-Light.eot');
    src:
    url('../font/DINPro-Light.woff') format('woff'),
    url('../font/DINPro-Light.ttf') format('truetype'),
    url('../font/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;}

.w1400{max-width: 1400px; width: 84%; margin: 0 auto;}
.w1680{max-width: 1680px; width: 94%; margin: 0 auto;}
#page{ background: #fff;}

/*header*/
.header{ position: fixed; top: 0; left: 0; width: 100%; height: 110px; background: rgba(255,255,255,1); z-index: 30; transition: 0.5s linear;}
.header .box{ height: 100%; display: flex; justify-content: space-between;}
.header .box .logo{position: relative; width: 250px;}
.header .box .logo img{position: absolute; top: 50%; left: 0; transform: translateY(-50%); height: 80px; transition: 0.3s;  display: block;}
.header .box .logo .logo1{opacity: 0;}
.header .box .logo .logo2{opacity: 1;}
.header .box .right{ display: flex; align-items: center;}
.header .box .right img{ vertical-align: middle; filter: brightness(0) invert(0.1); transition: 0.1s; cursor: pointer;}
.header .box .right .language{position: relative; padding-right: 10px; margin-right: 10px; height: 100%; display: flex; align-items: center; cursor: pointer;}
.header .box .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);}
.header .box .right .language .languageBox a{ display: block; transition: 0.3s; padding: 6px 0;}
.header .box .right .language .languageBox a:hover{ color: #E00302;}
.header .box .right .language::after{ content: ""; position: absolute; top: 50%; right: 0; width: 1px; height: 18px; background: #010101; transform: translateY(-50%);}
.header .box .right .language:hover img{ filter: none;}
.header .box .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 .header{background: rgba(255,255,255,0.2);}
.indexHeader .header.on{background: #fff;}
.indexHeader .nav_pc > li > a{color: #fff;}
.indexHeader .header .box .logo .logo1{opacity: 1;}
.indexHeader .header .box .logo .logo2{opacity: 0;}
.indexHeader .header .box .right img{ filter: brightness(0) invert(1);}
.indexHeader .header .box .right .language::after{ background: #fff;}

.header.on{ background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2); height: 80px;}
.header.on .box .logo .logo1{opacity: 1;}
.indexHeader .header.on .box .logo .logo2{opacity: 1;}
.header.on .box .logo img{height: 64px;}
.header.on .nav_pc > li > a{ line-height: 80px; color: #010101;}
.header.on .box .right img{filter: brightness(0) invert(0);}
.header.on .box .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(../images/svg/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(../images/svg/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 #fff 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: rgba(255,255,255,0.4);}
.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: #fff;}
.indexYuan .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #fff;}
.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: 115px 0 83px 0; z-index: 0;}
.indexTitle::before{ content: ""; position: absolute; top: -15px; left: 50%; transform: translate(-50%); width: 131px; height: 99px; background: url(../images/svg/sanjiao.svg) no-repeat 0 0; background-size: contain; z-index: -1;}
.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);}
/*index1*/
.indexOne .box{  background: url(../images/indexOneBg.jpg) no-repeat center center; background-size: cover; 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% - 430px); margin-top: -14px;}
.indexOne .indexPro .proScroll{position: relative; overflow: hidden;  padding-bottom: 40px;}
.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(../images/svg/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(../images/indexTwoBg.jpg) no-repeat bottom right; background-size: cover;padding-top: 1px; padding-bottom: 100px;}
.indexTwo .indexTitle{margin: 125px 0 40px 0;;}
.indexTwo .textBox{text-align: center; font-size: 15px; line-height: 30px; color: #666666;}
.indexTwo .type{ display: flex; justify-content: space-between; background: #fff; border: 1px #DADADA solid; box-sizing: border-box; margin-top: 40px;}
.indexTwo .type .item{position: relative; display: block; width: 33.33%; box-sizing: border-box; padding: 52px 7.4%;}
.indexTwo .type .item:first-child::before{display: none;}
.indexTwo .type .item::before{content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 94px; background: #DADADA;}
.indexTwo .type .item>img{ transition: 0.4s;}
.indexTwo .type .item h3{ display: flex; align-items: center; font-size: 22px; line-height: 22px; font-weight: normal; color: #010101; margin: 36px 0 20px 0;transition: 0.4s;}
.indexTwo .type .item h3 img{ margin-left: 20px; transition: 0.4s; filter: brightness(0) invert(0.3);}
.indexTwo .type .item .txt{ font-size: 16px; line-height: 26px; height: 52px; color: #666666;}
.indexTwo .type .item:hover h3{color: #DD3439;}
.indexTwo .type .item:hover h3 img{ filter: none; margin-left: 40px;}
.indexTwo .type .item:hover>img{ transform: translateY(10px);}
/*index3*/
.indexThree{background: url(../images/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(../images/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: 126px; 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*/
.footer{background: url(../images/footerBg.jpg) no-repeat center; background-size: cover;}
.footer .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;}
.footer .footNav .footLogo img{ height: 64px;}
.footer .footNavList{ width: calc(100% - 320px); display: flex; justify-content: space-between;}
.footer .footNavList a{ font-size: 18px; color: #fff; transition: 0.3s;}
.footer .footNavList a:hover{ color: #E00302;}
.footer .footText{ margin-top: 34px; display: flex; justify-content: space-between; align-items: center; padding-bottom: 30px;}
.footer .footText .fMa{ margin-left: 40px; width: 112px; text-align: center;}
.footer .footText .fMa img{ width: 100%;}
.footer .footText .fMa p{ font-size: 15px; color: #FFFFFF; margin-top: 10px;}
.footer .footText .fText{ width: 46.78%; color: #fff; font-size: 15px; line-height: 2;}
.footer .footText .fText p span{padding-right: 24px; display: inline-block;}
.footer .footText .fText p span:last-child{padding-right: 0;}
.footer .footText .fContact{ width: 240px;}
.footer .footText .fContact h3{ font-size: 22px; line-height: 22px; color: #FFFFFF; font-weight: normal;}
.footer .footText .fContact .fShare{ display: flex; justify-content: space-between; margin-top: 18px;}
.footer .footText .fContact .fShare .item{position: relative; cursor: pointer;}
.footer .footText .fContact .fShare .item img{ transition: 0.3s;}
.footer .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;}
.footer .footText .fContact .fShare .item .img img{display: block; width: 100%;}
.footer .footText .fContact .fShare .item:hover a img{opacity: 0.6;}
.footer .footText .fContact .fShare .item:hover .img{bottom: 50px; visibility: initial; opacity: 1;}
.footer .footText .fContact .link{position: relative; width: 100%; height: 53px; line-height: 52px; border-radius: 30px; border: 1px #fff solid; margin-top: 16px;}
.footer .footText .fContact .link span{ position: relative; display: block; padding-left: 22px; cursor: pointer; font-size: 16px; color: #FFFFFF;}
.footer .footText .fContact .link span::after{ content: ""; position: absolute; top: 20px; right: 20px; width: 13px; height: 13px; background: url(../images/svg/san_xia.svg) no-repeat 0 0;}
.footer .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;}
.footer .footText .fContact .link ul li{ padding: 6px 22px; line-height: 20px;}
.footer .footText .fContact .link ul li a{ transition: 0.3s;}
.footer .footText .fContact .link ul li a:hover{ color: #D70110;}
.footer .footBtm{ background: rgba(0,0,0,0.2); padding: 10px 0; color: #fff; line-height: 30px;}
.footer .footBtm a{ color: #fff; transition: 0.3s;}
.footer .footBtm a:hover{opacity: 0.6;}
.footer .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: 6.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: 16px; 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;}

/*公司介绍*/
.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(../images/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 ul{ padding-bottom: 20px;}
.honorBox ul li{ float: left; margin-bottom: 40px; width: 31.8%; margin-right: 2.3%;}
.honorBox ul li:nth-child(3n){ margin-right: 0;}
.honorBox ul li a{ display: block;}
.honorBox ul li a .pic{border: 4px #F1F1F1 solid; padding: 22px;}
.honorBox ul li a .pic em{ display: block; padding-bottom: 96%;}
.honorBox ul li a p{ text-align: center; height: 80px; line-height: 80px; background: #F1F1F1; font-size: 20px; color: #333333;}
.honorBox ul li a:hover p{ background: #E00302; color: #fff;}

.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);}
/*产品列表*/
.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);}
	.footer .footNavList{ width: calc(100% - 250px);}
	.footer .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){
	.header .box .logo{ width: 210px;}
	.header .box .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);}
	.indexTwo .type .item{ padding: 34px 4%;}
	.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%;}
	.header{ 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;}
	.footer .footNavList{ display: none;}
	/*foot*/
	.footer .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;}
}

@media screen and (max-width: 760px){
	.header{ height: 60px;}
	.header .box .logo img{ height: 50px;}
	.header.on{ height: 60px;}
	.header.on .box .logo img{ height: 50px;}
	.banner .swiper-slide a{ padding-bottom: 75%;}
	.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: 100%; text-align: center; padding: 14px 4%;}
	.indexTwo .type .item >img{ height: 34px;}
	.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*/
	.footer .footNav{padding: 10px 0 6px 0; justify-content: center;}
	.footer .footNav .footLogo img{ height: 46px;}
	.footer .footText{ display: block; margin-top: 10px;}
	.footer .footText .fMa{ margin: 0 auto;}
	.footer .footText .fText{ width: 100%; margin-top: 10px; font-size: 13px;}
	.footer .footText .fContact{  margin-top: 10px;}
	.footer .footText .fContact h3{ font-size: 18px;}
	.footer .footText .fContact .link{ height: 40px; line-height: 40px;}
	.footer .footText .fContact .link span::after{ top: 14px;}
	.footer .footBtm .text{ display: block; line-height: 24px;}
	.footer .footBtm .text a{ display: inline-block;}
	.footer .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;}
	/*荣誉资质*/
	.honorBox ul{ padding-bottom: 10px;}
	.honorBox ul li{ width: 49%; margin-right: 0; margin-bottom: 14px;}
	.honorBox ul li:nth-child(2n){float: right;}
	.honorBox ul li a p{font-size: 14px; height: 40px; line-height: 40px;}
	.honorBox ul li a .pic{ padding: 10px;}
	.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;} 
	/*加入思秒*/
	.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);}
	
}