
@charset "utf-8";
/* CSS Document */
* {margin: 0;padding: 0;}
body {background:#fff;font-size: 14px;font-family: "SourceHanSansCN-Normal";font-style:normal; color:#000;font-weight: 400;}
@font-face {
    font-family: "SourceHanSansCN-Normal";
    src: url(https://jianzhan-fe.cdn.bcebos.com/font-v2/SourceHanSansCN-Normal.woff2), url(https://jianzhan-fe.cdn.bcebos.com/font/SourceHanSansCN-Normal.otf);
    font-display: swap;
}
@font-face {
    font-family: "SourceHanSansCN-Heavy";
    src: url(https://jianzhan-fe.cdn.bcebos.com/font-v2/SourceHanSansCN-Heavy.woff2), url(https://jianzhan-fe.cdn.bcebos.com/font/SourceHanSansCN-Heavy.otf);
    font-display: swap;
}
a {text-decoration: none; color:#000;}
a:hover {text-decoration: none !important;transition: all 0.3s ease;color: #0177eb;}
li {list-style-type: none;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
input, button, select, textarea {outline: none;}
button:focus{border:0; outline:0;}
table{border-collapse: collapse;}
th,tr,td{border: 1px solid #DDD;}
.cl:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.cl {zoom: 1;}
img{transition: all 0.5s ease;}
.cont{width: 1500px;
    padding: 0;
    margin: 0 auto;
    max-width: 90%;}

.banner_box{position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);}
.banner{ width: 100%; position: relative; overflow: hidden;height: 100vh;}
.banner img{transform: scale(1.2); transition: 4s;height: 100%; object-fit: cover;width: 100%;}
.banner .swiper-container{ width: 100%; height:100vh;}
.banner .swiper-container .swiper-slide{ width: 100%; height: 100vh; overflow: hidden;}
.bannerBox{ width:90%; position: absolute; left:50%; top:50%; transform:translate(-50%,-50%);text-align: left;}
.bannerBox h2{font-size: 55px;color: #333; margin-bottom: 40px;font-weight: 700;}
.bannerBox p{font-size: 24px; color: #333;}
.bannerBox_c{padding: 0 3.5vw; position: absolute; left:50%; top:20%; transform:translate(-50%,-50%);text-align: center;}
.banner .swiper-slide.swiper-slide-active img.bg{ transform: scale(1);}
.banner .swiper-pagination{ text-align: right;bottom: 40px; padding-right: 5%;}
.banner .swiper-pagination-bullet{width: 17px;height: 4px;border-radius: 2px;background: #f1f1f3; opacity: 1;transition: 0.5s;}
.banner .swiper-pagination-bullet-active{width: 44px; background: #0177eb;}
.swiper-button-next:after, .swiper-button-prev:after{font-size: 0;}

.in-title{width: 100%;padding: 80px 0;text-align: center;}
.in-title h2{font-weight: 700;font-size: 42px;}

.core-cp .swiper-container{}
.core-cp .swiper-container .swiper-pagination{display: none;}
.copbox{position: relative;height:680px; padding-top: 30px;}
.core{margin-bottom: 95px;overflow: hidden; position: relative;z-index: 90;}
.core_title h2{font-size: 42px; color: #2e2e2e; margin: 85px 0 60px;text-align: center;}
.corecp{padding:50px 40px 250px 40px;text-align: center;background: url(../images/22.png) no-repeat right center;position: relative;z-index: 10;
background-size: 1px 100%;}
.corecp img{margin: 0 auto;}
.cotp{position: relative;height: 135px;width: 110px;background-repeat: no-repeat;overflow: hidden;margin: 0 auto;display: none;
background-position: 4px 50px;transition: all 0.5s;}
.corecp:hover .cotp{
	filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    filter: brightness(0%) invert(100%);
    -webkit-filter: brightness(0%) invert(100%);
}
.corecp h2{font-size: 36px; color: #333333;margin: 0 0 10px;transition: All 0.4s ease-in-out;cursor: pointer;height: 80px;}
.corecp:hover h2 a,.corecp:hover p a,.corecp:hover p,.corecp:hover dt a{color: #fff;}
.corecp a:hover h2{font-weight: bold;}
.corecp p{font-size: 16px;color: #757575; line-height: 28px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;height: 84px;transition: All 0.4s ease-in-out;}
.corecp dl{height: 0;overflow: hidden;transition: all .8s ease 0s;}
.corecp dt a{font-size: 16px; color: #fff; line-height: 40px;display: block;}
.corecp dt a:hover{font-weight: bold;}
.btn9{display: block; text-align: center; width: 207px; line-height: 44px;color: #0177eb;border-radius: 23px; margin: 60px auto 0 auto;font-size: 14px; border: 1px solid #0177eb;transition: All 0.4s transition: All 0.4s ease-in-out;}
.btn9 b{padding-left: 5px;transition: All 0.4s ease-in-out;}
.btn9:hover b{padding-left: 15px;}
.cpre_zz{position: absolute;width:calc(100% - 1px); height: 100%; top: 0;left: 0; background: rgba(1,119,235,.78);border-radius: 10px; padding: 0 40px;text-align: center;opacity: 0;transition: All 0.8s ease-in-out;z-index: 1;}
.cpbt{position: absolute; bottom:60px;left: 50%;transform: translateX(-50%);z-index: 1;width: 100%;}
.cpbt img{width: 100%; opacity: 0; }
.copbox:hover h2{color: #fff;}
.copbox:hover p{color: #fff;}
.copbox:hover .btn9{border: 1px solid #fff;color: #fff;}
.copbox:hover .cpre_zz{opacity: 1;}
.copbox:hover .cpbt img{ opacity: 1;animation:fadeInLeft 1s, 400ms;}
.copbox:hover .corecp dl{height: auto;padding: 40px 0 0;}
.copbox:hover .c1{opacity: 0;}
.copbox:hover .c2{opacity: 1;}
.corebox .swiper-button-next{background: url(../images/d6.png) no-repeat center center rgba(244,245,248,.76);width: 60px;height: 60px; margin-top: -30px; right: calc(20% - 30px);border-radius: 50%;transition: All 0.4s ease-in-out;}
.corebox .swiper-button-next:hover{background: url(../images/d3.png) no-repeat center center rgba(1,119,235,.78);}
.corebox .swiper-button-prev{background: url(../images/d5.png) no-repeat center center rgba(244,245,248,.76);width: 60px;height: 60px; margin-top: -30px; left: calc(20% - 30px);border-radius: 50%;transition: All 0.4s ease-in-out;}
.corebox .swiper-button-prev:hover{background: url(../images/d4.png) no-repeat center center rgba(1,119,235,.78);}

.rgzn{ overflow: hidden; background:#f4f5f9;position: relative;padding:80px 0;}
.rgznbox{overflow: hidden;margin: 0 auto;padding:0 8vw;position: relative; z-index: 10;}
.rgzn_left{ float: left;width: calc(100% - 890px);transition: all .4s ease 0s; margin-left: 10px;}
.rgzn_left h2{font-size: 60px; position: relative; padding: 90px 0 25px;font-weight: 700;}
.rgzn_left h2:before{position: absolute;content: "";border-top: 5px solid #333333;width: 78px;left: 0;top: 54px;}
.rgzn_left p{font-size: 36px; color: #333; margin-bottom: 65px;}
.rgzn_left:hover{margin-left: 0px;}
.rgzn_left .btn6{margin-left:0;}
.dttt{ position: absolute; left: 0; transform: translateY()();  top:0; width: 100%; overflow: hidden;}
.dttt img{width:100%;}
@keyframes ab{
	0%{ transform:translate(-50%,-50%) scale(0); opacity: 0;}
	50%{transform:translate(-50%,-50%) scale(0.7); opacity:0.05;}
	100%{transform:translate(-50%,-50%) scale(1.5); opacity:0;}
}

.btn{position: relative;width: 205px;height: 45px;display: inline-block;overflow: hidden;border-radius: 24px;border: 1px solid #333333; font-size: 14px;background: #fff;text-align: center;line-height: 43px;font-size: 16px;}
.btn span{display: block; color: #333; text-align: center; line-height: 43px;position: relative;z-index: 100; font-size: 14px;}
.btn:before{position: absolute; background: #0177eb; width: 100%;height: 200%;content: "";left:50%; top:50%; border-radius: 50%; opacity: 0;}
.btn:hover:before{ opacity: 0; animation:0.5s ab linear 1;}
.rgzn_right{float: right;width: 880px;position: relative;}
.rgzn_right img{width: 100%;}
.bfbtn{position: absolute;width: 70px;height: 70px;left:50%; top:50%; transform:translate(-50%,-50%);background:url(https://www.realman-robotics.cn/assets/new/images/d7.png) no-repeat center center;cursor: pointer;z-index: 10;}
.yhdh{position: absolute;width: 100%;height: 100%; top: 0;left: 0;background: url(https://www.realman-robotics.cn/assets/new/images/d8.png) no-repeat center center;background-size: 100%;animation: myfirst2 5s infinite linear;}
@keyframes myfirst2
{
	from {transform: rotate(0deg);}
	to {transform: rotate(359deg);}
}
@keyframes myfirst
{
	from {transform: rotate(0deg);}
	to {transform: rotate(-359deg);}
}

.in-case{width: 100%;}
.in-case .bigBox{}
.in-case .bigBox ul{display: flex;text-align: center;justify-content: center;}
.in-case .bigBox ul li{display: inline-block;font-size: 16px;color: #000;margin: 0 30px;position: relative;cursor: pointer;}
.in-case .bigBox ul li:hover,.in-case .bigBox ul li.active{color: #0177eb;}
.in-case .bigBox ul li::after{position: absolute;width: 100%;height: 2px;background: #0177eb;content: "";left: 0;bottom: -12px;opacity: 0;}
.in-case .bigBox ul li:hover::after,.in-case .bigBox ul li.active::after{opacity: 1;}
.in-case .box-div{width: 100%;overflow: hidden;}
.in-case .box{margin-top: 50px;}
.in-case .in-case-div{margin: 0 auto;width: 100%;margin-left: 0%;}
.in-case .swiper-container{width: 100%;height: 100%;}
.in-case .swiper-container .swiper-wrapper{width: 100%;}
.in-case .swiper-wrapper .swiper-slide{transition: 300ms;transform: scale(0.9);border-radius: 20px;overflow: hidden;}
.in-case .swiper-wrapper .swiper-slide a{display: block;}
.in-case .swiper-wrapper .swiper-c{width: 100%;position: relative;overflow: hidden;}
.in-case .swiper-wrapper .swiper-slide figure{width: 100%;overflow: hidden;height: 100%;}
.in-case .swiper-wrapper .swiper-slide figure img{height: 100%;width: 100%;object-fit: cover;}
.in-case .swiper-wrapper .swiper-slide a:hover figure img{transform: scale(1.05);}
.in-case .swiper-container .swiper-slide-active,.swiper-slide-duplicate-active{transform: scale(1);}
.in-case .in-case-text{position: absolute;width: 100%;left: 0;bottom: 0;color: #fff;padding:10px 20px;text-align: left;height:73px;
background: #0177eb;transition:all 0.5s;}
.in-case .in-case-text h3{font-size: 18px;width:100%;line-height: 30px;padding-left: 10px;margin: 0;}
.in-case .in-case-text p{font-size:14px;padding-left: 15px;width: 80%;line-height: 21px;margin-top: 30px;text-align: justify;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -moz-box;
    -moz-line-clamp: 4;
    -moz-box-orient: vertical;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal;
}
.in-case .in-case-text span{display: flex;justify-content: left;align-items: center;margin-top: 50px;padding-left: 20px;}
.in-case .in-case-text span img{padding-right: 10px;}
.in-case .in-case-text:hover span img{padding-right: 13px;}
.in-case .swiper-wrapper .swiper-slide:hover .in-case-text{height:100%;background:#0177ebdb;padding-top:30px;}

.in-news{margin-bottom:40px;}
.in-news .mySwiper3{padding:0px 3vw 100px 8vw;}
.in-news .mySwiper3 .swiper-slide{border-radius: 10px;box-shadow: 0px 0px 5px rgba(0, 0, 0, .1);overflow: hidden;transition: all 0.5s;}
.in-news .mySwiper3 .swiper-slide figure{width: 100%;overflow: hidden;height: 190px;display: flex;justify-content: center;
align-items: center;}
.in-news .mySwiper3 .swiper-slide figure img{width: 100%;}
.in-news-div{width: 100%;padding: 0 30px 30px;}
.in-news-div .fl a{display: block;color: #0177eb;font-size: 14px;padding-top: 20px;}
.in-news-div h3{margin: 15px 0 30px;height: 60px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -moz-box;
    -moz-line-clamp: 2;
    -moz-box-orient: vertical;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal;
}
.in-news-div h3 a{color: #000;font-size: 20px;line-height: 30px;transition: all 0.5s;}
.in-news-div time{font-size: 14px;color: #666;}
.in-news .mySwiper3 .swiper-slide:hover{box-shadow: 0px 0px 10px rgba(0, 0, 0, .15);}
.in-news .mySwiper3 .swiper-slide:hover h3 a{color: #0177eb;}
.in-news .mySwiper3 .swiper-slide:hover figure img{transform: scale(1.05);}
.in-news .mySwiper3 .swiper-button-prev,.in-news .mySwiper3 .swiper-button-next{width: 45px;height: 45px;border: 1px solid #0177eb;border-radius: 50%;
bottom: 0;top: auto;}
.in-news .mySwiper3 .swiper-button-prev{background: url(../images/15.png) no-repeat center;left: 8vw;}
.in-news .mySwiper3 .swiper-button-next{background: url(../images/16.png) no-repeat center;left: 12vw;}

.hxhb_bj{background: #f4f5f9;}
.hxhb{width: 1595px; margin: 0 auto;max-width: 94%;}
.hxhb_title{text-align: center; padding: 90px 0 60px;}
.hxhb_title h2{font-size: 42px; color: #333;}
.hxhb_nr{padding-bottom: 95px;}
.hxhb_nr ul{overflow: hidden;border-left: 1px solid #e4e5e7; border-top: 1px solid #e4e5e7; }
.hxhb_nr li{float: left; width: 16.66%;border-right: 1px solid #e4e5e7; border-bottom: 1px solid #e4e5e7;}
.hxhb_nr img{width: 100%;}
.hxhb_nr li:hover img{transform:scale(1.05);}

.stjs{text-align: center; padding: 130px 0 110px;text-align: center;background:url(../images/21.jpg) no-repeat center;position: relative;
overflow: hidden;}
.stjs_sou{}
.stjs h2{font-size: 46px; color: #333; line-height: 70px; margin-bottom: 40px;}
.stjs .btn5{width:150px;}

.footer{width: 100%;background: #333333;padding-top: 80px;}
.foot-c{display: flex;justify-content: space-between;align-items: baseline;margin-bottom: 80px;}
.fool-l{width: 425px;}
.fool-l figure img{height: 49px;}
.fool-l-p{margin-top: 40px;}
.fool-l-p p{font-size: 14px;color: #fff;margin: 0;line-height: 22px;}
.fool-l-p p a{color: #fff;}
.fool-l-ewm{width: 110px;text-align: center;margin-top: 15px;margin-right: 1vw;}
.fool-l-ewm img{width:100%;border-radius: 5px;}
.fool-r{width: 76%;}
.fool-r ul{display: flex;justify-content: right;}
.fool-r ul li{margin-left: 3.5vw;}
.fool-r ul li h3{font-size: 18px;color: #fff;margin: 0 0 20px;}
.fool-r ul li a{display: block;font-size: 14px;color: #fff;opacity: 0.7;transition: all 0.5s;line-height: 30px;}
.fool-r ul li a:hover{opacity: 1;}
.foot-bq{width: 100%;border-top: 1px solid rgba(255, 255, 255, 0.3);display:flex;justify-content: space-around;align-items: center;padding: 30px 0;}
.foot-bq-l{width: 50%;}
.foot-bq-r{width: 50%;text-align: right;}
.foot-bq a{color: #fff;opacity: 0.7;margin: 0;font-size: 14px;display: inline-block;}
.foot-bq a:hover{opacity: 1;color: #fff;}
.foot-bq-l a{margin-right: 30px;}

.foot-link{width: 100%;border-top: 1px solid rgba(255, 255, 255, 0.3);color:#fff;font-size:14px;display: flex;justify-content: left;
align-items: center;padding: 30px 0;}
.foot-link h3{font-size:14px;margin:0px;margin-right:1vw;}
.foot-link a{color: #fff;opacity: 0.7;margin-right:2vw;}
.foot-link a:hover{opacity: 1;color: #fff;}

.fool-l-wx{display: flex;justify-content: left; align-items: flex-start;}

/*产品中心*/
#main{}
.cpjh{background: #fcfcfc; padding: 11px 0 0 0;text-align: center;width: 100%;z-index: 10;top: 0;transition: All 0.4s ease-in-out; z-index: 101;}
.cpjh #style-1{padding-top: 50px;border-top: 1px solid #0177eb;margin: 0;}
.cpjh li{display: inline-block; padding: 0 25px;text-align: center;}
.cpjh.on{position: fixed;left: 0; top: -195px;box-shadow:0 0 10px rgba(0, 0, 0, .1); }
.cpjh img{margin: 0 auto;height: 130px;}
.cpjh p{font-size: 14px; color: #333333;line-height: 60px;margin-bottom: 0;}
.cpjh a{display: block; position: relative; }
.cpjh a:before{position: absolute;content: ""; border-bottom: 2px solid #0078e9; bottom: 0;left: 50%; transform: translateX(-50%);width: 0;transition: All 0.4s ease-in-out;}
.cpjh a.active:before{width: 80px;}
.cpjh a:hover:before{width: 80px;}

.cplist-bj{width: 100%;background: rgb(244, 245, 249);padding-bottom: 80px;}
.zydj{width: 1600px;margin: 0 auto;max-width: 94%;}
.zydj_title{text-align: center; padding: 50px 0 40px;}
.zydj_title h2{font-size: 45px;font-weight: bold; margin-bottom: 0px;}
.zydj_title h2 a{color: #000;}
.zydj_title h2 a:hover{color: #0177eb;}
.zydj_title p{font-size: 28px;color: #333;}
.zydj_top{overflow: hidden; background: #fff;border-radius: 20px; margin: 5px; position: relative;transition: All 0.4s ease-in-out;}
.zydj_top:hover{box-shadow:0 0 10px rgba(0, 0, 0, .2);}
.zydj_top:hover img{transform: scale(1.1);}
.zydj_right{width: 50%; float: right;overflow: hidden;}
.zydj_right img{width: 100%;transition: All 0.4s ease-in-out;}
.zydj_left{float: left;width: 50%; padding: 0 90px 0 190px; position: absolute;left: 0;top:50%; transform: translateY(-50%);}
.zydj_left h2{font-weight: bold; color: #333;font-size: 36px; margin-bottom: 40px;}
.zydj_left p{font-size: 16px; line-height: 28px;color: #757575; margin-bottom: 50px;}
.btn6{display: block; text-align: center; font-size: 14px; color: #0177eb;border: 1px solid #0177eb; line-height: 44px;width: 207px;border-radius: 23px; transition: All 0.4s ease-in-out;margin: 0 auto;}
.btn6 b{padding-left: 5px;transition: All 0.4s ease-in-out;}
.btn6:hover{color: #fff;background: #0177eb;}
.btn6:hover b{padding-left: 15px;}
.zydj_bottom ul{padding: 25px 5px 5px 5px; margin-left: -25px;overflow: hidden;}
.zydj_bottom li{width:25%;padding-left: 25px;float: left;margin-bottom: 30px;}
.zydjboxa{border-radius: 20px;background: #fff;;overflow: hidden;transition: All 0.4s ease-in-out;  }
.zydjboxa:hover{box-shadow:0 0 10px rgba(0, 0, 0, .2)}
.zydjboxa:hover img{transform: scale(1.1);}

.zydjtp{width: 100%;text-align: center;display: flex;justify-content: center;align-items: center;padding: 15px;}
.zydjtp img{transition: All 0.4s ease-in-out;height: 180px;width: auto;}
.zydjtext{padding: 30px;text-align: center;}
.zydjtext h2{font-weight: bold; font-size:24px; color: #333;margin-bottom: 35px;}
.zydjtext p{height: 56px;font-size: 16px; line-height: 28px; margin-bottom: 25px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.sttp_a{padding: 25px 0 0 0;position: relative; overflow: hidden; margin-bottom: 270px;}
.sttp_a .swiper-button-next{background: url(../images/d6.png) no-repeat center center #f7f7fa;width: 60px;height: 60px; margin-top: -30px; border-radius: 50%;transition: All 0.4s ease-in-out;}
.sttp_a .swiper-button-next:hover{background: url(../images/d3.png) no-repeat center center rgba(1,119,235,.78);}
.sttp_a .swiper-button-prev{background: url(../images/d5.png) no-repeat center center #f7f7fa;width: 60px;height: 60px; margin-top: -30px; border-radius: 50%;transition: All 0.4s ease-in-out;}
.sttp_a .swiper-button-prev:hover{background: url(../images/d4.png) no-repeat center center rgba(1,119,235,.78);}

.nycp-nav{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 0;
    margin: 0;
    flex-wrap: wrap;
}
.nycp-nav .li1{
    padding:5px 20px;
    margin: 0 10px;
    font-size: 16px;
    border-bottom: 2px solid #fff;
}
.nycp-nav .li1:hover,.nycp-nav .li1.active{border-bottom: 2px solid #0177eb;}
.nycp-nav .li1:hover a,.nycp-nav .li1.active a{color:#0177eb;}
.nycp-nav .li1 a{display:flex;}
.nycp-nav .li1 .tab-arrow{
    font-size: 14px;
    color: #c8ccd4;
    display: inline-block;
    margin-left: 10px;
    transition: all 0.5s;
}
.nycp-nav .li1:hover .tab-arrow,.nycp-nav .li1.active .tab-arrow{transform: rotate(90deg);color:#0177eb;}
.nycp-nav2{
    display: flex;
    justify-content: center;
    align-items: center;
    padding:0 0 20px;
    margin: 0;
    flex-wrap: wrap;
}

.nycp-nav2 li{
    padding: 10px 15px;
    background: #0e7deb0d;
    border-radius: 30px;
    margin: 5px;
    font-size: 14px;
}
.nycp-nav2 li:hover,.nycp-nav2 li.active{background:#0177eb;}
.nycp-nav2 li:hover a,.nycp-nav2 li.active a{color:#fff;}

/*产品内页*/
.banner4{position: relative; overflow: hidden;height:450px;}
.banner4 video{width: 100%;height: 100%;object-fit: fill;position: absolute;top: 0;left: 0;z-index:2;}
.banner4 img{width: 100%; height: 100%; object-fit: cover;}
.ny-banner-t{position: absolute; width: 100%;left: 0; padding: 0 5vw;top:35%; transform: translateY(-35%);}
.ny-banner-t h2 {font-size: 50px; margin-bottom: 30px; color: #fff;}
.ny-banner-t p{font-size: 24px; color: #fff;line-height: 1.7;}
.cpny_top{ -webkit-box-shadow:0 0 10px rgba(0, 0, 0, .2);-moz-box-shadow:0 0 10px rgba(0, 0,0, .2);box-shadow:0 0 10px rgba(0, 0, 0, .2); background: #fff; z-index: 10;width: 100%; top: 0; left: 0;transition: All 0.4s ease-in-out;}
.cpny_top.on{position: fixed;}
.cpnytopbox{overflow: hidden; width:100%; margin: 0 auto;padding: 0 3.5vw;}
.pcny_left{width: 25%;}
.pcny_left h2{font-weight: bold; font-size: 20px; color: #0177eb; line-height: 100px;margin:0;}
.cpny_right{width: 82%;}
.cpny_right ul{overflow: hidden; display: flex;justify-content: left;flex-wrap: wrap; align-items: center;margin-bottom:0;}
.cpny_right li{display: inline-block;font-size: 16px;width: 12%;text-align: left; line-height: 35px;}
.cpny_right li a:hover,.cpny_right li.active a{color: #0177eb;}
.cpny_right li span{color: #333;cursor: pointer;}
#loutiNav li span.active{color: #0079F6;}
#loutiNav span:hover{color: #0079F6;}

.cpny_top.sticky {margin-top: 90px;position: fixed;box-shadow: 0 2px 8px rgba(0,0,0,0.1);}

.cpsp{width: 1060px; margin: 0 auto;max-width: 94%;}
.pcsp_title{padding: 65px 0 60px;}
.pcsp_title p{font-size: 16px; line-height: 28px;text-align:center ;padding: 0 140px; color: #333;}
.pcsp_title ul{overflow: hidden;padding-top: 55px;}
.pcsp_title li{float: left; width: 25%;text-align: center; }
.pcsp_title h2{font-size: 50px; color: #333333;}
.pcsp_title h2 b{font-size: 16px;}
.pcsp_title h3{margin-top: 25px; font-size: 16px; color: #333;}

.cpsp_nr{width: 1060px; margin: 0 auto;position: relative; max-width: 94%;}
.bj2{padding:0 4vw;}
.xgal{margin: 0 auto;padding-bottom: 100px;}
.xgal .xgal_nr{padding:0 7vw;}
.xgal_nr ul{overflow: hidden; margin-left: -25px; padding-bottom: 58px;font-size: 0;text-align: center;}
.xgal_nr li{width: 25%; padding:0 0 20px 25px;display: inline-block;}
.xgal_nr a:hover span{color: #fff !important;}
.xgal_nr a:hover p:before{bottom: 0;}
.xgal_nr .btn5{width: 140px;}
.btn5{display: block; text-align: center; font-size: 14px; color: #0177eb;border: 1px solid #0177eb; line-height: 40px;width: 75%;border-radius: 23px; margin: 0 auto;transition: All 0.4s ease-in-out;}
.btn5 b{padding-left: 5px;transition: All 0.4s ease-in-out;}
.btn5:hover{color: #fff;background: #0177eb;}
.btn5:hover b{padding-left: 15px;}
.yycj_nr{padding-bottom: 50px;}
.yycj_nr ul{text-align: center; padding-bottom: 48px;}
.yycj_nr li{display: inline-block; padding: 0 9px;}
.yycjbox{display: block;text-align: center; width: 213px;height: 174px;background: #f4f5f8;border: 1px solid #0079F6;border-radius: 10px; padding-top: 37px;transition: All 0.4s ease-in-out;}
.yycjbox span{display: block; margin: 0 auto; position: relative;width: 61px; height: 61px;}
.yycjbox p{font-size: 16px; color: #333; margin-top: 13px;}
.yycjbox img{max-height: 100%; position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);}
.yycjbox:hover{background: #0078E9;}
.yycjbox:hover p{color: #fff;}
.yycjbox:hover .c1{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}

.cpcs{width: 1060px; margin: 0 auto;max-width: 94%; padding-bottom: 110px;}
.cpcs_nr table{width: 100%;border-left: 2px solid #fff;border-top: 2px solid #fff;border-bottom: 2px solid #fff; font-size: 14px;color: #333;text-align: center;border-right: 2px solid #fff;}
.cpcs_nr th{background: #0079F6;color: #fff;font-size: 20px; line-height: 75px;font-weight: 400;text-align:center;}
.cpcs_nr td{line-height:24px; border-bottom: 2px solid #fff; font-size: 14px;color: #333;text-align: center;border-right: 2px solid #fff; padding: 12px;}
.cpcs_nr tr:nth-child(2n+1) td{ background: #fff;}

.cpcq-bj{width: 100%;background: rgb(244, 245, 249);padding-bottom: 80px;padding-top: 80px;}
.nycp-list{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 30px;}
.nycp-list li{background: #fff;border-radius: 20px;overflow: hidden; transition: All 0.4s ease-in-out;}
.cgcpbox{}
.nycp-list li:hover{box-shadow:0 0 10px rgba(0, 0, 0, .15);  }
.nycp-list li:hover .cgcp_text h2 a{color:#0177eb;}
.cgcp_text{text-align: left; padding: 0 15px 20px;}
.cgcp_text h2 a{font-weight: bold;font-size: 16px;color: #333;line-height: 22px;overflow: hidden;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;}
.cgcp_text p{
    font-size: 14px;
    line-height: 20px;
    color: #757575;
    margin-bottom:10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    height: 62px;
    margin-top: 10px;
}
.cgcp_tp{overflow: hidden;text-align:center;height: 220px;display: flex;align-items: center;justify-content: center;}
.cgcp_tp img{width: 100%;transition: All 0.4s ease-in-out;}
.cgcpbox:hover img{transform: scale(1.1);}
.sttp .swiper-slide{ padding: 0 5px;}
.cgcp_tag{display:flex;justify-content:left;flex-wrap:wrap;margin-top:10px;}
.cgcp_tag p{
    display: flex;
    background: #eee;
    border-radius: 30px;
    padding: 5px 8px;
    font-size: 11px;
    margin-right: 5px;
    margin-bottom: 5px;
    height: auto;
}
.cgcp_tag p:nth-child(1){background:#DBEAFE;color:#1E40AF}
.cgcp_tag p:nth-child(2){background:#D1FAE5;color:#065F46}
.cgcp_tag p:nth-child(3){background:#FED7AA;color:#9A3412}
.cgcp_tag p:nth-child(4){background:#EDE9FE;color:#5B21B6}
.cgcp_tag p:nth-child(5){background:#F1F5F9;color:#334155}
.ac-card-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 10px;
    border-top: 1px solid #e2e8f0;
    flex-wrap: nowrap;
    overflow: hidden;
}
.ac-card-actions .ac-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    padding: 6px 0px;
    border-radius: 6px;
    font-size: 12.5px;
    font-weight: 600;
    cursor: pointer;
    border: none;
    transition: var(--transition);
    font-family: inherit;
    white-space: nowrap;
    flex-shrink: 0;
    line-height: 1.2;
    width: 95px;
}
.ac-card-actions .ac-btn--primary {
    background: #2563eb;
    color: #fff;
    border: 1px solid #2563eb;
}
.ac-card-actions .ac-btn--outline {
    background: #ffffff;
    color: #2563eb;
    border: 1px solid #2563eb;
}
.ac-card-actions .ac-btn--icon .vs-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 5px;
    background: linear-gradient(135deg, #6366F1, #8B5CF6);
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: -0.5px;
    line-height: 1;
}
.ac-card-actions .ac-btn--icon {
    display: flex;
    height: 32px;
    padding: 0 8px;
    border-radius: 6px;
    background: #f8fafc;
    color: #64748b;
    border: 1px solid #e2e8f0;
    font-size: 11.5px;
    font-weight: 600;
    gap: 3px;
}
.ac-card-actions .ac-btn--outline:hover:not(:disabled) {
    background: #2563eb;
    color: #fff;
}
.ac-card-actions .ac-btn--icon:hover:not(:disabled) {
    background: #eff6ff;
    color: #2563eb;
    border-color: #dbeafe;
}
.ac-card-actions .ac-btn--primary:hover:not(:disabled) {
    background: #1d4ed8;
    box-shadow: 0 4px 16px rgba(37, 99, 235, 0.28);;
}

:root {
    --primary: #2563EB;
    --primary-dark: #1D4ED8;
    --primary-light: #3B82F6;
    --primary-50: #EFF6FF;
    --primary-100: #DBEAFE;
    --heading: #0F172A;
    --body: #334155;
    --muted: #64748B;
    --light: #94A3B8;
    --bg: #F8FAFC;
    --white: #FFFFFF;
    --border: #E2E8F0;
    --success: #10B981;
    --danger: #EF4444;
    --warning: #F59E0B;
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.06);
    --shadow-md: 0 4px 12px rgba(0,0,0,0.08);
    --shadow-lg: 0 12px 28px rgba(0,0,0,0.12);
    --shadow-primary: 0 4px 16px rgba(37,99,235,0.28);
    --radius: 10px;
    --radius-lg: 16px;
    --transition: all .25s ease-out;
}
.ac-fab {
    position:fixed;
    right: 1px;
    top: 37%;
    transform: translateY(37%);
    z-index:9000;
    height:44px;
    padding:0 14px;
    border-radius:22px;
    background:linear-gradient(135deg,var(--primary),var(--primary-light));
    color:#fff;
    display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;border:none;
    box-shadow:var(--shadow-primary);transition:transform .2s,box-shadow .2s,width .3s ease;will-change:transform;
    white-space:nowrap;font-family:inherit;
}
    .ac-fab:hover { transform:translateY(-2px) scale(1.03);box-shadow:0 6px 26px rgba(37,99,235,.45); }
    .ac-fab svg { width:20px;height:20px;stroke-width:2.2;flex-shrink:0; }
    .ac-fab__text { font-size:13px;font-weight:650;letter-spacing:.5px;line-height:1; }
    .ac-fab__badge {
      min-width:22px;height:22px;padding:0 6px;border-radius:11px;
      background:#fff;color:var(--primary);font-size:12px;font-weight:800;display:flex;align-items:center;
      justify-content:center;opacity:0;transform:scale(0.5);transition:all .25s cubic-bezier(.68,-.55,.27,1.55);
      flex-shrink:0;line-height:1;
    }
    .ac-fab__badge--visible { opacity:1;transform:scale(1); }

    /* ===== 遮罩层 ===== */
    .ac-overlay {
      display:none;position:fixed;inset:0;background:rgba(15,23,42,.4);z-index:9999;backdrop-filter:blur(3px);
      animation:fadeIn .25s ease-out;
    }
    @keyframes fadeIn { from{opacity:0} to{opacity:1} }

    /* ===== 抽屉面板 - 从右侧滑出，与官网右侧工具栏对齐 ===== */
    .ac-drawer {
      position:fixed;top:0;right:0;width:420px;max-width:92vw;height:100vh;
      background:var(--white);z-index:99999;transform:translateX(100%);
      transition:transform .32s cubic-bezier(.22,1,.36,1);display:flex;flex-direction:column;
      box-shadow:-8px 0 30px rgba(0,0,0,.12);will-change:transform;
    }
    .ac-drawer--open { transform:translateX(0); }

    .ac-drawer__header {
      display:flex;justify-content:space-between;align-items:flex-start;padding:24px 24px 14px;
      border-bottom:1px solid var(--border);flex-shrink:0;
    }
    .ac-drawer__title { margin:0 0 4px;font-size:20px;font-weight:700;color:var(--heading); }
    .ac-drawer__subtitle { margin:0;font-size:13.5px;color:var(--muted); }
    .ac-drawer__close {
      width:32px;height:32px;border:none;background:var(--bg);border-radius:7px;font-size:19px;color:var(--muted);
      cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;
    }
    .ac-drawer__close:hover { background:var(--border);color:var(--heading); }

    .ac-drawer__body { flex:1;overflow-y:auto;padding:8px 0;position:relative; }

    /* 报价按钮内联栏（跟随最后一个产品） */
    .ac-drawer__inline-quote {
      padding:16px 24px 20px;display:flex;justify-content:flex-end;
    }
.ac-drawer__inline-quote .ac-btn--primary,.ac-btn--primary {
    width: 100%;
    max-width: 145px;
    padding: 10px 18px;
    font-size: 13.5px;
    text-align: center;
    justify-content: center;
    background: #0177eb;
    color: #fff;
    border-radius: 8px;
    border: none;
}

    .ac-drawer-item {
      display:flex;align-items:center;padding:14px 24px;border-bottom:1px solid #f8fafc;gap:12px;transition:background .15s;
    }
    .ac-drawer-item:hover { background:var(--bg); }
    .ac-drawer-item__info { flex:1;min-width:0; }
    .ac-drawer-item__name {
      display:block;font-size:14px;font-weight:650;color:var(--heading);text-decoration:none;
      overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
    }
    .ac-drawer-item__name:hover { color:var(--primary); }
    .ac-drawer-item__params { margin:2px 0 0;font-size:12px;color:var(--light);overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }

    /* 数量调节器 */
    .ac-qty-group { display:flex;border:1px solid var(--border);border-radius:7px;overflow:hidden;flex-shrink:0; }
    .ac-qty-btn {
      width:30px;height:33px;border:none;background:var(--bg);color:#475569;font-size:17px;
      cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s;
    }
    .ac-qty-btn:hover { background:var(--border); }
    .ac-qty-input {
      width:46px;height:33px;border:none;border-left:1px solid var(--border);border-right:1px solid var(--border);
      text-align:center;font-size:14px;font-weight:650;color:var(--heading);outline:none;
    }

    .ac-item-remove {
      width:28px;height:28px;border:none;background:none;color:var(--light);font-size:20px;
      cursor:pointer;border-radius:5px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s;
    }
    .ac-item-remove:hover { background:#FEF2F2;color:var(--danger); }

    /* 空状态 */
    .ac-empty { display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 24px;text-align:center; }
    .ac-empty-icon { font-size:64px;opacity:.25;margin-bottom:12px; }
    .ac-empty__text { font-size:16px;font-weight:650;color:#475569;margin:0 0 4px; }
    .ac-empty__sub { font-size:14px;color:var(--light);margin:0 0 20px; }

    .ac-drawer__footer {
      display:flex;justify-content:space-between;align-items:center;padding:15px 5px;
      border-top:1px solid var(--border);background:var(--bg);flex-shrink:0;
    }
    .ac-drawer__summary { font-size:12px;color:var(--muted); }
    .ac-drawer__actions { display:flex;align-items:center;gap:16px; }
    .ac-link-danger {
      background:none;border:none;color:var(--danger);font-size:14px;cursor:pointer;
      text-decoration:underline;text-underline-offset:2px;width: 70px;
    }
    .ac-link-danger:hover { color:#DC2626; }
 .ac-modal {
      display:none;position:fixed;inset:0;z-index:9200;align-items:center;justify-content:center;
    }
    .ac-modal__overlay {
      position:absolute;inset:0;background:rgba(15,23,42,.5);backdrop-filter:blur(3px);
    }
    .ac-modal__content {
      position:relative;background:var(--white);border-radius:var(--radius-lg);max-height:70vh;overflow-y:auto;
      display:flex;flex-direction:column;width:640px;max-width:95vw;
      transform:scale(.95) translateY(20px);opacity:0;transition:all .3s cubic-bezier(.22,1,.36,1);
    }
    .ac-modal--visible .ac-modal__content { transform:scale(1) translateY(0);opacity:1;will-change:transform,opacity; }

    .ac-modal__header { display:flex;justify-content:space-between;align-items:flex-start;padding:28px 28px 0; }
    .ac-modal__title { margin:0 0 4px;font-size:22px;font-weight:700;color:var(--heading); }
    .ac-modal__subtitle { margin:0;font-size:14px;color:var(--muted); }
    .ac-source-badge {
      display:inline-block;padding:2px 10px;background:var(--primary-50);color:var(--primary);
      font-size:12px;font-weight:650;border-radius:10px;margin-left:8px;
    }
    .ac-modal__close {
      width:34px;height:34px;border:none;background:var(--bg);border-radius:8px;font-size:20px;
      color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;
    }
    .ac-modal__close:hover { background:var(--border); }
    .ac-modal__body { padding:20px 28px;flex:1;overflow-y:auto; }
    .ac-modal__footer {
      display:flex;justify-content:space-between;align-items:center;padding:18px 28px;border-top:1px solid var(--border);
    }
.ac-modal__footer .ac-btn--outline{
    width: 90px;
    height: 30px;
    border-radius: 8px;
    border: 1px solid #0177eb;
    background:none;
    color: #0177eb;
}

    /* 报价预览表格 */
    .ac-quote-table { width:100%;border-collapse:collapse;font-size:14px; }
    .ac-quote-table th {
      background:var(--bg);padding: 5px 10px;text-align:left;font-weight:650;color:#475569;
      border-bottom:2px solid var(--border);font-size:13px;
    }
    .ac-quote-table td {padding: 5px 10px;border-bottom:1px solid #f1f5f9;color:var(--body); }
    .ac-quote-table tr:nth-child(even) td { background:#fafcff; }
    .ac-total-row td { background:#f0f9ff!important;font-weight:700;color:var(--heading);border-bottom:none; }

    .ac-model-name { font-weight:650;color:var(--heading); }
    .ac-remark-input {
      width:100%;padding:7px 11px;border:1px solid var(--border);border-radius:6px;font-size:13px;
      outline:none;color:#475569;transition:border-color .2s;
    }
    .ac-remark-input:focus { border-color:var(--primary); }
    .ac-qty-editable:focus { border-color:var(--primary);box-shadow:0 0 0 3px rgba(37,99,235,.1); }

    /* 价格提示卡片 */
    .ac-price-hint {
      margin-top:20px;padding:15px;background:#FFFBEB;border-radius:11px;display:flex;gap:14px;
      position:relative;overflow:hidden;
    }
    .ac-price-hint__bar { width:4px;position:absolute;left:0;top:0;bottom:0;background:var(--primary);border-radius:4px 0 0 4px; }
    .ac-price-hint__content { padding-left:10px; }
    .ac-price-hint__main { font-size:15px;font-weight:650;color:var(--heading);margin:0 0 5px; }
    .ac-price-hint__sub { font-size:13px;color:var(--muted);margin:0; }

    /* ===== 表单样式 ===== */
    .ac-field { margin-bottom:18px; }
    .ac-label {
      display:block;font-size:14px;font-weight:650;color:var(--heading);margin-bottom:6px;
    }
    .ac-label .req { color:var(--danger); }
    .ac-input {
      width:100%;padding:11px 14px;border:1px solid var(--border);border-radius:8px;font-size:14.5px;
      color:var(--heading);transition:border-color .2s,box-shadow .2s;outline:none;font-family:inherit;
    }
    .ac-input:focus { border-color:var(--primary);box-shadow:0 0 0 3px rgba(37,99,235,.1); }
    .ac-input.err { border-color:var(--danger);box-shadow:0 0 0 3px rgba(239,68,68,.1); }
    .ac-error { display:none;color:var(--danger);font-size:12px;margin-top:4px;font-weight:500; }
    .ac-select { cursor:pointer;appearance:auto; }
    .ac-textarea { 
      width:100%;padding:11px 14px;border:1px solid var(--border);border-radius:8px;font-size:14.5px;
      color:var(--heading);transition:border-color .2s,box-shadow .2s;outline:none;font-family:inherit;
      resize:vertical;min-height:84px;line-height:1.6;
    }
    .ac-textarea:focus { border-color:var(--primary);box-shadow:0 0 0 3px rgba(37,99,235,.1); }
    .ac-textarea.err { border-color:var(--danger);box-shadow:0 0 0 3px rgba(239,68,68,.1); }

    .ac-product-section {
      border:1px solid var(--border);border-radius:9px;margin-bottom:18px;overflow:hidden;
    }
    .ac-product-section__toggle {
      display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--bg);
      font-size:14px;font-weight:650;color:#334155;cursor:pointer;user-select:none;
    }
    .ac-toggle-arrow { font-size:10px;color:var(--light);transition:transform .2s;display:inline-block; }
    .ac-product-section--open .ac-toggle-arrow { transform:rotate(90deg); }
    .ac-product-section--open .ac-product-section__body { max-height:600px;overflow:visible;opacity:1;padding:12px 16px; }

    .ac-inq-table { width:100%;border-collapse:collapse; }
    .ac-inq-table td { padding:8px 3px;vertical-align:middle; }
    .ac-editable-name {
      width:100%;padding:7px 11px;border:1px solid var(--border);border-radius:6px;font-size:13px;
      outline:none;
    }
    .ac-editable-name:focus { border-color:var(--primary); }
    .ac-qty-sm { width:56px;padding:7px;border:1px solid var(--border);border-radius:6px;text-align:center;font-size:13px;outline:none; }
    .ac-rm-row { width:26px;height:26px;border:1px solid var(--border);background:#fff;border-radius:4px;color:var(--light);cursor:pointer;font-size:14px; }
    .ac-rm-row:hover { background:#FEF2F2;color:var(--danger);border-color:#FECACA; }
    .ac-add-more {
      background:none;border:none;color:var(--primary);font-size:13px;cursor:pointer;padding:6px 0;margin-top:4px;
    }
    .ac-add-more:hover { text-decoration:underline; }
.ac-field .yzm{
    width:100%;border:1px solid var(--border);border-radius:8px;font-size:14.5px;
      color:var(--heading);transition:border-color .2s,box-shadow .2s;outline:none;
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin: 0;
      overflow: hidden;
}
.ac-field .yzm img{height:44px;width: 100px;}
.ac-field .yzm input{width:calc(100% - 100px);height:44px;border:none;padding-left:14px;}
/* 按钮 */
.ac-btn--lg {
    padding: 10px;
    font-size: 16px;
    border: none;
    background: #0177eb;
    border-radius: 8px;
    color: #fff;
}
.ac-btn--xl {
    padding: 10px 15px;
    font-size: 16px;
    border: none;
    background: #0177eb;
    border-radius: 8px;
    color: #fff;
}
    .ac-privacy { font-size:12px;color:var(--light);margin:0; }

    .ac-spinner {
      display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.45);
      border-top-color:#fff;border-radius:50%;animation:spin .55s linear infinite;
    }
    @keyframes spin { to{transform:rotate(360deg)} }

    /* 成功态 */
    .ac-success { padding:56px 28px;text-align:center; }
    .ac-success__icon {
      width:60px;height:60px;background:linear-gradient(135deg,#10B981,#059669);color:#fff;
      font-size:30px;font-weight:bold;border-radius:50%;display:flex;align-items:center;
      justify-content:center;margin:0 auto 20px;
    }
    .ac-success__title { font-size:23px;font-weight:700;color:#059669;margin:0 0 8px; }
    .ac-success__sub { font-size:15px;color:var(--muted);margin:0 0 28px; }
    .ac-success__sub strong { color:var(--primary); }

    /* ===== Toast ===== */
    .ac-toast {
      position:fixed;top:24px;left:50%;transform:translateX(-50%) translateY(-20px);
      background:var(--heading);color:#fff;padding:10px 22px;border-radius:9px;font-size:14px;
      font-weight:550;z-index:99999;opacity:0;transition:all .3s;pointer-events:none;box-shadow:0 8px 24px rgba(0,0,0,.2);
    }
    .ac-toast.show { opacity:1;transform:translateX(-50%) translateY(0); }


.ystd{width: 1600px;margin: 0 auto;max-width: 94%; padding-bottom: 50px; }
.cpscboxa{background: #fff; height: 340px;border-radius: 20px; box-shadow:0 0 10px rgba(0, 0, 0, .1); text-align: center; padding: 45px 50px 0 50px;margin: 5px;transition: All 0.4s ease-in-out;}
.cpscboxa span{display: block; position: relative; width: 104px;height: 104px;margin: 0 auto;}
.cpscboxa  img{position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);transition: All 0.4s ease-in-out;}
.cpscboxa h2{font-weight: bold; font-size: 24px;color: #333333; line-height: 68px;}
.cpscboxa p{font-size: 16px; line-height: 28px;color: #757575;}
.ystd_nr{position: relative;overflow: hidden;}
.ystd_nr .swiper-button-next{background: url(../images/d6.png) no-repeat center center #f7f7fa;width: 60px;height: 60px; margin-top: -30px; border-radius: 50%;transition: All 0.4s ease-in-out;}
.ystd_nr  .swiper-button-next:hover{background: url(../images/d3.png) no-repeat center center rgba(1,119,235,.78);}
.ystd_nr  .swiper-button-prev{background: url(../images/d5.png) no-repeat center center #f7f7fa;width: 60px;height: 60px; margin-top: -30px; border-radius: 50%;transition: All 0.4s ease-in-out;}
.ystd_nr  .swiper-button-prev:hover{background: url(../images/d4.png) no-repeat center center rgba(1,119,235,.78);}

.cpscboxa:hover{background: #0177eb;}
.cpscboxa:hover h2{color: #fff;}
.cpscboxa:hover p{color: #fff;}
.cpscboxa:hover .c1{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}

.pageing{width: 100%;display: flex;justify-content: center;margin-top: 30px;}
.pageing .page-status{display: none;}
.pageing span a{display: inline-block;border-radius: 5px;border: 1px solid #999;text-align: center;font-size: 14px;padding: 7px 12px;margin: 0 5px;
color: #333;transition: all 0.5s;}
.pageing span a:hover,.pageing span a.page-num-current{background: #0177eb;color: #fff;border: 1px solid #0177eb;}

.cpxq-1{width: 100%;display: flex;justify-content: space-between;align-items: flex-start;margin-top: 80px;padding:0 7vw;}
.cpxq-1-l{width: 26%;}
.cpxq-1-l .mySwiper2{width: 100%;height: 310px;border: 1px solid #eee;}
.cpxq-1-l .mySwiper2 .swiper-slide{display: flex;justify-content: center;align-items: center;overflow: hidden;}
.cpxq-1-l .mySwiper2 .swiper-slide img{max-width: 100%;}
.cpxq-1-l .mySwiper2 .swiper-slide:hover img{transform: scale(1.05);}
.cpxq-1-l .mySwiper{width: 100%;margin-top: 20px;height: 80px;}
.cpxq-1-l .mySwiper .swiper-slide{width: 25%;opacity: 0.5;height: 100%;overflow: hidden;border: 1px solid #eee;display: flex;justify-content: center;align-items: center;cursor: pointer;}
.cpxq-1-l .mySwiper .swiper-slide img{width: auto;height: 100%;}
.cpxq-1-l .mySwiper .swiper-slide-thumb-active {opacity: 1;}
.cpxq-1-r{width: 67%;}
.cpxq-1-r h3{font-size:24px;font-weight: 700;color: #000;margin:50px 0 30px;}
.cpxq-1-text{width: 100%;padding:25px 30px;background: rgb(244, 245, 249);}
.cpxq-1-text p{font-size: 14px;color: #666;line-height: 25px;}
.cpxq-1-text p span{color:#000;}
.cpxq-1-more{text-align: center;margin-top: 50px;}
.cpxq-1-a{display: flex;justify-content: left;}
.cpxq-1-more a{display: flex;justify-content: center;align-items: center;border-radius: 5px;width: 150px;height: 45px;line-height: 45px;color:#fff;transition: all 0.5s;background-color: #0177eb;margin-right:15px;font-size:14px;}
.cpxq-1-more a img{display:block;width:20px;margin-right:10px;}
.cpxq-1-more:nth-child(1) a{}
.cpxq-1-more:nth-child(2) a{background:#fff;border:1px solid #0177eb;color:#0177eb;}
.cpxq-1-more:nth-child(2) a img{filter: brightness(0) saturate(100%) invert(18%) sepia(98%) saturate(2728%) hue-rotate(205deg) brightness(102%) contrast(103%);}
.cpxq-1-more:nth-child(3) a{background:#fff;border:1px solid #6642c4;color:#6642c4;}
.cpxq-1-more:nth-child(3) a img{filter:brightness(0) saturate(100%) invert(18%) sepia(71%) saturate(2572%) hue-rotate(-114deg) brightness(102%) contrast(103%);}
.cpxq-1-more:nth-child(4) a{background:#fff;border:1px solid #1b781b;color:#1b781b;}
.cpxq-1-more:nth-child(4) a img{filter:brightness(0) saturate(100%) invert(18%) sepia(71%) saturate(2572%) hue-rotate(113deg) brightness(102%) contrast(103%);}
.cpxq-1-more a:hover{transform:translateY(-5px);}
.cpxq-bj{background: rgb(244, 245, 249);margin-top: 80px;padding-bottom: 80px;}
.cpxq-text{width: 100%;}
.cpxq-text p{font-size: 14px;color: #000;line-height: 30px;}
.cpxq-text-cs table{margin: 0 auto;}

.cpxq-xz{width: 1024px;margin: 0 auto;}
.cpxq-xz li{width: 100%;border-radius: 5px;background: #fff;padding: 0 30px;line-height: 90px;}
.cpxq-xz li:nth-child(2n){background: rgba(1, 119, 235, 0);}
.cpxq-xz li a{display: flex;justify-content: space-between;align-items: center;}
.cpxq-xz li a h3{margin: 0;font-size: 20px;color: #000;padding-left: 5px;transition: all 0.5s;}
.cpxq-xz li a span{}
.cpxq-xz li a span img{width: 30px;}
.cpxq-xz li a:hover h3{color: #0177eb;padding-left: 10px;}
.cpnytopbox .cpxq_right{width: 52%;}
.cpnytopbox .cpxq_left{width: 50%;text-align: right;}
.cpnytopbox .cpxq_right ul{justify-content: left;}
.cpnytopbox .cpxq_right ul li{text-align: left;}

.hyyybox p{text-align: center; font-size: 16px; line-height: 80px;background: #f4f5f8;position: relative;overflow: hidden;}
.hyyybox p:before{position: absolute; width: 100%; height: 80px;content: ""; left: 0;bottom: -80px;background: #0177eb;transition: All 0.6s ease-in-out;opacity: 0;}
.hyyybox span{display: block; position: relative;z-index: 10; color: #333;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;transition: All 0.4s ease-in-out;}
.hyyybox:hover span{color: #fff;}
.hyyybox:hover p:before{bottom: 0;opacity: 1;}

.ny-cpxq-nr .notice{width: 100%;position: relative;margin-top:80px;margin-bottom: 80px;padding:0 7vw;overflow: hidden;}
.ny-cpxq-nr .notice .tab-hd{border-bottom: 1px solid #ececec;}
.ny-cpxq-nr .notice .tab-hd .tab-nav{display: flex;justify-content: left;margin:0;}
.ny-cpxq-nr .notice .tab-hd .tab-nav li{display: inline-block;padding:20px 40px 17px;font-weight: 700;font-size:16px;
border:1px solid #ececec;transition:all 0.5s;}
.ny-cpxq-nr .notice .tab-hd .tab-nav li.on{background:#0177eb;color:#fff;}
.ny-cpxq-nr .notice .tab-hd .tab-nav li:hover{background:#0177eb;color:#fff;}
.ny-cpxq-nr .notice .tab-hd .tab-nav li:hover a{color:#fff;}
.ny-cpxq-nr .notice .tab-bd{padding-top:20px;}
.ny-cpxq-nr .notice .tab-bd .tab-pal img{max-width: 100% !important;height:auto !important;}
.ny-cpxq-bt h2{font-size:40px;text-align:center;margin-bottom: 50px;}
.ny-cpxq-ly{}
.ny-cpxq-ly .form-control{height: 50px;font-size: 16px;}
.ny-cpxq-ly textarea.form-control{height: 100px;margin-bottom:30px;}
.ny-cpxq-ly .btn{margin: 30px auto;background: #125AD3;font-size: 16px;width: 170px;height: 50px;color:#fff;display: block;
border: 1px solid #125AD3;transition:all 0.5s;}
.ny-cpxq-ly .btn:hover{background:#fff;color: #125AD3;}

.zlxz-bj{width: 100%;background: rgba(0,0,0,0.7);height: 100vh;position: fixed;top: 0;left: 0;display: none;z-index:99999;}
.zlxz-zhong{width: 100%;height:100%;display:flex;justify-content:center;align-items:center;}
.zlxz-con{width:650px;background:#fff;border-radius:10px;position:relative;min-height: 450px;}
.zlxz-gb{position: absolute;width: 30px;height: 30px;text-align: center;color: #0079f6;font-size: 14px;background: #fff;cursor: pointer;
line-height: 30px;border-radius: 50%;top: -32px;right: -29px;}
.zlxz-gb:hover{background: #0079f6;color:#fff;}
.zlxz-con ul{width:100%;height:100%;overflow: hidden;border-radius: 10px;}
.zlxz-con ul li{display:flex;justify-content:space-between;align-items:center;padding: 0 15px; line-height: 50px;font-size:14px;
border-bottom: 1px solid #ececec;} 
.zlxz-con ul li:nth-child(1){background:#0079f6;color:#fff;font-size:16px;}
.zlxz-con ul li span{width:20%;text-align:center;}
.zlxz-con ul li span:nth-child(1){width:50%;text-align:left;}
.zlxz-con ul li span img{width: 20px;}

.duibi{z-index:999;top:30%;right:20px;position: fixed;}
.duibi-1{background:url(../images/pk.png) no-repeat;border-radius:5px;width:50px;height:50px;color: #fff;text-align:center;overflow:hidden;}
.duibi-1 h4{font-size: 14px;margin: 13px 0 0px;}
.duibi-1 p{font-size: 13px;}
.duibi-2{display: none;position: absolute;top: 0;right: 68px;z-index: 9999;border: 3px solid #ddd;background: #FCFCFC;width: 172px;
overflow: hidden;}
.duibi-2-h3{display: flex;justify-content: space-between;align-items: center;padding:10px;}
.duibi-2-h3 h3{font-size:14px;font-weight:block;margin:0;}
.duibi-2-h3 span{display: block;width: 14px;height: 14px;text-align: center;font-size: 12px;color: #0079f6;border: 1px solid #0079f6;
line-height: 14px;border-radius: 3px;cursor:pointer;}
.duibi-2-text{padding:0 10px;font-size:12px;color:#666;}
.duibi-2-cp{padding:0 10px;}
.duibi-2-cp li{display: flex;justify-content: left;align-items: center;margin: 10px 0;}
.duibi-2-cp li span{display: block;width: 14px;height: 14px;text-align: center;font-size: 12px;color: #0079f6;border: 1px solid #0079f6;
line-height: 14px;border-radius: 3px;margin-right:10px;cursor:pointer;}
.duibi-2-cp li h3{color:#0079f6;font-size:14px;margin:0;}
.pkbut{display: flex;justify-content: space-between;align-items: center;padding: 0 10px 10px;}
.pkbut span{display: inline-block;height: 22px;border-radius: 15px;background-color: #0079f6;text-align: center;line-height: 22px;
color: #fff;margin: 5px 0 0;cursor: pointer;width:48%;}

/*新闻资讯-新闻动态*/
.nyxw-bj{width: 100%;background: rgb(244, 245, 249);padding-bottom: 80px;}
.fgt{height: 80px;}
.xwdt_title{background: #fff; border-bottom: 1px solid #d6d6d6;text-align: center;}
.xwdt_title h2{color: #333; font-size: 46px; font-weight: bold; margin-bottom: 50px;}
.xwdt_title li{display: inline-block; padding: 0 40px; font-size: 20px; line-height: 58px; }
.xwdt_title a{display: block;color: #333;position: relative;}
.xwdt_title a:before{position: absolute;  content: ""; border-bottom: 2px solid #0079f6; width: 0; bottom: 0;left: 50%;transform: translateX(-50%);transition: All 0.4s ease-in-out;}
.xwdt_title li.active a{color: #0079f6;}
.xwdt_title li.active a:before{width: 100%;}
.xwdt_title a:hover{color: #0079f6;}
.xwdt_title a:hover:before{width: 100%;}

.xwdt_box{width: 1220px; margin: 0 auto; padding: 0 10px;max-width: 94%; padding-bottom: 15px;}
.xwdt_box ul{padding-top: 65px;}
.xwdt_box li{padding-bottom: 50px;}
.xwdt_xq{overflow: hidden;background: #fff;border-radius: 15px;transition:all 0.4s ease-in-out; }
.xwdt_xq:hover{ transform: translate(0, -5px);box-shadow:0 0 10px rgba(0, 0, 0, .2);}
.xwdt_left{width: 30%; overflow: hidden;float: left;}
.xwdt_left img{width: 100%;bor}
.img2 { transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-ou }
.img2:hover { transform: scale(1.1);-webkit-transform: scale(1.1); -moz-transform: scale(1.1);-o-transform: scale(1.1); -ms-transform: scale(1.1); }
.xwdt_right{float: right;width:65%; padding:20px 90px 0 0;}
.xwdt_right h3{font-size: 16px;color: #898989; margin-bottom: 0px;}
.xwdt_right h3 img{display: inline-block;vertical-align: middle; margin: -3px 12px 0 0;}
.xwdt_right h2{font-size: 18px;line-height: 28px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;
overflow: hidden;margin-bottom: 15px;}
.xwdt_right p{font-size: 14px;line-height: 22px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;
overflow: hidden;}
.xwdt_right h2 a{color: #000;transition: all 0.4s ease-in-out;}
.btn2{display: block; margin-top: 30px; font-size: 14px; color: #333333;}
.xwdt_right h2 a:hover{color: #0079F6;}
.btn2 b{padding-left: 5px;transition: all 0.4s ease-in-out;}
.btn2:hover b{padding-left: 15px;}
.btn2:hover{color: #0079F6;}

.fynr{text-align: center;}
.fynr li{display: inline-block; padding: 0 3px;}
.fynr li a{display: block; line-height: 37px; font-size: 16px; color: #333333; padding: 0 15px;border: 1px solid #e2e2e2;border-radius: 4px;transition: All 0.4s ease-in-out;}
.fynr li.active a{
	display: block;
	line-height: 37px;
	font-size: 16px;
	color: #333333;
	padding: 0 15px;
	border: 1px solid #e2e2e2;
	border-radius: 4px;
	transition: All 0.4s ease-in-out;background: #0079F6;}
.fynr li.active span{

	display: block;
	line-height: 37px;
	font-size: 16px;
	color: #fff;
	padding: 0 15px;
	border: 1px solid #e2e2e2;
	border-radius: 4px;
	transition: All 0.4s ease-in-out;background: #0079F6;}
.fynr a:hover{color: #fff;background: #0079F6;border: 1px solid #0079F6;}

/*新闻资讯-展会活动*/
.zhhd_nr{width: 1600px; margin: 0 auto; padding: 65px 0 0 0; max-width: 94%;}
.zhhd_ss{overflow: hidden; padding:0 10px 60px 10px;}
.zhhd_left{float: left; width: 50%; padding-left: 8px;}
.zhhd_left ul{overflow: hidden; margin-left: -26px; }
.zhhd_left li{float: left; width: 50%; padding-left: 16px;}
.zhhd_tj ul{overflow: hidden; margin-left: -45px; padding: 0 10px;}
.zhhd_tj li{float: left; width: 33.33%; padding: 0 0 45px 45px;}
#chose1{ height: 60px;border: 1px solid #e2e2e2;border-radius: 30px; padding: 0 15px; color: #6b686b; font-size: 16px;width: 100%;background: url(../images/a_14.png) no-repeat 95% center #fff;outline:none;appearance:none;-moz-appearance:none;-webkit-appearance:none;outline:none;}
#chose2{ height: 60px;border: 1px solid #e2e2e2;border-radius: 30px; padding: 0 15px; color: #6b686b; font-size: 16px;width: 100%;background: url(../images/a_14.png) no-repeat 95% center #fff;outline:none;appearance:none;-moz-appearance:none;-webkit-appearance:none;outline:none;}
.zhhd_right{float: right;width: calc(50% - 16px);height: 60px;border-radius: 30px; overflow: hidden; border: 1px solid #e2e2e2;background: #fff;}
.wby1{width: 100%; height: 58px; line-height: 58px; float: left; width: calc(100% - 210px); padding-left: 15px; font-size: 16px;}
.btn3{float: right;width: 210px;border: none;border-radius: 29px; background: #b0b0b0;color: #fff; font-size: 16px;height: 58px;cursor: pointer;transition: All 0.4s ease-in-out;}
.btn3:hover{background: #0078E9;}
.btn3 img{display: inline-block;vertical-align: middle; margin: -3px 12px 0 0;}
.zhhd_tj a:hover img{ transform: scale(1.1);}
.zhhd_tj a:hover h2{color: #0078E9;}
/*新闻资讯-内页*/
.xwdt_wz{width: 810px; margin: 0 auto;max-width: 94%;}
.xwxq_title{padding:62px 0 52px ; border-bottom: 1px solid #aaaaaa;}
.xwxq_title h3{font-size: 16px; color: #f59643; margin-bottom: 42px;}
.xwxq_title h3 img{display: inline-block;vertical-align: middle; margin: -3px 12px 0 0;}
.xwxq_title h2{font-weight: bold; font-size: 40px; color: #333; line-height: 50px;}
.xwxq_box{padding: 45px 0;border-bottom: 1px solid #aaaaaa;}
.xwxq_box p{font-size: 16px;color: #6f6f6f; line-height: 28px; margin-bottom: 15px;text-align:justify; word-break: break-all;}
.xwxq_box img{max-width: 100%; margin: 20px auto;}
.xwxq_fl{padding: 20px 0 115px;}
.xwxq_fl ul{overflow: hidden;}
.xwxq_fl li{float: left;width: 50%; font-size: 18px; }
.xwxq_fl li a{color: #6f6f6f;}
.xwxq_fl li a:hover{color: #0079F6;}
.xwxq_fl li a:hover img{ margin-right:20px;}
.xwxq_fl li img{display: inline-block;vertical-align: middle; margin: -3px 12px 0 0;transition: All 0.4s ease-in-out;}
.xwxq_fl ul li:nth-child(2) a:hover img{ margin-left:20px;}
.xwxq_fl ul li:nth-child(2){ text-align: right;}
.xwxq_fl ul li:nth-child(2) img{margin: -3px 0 0 12px;}

/*服务支持*/
.banner3{background: url(../images/banner3.jpg) no-repeat center center;height: 682px;margin-top: 12px;}
.banner3_box{width: 100%; margin: 0 auto;padding: 0 8vw;}
.banner3_title{text-align: center; padding: 70px 0 30px;}
.banner3_title h2{color: #333;  font-size: 46px; margin-bottom: 18px;}
.banner3_title p{font-size: 16px; line-height: 1.6; color: #333333;}
.banner3_fl ul{text-align: center; padding-top: 10px;display: flex;justify-content: space-between;align-items: flex-start;}
.banner3_fl li{display: inline-block; padding: 0 9px;width: 24%;}
.jjwt{display: block; width: 100%;height: 280px; padding-top:15px;text-align: center; border-radius: 10px;box-shadow:0 0 10px rgba(0, 0, 0, .1);background: #fff;transition: all .8s ease 0s;}
.jjwt span{display: block; 100px; height: 100px; position: relative; margin: 0 auto;}
.jjwt img{position: absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.banner3_fl li h3{text-align: center; font-size: 20px; margin-top: 15px; line-height: 1.6; color: #333333;}
.jjwt p{text-align: center; font-size: 14px; margin-top: 15px;line-height: 22px;color: #666;padding: 0 30px;}
.jjwt:hover{background: #0277eb; transform: translate(0, -10px);}
.jjwt:hover h3{color: #fff;}
.jjwt:hover p{color: #fff;}
.jjwt:hover .c1{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}

.fwzc{width: 1400px; margin: 0 auto; max-width: 94%;}
.cpsc_nr{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top:50px;}
.xz-list{width:48%;}
/*.xz-list:last-child{width:100%;}*/
.cpsc{padding-bottom: 100px;}
.cpsc_title h2{color: #333; font-size: 46px; padding: 75px 0 65px;text-align: center;}
.cpscbox{background: #f4f5f8;border-radius: 10px;overflow: hidden; margin-bottom: 30px;}
.cpscbox h3{padding: 0 60px; line-height: 98px; font-size: 30px;color: #0177eb; font-weight: bold;background: url(../images/a_25.png) no-repeat 95% center;cursor: pointer;margin:0px;}
.cpscbox h3 a{color: #0177eb;}
.cpscbox h3:hover{background:#0177eb url(../images/a_26.png) no-repeat 95% center;}
.cpscbox h3:hover a{color:#fff;}
.cpsub{padding: 15px 60px 45px 60px;display: block;width: 1200px;margin: 0 auto;}
.cpsub li{border-bottom: 1px solid #0177eb; padding: 32px 0;cursor: pointer;}
.cpsub h2{font-weight: bold; font-size: 16px; margin-bottom: 20px; color: #333333;}
.cpsub p{font-size: 12px; color: #a2a2a2;}
.cpsub p b{padding: 0 10px;}
.cpsub li span{background: url(../images/a_27.png); width: 40px;height: 30px;background-size: 100% 100%; margin-top: -45px;transition: All 0.3s ease-in-out;
display: block;float: right;}
.cpsub li:hover h2{color: #0177eb;}
.cpsub span:hover{background: url(../images/a_28.png);background-size: 100% 100%;}
.cpsub::-webkit-scrollbar-track{background:rgba(0,0,0,0.2);}
.cpsub::-webkit-scrollbar{width:5px;}
.cpsub::-webkit-scrollbar-thumb {background-color: rgba(1,119,235,0.5);border-radius: 6px;}

.xgwt{padding-bottom: 65px;}
.xgwt_box{margin-bottom: 30px;background: #f4f5f8;border-radius: 10px;overflow: hidden; }
.xgwt_box h3{padding: 0 60px; line-height: 98px; font-size: 24px;color: #333333;background: url(../images/a_25.png) no-repeat 95% center;cursor: pointer;}
.xgwt_sub{padding: 30px 60px;display: none;}
.xgwt_sub p{font-size: 14px;color: #a2a2a2;text-align:justify; word-break: break-all;line-height: 2;}
.xgwt_box h3.cur{background: url(../images/a_26.png) no-repeat 95% center #0177eb;color: #fff;margin:0}

.tcbj{position: fixed;z-index: 1101; width: 100%; height: 100%; background: rgba(0,0,0,.7);top: 0;left: 0;display: none;}
.txbox{width: 500px; max-width: 94%;border-radius: 10px;background: #0177eb;padding: 40px 80px 60px 80px; position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);}
.txbox li{border-bottom: 1px solid #ffffff; padding-top: 25px; line-height: 44px; overflow: hidden;}
.txbox li span{float: left; color: #8ac4fd;font-size: 14px;}
.wby2{float: right;height: 44px; line-height: 44px;width: calc(100% - 70px);color: #8ac4fd;}
.wby2::-webkit-input-placeholder{color:#8ac4fd;}
.txbox ul{padding: 0 0 46px;}
.btn4{cursor: pointer; width: 100%; border: none; height: 60px; font-size: 20px; color: #0177eb; border: none;border-radius: 30px;background: url(../images/a_29.png) no-repeat calc(100% - 11px) center #fff;}
.txbox p{font-size: 14px; margin-top: 15px;text-align: center;color:#8ac4fd;}
.ggbtn{background: url(../images/a_31.png); width: 37px;height: 34px; position: absolute; background-size: 100% 100%; top: 25px;right: 40px;cursor: pointer;transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; }
.ggbtn:hover{ transform: rotate(360deg);-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg);}

.ny-fuwu{width: 100%;}
.ny-fuwu ul{}
.ny-fuwu ul li{width: 100%;display: flex;justify-content: space-between;background: #f9f9f9;}
.ny-fuwu ul li .li-left{width: 50%;overflow: hidden;}
.ny-fuwu ul li .li-left figure img{width: 100%;}
.ny-fuwu ul li .li-left:hover figure img{transform: scale(1.05);}
.ny-fuwu ul li:nth-child(2) .li-left{order: 2;}
.ny-fuwu ul li .li-right{width: 50%;display: flex;justify-content: center;align-items: center;}
.li-text{width: 80%;}
.li-text .in-main-title{}
.li-text .in-main-title h2{font-size: 36px;color: #111;font-weight: bold;}
.li-text .in-main-title h2:hover{color: #0177eb;}
.li-text .in-main-title span{display: block;width: 45px;height: 3px;background: #0177eb;margin: 30px 0;}
.li-text .in-main-p{font-size: 16px;margin-bottom: 0;line-height: 30px;color: #333;text-align: justify;}
.li-text .demo ul{display: flex;justify-content: space-between;margin-top: 30px;}
.li-text .demo ul li{display: inline-block;}
.li-text .demo ul li b{font-size: 48px;font-weight: bold;color: #0177eb;}
.li-text .demo ul li b i{font-style: normal;}
.li-text .demo ul li p{font-size: 16px;}
.li-text .demo ul li b .sp-1{font-size: 18px;position: relative;top: -20px;}
.ny-pcb{display: flex;justify-content: space-between;margin-bottom: 100px;margin-top: 50px;}
.ny-pcb li{display: inline-block;width: 20%;text-align: center;}
.ny-pcb li figure{width: 80px;margin: 0 auto;}
.ny-pcb li figure img{width: 100%;
	-webkit-transition: -webkit-transform 2s ease-out;
	-moz-transition: -moz-transform 2s ease-out;
	-o-transition: -o-transform 2s ease-out;
	-ms-transition: -ms-transform 2s ease-out;
}
.ny-pcb li h3{font-size: 18px;margin-top: 30px;transition: all 0.5s;}
.ny-pcb li:hover h3{color: #0177eb;}
.ny-pcb li:hover figure img{
    -webkit-transform: rotateZ(360deg);
	-moz-transform: rotateZ(360deg);
	-o-transform: rotateZ(360deg);
	-ms-transform: rotateZ(360deg);
	transform: rotateZ(360deg);
}

/*产品内页-复合机器人系列*/
.banner5_box{width: 100%; position: absolute; top:150px ;text-align: center; left: 0;}
.banner5_box h2{font-size: 64px; color: #333; margin-bottom: 25px;}
.banner5_box p{font-size: 36px;color: #333333;}

.sttp{width: 1600px; margin: 0 auto;max-width: 94%; padding: 90px 0;overflow: hidden; position: relative;}
.sttp .swiper-button-next{background: url(../images/d6.png) no-repeat center center #f7f7fa;width: 60px;height: 60px; margin-top: -30px; border-radius: 50%;transition: All 0.4s ease-in-out;}
.sttp  .swiper-button-next:hover{background: url(../images/d3.png) no-repeat center center rgba(1,119,235,.78);}
.sttp  .swiper-button-prev{background: url(../images/d5.png) no-repeat center center #f7f7fa;width: 60px;height: 60px; margin-top: -30px; border-radius: 50%;transition: All 0.4s ease-in-out;}
.sttp  .swiper-button-prev:hover{background: url(../images/d4.png) no-repeat center center rgba(1,119,235,.78);}

/*产品中心-配件-内页*/
.pjzx{width: 1200px;margin: 0 auto; max-width: 94%; overflow: hidden; padding: 60px 0;}
.pjzx_left{float: left; width: 50%; padding-right: 80px;}
.pjzx_left h2{color: #333; font-weight: bold; font-size: 46px;margin-bottom: 25px;}
.pjzx_left p{font-size: 16px; line-height: 28px; color: #666;text-align:justify; word-break: break-all;}

.pjzx_right{float: right;width: 50%;overflow: hidden; position: relative;}
.pjzx_right img{width: 100%;border-radius: 15px;}
.pjzx_right .swiper-button-next{background: url(../images/d6.png) no-repeat center center #f7f7fa;width: 60px;height: 60px; margin-top: -30px; border-radius: 50%;transition: All 0.4s ease-in-out;}
.pjzx_right .swiper-button-next:hover{background: url(../images/d3.png) no-repeat center center rgba(1,119,235,.78);}
.pjzx_right .swiper-button-prev{background: url(../images/d5.png) no-repeat center center #f7f7fa;width: 60px;height: 60px; margin-top: -30px; border-radius: 50%;transition: All 0.4s ease-in-out;}
.pjzx_right .swiper-button-prev:hover{background: url(../images/d4.png) no-repeat center center rgba(1,119,235,.78);}

/*产品中心-配件系列页*/
.stpj{width: 1200px;margin: 0 auto; max-width: 94%; overflow: hidden; padding-bottom: 50px; }
.stpj_text{padding: 100px 140px 70px 140px;text-align: center;}
.stpj_text p{font-size:16px; line-height: 28px;color: #666;}
.stpj_box{overflow: hidden;border-radius: 15px; overflow: hidden; background: #f4f5f8; margin:0 10px 50px 10px;transition: All 0.4s ease-in-out; }
.stpj_tp{width: 50%;}
.stpj_tp img{width: 100%;}
.stpj_box:hover{ box-shadow:0 0 10px rgba(0, 0, 0, .2); }

.stpj_texta{width: 50%; padding: 70px 65px 0 65px;}
.stpj_texta h2{font-weight: bold; font-size: 36px; color: #333;margin-bottom: 20px;}
.stpj_texta p{font-size:16px; line-height: 28px;color: #666; margin-bottom: 45px;}

/*方案与应用*/
.nyal-c{width: 100%;border-top: 1px solid #0177eb;margin-top: 91px;}
.yycja{width: 1380px;margin: 0 auto; max-width: 94%;}
.yycj_titlea{text-align: center; padding: 67px 0 57px;}
.yycj_titlea h2{color: #333; font-size: 46px; margin-bottom: 35px;}
.yycj_titlea p{font-size: 16px;color: #333333; line-height: 1.6;}
.yycj_nra ul{overflow: hidden;}
.yycj_nra li{float: left; width: 16.66%; padding: 0 0 20px 20px;}
.yycj_nra a{display: block; position: relative; height: 174px; border: 1px solid #0177eb;border-radius: 6px; padding-top: 30px;background: #f4f5f8;transition: All 0.4s ease-in-out;}
.yycj_nra span{display: block; width: 62px;height: 62px; position: relative; margin: 0 auto;}
.yycj_nra img{display: block; position: absolute;transition: All 0.4s ease-in-out;left:50%; top:50%; transform:translate(-50%,-50%);}
.yycj_nra p{font-size: 16px; color: #333;text-align: center; margin-top: 15px;}
.c1{opacity: 1;}
.c2{opacity: 0;}
.yycj_nra a:hover{background: #0177eb;}
.yycj_nra a:hover .c1{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}
.yycj_nra a:hover p{color: #fff;}

.jjfa_nr {margin-bottom: 80px;}
.jjfa_nr ul{overflow: hidden; padding-bottom: 125px; margin-left: -25px;}
.jjfa_nr li{float: left; width: 25%; padding: 0 0 25px 25px;}
.jjfabox{background: #f4f5f8;border-radius: 15px; overflow: hidden;}
.jjfabox p{
	font-size: 16px;
    height: 65px;
    position: relative;
    color: #333;
    text-align: center;
    /* overflow: hidden; */
    /* text-overflow: ellipsis; */
    /* white-space: nowrap; */
    width: 100%;
    padding: 0 15px;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.jjfabox span{display: block; position: relative;z-index: 10;}
.jjfabox p:before{position: absolute; width: 100%; height: 65px;background: #0177eb; opacity: 0;left: 0;bottom: -65px; content: "";transition: all .4s ease 0s;}
.jjfa_nr a:hover p:before{bottom: 0; opacity: 1;}
.jjfa_nr a:hover span{color: #fff;}
.jjfa_nr a:hover img{transform: scale(1.1);-webkit-transform: scale(1.1); -moz-transform: scale(1.1);-o-transform: scale(1.1); -ms-transform: scale(1.1);}
.hyyy_tp{overflow: hidden;height: 280px;display: flex; justify-content: center; align-items: center;}
.hyyy_tp img{width: auto;height: 100%; object-fit: cover;}

/*搜索首页-内页*/
.index_ss{width: 1200px; margin: 0 auto;max-width: 94%; padding-top: 160px;}
.ssk{position: relative; width: 848px;margin: 0 auto;max-width: 94%; height: 72px;border-radius: 36px; border: 1px solid #b0b0b0;}
.wby3{width: 100%; height: 70px; line-height: 70px; font-size: 28px; padding: 0 70px 0 35px;}
.btn7{position: absolute;background: url(../images/a_44.png); width: 23px;height: 23px;background-size: 100%; right: 30px;top:50%; transform: translateY(-50%); cursor: pointer;border: none;}
.syss_title{padding: 60px 0 0 0; border-bottom: 1px solid #e7e7e7;}
.syss_title h2{font-size: 14px; line-height: 43px;color: #7f7f7f;}
.syss_title ul{overflow: hidden;float: right;}
.syss_title li{float: left; padding-left: 49px; line-height: 43px; font-size: 14px;}
.syss_title a{display: block; position: relative;color: #7f7f7f;}
.syss_title a:before{position: absolute; content: ""; border-bottom: 1px solid #0177eb; width: 0; bottom: 0;left: 50%; transform: translateX(-50%);transition: All 0.4s ease-in-out;}
.syss_title li.cur a{color: #0079F6;}
.syss_title li.cur a:before{width: 100%;}
.syss_title a:hover{color: #0079F6;}
.syss_title a:hover:before{width: 100%;}
.syss_nr{padding: 20px 0 100px;}
.syss_nr li{position: relative; padding: 30px 0;border-bottom: 1px solid #e7e7e7;}
.syss_nr h2{font-weight: bold; font-size: 16px;color: #333;margin-bottom: 20px;}
.syss_nr p{font-size: 12px;color: #a2a2a2; line-height: 1.6;}
.syss_nr p span{padding-left: 22px;}
.syss_nr b{position: absolute; background: url(../images/a_27.png); width: 40px;height: 30px; right: 0;top:50%; transform: translateY(-50%);cursor: pointer;background-size: 100% 100%;transition: All 0.3s ease-in-out;}
.syss_nr b:hover{background: url(../images/a_28.png) no-repeat center center;background-size: 100% 100%;}
.gbssbtn{position: fixed;z-index: 10; background: url(../images/a_45.png); width: 48px;height: 48px; background-size: 100%;cursor: pointer; right: 80px;top: 130px;transition: All 0.4s ease-in-out;}
.gbssbtn:hover{transform: rotate(180deg);}

/*搜索首页-内页-方案与应用*/
.fayy_s{overflow: hidden;}
.fayy_right{width: 238px;float: right;overflow: hidden;}
.fayy_right img{border-radius: 10px; width: 100%;}
.fayy_left{float: left; width: 740px;max-width: calc(100% - 260px);}
.fayy_left a{display: block; margin-top: 15px;color: #a2a2a2;transition: All 0.4s ease-in-out;}
.fayy_left a:hover{color: #0079F6;}

/*方案与应用-内页*/
.fayynr{width: 1200px; margin: 0 auto;max-width: 94%;padding: 30px 0 50px;}
.fayy_title{ border-bottom: 1px solid #aaaaaa;}
.fayy_title h2{font-weight: bold; color: #333; font-size: 35px;line-height: 60px;margin: 0 0 30px;}
.fayy_nr{padding: 25px 0 40px;border-bottom: 1px solid #aaaaaa;}
.fayy_nr p{font-size: 14px; line-height: 2; color: #6f6f6f; margin-bottom: 30px;}
.fayy_sp{position:relative;}

/*关于我们*/
.banner7_box{position: absolute; width: 1400px;max-width: 94%;top: 30%;left: 50%; transform: translateX(-50%);}
.banner7_box h2{font-size: 60px;color: #333; margin-bottom: 25px;}
.banner7_box p{font-size: 20px; line-height: 32px; color: #333;}
.gywm_top {z-index: 100; background: #fff;width: 100%; left: 0; top: 0;transition: All 0.4s ease-in-out;}
.gywm_top.on{position: fixed;}
.gywm_top ul{overflow: hidden; text-align: center; border-bottom: 1px solid #d6d6d6;}
.gywm_top li{display: inline-block; padding: 0 32px;}
.gywm_top span{cursor:  pointer; display: block; position: relative;font-size: 16px; line-height: 70px; color: #333;}
.dltp{position: absolute; width: 100%; left: 0; bottom: 0px;}
.gywm_top span:before{position: absolute;content: ""; border-bottom: 2px solid #0177eb; bottom: 0;left: 50%; transform: translateX(-50%);width: 0;transition: All 0.4s ease-in-out;}
.gywm_top li span.active{color: #0078E9;}
.gywm_top li span.active:before{width: 100%;}
.gywm_top span:hover{color: #0078E9;}
.gywm_top span:hover:before{width: 100%;}
.bjtp{animation:fadeout 6s, 2000ms infinite; opacity: .2; animation-fill-mode: forwards;}
@keyframes fadeout{
	0%{
		transform: scale(1.8);
		opacity: .2;
	}
	100%{
		transform: scale(1);
		opacity: 1;
	}
}


.jsjj{width:1200px; margin: 0 auto;max-width: 94%; padding-bottom: 75px;}
.jsjj_title{text-align: center; padding: 60px 0 40px;}
.jsjj_title h2{font-size: 46px; color: #333; margin-bottom: 40px;}
.jsjj_title p{font-size: 16px; line-height: 2; color: #333; margin-bottom: 10px;text-align:justify; word-break: break-all;text-indent: 32px;}
.jsjj_nr{position: relative;}

.bj3{background:#f4f5f8;position: relative;overflow: hidden;}
.fzlc{width: 1200px; margin: 0 auto; max-width: 94%; padding-bottom: 270px; position: relative;z-index: 1;}
.bj3_zz{position: absolute; width: 100%;left: 0; bottom: 100px;transform: translateY()();}
.bj3_zz img{width: 100%;}
.fzlc_title{text-align: center; padding: 95px 0 70px;}
.fzlc_title h2{font-size: 46px; color: #333; margin-bottom: 40px;}
.fzlc_title p{font-size: 16px; color: #333; line-height: 2;}
.fzlc_nr{overflow: hidden;position: relative;}
.fzlc_nr:before{position: absolute; content: ""; border-bottom: 1px solid #1c85ed;width: calc(100% - 96px); bottom: 21px; left: 50%; transform: translateX(-50%);}
/*.fzlcbox{width: 330px; margin: 0 auto;text-align: center; height: 270px;}*/
.fzlcbox{width:100%; margin: 0 auto;text-align: center; height: 270px;}
.fzlcbox h2{font-weight: bold; font-size: 68px; margin-bottom: 28px; color: #333;font-family: arial;}
.fzlcbox p{font-size: 16px; color: #333; line-height: 2;}
.sjnr span{background: url(../images/a_49.png); width: 42px;height: 42px; background-size: 100%; margin: 0 auto; display: block;}
.sjnr h2{color: #333;font-size: 18px; font-family: arial; text-align: center;font-weight: bold;}
.sjnr{cursor: pointer;}
.swiper-slide-thumb-active h2{ opacity: 0;}
.swiper-slide-thumb-active span{background: url(../images/a_48.png);background-size: 100%;}
.fzlc_nr .swiper-button-next{background: url(../images/a_50.png); width: 48px;height: 48px; right: 0; margin-top: auto; top: auto; bottom: 0;}
.fzlc_nr .swiper-button-prev{background: url(../images/a_51.png); width: 48px;height: 48px; left: 0; margin-top: auto; top: auto; bottom: 0;}

.fzlc_nr .swiper-button-next.swiper-button-disabled,.fzlc_nr .swiper-button-prev.swiper-button-disabled{opacity: 1;}
.fzlc_nr .swiper-button-next:hover,.fzlc_nr .swiper-button-prev:hover{opacity: 0.35;}

.zzry{width: 1200px; margin: 0 auto; overflow: hidden;max-width: 94%;}
.zzry_title h2{font-size: 46px;  color: #333; margin: 100px 0 55px;text-align: center;}
.zzry_nr{overflow: hidden; padding-bottom: 165px;position: relative;}
.zzry_nr a{display: block;overflow: hidden;}
.zzry_nr img{width: 100%;}
.zzry_nr .swiper-slide{ transition: 300ms; transform: scale(0.7);opacity: 0.6;}
.zzry_nr .swiper-slide-active,.zzry_nr .swiper-slide-duplicate-active{ transform: scale(1);opacity: 1;}
.zzry_nr .swiper-pagination{width: 100%;bottom: 100px;}
.zzry_nr .swiper-pagination-bullet{width: 8px;height: 8px; opacity: 1;background: #c8c8c8;vertical-align: middle;}
.zzry_nr p{margin-top: 25px; font-size: 16px;text-align: center; color: #333;}
.zzry_nr .swiper-pagination-bullet-active{width: 11px;height: 11px;background: #0177eb;}

.bj4{background:#f4f5f8;position: relative; overflow: hidden;}
.bj4_zz{position: absolute; width: 100%; bottom: 0; left: 0;transform: translateY()();}
.bj4_zz img{width: 100%;}
.qywh{width: 1200px; margin: 0 auto;max-width: 94%;position: relative;z-index: 90;}
.qywh_title h2{text-align: center; font-size: 46px; color: #333;padding: 115px 0 75px;}
.qywh_nr ul{overflow: hidden; margin-left: -20px; padding-bottom: 120px;}
.qywh_nr li{float: left; width: 50%; padding: 0 0 20px 20px;cursor: pointer;}
.qywhbox{background: #fff; border-radius: 10px;height: 305px;transition: All 0.4s ease-in-out; padding: 45px 25px 0 25px;text-align: center;}
.qywhbox span{display: block; margin: 0 auto; position: relative;width: 75px;height: 75px;}
.qywhbox img{position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);transition: All 0.4s ease-in-out;}
.qywhbox h2{font-size: 36px; color: #333; line-height: 60px; padding-top: 20px;}
.qywhbox p{font-size: 16px; color: #333;line-height: 1.6;}
.qywh_nr li:hover .qywhbox{background: #0177eb;}
.qywh_nr li:hover .c1{ofilter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}
.qywh_nr li:hover h2{color: #fff;}
.qywh_nr li:hover p{color: #fff;}

.zxns{width: 1200px; margin: 0 auto;max-width: 94%; padding-bottom: 65px;}
.zxns_title{padding: 85px 0 60px;text-align: center;}
.zxns_title h2{font-size: 46px; color: #333; margin-bottom: 25px;}
.zxns_title p{font-size: 16px; line-height: 1.6; color: #0177eb;}
.zxns_title p a{color: #0177eb;}
.zxns_nr{padding-bottom: 25px;overflow: hidden;}
.zxnsbox{border-radius: 10px; background: #f4f5f8;overflow: hidden;padding: 0 40px 0 55px;margin-bottom: 35px;}
.zxnsbox1{display: none;}
.zxnsbox1.cur{display:block;}
.zxa{padding: 50px 0;background: url(../images/a_56.png) no-repeat right center;transition: All 0.1s ease-in-out;cursor: pointer;}
.zxa.on1{background: url(../images/a_57.png) no-repeat right center;}
.zxa h3{font-weight: bold; font-size: 30px;color: #333333; margin-bottom: 35px;}
.zxa ul{overflow: hidden;}
.zxb{display: none;}

.zxa li{float: left; width: 25%; font-size: 16px;color: #333;}
.zxb_box{padding-bottom: 35px;}
.zxb_box h2{font-size: 20px;margin-bottom: 15px; color: #333; font-weight: bold;}
.zxb_box li{font-size: 16px; line-height: 30px; color: #333;}
.bj5{background: url(../images/bj5.jpg) no-repeat center center;background-size: cover;background-attachment: fixed;margin-top: 50px;}
.tjbd{width: 1200px;margin: 0 auto; max-width: 94%;}
.tjbd_title{text-align: center; padding: 100px 0 80px;}
.tjbd_title h2{font-weight: bold; font-size: 46px; color: #333; margin-bottom: 25px;}
.tjbd_title p{font-size: 36px; line-height: 60px; color: #333;}
.tjbd_nr{ padding-bottom: 170px;}
.tjbd_nr ul{overflow: hidden; margin-left: -23px;}
.tjbd_nr li{float: left; width: 50%; padding: 0 0 0 23px; position: relative; margin-bottom: 23px;}
.tjbd_nr b{color: #0078E9; left: 35px;top:50%; transform: translateY(-50%);position: absolute;font-size: 14px;}
.wby4{width: 100%; height: 70px; line-height: 68px;border: 1px solid #9ac8f6;background: rgba(255,255,255,.8); padding: 0 20px 0 25px;border-radius: 10px;font-size: 14px;}
.wby5{width: 100%; height: 164px; line-height: 1.8;border: 1px solid #9ac8f6;background: rgba(255,255,255,.8); padding:20px;border-radius: 10px;font-size: 14px;}
.tjbd_nr ul li:nth-child(5){ width:100%;}
.wby6{width: 190px; height: 70px; line-height: 68px;border: 1px solid #9ac8f6;background: rgba(255,255,255,.8); padding: 0 20px;border-radius: 10px;}
.btn8{width: 190px;height: 70px; background:#0078E9; color:#fff;border-radius: 10px;cursor: pointer;transition: All 0.4s ease-in-out;border: none;font-size: 18px;}
.yzm{display: inline-block; width: 161px; margin-left: 10px;vertical-align: middle;}
.btn8:hover{background: #9ac8f6; color: #333;}
.yzm img{width: 100%;}
.tjbd_nr ul li:nth-child(7){text-align: right;}

.lxfs_tit h2{font-size: 46px; color: #333; padding: 90px 0 70px;text-align: center;}
.lxfs_nr{width: 1200px; margin: 0 auto;max-width: 94%;}
.lxfs_nr ul{overflow: hidden; margin-left: -20px;}
.lxfs_nr li{float: left; width: 50%; padding: 0 0 20px 20px;}
.lx-fgs{width: 1200px;margin: 0 auto;max-width: 94%;}
.lx-fgs ul{display:flex;justify-content:space-between;flex-wrap:wrap;}
.lx-fgs ul li{width: 32%;margin-bottom: 30px;}
.lx-fgs ul li h2{font-size:18px;height: auto;}
.lxfsbox{text-align: center; border-radius: 10px; background: #f4f5f8;height:250px ; transition: All 0.4s ease-in-out;position: relative;}
.lxfsbox b{padding-left: 15px;}
.lxfsbox h2{font-size: 16px; color: #333;line-height: 24px;height: 50px;}
.lxfsbox p{font-size: 14px; color: #333;line-height: 24px;}
.lxfsbox span{display: block;width: 70px;height: 70px; position: relative;  margin: 0 auto;}
.lxfsbox img{position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);}
.lcbox{position: absolute; width: 100%; left:50%; top:50%; transform:translate(-50%,-50%); padding: 0 40px;}
.lxfs_nr ul li:nth-child(3){ width:33.33%;}
.lxfs_nr ul li:nth-child(4){ width:33.33%;}
.lxfs_nr ul li:nth-child(5){ width:33.33%;}
.lxfsbox:hover{background: #0177eb;}
.lxfsbox:hover a{color:#fff;}
.lxfsbox:hover .c1{ofilter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}
.lxfsbox:hover h2{color: #fff;}
.lxfsbox:hover p{color: #fff;}
.gsfb{width: 1600px; margin: 60px auto; max-width: 94%;position: relative; }
.gsfb img{width: 100%;}
.zqbs{position: absolute; font-weight: bold; font-size: 18px; color: #333;height: 36px;  line-height: 30px;}
.zqbs img{display: inline-block;width: 29px;margin: -3px 10px 0 0;vertical-align: middle;transition: All 0.4s ease-in-out;}
.zqbs:hover{color: #0078E9;}
.zqbs:hover img{margin-top: -12px;}
.zqbs1{top: 26%; right: 15%;}
.zqbs2{top: calc(26% + 42px); right: 10%;}
.zqbs3{top: calc(26% + 84px); right: 13%;}
.zqbs4{top: calc(26% + 0px); right: 1%;}
.dtbj{position: absolute; width: 35px;height: 35px;border-radius: 50%;}
@keyframes rangeScale {
	from {
		opacity: 1;
		transform: scale(1);
	}
	to {
		opacity: 0;
		transform: scale(3);
	}
}
@keyframes rangeScale2 {
	from {
		opacity: 1;
		transform: scale(1);
	}
	to {
		opacity: 0;
		transform: scale(6);
	}
}
.dtbj:before{content:""; position:absolute; background:rgba(28,152,247,0.5); left:0; top:0; right:0; bottom:0; border-radius:50%; animation:rangeScale 2s linear infinite;}
.dtbj:after{ content: ""; background: url(../images/a_64.png) no-repeat center center #0277eb; position: absolute; height: 35px; width: 35px; left: 0px; top: 0px;border-radius: 50%; }
.dtbj1{left: 15%; top:31%;}
.dtbj2{left: 30%; top: 77%;}
.dtbj3{left: 52%; top:20%;}
.dtbj4{left: 52%; top:60%;}
.dtbj5{right: 30%; top:40%;}
.dtbj6{right: 14%; bottom:16%;}

/*产品中心配件*/
.cpzx{width: 1600px; margin: 0 auto;max-width: 94%;}
.cpzx_title{border-bottom: 1px solid #f5f5f5;}
.cpzx_title h2{font-weight: bold; font-size: 32px; color: #333; padding: 50px 0 38px;}
.cpzx_title h2 b{font-weight: 400;}
.cpsx{position: relative; background: #fff; padding: 38px 0;}
.cpsx_top{overflow: hidden;}
.select{float: right;width: calc(100% - 90px);}
.sxbox{float: left;position: relative; z-index: 90;width: 75px;}
.sxbox p{font-size: 16px; color: #333333; font-weight: bold; line-height: 50px;cursor: pointer;}
.sxbox p b{background: url(../images/a_12.jpg) no-repeat center center;width: 12px;height: 12px; display: inline-block;margin: -3px 0 0 0px;transition: All 0.3s ease-in-out;}
#box{padding: 45px 50px 50px 90px;overflow: hidden;width: 100%; position: absolute; left: 0; top: 0px;z-index: 10;background: #fff;display: none;}
#box dl{float: left; padding-right: 80px;}
#box dt{font-size: 20px; font-weight: bold; color: #333; margin-bottom: 20px; padding-left: 12px;}
#box dd{font-size: 14px; color: #333;padding: 5px 0;cursor: pointer; }
#box dd span{display: inline-block; padding: 0 12px;border-radius: 16px;line-height: 2;cursor: pointer;}
#box dd.active span{background: #f1f1f1;}
.cpzx_nr ul{overflow: hidden; margin-left: -45px; padding-bottom: 130px;}
.cpzx_nr li{float: left; width: 25%; padding: 0 0 45px 45px;}
.cpzxbox{background: #f4f5f9;border-radius: 15px;}
.cpzx_tp img{width: 100%;}
.cpzx_text{text-align: center; padding: 0 30px 40px 30px;}
.cpzx_text h2{font-size: 20px;color: #333; font-weight: bold; line-height: 48px;}
.cpzx_text p{font-size: 14px; line-height: 24px;color: #757575;}
.cpzx_text a{display: block;text-align: center;width: 115px; line-height: 37px;border-radius: 19px;border: 1px solid #757575; color: #333; margin: 18px auto 0 auto;transition: All 0.4s ease-in-out;}
.cpzx_text a b{padding-left: 5px;transition: All 0.4s ease-in-out;}
.cpzx_text a:hover{border: 1px solid #0078E9;background: #0078E9;color: #fff;}
.cpzx_text a:hover b{padding-left: 15px;}
.select{overflow: hidden;}
.select dd{float: left; line-height: 32px; padding: 0 20px;border-radius: 18px; padding: 0 12px; background: #f0f0f0; margin: 0 10px 5px 0;display: block;}
.select span{padding:0 5px;display: inline-block;cursor: pointer;}
.select dd:hover{background: #dfdede;}
.sxbox.on b{transform: rotate(90deg);}

.ggtob{background: url(../images/a_45.png); width: 48px;height: 48px; position: absolute; top: 15px; right: 25px; cursor: pointer;
background-size: 100%;}
.sjzs{display: none;}

/*登录注册*/
.home-bj{width: 100%;background: url(../images/banner5.jpg) no-repeat center;height: 100vh;background-size: cover;position:relative;}
.home-bj-c{width: 100%;height: 100%;display: flex;justify-content: right;align-items: center;}
.home-dlzc{width: 440px;background: #172036;border-radius: 10px;padding: 40px;margin-right: 7vw;}
.home-dlzc .notice{width:100%;position:relative;}
.home-dlzc .notice .tab-hd{}
.home-dlzc .notice .tab-nav{width: 100%;display: flex;justify-content: center;align-items: center;border-radius:5px;}
.home-dlzc .notice .tab-nav li{display: inline-block;text-align: center;font-size: 18px;width:40%;padding-bottom: 20px;}
.home-dlzc .notice .tab-nav li a{color:#fff;}
.home-dlzc .notice .tab-nav li.on{border-bottom:2px solid #0177eb;color:#0177eb;}
.home-dlzc .notice .tab-nav li.on a{color:#0177eb;}
.home-dlzc .tab-bd{margin-top: 20px;}
.home-dlzc .notice .dl{width:80%;margin:0 auto;}
.home-dlzc .notice .dl input{width: 100%;border: 1px solid #0177eb;border-radius: 5px;line-height: 45px;background:none;margin-bottom: 20px;
color: #fff;text-indent:1em;}
.home-dlzc .notice .dl button{width: 100%;background: #0177eb;color: #fff;font-size: 14px;line-height: 45px;border:none;cursor:pointer;}
.home-dlzc .notice .dl p{width: 100%;text-align: right;color: #fff;margin-bottom: 20px;}
.home-dlzc .notice .dl p a{color: #fff;}
.home-dlzc .notice .dl label{color: #fff;font-size: 14px;margin-bottom:15px;display: block;}

.home-foot{width: 100%;position: absolute;width: 100%;left: 0;text-align: center;bottom: 20px;z-index:9;}
.home-foot .home-foot-nav a{color:#fff;font-size:14px;border-right:1px solid #fff;padding:0 20px;}
.home-foot .home-foot-nav a:last-child{border-right:none;}
.home-foot a:hover{color:#0177eb;}
.home-foot p{color: #fff;font-size: 14px;margin-top:15px;}
.home-foot p a{color: #fff;display: inline-block;margin-left: 15px;}

.cpxq-top .pcny_left{width: 100%;}
.cpxq-top .pcny_left h2 {font-weight: 500;font-size: 18px;color:#333}
.cpxq-top .pcny_left h2 span{color: #0177eb;}
.cpxq-top .pcny_left h2 a:hover{color: #0177eb;}

.text-secondary{color: #e5000d;font-size: 18px;}

.wap-nav{display: none;}

@media(max-width:1600px){
	.rgzn_left h2{font-size: 55px;}
	.rgzn_left p{font-size: 38px;}
	.hyyy_tp{height: 240px;}
	.news_tp{height: 310px;}
	.corecp h2{font-size: 26px;height:65px;}
	.corecp p{font-size: 14px;line-height: 25px;}
	.corecp dt a {font-size: 14px;line-height: 30px;}
	.fool-r ul li {margin-left: 3vw;}
	.fool-l {width: 375px;}
	.zydj_title h2 {font-size: 40px;}
	.zydjtext h2 {font-size: 22px; margin-bottom: 25px;}
	.ny-banner-t h2 {font-size: 50px;margin-bottom: 20px;}
	.ny-banner-t p {font-size: 25px;}
	.cgcp_tp{height: 220px;}
}
@media(max-width:1500px){
	.fool-r ul li {margin-left: 2vw;}
	.in-news .mySwiper3 .swiper-slide figure{height: 127px;}
	.in-news-div {padding: 0 12px 30px;}
	.in-news-div h3 {margin: 10px 0 21px;height: 55px;}
	.in-news-div h3 a {font-size: 18px;line-height: 25px;}
	.in-news .mySwiper3 .swiper-button-next{left: 14vw;}
	.rgzn_right{width: 750px;}
	.rgzn_left{width: calc(100% - 786px);}
	.rgzn_left h2 {font-size: 50px;}
	.rgzn_left p {font-size: 30px;}
	.copbox{height: 600px;}
	.corecp {padding: 0px 40px 220px 40px;}
	.cpxq-1-more:nth-child(1) a,.cpxq-1-more:nth-child(2) a,.cpxq-1-more:nth-child(3) a,.cpxq-1-more:nth-child(4) a{background-position: 27px center;}
	.cpxq-1-more a{padding-left: 33px;}
	.cpxq-1-r h3 {font-size: 26px;}
	.cpny_right li {font-size: 14px;}
	.cgcp_text h2{font-size:16px;line-height: 27px;height: 50px;}
	.cgcp_text {padding: 0 15px 30px 15px;}
}
@media(max-width:1400px){
	.bannerBox h2{font-size: 40px;}
	.bannerBox p{font-size: 28px;}
	.bannerBox_b h2{font-size: 40px;}
	.bannerBox_b p{font-size: 28px;}
	.bannerBox_c h2{font-size: 40px;}
	.bannerBox_c p{font-size: 28px;}
	.cpre_zz h2{font-size: 28px;}
	.corecp h2{font-size: 28px;    cursor: pointer;}
	.corecp a{width: 150px}
	.copbox{height: 590px;}
	.cgcp_tp{height: 170px;}
	.cpny_right li{font-size:14px;}

	.rgzn_left h2{font-size: 40px;}
	.rgzn_left p{font-size: 28px;}
	.rgzn_right{width: 60%;}
	.rgzn_left{width: 35%;}
	.cpjh img{height: 150px;}
	.cpjh.on{top: -175px;}
	.hyyy_tp{height: 220px;}
	.news_tp{height: 270px;}
	.nav ul li {
		padding: 0 14px;
		font-size: 16px;
		display: inline-block;
	}
	.nav li h3 {
		position: relative;
		font-size: 16px;
	}
	.pcny_left {width: 27%;}
	.pcny_left h2{font-size:18px;}
	.bj2,.cpxq-1,.xgal .xgal_nr,.ny-cpxq-nr .notice{padding: 0 0vw;}
	.cp-mbx{padding:3vw 0vw 0;}
}

@media(max-width:1200px){
	.corecp h2{font-size: 24px;}
	.rgzn_left h2{font-size: 28px; padding: 60px 0 20px;}
	.rgzn_left h2:before{top: 25px;width: 40px;}
	.rgzn_left p{font-size: 20px;}
	.btn{width:150px;}
	.news_nr ul{margin-left: -25px;}
	.news_nr li{padding-left: 25px;}
	.logo{left: 10px;}
	.yzqh{right: 10px;}
	.ssbtn{right: 80px;}
	.nav li{font-size: 16px; padding: 0 15px;}
	.yycj_nra li{width: 20%;}

	.banner3_fl ul{overflow: hidden; margin-left: -20px;}
	.banner3_fl li{display: block; float: left; width: 50%; padding-left: 20px;}
	.jjwt{width: 100%;}
	.lxfsbox h2{font-size: 16px;}
	.lxfsbox{padding: 35px 20px 0 20px;}
	.cpjh img{height: 120px;}
	.cpjh.on{top: -145px;}
	.cpjh li{padding: 0 16px;}
	.hyyy_tp{height: 255px;}
	.news_tp{height: 230px;}


	.nav ul li {
		padding: 0 14px;
		font-size: 16px;
		display: inline-block;
	}
	.nav li h3 {
		position: relative;
		font-size: 16px;
	}
}

@media(max-width:1024px){
	.sgfg{height: 60px;}
	.ssbtn{right: 118px;}
	.nav{position: fixed;width: 100%;height: calc(100% - 60px);top: 60px; left: 0; background: #fff;overflow: auto;display: none;}
	.yzqh{right: 55px;line-height: 60px;}
	.yzqh span{padding: 0 2px;}
	.dhbtn{position: absolute; top: 15px; right: 3%; width: 30px;height: 30px;background: url(../images/d1.png) no-repeat center center;background-size: 20px 20px;border-radius: 4px;}
	.dhbtn.on{background: url(../images/d2.png) no-repeat center center;background-size: 20px 20px;}
	.dhbj{width: 100%; height: 100%; position: fixed;z-index: 99; left: 0; top: 0;background: rgba(0,0,0,.7);display: none;}
	.sub_jsqh p{font-size: 12px; line-height: 20px; text-align: center; font-size: 12px;height: 40px;margin: 15px 5px;}

	.banner{height: auto;margin-top:50px;}
	.banner .swiper-container {height: auto;}
	.banner .swiper-pagination{bottom:5px;}
	.bannerBox h2{font-size: 26px;margin-bottom: 15px;}
	.bannerBox p{font-size: 16px;}
	.bannerBox_c{top: 10%;}
	.bannerBox_b h2{font-size: 26px;margin-bottom: 15px;}
	.bannerBox_b p{font-size: 16px;}
	.bannerBox_c h2{font-size: 26px;margin-bottom: 15px;}
	.bannerBox_c p{font-size: 16px;}
	.core_title h2{margin: 30px 0 25px; font-size: 26px;}
	.corecp{padding:0 20px 30px 20px;background:none;}
	.cotp {height: 80px;background-size: auto 100%;background-position: 4px 3px;width: 101px;}
	.cotp img{height: 100px;}
	.corebox .swiper-button-prev,.corebox .swiper-button-next{display: none;}
	.corecp dt a { text-align: center; margin: 0 auto; line-height: 30px;}
	.corecp p{height: auto;line-height:20px;display: none;}
	.corecp dl,.cpre_zz{display: none;}
	.cpbt img{opacity: 1;height: 55vw;width: auto;margin: 0 auto;display: block;}
	.cpbt {bottom: auto;left: 0;transform: translateX(0%);width: 100%;top: 0;}
	.corecp p a{line-height: 20px;}
	.core{margin-bottom: 25px;}
	.corecp a{margin-top: 10px;width: 130px;line-height: 35px;}
	.rgznbox{padding: 10px 0 0;}
	.rgzn_left{width: 100%; float: none;text-align: center;}
	.rgzn_left h2:before{left: 50%;transform: translateX(-50%);}
	.rgzn_left h2{font-size: 26px; padding: 20px 0 15px;}
	.rgzn_left h2:before{top: 0;}
	.rgzn_left p{font-size: 16px; margin-bottom: 25px;}
	.rgzn_right{float: none; width: 100%; margin-top: 25px;}
	.hyyy{width: 94%; margin: 0 auto;}
	.hyyy_title{padding: 50px 0 25px;}
	.hyyy_title h2{font-size: 26px;}
	.hyyy_title p{font-size: 14px; margin-top: 15px;}
	.hyyybox p{font-size: 14px; line-height: 45px;}
	.hyyybox p:before{height: 45px;}
	.hyyy_nr .swiper-button-next{width: 40px;height: 40px;background-size: 10px auto;right: 10vw;}
	.hyyy_nr .swiper-button-prev{width: 40px;height: 40px;background-size: 10px auto;left: 10vw;}
	.hyyy_nr{padding-bottom: 50px;}
	.hxhb_title{padding: 50px 0 25px;}
	.hxhb_title h2{font-size: 26px;}
	.hxhb_nr{padding-bottom: 50px;}
	.news_nr li{width: 100%; padding-bottom: 20px;}
	.news_nr ul{padding-bottom: 30px;}
	.right_sou,.left_sou{display: none;}
	.stjs h2{font-size: 26px;}
	.stjs{padding: 50px 0 80px;}
	.fool-r{display: none;}
	.foot-bq{flex-wrap: wrap;}
	.foot-bq-l,.foot-bq-r{width:100%;text-align:center;}
	.foot-bq-r{margin-top: 10px;}
	.in-news-div h3 a{font-size: 16px;line-height:22px;}
	.in-news-div h3{height:auto;}
	.foot-bq-l a{margin:10px 0 0;display:block;}
	.footer{padding-top: 30px;}
	.foot-c{margin-bottom:30px;}

	.foot_left{display: none;}
	.foot_right{float: none; width: 100%;text-align: center;}
	.footerbox{padding: 25px 0 0 0;}
	.foot_right li{font-size: 12px;}
	.rwmbox{padding: 0;}
	.bqxx p{padding: 15px 3%;}
	.fgt{height: 55px;}
	.rwmbox ul{padding-left: 0;text-align: center;}
	.rwmbox li{padding: 0 10px;}
	.banner4_box h2{font-size: 26px; margin-bottom: 15px;}
	.banner4_box p{font-size: 16px;}
	.cpny_right ul{margin-right: -45px;}

	.pcsp_title{padding: 50px 0 25px;}
	.pcsp_title p{padding: 0;}
	.pcsp_title li{ width: 50%; padding-bottom: 40px;}
	.pcsp_title h2{font-size: 24px;}
	.pcsp_title h3{margin-top: 15px;}
	.cpsc_title h2{padding: 0px 0 25px; font-size: 26px;}
	.hyyy_tp {height: 40vw;}
	.xgal{padding-bottom: 50px;}
	.xgal_nr ul{text-align: center;}
	.hyyybox span{overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
	.xgal_nr ul{margin-left: -10px; padding: 0 10px 20px 10px;}
	.xgal_nr li{width: 50%; padding-bottom: 20px;float: none; display: inline-block; padding-left: 10px;}
	.btn5{width: 130px;line-height: 35px;}
	.xgal_nr ul{padding-bottom: 10px;font-size: 0;}
	.yycj_nr li{padding:0 5px 20px 5px;width: 48%;display: inline-block;}
	.yycj_nr{padding-bottom: 50px;}
	.yycj_nr ul{padding:0 10px;}
	.cpcs{padding-bottom: 50px;}
	.cpcs_nr td{font-size: 12px;}
	.cpscbox h3{padding: 15px 15px;font-size: 18px;line-height: 40px;background-size: 25px 25px;margin: 0;}
	.cpsub li{padding: 10px 0;}
	.cpsub p span {width: 30px;height: 22px;margin-top: -31px;}
	.cpscbox h3.on1{background-size: 25px 25px;}
	.xz-list {width: 100%;}
	.cpsub{padding: 20px 15px;}
	.cpscbox{margin-bottom: 20px;}
	.xgwt_box h3 {font-size: 15px;line-height: 17px;height: auto;padding: 10px 60px 10px 15px;background-size: 25px 25px;}
	.xgwt .xgwt_box:nth-child(3) h3{ line-height: 48px;}
	.xgwt .xgwt_box:nth-child(4) h3{ line-height: 48px;}
	.xgwt .xgwt_box:nth-child(5) h3{ line-height: 48px;}
	.xgwt_box h3.cur{background-size: 25px 25px;}
	.xgwt_sub{padding: 20px 15px;}
	.xgwt_box{margin-bottom: 20px;}
	.xgwt{padding-bottom: 30px;}
	.cgcp{padding: 50px 5px 30px 5px;}
	.cgcp li{width: 100%; padding-bottom: 20px;}
	.corecp h2{margin:55vw 0 0px;font-size: 18px;}

	.banner5_box{top: 10%;}
	.banner5_box h2{font-size: 26px;margin-bottom: 10px;}
	.banner5_box p{font-size: 16px;}
	.sttp{padding: 50px 0;}
	.cpjh li{padding: 0 15px;}

	.cpjh img{height: 55px;}
	.cpjh ul{overflow: auto;white-space: nowrap;}
	#style-1::-webkit-scrollbar {width:0px; height:0px;}
	.zydj_title{padding: 20px 0 0px;}
	.zydj_bottom ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
	.zydj_title h2{font-size: 22px;margin-bottom: 15px;margin-top:0;}
	.zydj_title p{font-size: 14px;}
	.zydj_right{font: none; width: 100%;}
	.zydj_left{position: static;    transform: translateY(0%);width: 100%; padding: 20px 15px;}
	.zydj_bottom li{float: none; width: 50%; padding-bottom: 0px;}
	.zydjtp img{width: 100%; height:auto;}
	.zydjtp{padding:0px;}
	.zydjtext{padding: 0px 5px 15px;}
	.zydjboxa{padding-top:0px;}
	.zydj_left h2{font-size: 14px;text-align: center; margin-bottom: 15px;}
	.zydj_left p{text-align: center;margin-bottom: 15px;}
	.btn6{width: 90%;margin: 0 auto;line-height: 25px;}
	.zydjtext h2{font-size: 14px;text-align: center; margin-bottom: 15px;}
	.zydj_bottom ul {padding: 5px;}
	.zydjtext p{text-align: center;margin-bottom: 15px;}
	.rgzn{padding: 10px 0 0;}
	.in-title h2{font-size: 30px;}
	.in-title{padding: 15px 0;}
	.in-case .bigBox ul{flex-wrap: wrap;}
	.in-case .in-case-div {margin: 0 auto;width: 90%;margin-left: 5%;}
	.in-case .in-case-text h3 {font-size: 20px;line-height: 30px;padding-left: 0px;margin: 0;}
	.in-case .in-case-text p {padding-left: 0px;}
	.in-news .mySwiper3 {padding: 0px 4vw 50px 5vw;}
	.in-news .mySwiper3 .swiper-button-prev{left: 5vw;}
	.in-news .mySwiper3 .swiper-button-next{left: 14vw;}

	.pjzx_right{width: 100%; float: none;}
	.pjzx_left{float: none; width: 100%; padding: 0 0 20px 0;}
	.pjzx_left h2{font-size: 26px;margin-bottom: 20px;}
	.stpj_text{padding: 20px 0;}
	.stpj_tp{width:100%; float: none;}
	.stpj_texta{float: none; width: 100%; padding: 20px 15px;}
	.stpj_texta h2{font-size: 24px;margin-bottom: 15px;}
	.stpj_texta p{margin-bottom: 25px;}
	.stpj_box{margin:0 0 20px 0;}

	.yycj_nra li{width: 33.33%;}
	.yycj_titlea{padding: 50px 0 25px;}
	.yycj_titlea h2{font-size: 26px; margin-bottom: 15px;}
	.jjfa_nr li{width: 50%;}
	.jjfa_nr ul{padding-bottom: 50px;}

	.fayy_title h2{font-size: 20px;line-height: 1.5;font-weight: 500;}
	.xwxq_fl{padding-bottom: 0;}

	.jjwt img{height: 50px;}
	.jjwt{padding:10px 10px 0 10px;height: 200px;}
	.banner3_fl li h3 {font-size: 16px;margin-top: 10px;line-height: .6;}
	.jjwt p{font-size: 14px; line-height: 20px;}
	.banner3_title h2{font-size: 26px;margin-bottom: 15px;}
	.banner3{height: auto; padding-bottom: 40px;background-size:auto 100%;margin-top:0;}
	.banner3_box{padding: 0 4vw;}
	.banner3_title{padding: 55px 0 30px;}
	.ny-fuwu ul li,.ny-pcb,.lx-fgs ul{flex-wrap: wrap;}
	.ny-fuwu ul li .li-left,.ny-fuwu ul li .li-right{width: 100%;}
	.li-text {width: 92%;}
	.li-text .in-main-title h2 {font-size: 25px;margin-top: 30px;}
	.li-text .in-main-title span{margin: 20px 0;}
	.li-text .in-main-p{font-size: 14px;line-height: 26px;}
	.ny-fuwu ul li:nth-child(2) .li-left {margin-top:20px; order: 0;}
	.ny-pcb li{width: 29%;margin-bottom:60px;}
	.ny-pcb li figure {width: 50px;}
	.ny-pcb li h3 {font-size: 16px;}
	.ny-pcb{margin-top: 50px;}
	.lx-fgs ul li{width: 100%;margin-bottom:30px;}

	.gbssbtn{width: 30px;height: 30px; top: 75px;right: 15px;}
	.index_ss{padding-top: 120px;}
	.ssk{height: 40px;}
	.wby3{height: 40px; line-height: 38px; font-size: 16px;}
	.btn7{right: 15px;}
	.syss_title ul{float: none; width: 100%; margin-left: -15px; white-space: nowrap;overflow: auto;}
	.syss_title li{padding-left: 15px;display: inline-block; float: none; line-height: 24px;}
	.syss_nr{padding-bottom: 50px;}
	.ssxw_right{width: 100%; float: none; margin-top: 20px;}

	.xwdt_wz{padding-bottom: 50px;}
	.xwxq_title{padding: 50px 0 25px;}
	.xwxq_title h3{margin-bottom: 15px;}
	.xwxq_title h2{font-size: 24px; line-height: 1.6;}
	.xwxq_box{padding: 25px 0;width: 100%;}
	.xwdt_left{float: none; width: 100%;}
	.xwdt_right{width: 100%; float: none; padding:5px 15px 20px;}
	.btn2{margin-top: 15px;}
	.xwdt_box li{padding-bottom: 20px;}
	.xwdt{padding-bottom: 50px;}
	.xwdt_title h2{font-size: 26px; margin-bottom: 10px;}
	.zhhd_nr{padding-top: 40px;}
	.zhhd_left{float: none; width: 100%; padding-bottom: 15px;}
	#chose2{height: 45px;}
	#chose1{height: 45px;}
	.zhhd_right{width: 100%;float: none;height: 45px;}
	.wby1{height: 45px; line-height: 43px;}
	.btn3{height: 43px; width: 100px;transition: All 0.4s ease-in-out;}
	.banner3_fl ul{flex-wrap: wrap;}

	.zhhd_tj li{width: 100%;padding-bottom: 20px;}
	.cpzx_nr ul{margin-left: -20px;}
	.cpzx_nr li{width: 50%; padding: 0 0 20px 20px;}
	.cpzx_title h2{font-size: 24px;padding: 25px 0;}
	.cpzx_nr ul{padding-bottom: 30px;}
	.ggtob{width: 30px;height: 30px; right: 0; top: 10px;}

	.banner7_box h2{font-size: 26px; margin-bottom: 15px;}
	.banner7_box p{font-size: 16px;line-height: 1.7;}
	.gywm_top ul{text-align: left;white-space: nowrap;overflow: auto;}
	.jsjj_title{padding: 50px 0 25px;}
	.jsjj_title h2{font-size: 26px;margin-bottom: 20px;}
	.jsjj{padding-bottom: 50px;}
	.fzlc_title{padding: 50px 25px;}
	.fzlc_title h2{font-size: 26px;}
	.fzlcbox h2{font-size: 26px;margin-bottom: 10px;}
	.fzlcbox{height: 170px;}
	.sjnr h2{margin-bottom: 15px;}
	.sjnr span{width: 30px;height: 30px;}
	.swiper-slide-thumb-active span{width: 30px;height: 30px;}
	.fzlc_nr .swiper-button-next{width: 28px;height: 28px;background-size: 100%;}
	.fzlc_nr .swiper-button-prev{width: 28px;height: 28px;background-size: 100%;}
	.fzlc_nr:before{width: calc(100% - 56px);bottom: 15px;}
	.fzlc{padding-bottom: 80px;}
	.zzry_title h2{font-size: 26px; margin: 50px 0 25px;}
	.zzry_nr{padding-bottom: 70px;}
	.zzry_nr .swiper-pagination{bottom: 20px;margin-bottom: 10px;}
	.qywh_title h2{padding: 50px 0 25px; font-size: 26px;}
	.qywh_nr li{width: 100%; float: none;}
	.qywh_nr ul{padding-bottom: 50px;}

	.qywhbox h2{font-size: 22px;}
	.zxns_title{padding: 50px 0 25px;}
	.zxns_title h2{font-size: 26px; margin-bottom: 15px;}
	.zxnsbox{padding: 0 15px;}
	.zxa{padding: 20px 0;background: none;}
	.zxa h3{font-size: 20px;margin-bottom: 15px;}
	.zxa ul{margin-left: -10px;}
	.zxa li{width:auto;padding-left: 10px;font-size: 14px;line-height: 30px;}
	.zxnsbox{margin-bottom: 20px;}
	.tjbd_title h2{font-size: 26px;}
	.tjbd_title p{font-size: 16px;line-height: 1.6;}
	.tjbd_title{padding: 40px 0 20px;}
	.tjbd_nr li{width: 100%;margin-bottom: 12px; }
	.wby4{height: 45px;line-height: 43px;}
	.wby5{height: 100px;}
	.wby6{height: 45px; line-height: 43px;}
	.yzm{width: auto;}
	.yzm img{height: 45px; width: auto;}
	.tjbd_nr ul li:nth-child(7){text-align: center;}
	.btn8{height: 45px;width: 100%;}
	.tjbd_nr{padding-bottom: 50px;}
	.lxfs_tit h2{font-size: 26px; padding: 50px 0 25px;}
	.lxfs_nr li{width: 100%;}
	.lxfs_nr ul li:nth-child(3){width: 100%;}
	.lxfs_nr ul li:nth-child(4){width: 100%;}
	.lxfs_nr ul li:nth-child(5){width: 100%;}
	.dtbj{width: 15px;height: 15px;}
	.zqbs{font-size: 14px;line-height: 1;background-size: auto 100%;height: 14px;padding-left: 15px;}
	.zqbs1{right: 5%;}
	.zqbs2{right: 3%;top:calc(26% + 18px);}
	.zqbs3{right: 5%;top:calc(26% + 36px);}
	.sttp_a{margin-bottom: 50px;}
	.sub_a:before{top: 0;}
	.copbox{height: auto;}
	.jjwt span{width: 50px;height: 50px;}
	.syss_title{padding: 20px 0;}
	.rmcp_nr{padding-top: 10px;}
	.rmcp_nr li{width: 100%;}
	.banner .swiper-container .swiper-slide{height:260px;}
	.banner4{height: 200px;}
	.cpjh.on{top: -105px;}
	#box dl{padding:0 0 0 5px;}
	#box{padding: 45px 20px 30px 60px;}
	.bj3_zz{display: none;}
	.bj4_zz{display: none;}
	.lcbox{padding: 0 10px;}
	.dtbj:after{width: 15px;height: 15px;background-size: 100% 100%;}
	.zqbs img{width: 15px; margin-right: 5px;}
	.banner7_box{top: 10%;}
	.banner3_fl li{padding: 0 0 0 20px;margin-bottom:20px;}
	.banner4_box{top: 20%;}
	.ystd_nr .swiper-button-next,.ystd_nr .swiper-button-prev{display: none;}
	.cpscboxa{padding: 30px 20px 0 20px;}
	.cpscboxa p{font-size: 12px;line-height: 22px;}
	.cpscboxa h2{font-size: 18px;}
	.cpsub h2{padding-right: 50px; line-height: 1.6;}
	.yycjbox{width: 100%;}
	.bfbtn{display: none;}
	.core-cp .swiper-container {padding-bottom: 50px;}
	.core-cp .swiper-container .swiper-pagination {display: block;}
	.cpjh #style-1 {padding-top: 30px;}
	.cpny_right{display: none;}
	.pcny_left h2{font-size: 16px;line-height: 70px;}
	.ny-banner-t h2 {font-size: 20px;margin-bottom: 15px;}
	.ny-banner-t{top: 30%;}
	.cgcp_text {padding: 0 10px 20px 10px;}
	.cgcp_text h2{font-size:16px;}
	.ny-banner-t p {font-size: 14px;}
	.cpnytopbox .cpxq_left {width: 100%; text-align: left;}
	.cpxq-1{display:block;padding:0px;margin-top:30px;}
	.ny-cpxq-nr .notice,.xgal .xgal_nr,.bj2{padding:0px;}
	.cpxq-1-l,.cpxq-1-r{width: 100%;}
	.cpxq-1-r h3{font-size: 16px;margin: 20px 0;}
	.cpxq-1-text{padding: 15px 10px;}
	.cpxq-text img{max-width: 100%;height: auto !important;}
	.cpxq-text-cs table{width: 100%;}
	.cpxq-text table{width: 100%;}
	.cpxq-xz{width: 100%;padding: 0 4vw;}
	.cpxq-xz li a h3{font-size: 14px;}
	.cpxq-xz li{padding: 0 20px;line-height: 60px;}
	.xgal{width: 100%;}
	.nyal-c{margin-top: 60px;}
	.home-dlzc{margin: 0 2vw;}
	.xwdt_title ul.block-1x{margin-top: 30px;}
	.xwdt_title li {padding: 0;font-size: 14px;line-height: 35px;width: 24%;margin: 0;}
	.cpsc_nr{margin-top:0px;}
	.xwdt_right h2 {font-size: 16px;}
	.pageing span a {font-size: 12px;padding: 4px 6px 2px;margin: 0 3px;}
	.nyxw-bj {padding-bottom: 50px;}
	.jjwt p{padding: 0 0px;}
	.hyyy_tp img{width:100%;height:auto;}
	.cpxq-1-l .mySwiper2{height:230px;}
	
	.ny-cpxq-nr .notice .tab-bd{overflow-x: auto;}
	.ny-cpxq-nr .notice .tab-bd .tab-pal{width: 750px;overflow: auto;}
	
	.banner4 video{display:none;}
	#loutiNav{display:none;}
	.wap-nav{display:block;}
	.wap-nav-title{width:100%;background: #0177eb;}
	.wap-nav-title ul{margin:0px;}
	.wap-nav-title ul li{display: flex;justify-content: space-between;align-items: center;padding: 15px 0px;}
	.wap-nav-title ul li h3{margin: 0;color: #fff;font-size: 20px;font-weight: bold;}
	.wap-nav-title ul li a img{width:15px;display: inline-block;margin-top: -5px;filter: brightness(0) invert(1);}
	.wap-nav-title ul li a{color: #fff;font-size: 16px;}
	.wap-nav-div{width: 100%;height: 100vh;overflow-y: auto;position: fixed;top: 60px;right: -100%;background: #fff;z-index: 99;
	    transition: right 0.3s ease-in-out; /* 菜单滑入滑出的过渡效果 */
	}
	.wap-nav-div h2{margin: 0;padding: 20px 3vw;border-bottom: 1px solid #ccc;color: #0177eb;font-size: 20px;font-weight: bold;display: flex;
    justify-content: space-between;align-items: center;}
    .wap-nav-div h2 span{font-weight:400;color:#333;cursor: pointer;}
	.wap-nav-div ul{width: 100%;margin:0px;}
	.wap-nav-div ul li{}
	.wap-nav-div ul li a{}
	.wap-nav-div ul li span{}
	.wap-nav-div ul .li1{}
	.wap-nav-div ul .li1 h3,.wap-nav-div ul .li1 h4,.wap-nav-div ul .li1 h5{
	    display: flex;
	    justify-content: space-between;
	    align-items: center;
	    border-bottom: 1px solid #ccc;
	    margin: 0;
	    padding: 15px 3vw;
	}
	.wap-nav-div ul .li1 h3{font-size: 18px;}
	.wap-nav-div ul .li1 h3 a{color:#000;}
	.wap-nav-div ul .li1 h4{font-size: 16px;padding-left: 5vw;}
	.wap-nav-div ul .li1 h4 a{color:#666;}
	.wap-nav-div ul .li1 h5 a{color:#999;}
	.wap-nav-div ul .li1 h5{font-size: 14px;padding-left: 7vw;}
	.wap-nav-div ul li img{width: 15px;}
	.wap-nav-div ul li ul{display: none;transition: display 0.2s ease-in-out;}
	.sticky {
        position: fixed;
        top: 60px;
        left: 0;
        width: 100%;
        z-index: 9;
    }
    .nycp-list{grid-template-columns: repeat(2, 1fr);grid-gap: 20px;}

}
@media(max-width:750px){
	.hxhb_nr li{width: 25%;}
	.pcny_left {float: none;width:100%;}
	.cpny_right ul{margin-right: -15px;text-align: center;overflow: auto;white-space: nowrap;}
	.cpny_right li{padding:0 15px;float: none; line-height: 70px;display: inline-block}
	.cpny_right{float: none;}
	.cgcp_tp{height:auto;}
	.ac-card-actions .btn-compare{display:none;}
	.cgcp_tp img{width: 100%; margin: 0 auto;}
	.sttp_a .swiper-button-prev,.sttp_a .swiper-button-next{display: none;}
	.sttp .swiper-button-next,.sttp .swiper-button-prev{display: none;}
	.cgcp_text{padding: 0 15px 20px 15px;}
	.mb_none{ display: none;}
	.bannerBox{top: 27%;}
	.in-case .bigBox ul li{margin: 0 10px 20px;font-size: 14px;}
	.in-case .bigBox ul li:last-child{display:none;}
	.in-case .box {margin-top: 2px;}
	.in-case .in-case-text p{
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 2;
	    -webkit-box-orient: vertical;
	    display: -moz-box;
	    -moz-line-clamp: 2;
	    -moz-box-orient: vertical;
	    word-wrap: break-word;
	    word-break: break-all;
	    white-space: normal;
	}
	.stjs h2{line-height: 45px;}
	.jjfabox p {font-size: 14px;height: 52px;}
	.cpxq-1-a{flex-wrap: wrap;justify-content: space-between;}
	.cpxq-1-more{width: 48%;margin-right: 0;margin-top: 15px;}
	.ny-cpxq-nr .notice .tab-hd .tab-nav li {padding: 10px 20px 10px;font-weight: 600;font-size: 14px;}
	.ny-cpxq-nr .notice .tab-bd .tab-pal p{font-size: 16px;line-height: 30px;}
	.ny-cpxq-nr .notice{margin-top: 50px;}
	.duibi{display:none;}
	.nycp-list{grid-template-columns: repeat(1, 1fr);grid-gap: 20px;}
}
@media(max-width:480px){
	.hxhb_nr li{width: 33.33%;}

	.cpny_right ul{margin-right: -15px;}
	.cpny_right li{padding:0 15px;}
	.yycj_nra ul{margin-left: -10px; padding: 0 10px 0 10px;}
	.yycj_nra li{width: 50%; padding-left: 10px;}
	.jjfa_nr li{width: 100%;}
	.fayy_left{float:none ;width: 100%;max-width: calc(100% - 0px);}
	.fayy_right{float: none; margin: 0 auto;width: 150px;}
	.cpzx_nr li{width: 100%;}
	.in-case .in-case-text h3 {font-size: 18px;width: 100%;line-height: 26px;padding-top: 20px;}
	.in-case .in-case-text p{margin-top: 20px;font-size: 13px;width: 100%;line-height: 22px;}
	.in-news .mySwiper3 .swiper-button-prev, .in-news .mySwiper3 .swiper-button-next{width:30px;height:30px;}
	.in-news .mySwiper3 .swiper-button-next{background-size: 100% auto;left: 19vw;}
	.in-news .mySwiper3 .swiper-button-prev{background-size: 100% auto;}

}

.wby6:focus{border: 1px solid #0079f6;}
.wby4:focus{border: 1px solid #0079f6;}
.wby5:focus{border: 1px solid #0079f6;}
a {
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-user-select: none;
	-moz-user-focus: none;
	-moz-user-select: none;
}


/* 右侧按钮 */

.right-sidebar{position: fixed;z-index: 99;right: 20px;top: 38%;}
.right-sidebar li{background:#0177eb;width: 60px;height: 60px;border-bottom: 1px solid rgba(255,255,255,.4);text-align: center;font-size: 14px;color: #fff;position: relative;border-radius:50%;margin:15px 0 0;}
.right-sidebar li .ic{width: 60px;height: 60px;overflow: hidden;display:flex;justify-content:center;align-items:center;}
.right-sidebar li.j_tel .hover_tel{
    display: none;
    width: 230px;
    height: 60px;
    background:#0177eb;
    position: absolute;
    right:70px;
    top: 0;
    border-radius: 10px;
    color:#fff;
    line-height: 60px;
    font-size:24px;
}
.right-sidebar li.j_tel:hover .hover_tel{
    display: block;
}
.right-sidebar li .hover_img{
    position: absolute;
    left: -85px;
    top: -5%;
    display: none;
}
.right-sidebar li .hover_img img{
    width: 75px;
    height: 75px;
}
/*.right-sidebar li:hover .ic img,.bottom-feed span b img{transform: translateY(-200px);filter: drop-shadow(var(--theme-color) 0 200px);}*/
.right-sidebar li a{color: #fff;display: block;}
.right-sidebar li i{font-size:26px;}
.right-sidebar li:hover{cursor: pointer;background:#0063c5;}
.right-sidebar li .ewm{position: absolute;top: 0;right: 60px;padding: 4px;background: #fff;max-width: 120px;opacity: 0;box-shadow: 0 0 10px rgba(0,0,0,.2);}
.right-sidebar li .p{width: 220px;text-align: center;height: 60px;line-height: 60px;position: absolute;right: 60px;top: 0;background:var(--theme-color);font-size: 16px;opacity: 0;}
.right-sidebar li:hover .ewm,.right-sidebar li:hover .p{opacity: 1;transition: all .3s;}
.right-sidebar .shopcart .addnum {width: 18px;height: 18px;position: absolute;top: 5px;right: 5px;text-align: center;line-height:18px;background: #fff;color:var(--theme-color);border-radius: 500px;display: block;font-size: 12px;font-style: normal;}
.right-sidebar .shopcart:hover .addnum{background:#fff;color:var(--theme-color);}

.right-sidebar li:hover .hover_img{
    display: block;
}

.showcont p{ margin-bottom: 0;}
.showcont img{max-width:100% !important;height:auto !important;}


