.product{background: #F7F8FC;}
.product .main{box-sizing: border-box;padding: 30px 12.5% 45px 12.5%;display: flex;}
.product .main .left-box{width: 260px;display: flex;flex-direction: column;    flex: none;}
.product .main .left-box .menu-title{width: 100%;height: 80px;background: #EC1D26;}
.product .main .left-box .menu-main{height: 76px;width: 100%;background: #0559B3;box-sizing: border-box;padding: 0 20px;display: flex;flex-direction: column;justify-content: center;}
.product .main .left-box .menu-main span:first-child{font-size: 24px;font-weight: bold;color: #FFFFFF;letter-spacing: 3px;}
.product .main .left-box .menu-main span:last-child{font-size: 12px;font-weight: 400;color: #FFFFFF;opacity: 0.7;letter-spacing: 2px;margin-top: 5px;}
.product .main .left-box .menu-list{width: 100%;height: 80px;background: #FFFFFF;box-sizing: border-box;padding: 21px 0;}
.product .main .left-box a{display: block;width: 100%;}
.product .main .left-box .menu-item{flex: 1;height: 100%;display: flex;align-items: center;font-size: 18px;font-weight: 600;color: #333333;letter-spacing: 2px;padding-left: 43px;}
.product .main .left-box .menu-active{background: #DEE8F5;}
.product .main .left-box .menu-active .menu-item{border-left: 4px solid #0559B3;padding-left: 39px;color: #0559B3;}
.product .main .right-box{margin-left: 40px;flex: 1;}
.product .main .right-box .r-name{display: flex;align-items: center;height: 80px;box-sizing: border-box;border-bottom: 1px solid #EBECEE;font-size: 28px;font-weight: bold;color: #333333;letter-spacing: 2px;}
.product .main .right-box .r-illustrate{background: #DEE8F5;padding: 15px 22px;box-sizing: border-box;margin: 20px 0;}
.product .main .right-box .r-illustrate p{font-size: 14px;font-weight: 400;color: #0559B3;line-height: 32px;letter-spacing: 2px;}
.product .main .right-box .r-illustrate p span{font-size: 22px;margin-right: 5px;}
.product .main .right-box .r-sx-box{background: #FFFFFF;box-sizing: border-box;padding-right: 20px;}
.product .main .right-box .r-sx-list{display: flex;border-bottom: 1px solid #E1E2E8;font-size: 16px;font-weight: 400;color: #333333;box-sizing: border-box;padding-right: 20px;}
.product .main .right-box .rsx-name{height:inherit;width: 120px;flex: none;background: #DEE8F5;line-height: 80px;text-align: center;}
.product .main .right-box .rsx-item{display: flex;flex: 1;align-items: center;flex-wrap: wrap;box-sizing: border-box;}
.product .main .right-box .rsx-item a{margin-left: 65px;display: block;height: 80px;line-height: 80px;}
.product .main .right-box .rsx-item .active{color: #0559B3;}
.product .main .right-box .rsx-btn{height: 80px;line-height: 80px;color: #0559B3;margin-left: 105px;cursor: pointer;}
.product .main .right-box .rsx-btn2{display: none;}
.product .main .right-box .r-sx-list1{height: 80px;overflow: hidden;}
.product .main .right-box .cp-pro-list{margin-top: 20px;display: flex;box-sizing: border-box;padding: 20px;background: #FFFFFF;}
.product .main .right-box .pro-tu{width: 31%;flex:none;}
.product .main .right-box .pro-tu-box{display: block;width: 100%;height: 0;overflow: hidden;position: relative;padding-bottom: 100%;}
.product .main .right-box .pro-tu-box img{width:100%;object-fit: cover;position: absolute;bottom: 0;height:100%;top:0;left:0;right:0;}
.product .main .right-box .pro-right{margin-left: 43px;flex: 1;}
.product .main .right-box .pro-one{display: flex;align-items: center;justify-content: space-between;}
.product .main .right-box .pro-name{font-size: 22px;font-weight: bold;color: #333333;width: 50%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.product .main .right-box .pro-btn{display: flex;align-items: center;}
.product .main .right-box .pro-btn-item{transition: all 0.4s;width: 120px;height: 40px;line-height: 40px;font-size: 16px;font-weight: 400;color: #FFFFFF;text-align: center;}
.product .main .right-box .pro-btn-item1{background: #0559B3;}
.product .main .right-box .pro-btn-item2{background: #E60012;}
.product .main .right-box .pro-jieshao{display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;margin-top: 8px;}
.product .main .right-box .peo-js-item{width: 48.6%;height: 79px;box-sizing: border-box;border:1px solid #E1E2E8;margin-top: 20px;padding-left: 30px;display: flex;flex-direction: column;justify-content: center;}
.product .main .right-box .pro-js-one{font-size: 15px;font-weight: bold;color: #333333;}
.product .main .right-box .pro-js-two{font-size: 14px;font-weight: 400;color: #666666;margin-top: 7px;}
.product .main .right-box .r-name img{width: 4px;margin-right: 20px;}
/* 产品详情 */
.product .main .xq-main{margin-top: 20px;width: 100%;}
.product .main .xq-main .xq-box1{background: #FFFFFF;display: flex;box-sizing: border-box;padding: 20px;}
.product .main .xq-main .swiper{width: 100%;height: 100%;}
.product .main .xq-main .swiper-slide { text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.product .main .xq-main .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover; }
.product .main .xq-main .mySwiper2 { height: 80%;width: 100%;}
.product .main .xq-main .mySwiper{box-sizing: border-box;width: 431px;margin: 0 10px;}
.product .main .xq-main .mySwiper .swiper-slide {width: 25%;height: auto;opacity: 1;}
.product .main .xq-main .mySwiper .swiper-slide-thumb-active{border: 1px solid #E60012;transition: 0ms;box-sizing: border-box;}
.product .main .xq-main .xq-box1-left{height: max-content;width: auto;overflow: hidden;flex: none;position: relative;}
.product .main .xq-main .vr-box{position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 2;display: flex;align-items: center;justify-content: center;}
.product .main .xq-main .vr-box .vr-bg{width: 100px;height: 100px;background: rgba(255, 255, 255, 0.5);border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.product .main .xq-main .vr-box .vr-bg img{width: 50px;}
.product .main .xq-main .mySwiper2 {width: 400px;height: 400px;}
.product .main .xq-main .xq-box1-right{margin-left: 30px;overflow: hidden;flex: 1;}
.product .main .xq-main .box1-name{font-size: 22px;font-weight: bold;color: #333333;letter-spacing: 3px;}
.product .main .xq-main .box1-line{width: 28px;height: 2px;background: #0559B3;margin: 16px 0 14px 0;}
.product .main .xq-main .box1-info{font-size: 14px;font-weight: 400;color: #666666;line-height: 24px;letter-spacing:2px;}
.product .main .xq-main .box1-btn{display: flex;align-items: center;margin-top: 51px;}
.product .main .xq-main .box1-bitem{width: 120px;height: 40px;font-size: 16px;font-weight: 400;color: #FFFFFF;display: flex;align-items: center;justify-content: center;letter-spacing: 2px;}
.product .main .xq-main .box1-bitem1{background: #E60012;margin-right: 20px;}
.product .main .xq-main .box1-bitem2{background: #0559B3;}
.product .main .xq-main .box1-tu{display: flex;margin-top: 24px;}
.product .main .xq-main .box1-tu .swiper-button-prev,
.product .main .xq-main .box1-tu .swiper-button-next{position: static;width: 20px;height: auto;margin: 0;}
.product .main .xq-main .box1-tu .swiper-button-prev{background: #E60012;}
.product .main .xq-main .box1-tu .swiper-button-next{background: #0559B3;}
.product .main .xq-main .box1-tu .swiper-button-next:after, 
.product .main .xq-main .box1-tu .swiper-button-prev:after{color:#fff;font-size:15px;font-weight:600;}
.product .main .xq-main .xq-box2{box-sizing: border-box;padding: 0 20px 8px 20px;margin-top: 20px;background: #FFFFFF;}
.product .main .xq-main .box2-title{height: 60px;box-sizing: border-box;display: flex;align-items: center;border-bottom: 1px solid #EBECEE;font-size: 20px;
font-weight: bold;color: #0559B3;letter-spacing: 1px;width: 100%;}
.product .main .xq-main .box2-title img{width: 4px;height: 20px;object-fit: cover;margin-right: 20px;}
.product .main .xq-main .parameter{display: flex;flex-wrap: wrap;align-items: center;margin-top: 28px;}
.product .main .xq-main .para-list{width: 32.09%;height: 79px;background: #FFFFFF;border: 1px solid #E1E2E8;margin-bottom: 20px;margin-right: 1.58%;display: flex;flex-direction: column;
box-sizing: border-box;padding-left: 30px;justify-content: center;font-size: 14px;font-weight: 400;color: #666666;letter-spacing: 2px;}
.product .main .xq-main .para-list:nth-child(3n){margin-right: 0;}
.product .main .xq-main .para-list span:first-child{font-size: 15px;font-weight: bold;color: #333333;margin-bottom: 7px;}
.product .main .xq-main .intro-text{font-size: 16px;font-weight: 400;color: #333333;line-height: 34px;box-sizing: border-box;padding: 19px 0;}
.product .main .xq-main .intro-text img{max-width: 100%;}
.product .main .xq-main .show-text{padding: 28px 0;}
.product .main .xq-main .show-text img{max-width: 100%;}
.product .main .xq-main .cont-name{margin: 35px 0;justify-content: center;display: flex;align-items: center;width: 100%;font-size: 28px;font-weight: bold;color: #0559B3;}
.product .main .xq-main .cont-name span{color: #E60012;}
.product .main .xq-main .cont-list{display: flex;align-items: center;justify-content: space-between;}
.product .main .xq-main .cont-item{width: 49%;display: flex;margin-bottom: 24px;}
.product .main .xq-main .input-box{flex: 1;height: 54px;background: #FFFFFF;border: 1px solid #F0F1F2;border-radius: 4px;box-sizing: border-box;padding: 0 20px;font-size: 16px;
font-weight: 400;color: #333;letter-spacing: 2px;outline: none;font-family: '微软雅黑';}
.product .main .xq-main .cont-item span{line-height: 54px;height: 54px;text-align: center;font-size: 16px;font-weight: 400;color: #333333;letter-spacing: 2px;display: block;width: 80px;}
.product .main .xq-main .input-box::-webkit-input-placeholder{color: #999999;}
.product .main .xq-main .cont-item1{width: 100% !important;}
.product .main .xq-main .cont-item1 .input-box{height: 148px;padding-top: 17px;padding-bottom: 17px;resize: none;}
.product .main .xq-main .cont-btn{display: flex;align-items: center;justify-content: center;padding: 4px 0 28px 0;}
.product .main .xq-main .cont-b-list{width: 330px;height: 60px;border-radius: 10px;display: flex;align-items: center;justify-content: center;font-size: 18px;font-weight: 500;color: #FFFFFF;letter-spacing: 2px;}
.product .main .xq-main .cont-b-list1{background: #0559B3;}
.product .main .xq-main .cont-b-list2{background: #E60012;margin-left: 40px;}