.containers {width: 100%; max-width: 1200px;margin: 0 auto;}
.mar1 {margin-top: 1%;}
.mar2 {margin-top: 2%;}
.mar3 {margin-top: 3%;}
.mar4 {margin-top: 4%;}
.mar5 {margin-top: 5%;}
.center {text-align: center;}
.upp {text-transform: uppercase;}
.right {text-align: right;}
.white {color: #fff;}
.white i {background: #fff;}
.contact img {width: auto;max-width: 100%;}
.row1 {overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical;-webkit-box-orient: vertical;-webkit-line-clamp:1;}
.row2 {overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
.row3 {overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical;-webkit-box-orient: vertical;-webkit-line-clamp:3;}
.row4 {overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical;-webkit-box-orient: vertical;-webkit-line-clamp:4;}
.banner {max-height: 950px;overflow: hidden;}
.banner .swiper-paginations {bottom: 20px;position: absolute;text-align: center;z-index: 10;}

/*-- Why Choose Us --sub1--*/
.sub1 {padding: 5% 0 3%;position: relative;}
.sub1-item {float: left;width: 20%;}
.sub1-icon {text-align: center;padding: 35px 0;background: #0096f6;}
.sub1-icon img {transition: .6s; transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);}
.sub1-box {border: 1px solid #d2d2d2;font-size: 14px;text-align: center;padding: 15px 20px;margin-top: 25px;position: relative;margin-left: -1px;transition:all 0.5s;}
.border0 {position: absolute;width:15px;height:15px;}
.border1 {top: -1px;left: -1px;border-left:1px solid #0096f6;border-top: 1px solid #0096f6;}
.border2 {top: -1px;right: -1px;border-right:1px solid #0096f6;border-top: 1px solid #0096f6;}
.border3 {bottom: -1px;right: -1px;border-right:1px solid #0096f6;border-bottom: 1px solid #0096f6;}
.border4 {bottom: -1px;left: -1px;border-left:1px solid #0096f6;border-bottom: 1px solid #0096f6;}
.sub1-nr .sub1-item:nth-child(2n) .sub1-box {padding: 15px 5px;}
.sub1-nr .sub1-item:nth-child(-n+5):nth-child(n+2) .sub1-icon{box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);}
.sub1-bg {position: absolute;right: -7%;top: 8%;z-index: -1;}
.sub1-item:hover .sub1-box {color: #ff9000;}
.sub1-item:hover .sub1-icon img {transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);}


/*-- search --sub2--*/
.sub2 {background: url(../img/sub2-bg.jpg) fixed;}
.sub2-nr {display: flex;justify-content: space-between;align-items: center;}
.sub2-left {width: 60%;font-size: 28px;color: #fff;line-height: 32px;font-family: 'Slicker';text-transform: uppercase;}
.sub2-rig {float: right;width: 35%;}
.search {width: 100%;height:41px;background: #fff;}
.search input {display: block;float: left;width: 85%;height: 41px;padding: 0 10px;}
.search button {display:block;float: right;width: 15%;height: 41px;background: #0096f6;text-align: center;cursor: pointer;}

/*-- 产品大图轮播展示 --sub3--*/
.sub3 {background:linear-gradient(to bottom, #fefefe, #f3f4f6);}
.sub3-nr {padding: 0;}
.swiper-nr .swiper-button-next1,.swiper-button-prev1{ width:16px; height:21px;cursor: pointer; position: absolute;top: 50%;margin-top: -10.5px; z-index: 99;}
.swiper-nr .swiper-button-next1 {right:-30px;background:url(../img/next11.png) no-repeat center center;}
.swiper-nr .swiper-button-prev1 {right:30px;background:url(../img/prev11.png) no-repeat center center;}
.swiper-button-prev1.swiper-button-disabled {background:url(../img/prev1.png) no-repeat center center;}
.swiper-button-next1.swiper-button-disabled {background:url(../img/next1.png) no-repeat center center;}
.swiper-nr .swiper-btn:focus {outline: none;}

/*-- main product --sub4--*/
.sub4 {padding: 5% 0 3%;}
.sub4-left {float: left;width: 28%;background: #f4f4f4;padding-bottom: 20px;}
.sub4-tit {position: relative;}
.sub4-tit a {display: block;text-align: center;position: absolute;width: 100%; bottom: 5px;font-size: 24px;color: #fff;}
.sub4-ul {padding-top: 10px;}
.sub4-li {margin-top: 10px;}
.sub4-li p {line-height: 49px;background: #fff;border-bottom: 1px solid #b0b0b0;padding-bottom: 1px;border-left:3px solid #0096f6;}
.sub4-li p a {display: block;width: 100%;text-align: center;font-size: 18px;color: #0096f6;border: 1px solid #eee;}
.sub4-li p:hover {border-left:3px solid #ff9000;border-bottom: 1px solid #ff9000;}
.sub4-li p:hover a {color: #ff9000;}
.sub4-li ul {padding: 20px 13px 0;}
.sub4-li ul li {display: block;line-height: 32px;border: 1px solid #dcdcdc;margin-bottom:8px;background: #fff;box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);}
.sub4-li ul li a {display: block;color: #333;text-align: center;font-size: 14px;}
.sub4-li ul li:hover {border: 1px solid #ff9000;}
.sub4-li ul li:hover a {color: #ff9000;}
.sub4-rig {float: right;width: 69%;}
.sub4-item {margin-bottom: 7.5%;}
.sub4-list {cursor: pointer;}
.sub4-bt {font-size: 20px;border-left:4px solid #0096f6; padding-left: 25px;}
.sub4-bt span {display: inline-block;border-bottom: 1px solid #333;}
.sub4-img {border: 1px solid #eee;}
.swiper-nr .swiper-button-next2,.swiper-button-prev2,.swiper-button-next3,.swiper-button-prev3,.swiper-button-next4,.swiper-button-prev4,
.swiper-button-next5,.swiper-button-prev5,.swiper-button-next7,.swiper-button-prev7,.swiper-button-next8,.swiper-button-prev8,
.swiper-button-next9,.swiper-button-prev9,.swiper-button-next11,.swiper-button-prev11,.swiper-button-next12,.swiper-button-prev12,
.swiper-button-next13,.swiper-button-prev13,.swiper-more{ width:21px; height:21px;text-align: center;line-height: 21px;font-size: 15px;color: #4b4b4b; cursor: pointer; position: absolute;top:-18%;z-index: 99;border: 1px solid #a0a0a0;}
.swiper-nr .swiper-button-next2,.swiper-nr .swiper-button-next3,.swiper-nr .swiper-button-next4,
.swiper-nr .swiper-button-next5,.swiper-nr .swiper-button-next7,.swiper-nr .swiper-button-next8,.swiper-nr .swiper-button-next9 {right:30px;}
.swiper-nr .swiper-button-prev2,.swiper-nr .swiper-button-prev3,.swiper-nr .swiper-button-prev4,
.swiper-nr .swiper-button-prev5,.swiper-nr .swiper-button-prev7,.swiper-nr .swiper-button-prev8,.swiper-nr .swiper-button-prev9 {right:60px;}
.swiper-more {right: 0;}
.swiper-nr .swiper-btn1:hover {border: 1px solid #0096f6;background: #0096f6;color: #fff;}
.swiper-btn1::selection {background: transparent}

/*-- 遇到的问题 --sub5--*/
.sub5 {padding: 3% 0 1%;}
.sub5-bt {position: relative;}
.sub5-tit {font-size: 23px;font-weight: bold;width: 85%;margin: 0 auto;background: #fff;}
.sub5-bt .line {position: absolute;top: 65%;height: 2px;width: 100%;border: 1px dashed #a0a0a0;z-index: -1;}
.sub5-nr {display: flex;justify-content: space-between;align-items: center;}
.sub5-cont {width: 67%;padding-bottom: 20px;}
.sub5-cont li,.sub5-cont p {display: block;height: 26px; margin-bottom: 18px;background: url(../img/sub5-icon.jpg) no-repeat left top;padding-left: 30px;}
.sub5-cont li img {float: left;margin-right: 10px;}
.sub5-bott {margin-top: -29px;}

/*-- 公司实力展示 --sub6--*/
.sub6 {background: url(../img/sub6-bg.jpg) left top;position:relative;overflow: hidden;padding: 0 0 3%;}
.sub6-icon {/* position: absolute;top:-8%;left: 50%;margin-left: -89px; width: 178px;height: 178px;background: #fff;border-radius: 50%; */}
.sub6-nr {padding: 0 10%;}
.sub6-cont {display: flex;align-items: center;margin-bottom: 5%;}
.sub6-img {float: left;width: 47%;}
.sub6-box {float: left;width: 53%;width: 40%;padding-left: 5%;position:relative;}
.sub6-bt h1 {display: block;font-size: 28px;font-weight: bold;color: #fff;text-transform: uppercase;margin-bottom: 10px;}
.sub6-item li,.sub6-item p {display: block;background: url(../img/sub6-icon1.png) no-repeat left 2px; padding-left: 40px;color: #fff;font-size: 18px;margin-bottom: 15px;line-height: 24px;}
.sub6-num {font-size: 130px;color: #fff; opacity: 0.2;font-family: '方正字迹-童体毛笔简体';position: absolute;top: -16%;right: -20%;}
.sub6-nr .sub6-cont:nth-child(2n) .sub6-img {float: right;}
.sub6-nr .sub6-cont:nth-child(2n) .sub6-box {width: 53%;padding-left: 10%;padding-right: 3%;}
.sub6-nr .sub6-cont:nth-child(2n) .sub6-num {right: inherit;left: 0;}
.sub6-nr .sub6-cont:last-child {margin-bottom: 2%;}

/*-- product video introduction --sub7--*/
.border {padding:25px 25px 15px 40px;border: 1px solid #e7e7e7 !important;position: relative;}
.border::before {content: ""; position: absolute;top: 0;left: 0; width: 100%;height: 3px;background: #0096f6;}
.sub-left {padding: 0 3% 0 15px;font-size: 20px;color: #fff;line-height: 34px;background: #0096f6;}
.sub-left i {display:block;width: 3px;height: 19px;background: #fff;float: left;margin: 7px 15px 0 0;}
.sub-rig a {font-size: 14px;color: #333;line-height: 34px;}
.sub-rig a:hover {color: #0096f6;}
.sub7-item,.sub8-item {padding: 0 17px;cursor: pointer;}
.sub7-img,.sub8-img {padding: 2px;border: 1px solid #e6e6e6;position: relative;box-shadow: 0 0 2px rgba(0,0,0,.2);}
.play {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: -ms-flexbox;-ms-flex-pack: center;-ms-flex-align: center;display: -moz-box;-moz-box-pack: center;-moz-box-align: center;
	display: -webkit-box;-webkit-box-pack: center;-webkit-box-align: center;display: box;box-pack: center;}
.sub7-list p,.sub8-list p {margin-top: 15px;text-align: center;font-size: 14px;line-height: 20px;color: #6d6d6d;}
.sub7-list:hover p,.sub8-list:hover p {color: #ff9000;}

/*-- CNC router machine project --sub8--*/
.sub8-img {height: 242px;overflow: hidden;text-align: center;}
.sub8-img img {object-fit: contain;height: 100%;}

/*-- Purchase guide --sub9--*/
.sub9-cont {display: flex;justify-content: space-between;margin: 3% 0 0 -10px;}
.sub9-item {/* width: 18.5%; */min-height: 120px;box-shadow: rgba(0,0,0,.1) 0px 0px 7px 3px inset;margin-bottom: 15px;}
.swiper-nr .swiper-button-next11 {left: 50.2%;}
.swiper-nr .swiper-button-prev11 {right: 50.2%;}
.swiper-nr .swiper-button-next11,.swiper-nr .swiper-button-prev11 {top: -22%;}

/*-- Honor and Certificate --sub10--*/
.sub10-left {width: 23%;}
.sub10-cont {width: 78%;float: left;margin-left: -20px;padding-top: 3%;display: flex;justify-content: space-between;}
.swiper-nr .swiper-button-next12 {right: -20px;}
.swiper-nr .swiper-button-prev12 {right: 5px;}
.sub10-item {/* width: 18.5%; */}
/* 图片倒影 */
.sub10-item  img {-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent) , to(rgba(250, 250, 250, 0.1)));}
/* 兼容火狐图片倒影 */
#someid {position: relative;margin-bottom: 50px;}
#someid:before {
   content:""; /* needed or nothing will be shown */
   background: -moz-linear-gradient(top, white, white 30%, rgba(255,255,255,0.9) 65%, rgba(255,255,255,0.7)) 0px 0px,-moz-element(#someid) 0px -127px no-repeat;
   -moz-transform: scaleY(-1); /* flip the image vertically */
   position:relative;height:140px;width: 360px; /* 需要 > image width + margin + shadow */
   top: 247px;left:0px;padding: 1px 0px;background-origin: border-box, content-box;background-clip: border-box, content-box;}



/*-- about us --sub11--*/
.sub11 {padding: 5% 0 0;}
.sub11-img {float: left;width: 43%;margin: 0 10px 10px 0;}
.sub11-rig {line-height: 26px;}
.sub11-cont {max-height: 317px;overflow: hidden;}
.sub11-nr .a-btn {display: block;text-align: center;padding-left: 6%;color: #333;font-size: 14px;font-weight: 700;}
.sub11-nr .a-btn:hover {color: #ff9000;}

/*-- factory --sub12--*/
.sub12 {padding: 0;}
.sub12-nr {margin: 1% -10px 0;}
.sub12-tit {font-size: 26px;border-bottom: 2px solid #0096f6;padding-bottom: 15px;}
.sub12-list {padding:3px;background: #fff;box-shadow: 0 2px 10px #ccc;}
.swiper-container13 {padding: 10px;}
.swiper-nr .swiper-button-next13 {right:10px;}
.swiper-nr .swiper-button-prev13 {right: 35px;}

/*-- Application display --sub13--*/
.sub13 {padding: 4% 15px 3%;}
.sub13-left,.sub13-rig {padding: 0;}
.sub13-img {position: relative;overflow: hidden;}
.sub13-box1 {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.44);}
.sub13-cont {text-align: center;position: absolute;top: 50%;margin-top: -42px;width: 100%;padding: 0 15%;}
.sub13-cont h2,.sub13-cont2 h2 {display: block;font-size: 24px;font-weight: bold;color: #fff;text-transform: uppercase;}
.sub13-cont a {margin: 6% auto 0;}
.sub13-box2 {position: absolute;top: 50%;left: 50%;width: 70%;height: 70%;margin: -17% 0 0 -35%;background: rgba(0,0,0,.66);}
.sub13-cont2 .a-btn {margin: 6% auto 0; border: 1px solid #fff;color: #fff;}
.sub13-cont2 {text-align: center;position: absolute;top: 50%;margin-top: -36.5px;width: 100%;}

/*-- news --sub14--*/
.sub14-tit {background: url(../img/sub14-bg.jpg) fixed;}
.sub14-cent {max-width: 20%;margin: 0 auto;text-align: center;background: rgba(255,255,255,.37);padding: 32px 0 10px;position:relative;}
.sub14-cent h1 {display: block;font-size: 59px;font-weight: bold;color: #fff;text-transform: uppercase;}
.sub14-cent i {display: inline-block;width:40px;height:3px;background: #0096f6;}
.sub14-cent p {font-size: 102px;font-weight: bold;text-transform: uppercase;color: #fff;opacity: .1;position: absolute;width: 100%;top: -13%}
.sub14-nr {padding: 0;}
.sub14-item {margin-bottom: 29px;}
.sub14-img {text-align: right;}
.sub14-cont {border-left: 1px solid #dadada;padding-left: 16px;}
.sub14-cont h6 {font-size: 20px;}
.sub14-cont p {line-height: 20px;margin-top: 12px;}
.sub14-left {padding: 15px 7% 0 15px;}
.sub14-left .a-btn {display: block;width: 76px;height: 21px;text-align: center;line-height: 21px;background: #dadada;color: #fff;font-size: 14px;margin: 5% 0 0 16px;}
.sub14-left:hover .a-btn {background: #0096f6;}
.sub14-left:hover .sub14-cont {border-left: 1px solid #0096f6;}

/*-- CNC Machine FAQs --sub15--*/
.sub15 {padding: 0;}
.sub15-left {float: left;width: 38%;border: 1px solid #e6e6e6;padding: 27px 20px 0 17px;box-shadow: 0 0 2px 0 rgba(0,0,0,0.2);}
.sub15-nr {margin-top: 30px;}
.sub15-item {margin-bottom: 25px;cursor: pointer;}
.sub15-item img {float: left;}
.sub15-cont {padding:10px 0 0 40px;}
.sub15-cont h6 {color: #292929;font-weight: bold;}
.sub15-cont p {font-size: 14px;line-height: 24px;color: #7a7a7a;margin-top: 12px;}
.sub15-nr .sub15-item:last-child {margin-bottom: 10px;}
.sub15-item:hover h6 {color: #ff9000;}
.sub15-rig {float: right;width: 60%;border: 1px solid #e6e6e6;padding: 27px 20px 10px 40px;box-shadow: 0 0 2px 0 rgba(0,0,0,0.2);}
.sub15-list {margin-bottom: 21px;}
.sub15-tit {font-size: 20px;color: #292929;padding-bottom: 10px;border-bottom: 1px solid #119df7;}
.sub15-top {display: flex;justify-content: space-between;cursor: pointer;}
.sub15-zuo {width:40%;}
.sub15-you {width: 56%;}
.sub15-you h6 {font-weight: bold;color: #292929;}
.sub15-you p {margin-top: 10px;font-size: 14px;color: #797979;line-height: 20px;}
.sub15-bott li {display: block;font-size: 14px;color: #797979;line-height: 26px;height: 26px;}
.sub15-bott li:hover,.sub15-bott li:hover a {color: #ff9000;}
.sub15-top:hover h6 {color: #ff9000;}

/*-- Most Helpful Buyer's Reviews --sub16--*/
.sub16-item {margin-bottom: 30px;}
.sub16-tit {display: flex;align-items: center;}
.sub16-tit img {float: left;margin-right: 12px;}
.sub16-tit div time {display: block;color: #949494;font-size: 14px;margin-top: 5px;}
.sub16-cont {font-size: 14px; margin-top: 30px;min-height: 90px; position: relative;border: 1px solid #d5d5d5;width: 100%;background: #f9f9f9;padding: 10px;}
.sub16-cont s{ position:absolute;width:0px;height:0px;border-width:10px;border-color:transparent transparent #d5d5d5 transparent;border-style:solid;top:-20px;left:20px;}
.sub16-cont i{ position:absolute;width:0px;height:0px;border-width:9px;border-color:transparent transparent #f9f9f9 transparent;border-style:solid;top: -8px;left: -9px; }
.sub16-nr .a-btn {display: inline-block;margin: 20px auto;background: #0096f6;line-height: 35px;padding: 0 15px;color: #fff;text-transform: uppercase;}
.sub16-nr .a-btn:hover {background: #ff9000;}

/*-- 关键词搜索处 --*/
.ssuo {padding: 0;border: 1px solid #d2d2d2;padding: 8px 13px;position: relative;}
.ssuo .border1 {top: -1px;left: -1px;border-left:2px solid #0096f6;border-top: 2px solid #0096f6;}
.ssuo .border2 {top: -1px;right: -1px;border-right:2px solid #0096f6;border-top: 2px solid #0096f6;}
.ssuo .border3 {bottom: -1px;right: -1px;border-right:2px solid #0096f6;border-bottom: 2px solid #0096f6;}
.ssuo .border4 {bottom: -1px;left: -1px;border-left:2px solid #0096f6;border-bottom: 2px solid #0096f6;}
.ssuo-nr {display: flex;justify-content: space-between;align-items: center;}
.ssuo-left {font-size: 14px;width: 78%;}
.ssuo-left a {padding-right: 8px;}
.ssuo-left a:hover {color: #ff9000;}
.ssuo-rig {width: 22%;border: 2px solid #0096f6;height: 31px;}
.ssuo-rig input {display: block;float: left;width: 85%;height:27px;padding: 0 5px;color: #0096f6;}
.ssuo-rig button {display: block;float: right;width: 15%;height: 27px;background: #0096f6;cursor: pointer;}
.ssuo-rig input::-webkit-input-placeholder {color: #0096f6;}
.ssuo-rig input:-moz-placeholder {color: #0096f6;}
.ssuo-rig input::-moz-placeholder {color: #0096f6;}
.ssuo-rig input::-ms-input-placeholder {color: #0096f6;}

/*-- 产品列表页 --*/
.pro {position: relative;}
.pro,.pro-xq,.app,.app-bott {padding: 0 0 3%;}
.pro-bt {font-size: 20px;font-weight: bold;line-height: 38px;}
.pro-bt span {cursor: pointer;}
.pro-bt span:hover {color: #ff9000;}
.side {border: 1px solid #ccc;border-top: 2px solid #0096f6;}
.pro1 {padding:19px 10px;}
.pro1-img {float: left;margin: 0 15px 10px 10px;padding: 5px 0 0;}
.pro1-img img {box-shadow: 0 0 3px #999;}
.pro1-nr {max-height: 430px;overflow: hidden;}
.pro1-cont {font-size: 14px;color: #666;line-height: 24px;padding-left: 10px;}
.pro1 .a-btn {display: block;padding-top: 10px;text-align: center;font-weight: bold;text-transform: uppercase; border-top: 1px solid #ddd;margin-top: 15px;font-size: 20px;color: #000;}
.pro1 .a-btn:hover {color: #ff9000;}
.pro-sub {margin-top: 15px;}
.pro-img1 {border: 1px solid #ddd;border-radius: 2px;padding: 1px;}
.pro2,.pro3,.pro4 {padding: 25px 25px 0;}
.pro-item1,.pro-item2 {margin-bottom: 3%;cursor: pointer;}
.pro-box {text-align: center;padding: 0 10px;font-size: 12px;}
.pro-box h4 {font-size: 13px;margin-top:8px;line-height: 20px;font-weight: 700;}
.pro-box p {color: #999;margin: 3px 0 5px;}
.pro-box span {display: block;color: #ff9000;}
.pro-img2,.pro4-left {background: #fff;padding: 2px;box-shadow: 0 0 3px #ccc;}
.pro-list2 p {margin-top: 10px;font-size: 12px;padding: 0 10px;text-align: center;}
.pro-list1:hover h4,.pro-list2:hover p,.pro4-top:hover h5 {color: #ff9000;}

.pro4 {padding: 25px 25px 5px;}
.pro4-top {display: flex;justify-content: space-between;padding-bottom: 15px;border-bottom: 1px solid #0096f6;cursor: pointer;}
.pro4-left {float: left;width: 26%;}
.pro4-rig {width: 94%;padding-left: 3%;font-size: 12px;}
.pro4-rig h5 {font-size: 14px;font-weight: 700;} 
.pro4-rig span {display: block;color: #999;line-height: 22px;}
.pro4-rig p {color: #666;line-height: 20px;}
.pro4-bott li {display: block;font-size: 12px;margin-bottom: 15px;}
.pro4-bott li h5 {line-height: 18px;background: url(../img/h5-bg1.png) no-repeat left center;background-size: 13px 11px;padding-left: 25px;font-size: 14px;cursor: pointer;}
.bott-nr {margin-top: 15px;display: flex;justify-content: space-between;align-items: center;display:none;}
.bott-left {padding: 1px;border: 1px solid #ddd;float: left;width: 22%;}
.bott-rig {float: left;width: 78%;padding-left: 3%;}
.bott-rig span {display: block;color: #999;}
.bott-rig p {margin-top: 5px;}
.pro4-bott li.on h5 {background: url(../img/h5-bg2.png) no-repeat left center;font-weight: 700;}
.pro4-bott li.on h5:hover {color: #ff9000;}
.pro4-bott li.on .bott-nr {display: block;}
.pro-rig {margin-top: 15px;}
.pro-bt1 {position: relative;}
.pro-bt1::before {content: "";width: 109px;height: 3px;background: #0096f6;position: absolute;bottom:-10px;left: 50%;margin-left: -54.5px;}
.pro-bt1::after {content: "";width: 0px;height: 0px;border-left: 10px solid transparent;border-right: 10px solid transparent;
	border-bottom: 10px solid #0096f6;font-size: 0px;line-height: 0px;position: absolute;bottom: -10px;left: 50%;margin-left: -5px;}
.pro-ul {margin-top: 10px; padding: 10px 10px 0;border: 1px solid #ddd;background: #f7f7f7;border-radius: 0 0 2px 2px;}
.pro-ul li {display: block;margin-top: 10px;}
.pro-ul li a {display: block;background: #fff; border: 1px solid #ddd;line-height: 31px;border-radius: 2px;padding:0 10px;font-size: 14px;}
.pro-ul li:hover a,.pro-ul .active a {border: 1px solid #0096f6;color: #0096f6;}
.pro-ul .a-btn {display: block;text-align: center;margin-top: 10px;}

/*-- 产品列表页2 --*/
.pro-lie {padding: 15px 15px 25px;}
.lie-item {border-bottom: 1px dashed #ccc;padding-bottom: 20px;margin-bottom: 15px; display: flex;justify-content: space-between;align-items: center;cursor: pointer;}
.lie-left {border: 1px solid #ddd;float: left;width: 30%;}
.lie-rig {float: right;width: 70%;padding-left: 3%;}
.lie-rig h5 {font-size: 13px;font-weight: 700;}
.lie-rig span {display: block; font-size: 12px;color: #999;margin: 5px 0;}
.lie-rig p {color: #ff9000;font-size: 14px;}
.lie-rig div {font-size: 12px;color: #666;line-height: 20px; margin-top: 10px;}
.lie-item:hover h5 {color: #ff9000;}


/*-- 产品详情页 --*/
.pro-top {padding: 0; margin-top: 1%;}
.big {border: 1px solid #d2d2d2;}
.pro-zuo {padding: 0 0 0 15px;}
.small {margin-top: 16px;padding: 0 40px;}
.small-list {padding: 1px;}
.small-img {border: 1px solid #bfbfbf;cursor: pointer;}
.small .active,.app-small .active {border: 1px solid #ff9000;}
.swiper-nr .swiper-button-next6,.swiper-button-prev6{ width:26px; height:26px;cursor: pointer; position: absolute;top: 50%;margin-top: -13px; z-index: 99;}
.swiper-nr .swiper-button-next6 {right:-40px;background:url(../img/next6.jpg) no-repeat center center;}
.swiper-nr .swiper-button-prev6 {left:-40px;background:url(../img/prev6.jpg) no-repeat center center;}
.pro-you {padding: 0 15px 0 3%;}
.pro-you h2 {display: block;font-size: 24px;font-weight: 700;line-height: 34px;}
.pro-par li {display: block;font-size: 12px;display: flex;justify-content: space-between;align-items: center;line-height: 30px;}
.pro-par li span {display: block;float: left;width: 20%; color: #999;}
.pro-par li p {width: 80%;float: left;}
.pro-par li p img {float: left;margin-top: 2px;}
.pro-par li .font {font-size: 18px;color: #ff9000;}
.pro-link {margin:15px 0;}
.pro-btn {display: flex;}
.pro-btn a {display: flex;justify-content: center; align-items: center;width: 30%;height: 36px;text-align:center;background: #fe9306;color: #fff;margin-right: 10px;}
.pro-btn a img {margin-right: 10px;}
.pro-btn a:nth-child(2) {background: #24b960;}
.pro-tab {border-bottom: 5px solid #009cff;}
.pro-tab h2 {display: inline-block; background: #009cff;font-size: 12px;padding: 0 25px;color: #fff;line-height: 33px;}
.pro-tab a {display: inline-block;background: #f7f7f7;font-size: 12px;padding: 0 25px;color: #666;line-height: 33px;}
.pro-nr {padding:15px;}
.pro-intro {background: #f5fbfe;border: 1px dashed #ccc;line-height: 24px; margin-top: 10px;padding: 15px;font-size: 14px;}
.pro-tit {color: #0096f6;font-size: 18px;text-transform: uppercase;padding-bottom: 3px;border-bottom:2px solid #0096f6;}
.swiper-nr .swiper-button-next7,.swiper-nr .swiper-button-prev7,.pro-cp .swiper-more {top: -19%;}
.pro-cp .sub4-list {display: block;}
.pro-cp .sub4-list p {font-size: 12px;margin-top: 10px;padding: 0 10px;height: 36px;}
.pro-cp .sub4-list:hover p {color: #ff9000;}
.swiper-button-next8,.swiper-nr .swiper-button-prev8,.swiper-button-next9,.swiper-nr .swiper-button-prev9,.pro-cp1 .swiper-more {top: -25%;}
.pro-block {padding-bottom: 10px;}
.pro-ly li {display: flex;margin-bottom: 15px;}
.pro-ly li span {display: block;float: left;width: 20%;text-align: right;line-height: 35px;}
.pro-ly li span i {color: #ff0000;}
.pro-ly li p {float: right;width: 80%;padding-left: 2%;}
.pro-ly li p input {display: block;width: 100%;height:35px;border: 1px solid #dcdcdc;padding: 0 10px;}
.pro-ly li p textarea {display: block;width: 100%;height: 83px;border: 1px solid #dcdcdc;padding: 5px 10px;}
.pro-ly li button {display: block;float: right;width: 98px;height: 31px;text-align: center;line-height: 31px;background: #0096f6;color: #fff;font-size: 14px;cursor: pointer;}
.pro-ly li:last-child {display: block;height: 31px;}
.pro-rig2 {margin: -15px 0 0;}
.pro-video iframe,.pro-video video {width: 100%;height: auto;min-height: 486px;}

/*-- 应用领域列表页 --*/
.app .pro-bt {margin-bottom: 5px;}
.app-left {padding: 0 0 0 15px;}
.app1 {padding: 15px;}
.app1 ul li {display: block;margin-bottom: 10px;}
.app1 ul li a {display: block;height: 33px;line-height: 35px;border: 1px solid #dfdfdf;font-size: 12px;background: url(../img/app-icon.png) no-repeat 10px center;padding-left: 28px;}
.app1 ul li:hover a,.app1 ul .default a {border:1px solid #009cff;color: #009cff;background: url(../img/app-icon2.png) no-repeat 10px center;}
.app-cont {text-align: center;}
.app-nr li {display: block;line-height: 28px;font-size: 12px;}
.app-nr li span {font-weight: bold;}
.pro-bt a {font-size: 14px;float: right;font-weight: lighter;}
.pro-bt a:hover {color: #009cff;}
.inside_Recommend_con{clear:both; height:830px;position: relative; overflow:hidden;padding: 50px 10px 20px;margin-top: -30px;}
.inside_Recommend_con .rolltop,.inside_Recommend_con .rollbottom {width:19px; height:19px;position: absolute;top: 0;cursor: pointer;}
.inside_Recommend_con .rolltop{right: 22px; background: url(../img/a-prev1.png) no-repeat center center;}
.inside_Recommend_con .rolltop:hover {background: url(../img/a-prev2.png) no-repeat center center;}
.inside_Recommend_con .rollbottom {right: 0; background: url(../img/a-next1.png) no-repeat center center;}
.inside_Recommend_con .rollbottom:hover {background: url(../img/a-next2.png) no-repeat center center;}
.inside_Recommend_con #ISL_Cont{clear:both; height:776px; margin:0 auto; overflow:hidden;}
.inside_Recommend_con #ISL_Cont .ScrCont{height:1000000px;}
.inside_Recommend_con #ISL_Cont ul {clear:both;}
.inside_Recommend_con #ISL_Cont ul li{clear:both;padding: 5px; margin-bottom:8px;list-style:none; text-align:center; font-size:14px; line-height:30px;}
/* .inside_Recommend_con #ISL_Cont ul li:hover{border: 1px solid #F00;} */
/* .inside_Recommend_con #ISL_Cont ul li:hover .app-img {border: 1px solid #fe9306;} */
.inside_Recommend_con #ISL_Cont ul li:hover p {color: #fe9306;}
.app-img {background: #fff;padding: 4px;box-shadow: 0 0 3px #ccc;height: 164px;text-align: center;overflow: hidden;}
.app-img img {object-fit: contain;height: 100%;}
.app-pro p {font-size: 12px;line-height: 20px;margin-top: 10px;height: 40px;}
.app2,.app2-bott {padding: 20px;}
.app2-item {display: flex;padding-bottom: 15px;border-bottom: 1px dashed #ccc;margin-bottom: 15px;}
.app2-left {background: #fff;padding:4px;box-shadow: 0 0 3px #ccc;float: left;width: 32.5%;}
.app2-rig {float: right;width:67.5%;padding-left: 3%;font-size: 12px;cursor: pointer;}
.app2-rig h5 {font-size: 14px;line-height: 20px;font-weight: 700;}
.app2-rig h5:hover {text-decoration: underline;color: #fe9306;cursor: pointer;}
.app2-rig time {display: block;color: #999;margin: 3px 0 5px;}
.app2-rig p {color: #666;}
.app2-rig a {display: inline-block;padding: 0 10px;margin-top: 10px; font-size: 12px;height: 24px;line-height: 24px;border: 1px solid #666;color: #666;border-radius: 2px;}
.app2-rig a:hover {border:1px solid #fe9306;color: #fe9306;}
.app2 .app2-item:last-child {border:none;}
.app2-img {border: 1px solid #ddd;border-radius: 2px;}
.app2-list2 {cursor: pointer;}
.app2-list2 p {font-size: 13px;text-align: center;padding: 0 10px;margin-top: 5px;}
.app2-list2:hover p {color: #fe9306;}

/*-- 应用领域详情页 --*/
.app-xq {padding: 0;}
.app-top {border: 1px solid #ccc;padding: 20px 25px;}
.app-tit h1 {font-size: 20px;font-weight: 700;margin: 10px 0 20px;}
.app-tit p span {margin: 0 10px;color: #ababab;font-size: 12px;}
.app-tit p span i {color: #666;}
.app-big {background: #fff;padding: 4px;box-shadow: 0 0 5px #ccc;margin:20px 0;}
.app-big iframe,.app-big video {width: 100%;min-height: 350px;}
.app-bt {font-size: 14px;line-height: 24px;color: #666;margin-bottom: 15px;}
.swiper-nr .swiper-button-next10,.swiper-button-prev10{ width:31px; height:105px;cursor: pointer; position: absolute;top: 50%;margin-top: -52.5px; z-index: 99;}
.swiper-nr .swiper-button-next10 {right:0;background:url(../img/next10.jpg) no-repeat center center;}
.swiper-nr .swiper-button-prev10 {left:0;background:url(../img/prev10.jpg) no-repeat center center;}
.app-small .swiper-nr {padding: 0 8%;}
.appsmall-list {padding: 5px;}
.appsmall-img {padding: 4px;box-shadow: 0 0 3px #ccc;background: #fff;cursor: pointer;}
.app-link {margin: 3% 0;text-align: center;}
.app-bott .app-left {padding: 0 15px 0 0;}
.app-border {border: 1px solid #d5d5d5;padding: 20px;}
.app-title {font-size: 18px;font-weight: 700;line-height: 26px;border-bottom: 1px dotted #ccc;padding-bottom: 15px;margin: 15px 0 0;}
.app-cont2 {font-size: 12px;line-height: 22px;}
.app-art {background: #f7f7f7; border: 1px solid #ddd;border-radius: 2px;padding: 10px;}
.app-art ul {display:flex;justify-content: space-between;flex-wrap: wrap;}
.app-art ul li {display: block;width: 50%;line-height: 30px;position: relative;padding-left: 10px;height: 30px;overflow: hidden;}
.app-art ul li a {font-size: 12px;}
.app-art ul li i {display:block;width: 3px;height: 3px;background: #666;position: absolute;top: 50%;left: 0;margin-top: -1.5px;}
.app-art ul li:hover a {color: #ff9000;}

/*-- 新闻列表页 --*/
.news-ul {padding: 15px;}
.news-li {padding-bottom: 15px;border-bottom: 1px dashed #a0a0a0;margin-bottom: 15px;}
.news-li h5 {font-size: 12px;color: #333;}
.news-li h5 i {display: block;float: left;width:6px;height:7px;background: #7d7d7d;border-radius: 50%;margin: 3px 0 0;}
.news-li h5 a {padding-left:17px;color: #333;}
.news-div {margin-top: 15px;padding: 0 0 0 17px;display: flex;justify-content: space-between;align-items: center;display: none;}
.news-tu {float: left;width: 50%;padding: 4px;box-shadow: 0 0 3px #ccc;background: #fff;} 
.news-box {float: left;width: 50%;}
.news-box span {display: block;padding-left:20px; font-size: 12px; color: #666;line-height: 20px;}
.news-ul .on .news-div {display: flex;}
.news-ul .on h5 a {font-weight: 700;color: #000;}
.news-ul .on h5 i {background: #0096f6;}
.news-ul .on h5 a:hover {color: #ff9000;}
.news-ul .news-li:last-child {border: none;margin-bottom: 0;}

/*-- 新闻详情页 --*/
.pro-ul2 {border: 1px solid #ccc;border-top: 2px solid #0096f6;padding: 5px 10px 10px;}
.pad-top {padding-top: 51px !important;}
.xq-link {margin: 20px 0;padding: 15px 0;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;font-size: 12px;}
.source {font-weight: 700;line-height: 24px;}
.source a {font-weight: lighter;margin-left: 5px;}
.source p {display:inline;color:#6E6E6E;font-weight: 400;}
.source a:hover,.xq-link p a:hover {color: #ff9000;}
.xq-link p {margin: 3px 0;}
.xq-link p a {margin-left: 5px;}

/*-- 支持与服务页 --*/
.ss-tit {font: 700 24px Arial;text-transform: uppercase;line-height: 38px;}
.ss {padding: 20px;}
.ss-nr {font-size: 12px;}
.ss .pro-link,.cont .pro-link {border-bottom: 1px dashed #ddd;padding-bottom: 15px;}
.pro-link a img {transition: all 300ms ease-in-out;}
.pro-link a:hover img {-webkit-transform: translateY(-5px);transform: translateY(-5px);}

/*-- 联系我们页 --*/
.cont {padding: 20px;}
.cont1 {background: url(../img/cont-img1.jpg) no-repeat right bottom;padding: 3% 0;}
.cont1 li {display: block;margin-bottom: 20px;}
.cont1 li a {color: #009cff;}
.cont1 li h1 {display: block;font-size: 36px;font-weight:bold;}
.cont1 li b {font-weight:bold;font-size: 24px;}
.cont1 li span {font-weight:bold;font-size: 16px;}
.cont1 li p {max-width: 60%;margin-top: 5px;}
.cont-nr {font-size: 12px;border-bottom: 1px #ddd solid;padding-bottom: 15px;}
.cont-form li span {font-size: 14px;}

/*-- 搜索页 --*/
.pro-rig .sub4-li p a {font-size: 16px;}

.pro .fixed,.pro-xq .fixed,.pad-top .fixed {position: fixed;top:75px;right: 350px;width: 100%;max-width: 277px;z-index: 999;transition: all 300ms ease-in-out;}
.pad-top .fixed {width: 294px;}

/*-- 2021/8/13  应用页面轮播修改 --*/
.swiper-nr .swiper-button-nexts {position: absolute;width: 50%;height: 100%; top: 0;right: 0;z-index: 10;}
.swiper-nr .swiper-button-prevs {position: absolute;width: 50%;height: 100%; top: 0;left: 0;z-index: 10;}
.swiper-nr .swiper-button-nexts:hover {background: url(../img/nexts.jpg) no-repeat right center;}
.swiper-nr .swiper-button-prevs:hover {background: url(../img/prevs.jpg) no-repeat left center;}

/*-- 2021/8/28  faq页面修改 --*/
.side-item {margin-bottom: 10px;}
.side-a {cursor: pointer;display: block;height: 33px;border: 1px solid #d8d8d8;border-radius: 2px;line-height: 33px;position: relative;color: #333;font-size: 14px;}
.side-num{display: inline-block;height: 33px;line-height: 33px;margin-right: 10px;text-align: center;width: 34px;border-right: 1px solid #d8d8d8;}
.side-a i{display: block;width:9px;height: 8px;background: url(../img/li1.jpg);background-size: 100% 100%; position: absolute;right: 20px;top: 12px;}
.side-a i.up {background: url(../img/li2.jpg) no-repeat left top;background-size: 100%;}
.side-a.default{background: #eef9ff;border: 1px solid #cbe1ee;color: #ff9000;font-weight: bold;}
.side-a.default .side-num {border-right: 1px solid #cbe1ee;}
.side-a:hover{color: #ff9000;}
.side-nr ul {display: none;transition:all 0.5s;}
.side-nr .side-ul {display:list-item;transition: all 300ms ease-in-out;}
.faq-nr {margin-top: 15px;border: 1px solid #b9e7ff;padding: 15px;position: relative;}
.faq-nr>s{ position: absolute; width: 0px;height: 0px;border-width: 10px;border-color: transparent transparent #b9e7ff transparent;border-style: solid;top: -20px;left: 20px;}
.faq-nr>s>i {position: absolute;width: 0px;height: 0px; border-width: 9px;border-color: transparent transparent #fff transparent; border-style: solid;top: -8px;left: -9px;}
.faq-nr .side-more{background: #009cff;border-radius: 2px;color: #fff;height: 20px;line-height: 20px;padding-left: 10px;padding-right: 10px;text-align: center;display:inline-block;margin: 15px auto 0;font-size: 12px;}
.faq-nr .side-more:hover {background: #ff9000;}



@media screen and (max-width: 1210px) {

}
@media screen and (max-width: 1200px) {

}

@media screen and (max-width: 990px) {

}

@media screen and (max-width: 768px) {

}