/* @font-face{ font-family: fontR; src: url('../fonts/SourceHanSansCN-Regular.otf');} */
/* @font-face{ font-family: fontB; src: url('../fonts/SourceHanSansCN-Bold.otf');} */
html,body{padding: 0;margin: 0;font-family: Arial;font-size: 16px;color: #333333;/*min-width: 1200px;*/ /* overflow-x: hidden; */}
.wrap{margin: 0 auto;max-width: 1374px;}
ul{padding: 0;margin: 0;}
ul li{list-style: none;}
.fl{float: left;}
.fr{float: right;}
a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline:none;background: none;text-decoration: none;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
img{max-width: 100%;}
input:focus,button:focus,textarea:focus{outline: none;}
.ovh{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ovh2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ovh3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.ovh4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
p{margin: 0;}
i,em{font-style: initial;}
.imgH{overflow: hidden;}
.imgH img{transition-duration: .6s;-ms-transition-duration: .6s;-moz-transition-duration: .6s;-webkit-transition-duration: .6s; }
.imgH:hover img{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}

.flexcen{display: flex;justify-content: center;align-items: center;}
.flexsta{display: flex;justify-content: flex-start;align-items: center;}
.flexend{display: flex;justify-content: flex-end;align-items: center;}
.flexbet{display: flex;justify-content: space-between;align-items: center;}
.flexaro{display: flex;justify-content: space-around;align-items: center;}

/**导航菜单**/
header{position: fixed;top: 0;left: 0;width: 100%;z-index: 999;height: 90px;transition: all .5s;background: #fff;border-bottom: 1px solid #006afe; }
header.indexHeader{border-bottom-color: #f1f1f1; }
header .wrap{max-width: 100%;padding: 0 6.85vw; }
header .header-container{position: relative; }
header .logo{position: absolute;z-index: 1;left: 0;top: 0; }
header .logo a{height: 90px;display:flex;justify-content:center;align-items:center;}
header .logo img{max-height: 80%;}
header .rightDiv{text-align: center;}
header .rightDiv .menu>ul{display: inline-block!important;}
header .rightDiv .menu>ul>li{float: left;margin:0 35px;}
header .rightDiv .menu>ul>li>a{height: 90px;text-align: left;color: #000;position: relative;font-size: 20px;display: flex;justify-content: center;align-items: center; }
header .rightDiv .menu>ul>li:hover>a,
header .rightDiv .menu>ul>li:focus>a,
header .rightDiv .menu>ul>li.on>a,
header .rightDiv .menu>ul>li.active>a{color: #006afe; }
/* header .rightDiv .menu>ul>li>a::after{content: "";width: 100%;position: absolute;left:0;margin-left: 0; background: #fff;height: 2px;bottom: 32px;opacity: 0;transform: scaleX(0);-webkit-transition: all 0.4s;transition: all 0.4s;border-radius: 2px;}
header .rightDiv .menu>ul>li:hover>a::after,
header .rightDiv .menu>ul>li.on>a::after{opacity: 1;transform: scaleX(1);} */
header .languageDiv{position: absolute;right: 0;top: 0;height: 90px; }
header .languageDiv .lan{cursor: pointer; }
header .languageDiv span{margin: 0 10px; }
header .languageDiv i{width: 12px;height: 6px;background: url(../img/xia.png) no-repeat center center; }
header .languageDiv .aDiv{position: absolute;left: 50%;top: 100%;width: 100px;background: #fff;box-shadow: 0px 0px 10px rgba(0,0,0,.1);transform: translateX(-50%);padding: 0px;display: none; }
header .languageDiv .aDiv a{display: block;text-align: center;color: #000;margin: 10px 0; }
header .languageDiv .aDiv a.on{color: #006afe; }
header .languageDiv:hover .aDiv{display: block; }

header .mbtn {width: 50px;height: 50px;background: url(../img/menu1.png) no-repeat center center;background-size: 22px auto;position: absolute;top: 0;left: 0;display: none;z-index: 2;}
header .mbtn:active{opacity: .8;}
body.on-menu header .mbtn{background: url(../img/menu-hide1.png) no-repeat center center;background-size: 22px auto;}

.menu,.menu ul li,.menu ul li a,.menu #menu-button{margin:0;padding:0;border:0;list-style:none;display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.menu:after,.menu>ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.menu #menu-button{display:none}
.menu{width:auto;}
#menu-line{position:absolute;top:0;left:0;height:3px;background:#009ae1;-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-ms-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out}
.menu>ul>li{float:left;position: relative;}
.menu>ul>li>a{padding:0;font-size:15px;text-decoration:none;color:#555555;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease}
.menu>ul>li:hover>a,.menu>ul>li.active>a{color:#fff}
/*.menu ul ul{position:absolute;text-align: left;background: #fff; padding:0;width: 100%;top: 100%;left:0;opacity: 0;visibility: hidden;transform: translateY(10px);transition: transform .6s;box-shadow: 0px 5px 5px rgba(0, 0, 0, .1); padding-left: calc((100vw - 1320px) / 2);height: 366px; }*/
.menu ul ul{position:absolute;background: #fff;text-align: left; width: max-content;min-width: 200px; top: 100%;left:50%;transition: opacity .3s;opacity: 0;visibility: hidden;box-shadow: 0px 6px 16px rgba(89,89,89,.11);transform: translateX(-50%);}
/* .menu ul ul::before{content: "";width: 16px;height: 16px;background: url(../img/ssj.png) no-repeat center center;position: absolute;left: 50%;top: -8px;transform: translateX(-50%);z-index: 0; } */
/*.menu ul ul .ulDiv{transition: all .4s;opacity: 0;position: absolute;z-index: -1;visibility: hidden;width: 100%;}*/
/*.menu ul ul:before{content: "";width: 100vw;height: 100%;background: #EFF5FF;position: absolute;left: 90%;top: 0;z-index: -1;display: none; }
.menu ul ul:after{content: "";width: 100vw;height: 100%;background: #EFF5FF;position: absolute;right: 90%;top: 0;z-index: -1;display: none; }*/
.menu>ul>li:hover>ul{height: initial;visibility: visible;opacity: 1; }
.menu>ul>li li a{line-height: 50px;text-align: center;display: block;color: #1d1d1d;font-size: 16px;position: relative;z-index: 1;border-bottom: 1px solid rgba(102,102,102,.2);font-weight: bold; }
.menu>ul>li li a:hover{color: #0129ff; }


/****底部***/
.footerDiv{color: rgba(255,255,255,1); }
.footerDiv .hdDiv{padding: 70px 0 80px;background: #006afe; }
.footerDiv .hdDiv .wrap{align-items: flex-start; }
.footerDiv .hdDiv .hlDiv{width: 60%; }
.footerDiv .hdDiv .titleDiv{margin-bottom: 35px; }
.footerDiv .hdDiv .hlDiv .shareDiv{flex-wrap: wrap; }
.footerDiv .hdDiv .hlDiv .shareDiv a{width: 46px;height: 46px;border-radius: 50%;background: rgba(255,255,255,.2);margin-right: 10px;margin-bottom: 10px; }
.footerDiv .hdDiv .hlDiv .shareDiv a img{width: 22px; }
.footerDiv .hdDiv .hlDiv .shareDiv a:hover{background: rgba(255,255,255,.4); }
.footerDiv .hdDiv .hrDiv{width: 36.5%;flex-wrap: wrap; }
.footerDiv .hdDiv .hrDiv .formDiv {width: 100%; }
.footerDiv .hdDiv .hrDiv form{width: 100%; }
.footerDiv .hdDiv .hrDiv form input{width: calc(100% - 115px);background: transparent;border: 1px solid #fff;border-radius: 24px;padding: 0 20px;height: 44px;color: #fff; }
.footerDiv .hdDiv .hrDiv form button{width: 100px;height: 44px;background: #fff;border-radius: 22px;color: #006afe;border: 0;cursor: pointer; }
.footerDiv .bdDiv{padding: 30px 0;font-size: 14px;background: #0055cc; }
.footerDiv .bdDiv a{color: rgba(255,255,255,.5); }
.footerDiv .bdDiv a:hover{color: #fff; }

/*::-webkit-scrollbar  
{  
    width: 2px;  
    height: 2px;  
}  
::-webkit-scrollbar-track  
{  
    border-radius: 4px;  
    background-color: #f5f5f5;
}  
::-webkit-scrollbar-thumb  
{  
    border-radius: 4px; 
    background-color: #0E50D1;
}*/

/********************************* 首页 **********************************/
.main{margin-top: 90px; }


/*banner轮播*/
.index-banner{width: 100%;position:relative;/* height: 586px; */ }
/* .index-banner>img{position: relative;height: 100%;width: auto;object-fit: cover; }
.index-banner .wrap{height: 100%;position: absolute;width: 100%;z-index: 2;top: 0;left: 50%;transform: translateX(-50%); }
.index-banner .textDiv{z-index: 2;position: relative;color: #333333;width: 50%;text-align: right; }
.index-banner .textDiv .p2{color: #006afe;line-height: 1.4;font-weight: bold; }
.index-banner .textDiv a{width: 210px;height: 60px;background: #ff5300;border-radius: 30px;color: #fff;margin: 30px 0 0 auto; }
.index-banner .textDiv a:hover{opacity: .8; } */
.index-banner .swiper-slide{overflow: hidden;}
.index-banner .img{width: 100%;display: block;height: 41.67vw;background: none no-repeat center;background-size: cover;}
.index-banner .img .wrap{position: relative;}

.indexTitle{position: relative; }
.indexTitle.tc{text-align: center;}
.indexTitle span{display: block;color: #333333;line-height: 1; }
.indexTitle .line{width: 77px;height: 4px;background: #006afe;margin: 20px auto 0; }
.indexTitle.cfff span{color: #fff;}

a.imoreBtn{width: 259px;height: 68px;background: #40579d;color: #fff;border-radius: 35px;font-weight: bold; }
a.imoreBtn:hover{opacity: .8; }

.f90{font-size: 90px;}
.f58{font-size: 58px;}
.f56{font-size: 56px;}
.f52{font-size: 52px;}
.f50{font-size: 50px;}
.f48{font-size: 48px;}
.f45{font-size: 45px;}
.f42{font-size: 42px;}
.f40{font-size: 40px;}
.f38{font-size: 38px;}
.f36{font-size: 36px;}
.f34{font-size: 34px;}
.f32{font-size: 32px;}
.f30{font-size: 30px;}
.f28{font-size: 28px;}
.f27{font-size: 27px;}
.f26{font-size: 26px;}
.f24{font-size: 24px;}
.f23{font-size: 23px;}
.f22{font-size: 22px;}
.f20{font-size: 20px;}
.f18{font-size: 18px;}
.f17{font-size: 17px;}
.bold{font-weight: bold; }

.imgOver{position: relative; }
.imgOver .pic{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.imgOver .pic img{width: 100%;height: 100%;object-fit: cover; }
.imgObj{position: relative; }
.imgObj .pic{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.imgObj .pic img{max-width: 95%;max-height: 95%;object-fit: contain; }

.indexDiv1{padding: 75px 0 100px;overflow: hidden; }
.indexDiv1 .row{margin: 0 -21px; }
.indexDiv1 .row>div{padding: 0 21px;margin-top: 35px; }
.indexDiv1 .row>div .conDiv{border-radius: 17px;overflow: hidden;box-shadow: 0px 0px 12px rgba(0,0,0,.1);height: 100%; }
.indexDiv1 .row>div .conDiv .imgDiv{padding-top: 68.4%;overflow: hidden; }
.indexDiv1 .row>div .conDiv .textDiv{padding: 0 30px 30px;text-align: center;position: relative; }
.indexDiv1 .row>div .conDiv .textDiv .num{width: 85px;height: 85px;background: url(../img/yuan.png) no-repeat center center;margin: 0 auto;color: #fff;position: relative;margin-top: -40px;border-radius: 50%;box-shadow: 5px 5px 12px rgba(0,0,0,.1); }
.indexDiv1 .row>div .conDiv .textDiv span{margin: 20px 0 10px;display: block;font-weight: bold; }
 
.indexDiv2{background: #f1f1f1;overflow: hidden; }
.indexDiv2 .row{margin: 0 -80px; }
.indexDiv2 .row>div{padding: 0 80px; }
.indexDiv2 .row>div .conDiv{height: 100%;max-height: 611px;  }
.indexDiv2 .row>div video{width: 100%;display: block;height: 100%;object-fit: cover;}

.indexDiv3{padding: 120px 0 0;overflow: hidden; }
.indexDiv3 .hdDiv{background: #fafafa;padding-bottom: 115px; }
.flexDiv .imgDiv{width: 51.5%; }
.flexDiv .textDiv{width: calc(48.5% - 45px); }
.flexDiv .textDiv span{padding: 0 17px;background: #006afe;color: #fff;border-radius: 7px;line-height: 39px;display: inline-block; }
.flexDiv .textDiv .title{margin: 25px 0 10px;color: #000;line-height: 1.2; }
.flexDiv .textDiv .p{max-width: 500px; }
.flexDiv .textDiv>img{margin: 20px 0 0; }
.flexDiv .textDiv a{width: 128px;height: 32px;border: 1px solid #006afe;border-radius: 16px;color: #006afe;margin-top: 20px; }
.flexDiv .textDiv a img{margin-left: 7px;transition: all .5s; }
.flexDiv .textDiv a:hover img{transform: translateX(5px); }
.indexDiv3 .rowDiv{margin-top: -60px;box-shadow: 0px 0px 10px rgba(0,0,0,.1);border-radius: 18px;overflow: hidden;background: #fff;margin-bottom: 77px; }
.indexDiv3 .rowDiv .row{margin: 0 20px; }
.indexDiv3 .rowDiv .row>div{padding: 40px;text-align: center; }
.indexDiv3 .rowDiv .row>div .iconDiv{width: 85px;height: 85px;background: url(../img/yuan.png) no-repeat center center;margin: 0 auto;color: #fff;position: relative;border-radius: 50%;box-shadow: 5px 5px 12px rgba(0,0,0,.1); }
.indexDiv3 .rowDiv .row>div .title{margin: 20px 0 15px;color: #000; }
.indexDiv3 .bdDiv{background: #fafafa;padding: 10px 0; }

.indexDiv4{background: #006afe;padding: 110px 0;color: #fff;overflow: hidden; }
.indexDiv4 .titleDiv{text-align: center; }
.indexDiv4 .hdDiv{margin: 90px 0; }
.indexDiv4 .titleDiv1 span{line-height: 1.2; }
.indexDiv4 .titleDiv1 p{margin-top: 15px; }
.indexDiv4 .hdDiv .row{margin: 0 -25px; }
.indexDiv4 .hdDiv .row>div{padding: 0 25px;margin-top: 80px; }
.indexDiv4 .hdDiv .row>div .conDiv{height: 100%;display: flex;justify-content: stretch;align-items: stretch;flex-direction: column;position: relative; }
.indexDiv4 .hdDiv .row>div .imgDiv{padding-top: 84.45%;width: 100%;transition: all .5s; }
.indexDiv4 .hdDiv .row>div .textDiv{background: #006afe;border: 5px solid rgba(255,255,255,.45);border-radius: 10px;padding: 20px 30px;flex: 1;margin-top: -40px;z-index: 1;position: relative; }
.indexDiv4 .hdDiv .row>div .textDiv p{margin-top: 10px; }
.indexDiv4 .hdDiv .row>div:hover .imgDiv{transform: translateY(-20px); }
.indexDiv4 .ExpertList{background: rgba(255,255,255,.8);padding: 40px 30px;border-radius: 15px;margin-top: 30px; }
.indexDiv4 .ExpertList>div{width: 100%;overflow: hidden;height: 60px;  }
.indexDiv4 .ExpertList ul { width: 100%; position: relative; }
.indexDiv4 .ExpertList ul li { height: initial; float: left; list-style: none; width: initial;padding: 0 40px; }

.indexDiv5{background: #fafafa;padding: 80px 0;overflow: hidden; }

.indexDiv6{padding: 80px 0;overflow: hidden; }
.indexDiv6 .bdDiv{margin-top: 50px; }
.indexDiv6 .bdDiv ul li{margin-top: 30px; }
.indexDiv6 .bdDiv ul li .hd{border-radius: 37px;padding: 20px 50px;box-shadow: 0px 0px 10px rgba(0,0,0,.1);cursor: pointer; }
.indexDiv6 .bdDiv ul li .hd span{width: calc(100% - 50px);padding-left: 20px;position: relative;line-height: 1; }
.indexDiv6 .bdDiv ul li .hd span::before{content: "";width: 4px;height: 100%;background: #006afe;position: absolute;left: 0;top: 0; }
.indexDiv6 .bdDiv ul li .hd i{width: 28px;height: 15px;background: url(../img/zk.png) no-repeat center center; }
.indexDiv6 .bdDiv ul li.on .hd i{background: url(../img/zd.png) no-repeat center center; }
.indexDiv6 .bdDiv ul li .bd{padding: 30px 60px;color: #666666;line-height: 2;display: none; }


.detailP{padding: 68px 0; }
.flexb3{display: flex;align-items: flex-start;justify-content: space-between;}
.swiper{position: relative;overflow: hidden;}
.proDetailDiv{margin-top: 66px; }
.proDetailDiv .hd{color: #006afe;margin-bottom: 30px; }
/* 产品新增 */
.detailP .dtlL{width: calc(50% - 40px);}
.detailP .dtlR{width: calc(50% - 40px);}
.detailP .swiper img{display: block;width: 100%;}
.detailP .swiper-button-prev,
.detailP .swiper-button-next{
	display: block;
	width: 50%;
	height: 100%;
	top: 0;
	margin: 0;
	z-index: 2;
}
.detailP .swiper-button-prev{cursor: url(../img/fl.png),auto;}
.detailP .swiper-button-next{cursor: url(../img/fr.png),auto;}
.detailP .swiper-button-prev::after,
.detailP .swiper-button-next::after{display: none;}
.detailP .swiper-button-next.swiper-button-disabled, 
.detailP .swiper-button-prev.swiper-button-disabled{pointer-events:unset;opacity: 1;}
.detailP .swiper-pagination{display: none;}
.detailP .swiper_detail1{margin-top: 8px;}
.detailP .swiper_detail1 .swiper-slide{width: 68px;padding: 4px;position: relative;}
.detailP .swiper_detail1 .swiper-slide::before{
	content: "";
	display: block;width: calc(100% - 8px);height: calc(100% - 8px);
	border: 2px solid #000000;
	position: absolute;left: 2px;top: 2px;
	transition: all 0.3s;
	opacity: 0;
}
.detailP .swiper_detail1 .swiper-slide-thumb-active::before{
	left: 0;top: 0;
	width: calc(100% - 4px);height: calc(100% - 4px);
	opacity:1;
}
.dtlR .titB{
    font-size: 60px;
    font-weight: 700;
	line-height: 1;
	color: #000;
}
.dtlR .starB{
	margin-top: 24px;
}
.dtlR .priceB{
	/* font-weight: 700; */
	font-size: 40px;
	color: #ff5300;
	margin-top: 15px;
	line-height: 1.2;
}
.dtlR .seleB{
	display: flex;justify-content: flex-start;align-items: center;
	margin-top: 30px;
}
.dtlR .seleB .minusBtn,
.dtlR .seleB .plusBtn{
	background: #F8F8F9;
	width: 46px;
	height: 46px;
	border-radius: 23px 0 0 23px;
	color: #282828;
	font-size: 24px;
	font-weight: 100;
	border: 0;
	cursor: pointer;
	padding: 0 0 0 4px;
}
.dtlR .seleB .plusBtn{
	border-radius: 0 23px 23px 0;
	padding: 0 4px 0 0;
}
.dtlR .seleB input{
	display: block;
	background: #F8F8F9;
	width: 46px;
	height: 46px;
	text-align: center;
	color: #282828;
	border: 0;
	font-size: 18px;
}
.dtlR .aBtnDiv a{
	width: 210px;
	line-height: 60px;
	background: #006afe;
	color: #ffffff;
	/* font-size: 24px; */
	transition: all 0.3s;
	border-radius: 70px;
	margin-top: 32px;
}
.dtlR .aBtnDiv a.tbbtn{background: #ff5300;margin-left: 16px; }
.dtlR .aBtnDiv a img{margin-right: 10px; }
.dtlR .aBtnDiv a:hover{
	opacity: .8;
}
.dtlR .descB{
	font-size: 18px;
	color: #333333;
	padding-top: 25px;
	margin-top: 35px;
	border-top: 2px solid rgba(0, 0, 0, .1);
}
.dtlL .swiper_detail2 .fandaBtn,
.dtlL .swiper_detail2 .guanbiBtn{
	position: absolute;right: 16px;bottom: 16px;
	z-index: 99;
	background: rgb(255, 255, 255);
	border: 1px solid rgb(223, 223, 223);
	width: 36px;height: 36px;border-radius: 50%;
	display: flex;justify-content: center;align-items: center;
	cursor: pointer;
} 
.dtlL .swiper_detail2 .guanbiBtn{
	top: 40px;bottom: unset;right: 40px;
	width: 56px;height: 56px;
	display: none;
}
	.dtlL .swiper_detail2.open{
		position: fixed;left: 0;top: 0;
		width: 100vw;
		z-index: 999;
	}
	.dtlL .swiper_detail2.open .swiper-slide{
		background: #ffffff;
		display: block;height: 100vh;
		display: flex;justify-content: center;align-items: center;
	}
	.dtlL .swiper_detail2.open img{max-width: 700px;}
	.dtlL .swiper_detail2.open .fandaBtn{display: none;}
	.dtlL .swiper_detail2.open .guanbiBtn{display: flex;}
@media(min-width:800px){
	.dtlL .swiper_detail2.open .swiper-button-prev,
	.dtlL .swiper_detail2.open .swiper-button-next{
		top: calc(50% - 28px);
		z-index: 99;
		background: url(../img/fl.png) center center no-repeat rgb(255, 255, 255);
		border: 1px solid rgb(223, 223, 223);
		width: 56px;height: 56px;border-radius: 50%;
		cursor: pointer;
		transform: rotate(90deg);
	}
	.dtlL .swiper_detail2.open .swiper-button-prev{left: 40px;}
	.dtlL .swiper_detail2.open .swiper-button-next{right: 40px;background-image: url(../img/fr.png);}
}
@media(max-width:1490px){
	.detailP .nrBox{margin: 0;}
	.dtlR .titB{font-size: 40px;}
}
@media(max-width:1180px){
	.detailP .dtlL,
	.detailP .dtlR{width: calc(50% - 16px);}
	.dtlR .titB{font-size: 32px;}
	.dtlR .priceB{font-size: 32px;}
	.dtlR .buybtn{width: 160px;line-height: 48px;}
	.dtlR .descB{font-size: 16px;}
}
@media(max-width:800px){
	.detailP .nrBox{display: block;}
	.detailP .dtlL{width: 100%;}
	.detailP .dtlR{width: 100%;margin-top: 16px;}
	.detailP .swiper_detail1{display: none;}
	.detailP .swiper-pagination{
		display: flex;justify-content: center;align-items: center;
		position: relative;left: unset;bottom: unset;
		height: 40px;
		padding: 0 40px;
		display: flex;
	}
	.detailP .swiper-pagination-bullet{width: 6px;height: 6px;}
	.detailP .swiper-pagination-bullet-active{background: rgb(40, 40, 40);}
	.dtlL .swiper_detail2 .swiper-button-prev,
	.dtlL .swiper_detail2 .swiper-button-next{
		position: absolute;bottom: 0;top: unset;
		z-index: 99;
		background: url(../img/fl.png) center center no-repeat rgb(255, 255, 255);
		background-size: 20px;
		width: 40px;height: 40px;
		cursor: pointer;
	}
	.dtlL .swiper_detail2 .swiper-button-prev{left: 0px;}
	.dtlL .swiper_detail2 .swiper-button-next{right: 0px;background-image: url(../img/fr.png);}
	.dtlL .swiper_detail2 .fandaBtn{right: 16px;bottom: 56px;}
	.dtlR .seleB input,
	.dtlR .seleB .minusBtn, .dtlR .seleB .plusBtn{width: calc(100% / 3);}
	.dtlR .buybtn{width: 100%;margin-top: 16px;}
	.dtlL .swiper_detail2.open .guanbiBtn{width: 40px;height: 40px;right: 24px;top: 24px;}
	.dtlL .swiper_detail2.open .swiper-pagination{position: absolute;left: 0;bottom: 0;}
	
	.dtlR .aBtnDiv a{line-height: 50px; }
	.dtlR .priceB{font-size: 24px; }
}
.pore {
    position: relative;
}
/* 涓嬪崟 */
.ordP{background: #f5f7fc;padding: 110px 0; }
/* .ordP .nrBox{
	flex-wrap: wrap;
	align-items: stretch;
	margin: -2vw -1.67vw;
} */
.ordP .hdDiv{background: #fff;box-shadow: 0px 0px 21px rgba(0, 0, 0, .11);padding: 0 2.2%;align-items: stretch; }
.ordP .ewmB{
	padding: 70px 5.5%;
	width: 50%;
}
.ordP .ewmB .kuang{
	height: 100%;
	background: rgba(255, 255, 255,0.5);
	text-align: center;
	position: relative;
	border: 1px solid #006afe;
	padding: 0 0 50px;
}
.ordP .ewmB .titB{
	font-size: 30px;
	color: #fff;
	background: #006afe;
	height: 100px;
	font-weight: bold;
}
.ordP .ewmB .tuB{margin-top: 56px;}
.ordP .ewmB .tuB img{
	width: 100%;
	display: block;
	max-width: 350px;
	margin: 0 auto;
}
.ordP .ewmB .descB{
	font-size: 24px;
	color: rgb(51, 51, 51);
	line-height: 1.292;
	max-width: 404px;
	margin: 0 auto;
	word-break: break-all;
	margin-top: 24px;
}
.ordP .ewmB .copyB{
	font-size: 16px;
	color: #fff;
	padding: 0 10px;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	cursor: pointer;
	background: #006afe;

}
.ordP .ewmB .copyB:hover{opacity: .8;}
.ordP .prdForm{
	margin-top: 77px;
	width: 100%;
}
.ordP .prdForm form{
	height: 100%;
	background: rgba(255, 255, 255,0.5);
	box-shadow: 0px 3px 20px 0.84px rgba(0, 0, 0, 0.11);
	padding: 76px 10.9% 110px;
	text-align: center;
}
.ordP .prdForm .pTit{
	font-size: 40px;
	color: #006afe;
	font-weight: bold;
	text-align: center;
}
.ordP .prdForm input{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ordP .prdForm input,
.ordP .prdForm textarea{
	display: block;
	border: 1px solid rgb(221, 221, 221);
	border-radius: 5px;
	background-color: rgb(255, 255, 255);
	width: 100%;
	height: 72px;
	padding: 0 18px;
	margin-top: 32px;
	font-size: 18px;
	font-family: inherit;
}
.ordP .prdForm textarea{
	padding: 12px 18px;
	height: 186px;
}
.ordP .prdForm .shchB input{
	padding-right: 80px;
}
.ordP .prdForm .shchB label{
	position: absolute;right: 0;top: 0;
	display: block;width: 72px;height: 72px;
	background: url(../img/upload.png) center center no-repeat;
	background-size: 24px;
	border: 0;
	margin: 0;
	cursor: pointer;
	overflow: hidden;
}
.ordP .prdForm input[type=file]{
	position: absolute;left: -999px;top: 0;margin: 0;
}
.ordP .prdForm .tijiao{
	border-radius: 5px;
	background:#006afe;
	cursor: pointer;
	font-size: 28px;
	color: #ffffff;
	border: 0;
}
.ordP .prdForm form .hangkz{position: absolute;height: 100%;right: 0;width: 100%;top: 0;z-index: 1; }
.ordP .prdForm form .hangkz .webuploader-pick+div{opacity: 0; }
.ordP .prdForm form .hangkz .webuploader-pick{position: absolute;right: 0;top: 0;width: 100%; height: 100%;display: flex;justify-content: flex-end;align-items: center;padding-right: 40px; }
.ordP .prdForm form .hangkz .webuploader-pick img{margin-left: 10px; }
.ordP .prdForm form .imgDiv{ }

@media(max-width:1490px){
	.ordP .ewmB{padding: 50px 4.5%; }
	.ordP .ewmB .titB{font-size: 24px;}
	.ordP .ewmB .tuB{margin-top: 40px;}
	.ordP .ewmB .tuB img{max-width: 260px;}
	/* .ordP .ewmB .copyB{bottom: 40px;} */
	.ordP .ewmB .descB{font-size: 20px;max-width: 340px;}
	.ordP .prdForm .pTit{font-size: 28px;}
	.ordP .prdForm form{padding: 40px 10%;}
	.ordP .prdForm input{height: 64px;}
	.ordP .prdForm .shchB label{height: 64px;}
	.ordP .prdForm .tijiao{font-size: 22px;}
	
}
@media(max-width:1024px){
	/* .ordP .ewmB .kuang{padding-bottom: 60px;} */
	.ordP .ewmB .titB{font-size: 18px;}
	.ordP .ewmB .tuB{margin-top: 16px;}
	.ordP .ewmB .tuB img{max-width: 200px;}
	/* .ordP .ewmB .copyB{bottom: 24px;} */
	.ordP .ewmB .descB{font-size: 16px;max-width: 240px;}
	.ordP .prdForm input{height: 56px;font-size: 16px;margin-top: 16px;}
	.ordP .prdForm textarea{font-size: 16px;margin-top: 16px;}
	.ordP .prdForm .shchB label{height: 56px;}
	.ordP .prdForm .tijiao{font-size: 18px;}
}
@media(max-width:800px){
	.ordP{padding: 50px 0; }
	.ordP .hdDiv{display: block; }
	.ordP .ewmB .titB{height: 60px; }
	.ordP .ewmB{padding: 20px 10px;width: 100%;}
	.ordP .prdForm{margin-top: 40px;}
	.ordP .prdForm .pTit{font-size: 24px;}
	.ordP .prdForm input{height: 48px;font-size: 15px;margin-top: 12px;padding: 0 10px;}
	.ordP .prdForm textarea{font-size: 15px;margin-top: 12px;padding: 8px 10px;height: 160px;}
	.ordP .prdForm .shchB label{height: 48px;width: 48px;background-size: 18px;}
	.ordP .prdForm .tijiao{font-size: 16px;}
	.ordP .prdForm .shchB input{padding-right: 56px;}
	.ordP .prdForm form{padding: 40px 20px;}
}

@media (max-width:1420px) {
	header .wrap{padding: 0 30px; }
	.wrap{padding: 0 50px;width: 100%;}
	.f90{font-size: 80px;}
	.f58{font-size: 50px;}
	.f56{font-size: 46px;}
	.f52{font-size: 44px;}
	.f50{font-size: 42px;}
	.f48{font-size: 40px;}
	.f45{font-size: 38px;}
	.f40{font-size: 36px;}
	.f36{font-size: 32px;}
	.f34{font-size: 30px;}
	.f32{font-size: 29px;}
	.f30{font-size: 28px;}
	.f28{font-size: 26px;}
	.f27{font-size: 25px;}
	.f26{font-size: 24px;}
	.f24{font-size: 22px;}
	.f22{font-size: 20px;}
	
	header .rightDiv .menu>ul>li{margin: 0 1.5vw; }
	header .rightDiv .menu>ul>li>a{font-size: 16px; }
	
	.indexDiv2 .row{margin: 0 -4vw; }
	.indexDiv2 .row>div{padding: 0 4vw; }
	
}
@media (max-width:1220px) {
	.f90{font-size: 70px;}
	.f58{font-size: 48px;}
	.f56{font-size: 44px;}
	.f52{font-size: 42px;}
	.f50{font-size: 40px;}
	.f48{font-size: 38px;}
	.f45{font-size: 36px;}
	.f40{font-size: 34px;}
	.f36{font-size: 30px;}
	.f34{font-size: 28px;}
	.f32{font-size: 27px;}
	.f30{font-size: 26px;}
	.f28{font-size: 24px;}
	.f27{font-size: 23px;}
	.f26{font-size: 22px;}
	.f24{font-size: 21px;}
	.f22{font-size: 19px;}
	
	header .rightDiv .menu>ul>li{margin-right: 0;margin-left: 35px; }
	
}
@media (max-width:1100px) {
	
}
@media (min-width:992px) and (max-width:1024px) {
}
@media (min-width:768px) and (max-width:991px) {
	
}
@media (max-width:991px){
	.wrap{padding: 0 20px;width: 100%;}
	.menu{width:100%}
	.menu ul{width:100%;display: block;}
	.menu>ul>li>a{padding: 0 20px;}
	.menu.align-center>ul,.menu.align-right ul ul{text-align:left}
	.menu ul li,.menu ul ul li,.menu ul li:hover>ul>li{width:100%;height:auto;border-top:1px solid rgba(0,0,0,.1);}
	/*.indexHeader .menu ul li,.indexHeader .menu ul ul li,.indexHeader .menu ul li:hover>ul>li{border-top:1px solid rgba(255,255,255,.2);}*/
	/*.on-fixed .indexHeader .menu ul li,.on-fixed .indexHeader .menu ul ul li,.on-fixed .indexHeader .menu ul li:hover>ul>li{border-top:1px solid rgba(0,0,0,.2);}*/
	.menu ul li a,.menu ul ul li a{width:100%}
	.menu>ul>li,.menu.align-center>ul>li,.menu.align-right>ul>li{float:none;display:block}
	.menu ul ul li a{padding:0 20px 0;font-size:12px;color:#333;background:0 0}
	.menu ul ul li:hover>a,.menu ul ul li a:hover{color:#333}
	
	.indexHeader .menu ul ul li a{color:#fff;}
	.indexHeader .menu ul ul li:hover>a,.indexHeader .menu ul ul li a:hover{color:#fff}
	
	.on-fixed .indexHeader .menu ul ul li a{color:#333;}
	.on-fixed .indexHeader .menu ul ul li:hover>a,.indexHeader .menu ul ul li a:hover{color:#333}
	
	.menu ul ul ul li a{padding-left:40px}
	.menu ul ul,
	.menu ul ul ul{position:relative;left:0;right:auto;width:100%;margin:0}
	.menu>ul>li.has-sub>a::after,.menu ul ul li.has-sub>a::after{display:none}
	#menu-line{display:none}
	.menu #menu-button{display:block;padding:20px;color:#000;cursor:pointer;font-size:12px;text-transform:uppercase}
	.menu #menu-button::after{content:'';position:absolute;top:20px;right:20px;display:block;width:15px;height:2px;background:#333}
	.menu #menu-button::before{content:'';position:absolute;top:25px;right:20px;display:block;width:15px;height:3px;border-top:2px solid #333;border-bottom:2px solid #fff}
	.menu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(0,0,0,0);height:52px;width:52px;cursor:pointer}
	.menu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#333;z-index:99}
	.menu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#333;;z-index:99}
	
	/*.indexHeader .menu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(255,255,255,.2);height:52px;width:52px;cursor:pointer}
	.indexHeader .menu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#fff;z-index:99}
	.indexHeader .menu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#fff;;z-index:99}*/
	
	/*.on-fixed .indexHeader .menu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(0,0,0,.2);height:52px;width:52px;cursor:pointer}
	.on-fixed .indexHeader .menu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#333;z-index:99}
	.on-fixed .indexHeader .menu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#333;;z-index:99}*/
	
	
	.menu .submenu-button.submenu-opened:after{display:none}
	.menu ul ul{background: transparent;border-bottom:none;padding: 0;}
	.menu ul ul ul{top: 0;}
	.menu li:hover>ul{left: auto;margin-left: auto;}
	.menu ul ul .wrap{padding:0 15px;}
	.menu ul ul .hd{display: none;}
	.menu ul ul .bd{padding: 0;}
	header .rightDiv .menu>ul>li li a{text-align: left;line-height: 50px;border: 0; }
	/*header.indexHeader .rightDiv .menu>ul>li li a{color: #fff;}*/
	.on-fixed header.indexHeader .rightDiv .menu>ul>li li a{color: #fff;}
	header:before{display: none;}
	header {
		position: fixed !important;
		z-index: 999;
		top: 0;
		left: auto;
		right: 0;
		width: 100%;
		height: 50px;
		transition: right 300ms !important;
	}
	header .header-container{height: 50px;}
	
	header .logo a{height: 50px;width: initial;}
	header .logo a img{max-height: 60%;}
	header .mbtn {display: block;}
	body.on-menu header{background: #fff;}
	body.on-menu.on-fixed  header{background:  #fff;}
	body.on-menu header .mbtn{z-index: 1;}
	header .rightDiv .menu {
		float: right;
		position: fixed;
		top: 50px;
		left: 0;
		width: 100%;
		height: calc(100% - 50px);
		padding-top: 0;
		background-color: #fff;
		/*border-bottom: 1px solid #f8f8f847;*/
		transition: left 300ms;
		left: -100%;
		padding: 0;
		overflow-y: auto;
	}
	.on-fixed header .rightDiv .menu{
		background-color: #fff;
	}
	header .rightDiv .menu ul{float: initial;height: initial;}
	/*header .rightDiv .menu ul.open{background: #000;}*/
	header .rightDiv .menu ul li {
		padding: 0;
		margin: 0;
		/*border-bottom: 1px solid #f8f8f847;*/
		float: initial;
		position: relative;
	}
	header .rightDiv .menu ul li a {
		display: block;
		line-height: 50px;
		height: 50px;
		text-align: left;
		font-size: 16px;
	}
	header .rightDiv .menu>ul {display: block;padding-top: 0;}
	body.on-menu header .rightDiv .menu {left: 0;}
	body.on-menu .main {left: 0;}
	header .rightDiv .menu>ul>li>a{padding:0 15px;background: none;}
	header .rightDiv .menu>ul>li>a::after{display: none;}
	header .rightDiv .menu>ul>li:hover>a, header .rightDiv .menu>ul>li:focus>a, header .rightDiv .menu>ul>li.on>a, header .rightDiv .menu>ul>li.active>a{font-weight: bold;}
	header .rightDiv .menu>ul>li>a span{line-height: 50px;}
	.menu ul ul{box-shadow: none;opacity: 1;visibility: visible;transform: translate(0px);transition: transform .6s;padding: 0;left: 0;display: block;}
	/* header .rightDiv .menu>ul>li>a{color: #333;} */
	.main {position: relative;right: 0;transition: left 300ms !important; margin-top: 50px;}
	header .rightDiv .otherDiv{height: 50px;justify-content: center;float: initial; }
	header .rightDiv .searchDiv{margin: 0 auto;}
	header .rightDiv .ssDiv .dImg{display: none;}
	header .rightDiv .ssDiv .hImg{display: block;}
	.menu ul ul .ul span{margin-top: 0;}
	/* header .rightDiv .menu>ul>li .aDiv{margin-bottom: 20px;} */
	header .rightDiv .menu>ul>li li{border: 0;}
	header .rightDiv .menu>ul>li li a{line-height: initial;margin-bottom: 20px;height: initial;}
	/*.twoMenuDiv.onFixed{top: 50px;}
	.twoMenuDiv ul li a.top_dh_in::after{bottom: 8px;width: 4px;height: 4px;}*/
	
	.menu ul ul:before{display: none!important;}
	.menu ul ul:after{display: none!important;;}
	.menu ul ul a{padding: 0 15px;margin: 0;}
	.menu li:hover>ul{transform: translate(0);}
	header .rightDiv .menu ul li .ulDiv{display: block;}
	.menu ul ul{height: initial;}
	.menu ul ul .ul{display: block;padding: 10px 30px 0;}
	.menu ul ul .ul li:nth-child(2){margin-left: 0;}
	/* .menu ul ul .ul span{color: #fff;} */
	.menu ul ul .ul a{/* color: #fff; */margin-top: 0;}
	
	header .wrap{padding: 0 15px; }
	header .languageDiv{height: 50px;z-index: 2; }
	header .logo{width: 100%;text-align: center; }
	
	.index-banner .textDiv{padding-left: 70px; }
	
	.f90{font-size: 60px;}
	.f58{font-size: 46px;}
	.f56{font-size: 42px;}
	.f52{font-size: 40px;}
	.f50{font-size: 38px;}
	.f48{font-size: 36px;}
	.f45{font-size: 34px;}
	.f40{font-size: 32px;}
	.f36{font-size: 28px;}
	.f34{font-size: 26px;}
	.f32{font-size: 25px;}
	.f30{font-size: 24px;}
	.f28{font-size: 22px;}
	.f27{font-size: 21px;}
	.f26{font-size: 21px;}
	.f24{font-size: 20px;}
	.f23{font-size: 19px;}
	.f20{font-size: 19px;}
	.f22{font-size: 18px;}
	
	
}

.hidden-xs{display: block;}
.visible-xs{display: none;}

/*手机*/
@media (max-width:767px) {
	
	.hidden-xs{display: none;}
	.visible-xs{display: block;}
	.floatRightDiv{display: none;}
	.wrap{padding: 0 15px;width: 100%;}
	
	.f90{font-size: 40px;}
	.f58{font-size: 24px;}
	.f56{font-size: 23px;}
	.f52{font-size: 22px;}
	.f50{font-size: 22px;}
	.f48{font-size: 20px;}
	.f45{font-size: 28px;}
	.f40{font-size: 26px;}
	.f36{font-size: 21px;}
	.f34{font-size: 20px;}
	.f32{font-size: 16px;}
	.f30{font-size: 21px;}
	.f28{font-size: 20px;}
	.f27{font-size: 19px;}
	.f26{font-size: 19px;}
	.f24{font-size: 18px;}
	.f23{font-size: 17px;}
	.f22{font-size: 17px;}
	.f20{font-size: 16px;}
	.f18{font-size: 16px;}
	.f17{font-size: 16px;}
	
	
	.index-banner .img{height: 50vw; }
/* 	.index-banner .swiper-button-prev, .index-banner .swiper-button-next{width: 25px;background-size: 10px; }
	.index-banner .textDiv {width: 100%;padding:0 30px;text-align: center; }
	.index-banner .textDiv .p1{font-size: 18px; }
	.index-banner .textDiv .p2{font-size: 12px; }
	.index-banner .textDiv a{width: 100px;height: 24px;font-size: 12px;margin: 0 auto; }
	.index-banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 10px; }
	.index-banner .swiper-pagination-bullet{width: 8px;height: 8px; } */
	
	.indexDiv1{padding: 35px 0 50px; }
	.indexTitle .line{width: 35px;margin-top: 10px; }
	.indexDiv1 .row>div .conDiv .textDiv .num{width: 65px;height:65px;background-size: 100%;font-size: 30px;margin-top: -30px; }
	.indexDiv2 .row>div{margin: 10px 0; }
	.indexDiv3{padding-top: 50px; }
	.flexDiv {display: block; }
	.flexDiv .imgDiv{width: 100%; }
	.flexDiv .textDiv{width: 100%;margin-top: 30px; }
	.indexDiv3 .rowDiv{margin-bottom: 40px; }
	.indexDiv3 .rowDiv .row>div{padding: 20px; }
	.indexDiv3 .bdDiv{padding: 20px 0 40px; }
	.indexDiv4{padding: 50px 0; }
	.indexDiv4 .titleDiv span{line-height: 1.2; }
	.indexDiv4 .titleDiv .p{margin-top: 10px; }
	.indexDiv4 .titleDiv .p img{height: 15px;margin-right: 10px; }
	.indexDiv4 .hdDiv{margin: 50px 0; }
	.indexDiv4 .hdDiv .row>div{margin-top: 40px; }
	.indexDiv4 .ExpertList{padding: 20px; }
	.indexDiv4 .ExpertList ul li{padding: 0 20px;}
	
	.indexDiv5{padding: 40px 0; }
	.indexDiv6{padding: 40px 0; }
	.indexDiv6 .bdDiv{margin-top: 30px; }
	.indexDiv6 .bdDiv ul li{margin-top: 20px; }
	.indexDiv6 .bdDiv ul li .hd{padding: 15px 20px; }
	.indexDiv6 .bdDiv ul li .hd i{width: 20px;background-size: 100%; }
	.indexDiv6 .bdDiv ul li .bd{padding: 20px 30px; }
	

	.footerDiv .hdDiv{padding: 30px 0; }
	.footerDiv .hdDiv .wrap{flex-wrap: wrap; }
	.footerDiv .hdDiv .hlDiv{width: 100%;}
	.footerDiv .hdDiv .titleDiv{margin-bottom: 20px; }
	.footerDiv .hdDiv .hrDiv{width: 100%;margin-top: 20px; }
	.footerDiv .bdDiv{font-size: 14px;padding: 15px 0;text-align: center; }
	
	@media (max-width:320px) {
	}
	
}