@charset "utf-8";
@import url(base.css);
.jy_1200{max-width: 1200px;margin: 0 auto;box-sizing: border-box;}

.header{width: 100%;height: 70px;background: #2a2d3d;position: fixed;top: 0;left: 0;z-index: 1000;}
.headercon{width: 100%;}
.headerleft{float: left;padding-top: 19px;box-sizing: border-box;}
.headerleft a{display: block;max-width: 130px;}
.headerleft a img{display: block;max-width: 100%;}
.headeright{float: right;}
.headeright ul li{float: left;height: 70px;line-height: 70px;position: relative;overflow: hidden;width: 112px;}
.headeright ul li a{display: block;padding: 0 15px;box-sizing: border-box;font-size: 14px;color: #fff;transition:.3s;
position: absolute;left: 0;width: 100%;font-weight: bold;text-align: center;}
.headeright ul li .hshou{top: 0;}
.headeright ul li .shide{bottom: -70px;color: #8ab9dd;}
.headeright ul li:hover .hshou{top: -70px;}
.headeright ul li:hover .shide{bottom: 0;}
.headeright ul li.active .hshou{top: -70px;}
.headeright ul li.active .shide{bottom: 0;color: #8ab9dd;}
.banner{width: 100%;padding-top: 70px;box-sizing: border-box;}
.bannercon{width: 100%;}
.bannercon ul li a{display: block;width: 100%;}
.bannercon ul li a img{display: block;width: 100%;}
.bannerpages{bottom: 20px !important;}
.bannerpages .swiper-pagination-bullet{background: #fff;opacity: 0.6;transition:.3s;width: 10px;height: 10px;box-sizing: border-box;}
.bannerpages .swiper-pagination-bullet-active{opacity: 1;background: #8ab9dd;}
.bannertext{width: 100%;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
.bannertextcon{width: 100%;padding-right: 14%;box-sizing: border-box;}
.btext{float: right;}
.btext h5{display: table;height: 33px;text-align: center;line-height: 33px;font-size: 20px;color: #657a8e;
background: #fff;border-radius: 25px;font-weight: 500;min-width: 115px;}
.btext h6{font-size: 80px;color: #fff;font-weight: 500;margin-bottom: 20px;}
.btext p{font-size: 18px;color: #fff;font-weight: 500;margin-bottom: 12px;}
.btext p:last-child{margin-bottom: 0;}
.conter{width: 100%;}
.one{width: 100%;padding: 80px 0;box-sizing: border-box;background: #fff;}
.onecon{width: 100%;}
.oneleft{float: left;width: 498px;height: 396px;margin-right: 60px;overflow: hidden;}
.oneleft img{display: block;width: 100%;height: 100%;object-fit: cover;transition:.3s;}
.oneleft:hover img{transform: translateY(-6px);}
.oneright{float: right;width: 642px;padding-top: 60px;box-sizing: border-box;}
.oneright h4{font-size: 34px;color: #444;font-weight: 500;margin-bottom: 12px;}
.oneright h4 span{font-size: 14px;color: #ccc;text-transform: uppercase;}
.oneright h5{font-size: 18px;color: #8ab9dd;margin-bottom: 12px;margin-bottom: 30px;}
.onetext{width: 100%;padding-bottom: 30px;border-bottom: 1px solid #eee;box-sizing: border-box;}
.onetext p{font-size: 14px;color: #777;line-height: 28px;}
.onelast{width: 100%;border-bottom: 1px solid #eee;box-sizing: border-box;padding: 15px 0;}
.onelast ul li{float: left;width: 33.3%;}
.onelast ul li h6{font-size: 36px;color: #8ab9dd;font-weight: 500;text-align: center;margin-bottom: 10px;}
.onelast ul li p{font-size: 14px;color: #aaa;font-weight: 400;text-align: center;}
.two{width: 100%;padding: 80px 0 50px 0;box-sizing: border-box;background: #f7f8fa;}
.twocon{width: 100%;}
.titlw{width: 100%;margin-bottom: 30px;}
.titlw h4{font-size: 34px;color: #444;font-weight: 500;text-align: center;}
.titlw p{font-size: 14px;color: #ccc;font-weight: 500;text-align: center;text-transform: uppercase;}
.twonav{display: table;margin: 0 auto 30px;}
.twonav ul li{float: left;width: 120px;}
.twonav ul li a{display: block;width: 100%;text-align: center;line-height: 42px;font-size: 16px;color: #666;transition:.3s;}
.twonav ul li:hover a{font-weight: bold;color: #8ab9dd;}
.twonav ul li.active .shide {bottom: 0; color: #4893CA; font-weight:600;}
.twolist{width: 100%;}
.twolist ul li{float: left;width: 32%;margin-right: 2%;transition:.3s;margin-bottom: 30px;}
.twolist ul li:nth-child(3n){margin-right: 0;}
.twolist ul li a{display: block;width: 100%;}
.twoimg{width: 100%;width: 100%;height: 278px;}
.twoimg img{display: block;height: 100%;object-fit: covere; margin:0 auto; text-align:center}
.twotext{width: 100%;padding: 20px;box-sizing: border-box;border-bottom: 2px solid #fff;background: #fff;transition:.3s;}
.twotext h5{font-size: 18px;color: #222;font-weight: 500;margin-bottom: 10px;
overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.twotext p{font-size: 14px;color: #aaa;font-weight: 500;margin-bottom: 10px;
overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.twotext span{display: block;font-size: 13px;color: #8ab9dd;}
.twotext span i{display: inline-block;width: 14px;height: 14px;background: url(../images/m1.png) center no-repeat;vertical-align: -2px;}
.twolist ul li:hover{transform: translateY(-5px);}
.twolist ul li:hover .twotext{border-color: #8ab9dd;}
.three{width: 100%;padding: 80px 0;box-sizing: border-box;}
.threecon{width: 100%;}
.threetitle{width: 100%;margin-bottom: 40px;}
.threetitle h4{font-size: 60px;color: #fff;text-align: center;font-weight: 500;margin-bottom: 12px;}
.threetitle p{font-size: 14px;color: #fff;text-align: center;font-weight: 400;}
.threelast{display: table;margin: 0 auto;}
.threelast a{float: left;width: 282px;height: 52px;text-align: center;line-height: 52px;text-align: center;margin-right: 50px;
border: 1px solid #fff;transition:.3s;box-sizing: border-box;font-size: 14px;color: #fff;border-radius: 50px;font-weight: bold;}
.threelast a:last-child{margin-right: 0;}
.threelast a.lx{border-color: #8ab9dd;background: #8ab9dd;}
.threelast a.lx:hover{background: #fff;color: #8ab9dd;}
.threelast a.rx:hover{border-color: #8ab9dd;background: #8ab9dd;}
.fore{width: 100%;padding: 80px 0 60px 0;box-sizing: border-box;background: #fff;}
.forecon{width: 100%;}
.forelist{width: 100%;}
.forelist ul li{float: left;margin-right: 2%;width: 49%;margin-bottom: 20px;}
.forelist ul li:nth-child(2n){margin-right: 0;}
.forelist ul li a{display: block;width: 100%;background: #fff;border-bottom: 2px solid #8ab9dd;box-sizing: border-box;
padding-top: 20px;}
.forelist ul li a h5{font-size: 17px;color: #36353d;font-weight: 500;transition:.3s;
overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.forelist ul li a p{font-size: 14px;color: #92949e;font-weight: 400;max-height: 44px;margin: 12px 0 20px 0;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.forelist ul li a span{font-size: 14px;color: #ccc;font-weight: 400;display: block;padding-bottom: 12px;border-bottom: 1px solid #eee;box-sizing: border-box;
overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.ntext{width: 100%;padding: 16px 0;box-sizing: border-box;}
.ntext strong{display: block;width: 106px;height: 34px;border: 1px solid #ccc;border-radius: 25px;text-align: center;line-height: 32px;
font-size: 13px;color: #5c5f6e;box-sizing: border-box;font-weight: 400;transition:.3s;}
.ntext strong i{display: inline-block;width: 14px;height: 14px;background: url(../images/m2.png) center no-repeat;vertical-align: -2px;
transition:.3s;}
.forelist ul li:hover a h5{color: #8ab9dd;}
.forelist ul li:hover .ntext strong{background: #8ab9dd;border-color: #8ab9dd;color: #fff;}
.forelist ul li:hover .ntext strong i{background: url(../images/m2s.png) center no-repeat;}
.footer{width: 100%;padding: 60px 0;box-sizing: border-box;background: #444;}
.footercon{width: 100%;}
.fleft{float: left;}
.fleft p{font-size: 14px;color: #999;font-weight: 400;line-height: 36px;}
.fleft p i{display: inline-block;width: 18px;height: 18px;vertical-align: -2px;}
.fleft p i img{display: block;width: 100%;}
.fright{float: right;}
.flist{float: left;margin-right: 60px;}
.flist:last-child{margin-right: 0;}
.flist img{display: block;width: 104px;height: 104px;margin-bottom: 14px;}
.flist p{font-size: 14px;color: #bbb;text-align: center;}
.footerlast{width: 100%;background: #fff;padding: 14px 0;box-sizing: border-box;}
.footerlastcon{width: 100%;}
.footerlastcon p{text-align: center;font-size: 12px;color: #989898;}
.footerlastcon p a{color: #989898;}
.nav{width: 100%;height: 60px;background: #000;z-index: 2000;padding: 0 14px;
box-sizing: border-box;display: none;position: fixed;top: 0;z-index: 0;z-index: 4000;}
.navleft{float: left;width: 35%;height: 60px;display: flex;align-items: center;}
.navleft a{display: block;max-width: 120px;}
.navleft a img{width: 100%;display: block;}
.navright{float: right;margin-top: 20px;}
.navright>span{width: 24px;height: 2px;display: block;margin-bottom: 7px;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;
 background: #fff;}
.navright.active span:nth-child(2){margin-left:6px;-webkit-transition: all 0.3s;transition: all 0.3s;}
.navright.active span:nth-child(3){margin-left:2px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.mobile{width: 100%;height: 100%;position: fixed;top: -100%;left: 0%;z-index: 3000;}
.mobilebj{width: 100%;height: 100%;position: fixed;top: -100%;left: 0%;}
.mobilebox{width: 100%;position: absolute;top: 0px;left: 0%;background: #000;max-height: 600px;}
.mobilelist>ul>.on>a i{transform: rotate(90deg);}
.mobilelist{width: 100%;height: 100%;padding: 15px 0;box-sizing: border-box;}
.mobilelist>ul>li{width: 100%;padding: 0 10px 0 20px;box-sizing: border-box;}
.mobilelist>ul>li:last-child{border-bottom: 0;margin-bottom: 0;}
.mobilelist>ul>li>a{display: block;font-size: 14px;color: #fff;padding: 10px 15px;box-sizing: border-box;position: relative;
border-bottom: 1px dashed #fff;}
.nbanner{width: 100%;height: 300px;margin-top: 70px;position: relative;}
.nbanner img{display: block;width: 100%;height: 100%;object-fit: cover;}
.nbanner .btexts{float: left;}
.nbanner .btexts h5{font-size: 52px;color: #fff;font-weight: 500;margin-bottom: 12px;background: transparent;}
.nbanner .btexts p{font-size: 18px;color: #fff;font-weight: 500;}
.new{width: 100%;padding: 80px 0;box-sizing: border-box;}
.newcon{width: 100%;}
.newlist{width: 100%;}
.newlist ul li{width: 100%;margin-bottom: 30px;}
.newlist ul li a{display: block;width: 100%;padding: 30px 0;box-sizing: border-box;border-bottom: 1px solid #f3f3f3;}
.newlist ul li:first-child a{padding-top: 0;}
.nimg{float: left;width: 32%;height: 250px;overflow: hidden;}
.nimg img{display: block;width: 100%;height: 100%;object-fit: cover;transition:.3s;}
.ntexted{float: left;width: 68%;padding-left: 2%;box-sizing: border-box;}
.ntexted h5{font-size: 17px;color: #36353d;font-weight: 500;transition:.3s;
overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.ntexted p{font-size: 14px;color: #92949e;font-weight: 400;max-height: 44px;margin: 12px 0 20px 0;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ntexted span{font-size: 14px;color: #ccc;font-weight: 400;display: block;
overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.newlist ul li:hover .nimg img{transform: scale(1.1);}
.newlist ul li:hover .ntexted h5{color: #8ab9dd;}
.scrpage{width: 100%;box-sizing: border-box;margin-top: 40px;}
.scrpage ul{display: table;margin: 0 auto;}
.scrpage ul li{float: left;margin-right: 8px;}
.scrpage ul li:last-child{margin-right: 0;}
.scrpage ul li a{font-size: 14px;color: #333;border: 1px solid #ccc;display: block;padding: 6px 12px;box-sizing: border-box;border-radius: 2px;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.scrpage ul .active a{border-color: #8ab9dd;background: #8ab9dd;color: #fff;}
.scrpage ul li:hover a{border-color: #8ab9dd;background: #8ab9dd;color: #fff;}
.contact{width: 100%;padding: 40px 0;box-sizing: border-box;background: #fff;}
.contactone{width: 100%;}
.contactlist{width: 100%;}
.contactlist ul li{float: left;width: 49%;margin-right: 2%;margin-bottom: 12px;}
.contactlist ul li:nth-child(2){margin-right: 0;}
.contactlist ul li:nth-child(3){margin-right: 0;width: 100%;}
.contactlist ul li:nth-child(4){margin-right: 0;width: 100%;}
.contactlist ul li:nth-child(5){margin-right: 0;width: 100%;}
.contactlist ul li input{width: 100%;height: 36px;border: 1px solid #eee;box-sizing: border-box;padding: 0 12px;font-size: 14px;color: #666;
outline: none;display: block;border-radius: 2px;}
.contactlist ul li textarea{width: 100%;border: 1px solid #eee;box-sizing: border-box;padding: 12px;
border-radius: 2px;font-size: 14px;color: #666;resize: none;outline: none;height: 146px;}
.contactlist ul li:nth-child(4) input{float: left;width: calc(100% - 120px);}
.contactlist ul li:nth-child(4) p{float: left;width: 120px;border: 1px solid #eee;border-left: 0;cursor: pointer;
box-sizing: border-box;padding:1px 2px;}
.contactlist ul li:nth-child(4) p img{display:block;width:100px;height: 32px;}
.contactlist ul li:nth-child(5) button{display: block;width: 100px;height: 38px;border: 0;border-radius: 30px;margin: 0 auto;font-size: 14px;color: #fff;font-weight: 500;outline: none;background: #8ab9dd;}
.contactlist ul button{display: block;width: 100px;height: 38px;border: 0;border-radius: 30px;margin: 0 auto;font-size: 14px;color: #fff;font-weight: 500;outline: none;background: #8ab9dd;}


.lxwm{width: 100%;padding: 40px 0;box-sizing: border-box;background: #f7f8fa;}
.lxwmcon{width: 100%;}
.lxwmconter{width: 100%;}
.lxwmleft{float: left;padding-top: 40px;box-sizing: border-box;}
.lxwmleft p{font-size: 14px;color: #82838c;font-weight: 400;line-height: 36px;}
.lxwmleft p i{display: inline-block;width: 18px;height: 18px;vertical-align: -2px;}
.lxwmleft p i img{display: block;width: 100%;}
.lxwmright{float: right;width: 55%;}
.lxwmright img{display: block;width: 100%;}
@media screen and (max-width: 1210px) {
	.jy_1200{max-width: 100%;padding: 0 4%;}
	.one,.two,.three,.fore,.new{padding: 40px 0;}
	.btext h6,.threetitle h4{font-size: 50px;}
	.oneleft{width: 40%;margin-right: 4%;}
	.oneright{width: 56%;padding-top: 20px;}
	.nbanner .btexts h5{font-size: 40px;}
}
@media screen and (max-width: 1000px) {
	.header{display: none;}
	.nav{display: block;}
	.banner{padding-top: 60px;}
	.btext{float: left;}
	.nbanner{margin-top: 60px;}
	.nbanner img{height: 320px;}
	.bannercon ul li a img{height: 320px;object-fit: cover;}
	.oneleft{float: none;width: 100%;margin-right: 0;margin-bottom: 20px;height: auto;}
	.oneright{float: none;padding-top: 0;width: 100%;}
	.nimg{float: none;width: 100%;margin-right: 0;margin-bottom: 20px;height: auto;}
	.ntexted{float: none;padding-top: 0;width: 100%;padding-left: 0;}
	.twolist ul li{width: 49%;}
	.twolist ul li:nth-child(3n){margin-right: 2%;}
	.twolist ul li:nth-child(2n){margin-right: 0;}
}
@media screen and (max-width: 580px) {
	.btext h6, .threetitle h4{font-size: 32px;}
	.nbanner .btexts h5{font-size: 32px;}
	.oneright h4{font-size: 24px;}
	.onelast ul li h6{font-size: 22px;}
	.onelast ul li p{font-size: 12px;}
	.twonav{width: 100%;}
	.twonav ul li{width: 33.3%;}
	.twolist ul li{float: none;width: 100%;margin-right: 0;}
	.threelast{display: block;width: 100%;}
	.threelast a{width: 48%;margin-right: 4%;}
	.threelast a:last-child{margin-right: 0;}
	.forelist ul li{width: 100%;margin-right: 0;}
	.footer{padding: 20px 0;}
	.fleft{float: none;width: 100%;}
	.fright{float: none;width: 100%;padding-top: 12px;box-sizing: border-box;}
	.newlist ul li{margin-bottom: 20px;}
	.newlist ul li a{padding: 20px 0;}
	.scrpage ul li a{padding: 4px 8px;}
	.contactlist ul li{width: 100%;float: none;}
	.contactlist ul li:nth-child(2){margin-right: 0;}
	.contactlist ul li:nth-child(3){margin-right: 0;width: 100%;}
	.contactlist ul li:nth-child(4){margin-right: 0;width: 100%;}
	.contactlist ul li:nth-child(5){margin-right: 0;width: 100%;}
	.lxwmleft{float: none;width: 100%;padding-top: 0;}
	.lxwmright{float: none;width: 100%;margin-top: 12px;}
}


/*其他*/
.pages {
    max-width: 1200px;
	min-height: 50px;
	margin-top:40px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin: 0 auto;
}


.text-center {
    text-align: center!important;
}
.border-bottom {
    border-bottom: 1px solid #dee2e6!important;
	margin-top: 0.2rem!important;
}

.mb-3, .my-3 {
    margin-bottom: 0.5rem!important;
	 
}
.content {
    color: #666;
    line-height: 2;
}


/*产品轮播*/


.view {
	max-width: 800px;
	
}
.view .swiper-slide {
	height: 660px;
	max-width: 800px;
	padding: 0 3px;
	box-sizing: border-box;
	overflow: hidden;
	text-align: center;
	padding-bottom:60px;
}
.view .swiper-slide img {
	height: 100%;
}
.view .arrow-left {
	background: url(../images/index_tab_l.png) no-repeat left center;
	position: absolute;
	left: 10px;
	width: 28px;
	height: 300px;
	z-index: 10;
	display: none;
}
.view .arrow-right {
	background: url(../images/index_tab_r.png) no-repeat right center;
	position: absolute;
	right: 10px;
	width: 28px;
	height: 300px;
	z-index: 10;
	display: none;
}
.preview {
	position: relative;
	width: 840px;
	left: 30px;
	margin-top:30px;
}
.preview .swiper-slide {
	width: 87.5px;
	height: 70px;
	margin: 0 3px;
	box-sizing: border-box;
	overflow: hidden;
	cursor: pointer;
}
.preview .swiper-slide img {
	display: inline-block;
	height: 100%;
}
.preview .active-nav {
	border: 1px solid #F00;
}
.preview .arrow-left {
	background: #fff url(../images/feel3.png) no-repeat left center;
	position: absolute;
	left: -20px;
	top: 0;
	width: 20px;
	height: 70px;
	z-index: 10;
}
.preview .arrow-right {
	background: #fff url(../images/feel4.png) no-repeat right center;
	position: absolute;
	right: -20px;
	top: 0;
	width: 20px;
	height: 70px;
	z-index: 10;
}

@media only screen and (max-width: 768px) {
.view .swiper-slide {
	height: 300px;
}
.preview {
	display: none;
}
.view .arrow-left, .view .arrow-right {
	height: 200px;
	display: block;
}
}


 

@each $breakpoint in map-keys($grid-breakpoints) {
  @include media-breakpoint-up($breakpoint) {
    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);

    .flex#{$infix}-row            { flex-direction: row !important; }
    .flex#{$infix}-column         { flex-direction: column !important; }
    .flex#{$infix}-row-reverse    { flex-direction: row-reverse !important; }
    .flex#{$infix}-column-reverse { flex-direction: column-reverse !important; }

    .flex#{$infix}-wrap         { flex-wrap: wrap !important; }
    .flex#{$infix}-nowrap       { flex-wrap: nowrap !important; }
    .flex#{$infix}-wrap-reverse { flex-wrap: wrap-reverse !important; }
    .flex#{$infix}-fill         { flex: 1 1 auto !important; }
    .flex#{$infix}-grow-0       { flex-grow: 0 !important; }
    .flex#{$infix}-grow-1       { flex-grow: 1 !important; }
    .flex#{$infix}-shrink-0     { flex-shrink: 0 !important; }
    .flex#{$infix}-shrink-1     { flex-shrink: 1 !important; }

    .justify-content#{$infix}-start   { justify-content: flex-start !important; }
    .justify-content#{$infix}-end     { justify-content: flex-end !important; }
    .justify-content#{$infix}-center  { justify-content: center !important; }
    .justify-content#{$infix}-between { justify-content: space-between !important; }
    .justify-content#{$infix}-around  { justify-content: space-around !important; }

    .align-items#{$infix}-start    { align-items: flex-start !important; }
    .align-items#{$infix}-end      { align-items: flex-end !important; }
    .align-items#{$infix}-center   { align-items: center !important; }
    .align-items#{$infix}-baseline { align-items: baseline !important; }
    .align-items#{$infix}-stretch  { align-items: stretch !important; }

    .align-content#{$infix}-start   { align-content: flex-start !important; }
    .align-content#{$infix}-end     { align-content: flex-end !important; }
    .align-content#{$infix}-center  { align-content: center !important; }
    .align-content#{$infix}-between { align-content: space-between !important; }
    .align-content#{$infix}-around  { align-content: space-around !important; }
    .align-content#{$infix}-stretch { align-content: stretch !important; }

    .align-self#{$infix}-auto     { align-self: auto !important; }
    .align-self#{$infix}-start    { align-self: flex-start !important; }
    .align-self#{$infix}-end      { align-self: flex-end !important; }
    .align-self#{$infix}-center   { align-self: center !important; }
    .align-self#{$infix}-baseline { align-self: baseline !important; }
    .align-self#{$infix}-stretch  { align-self: stretch !important; }
  }
}


/*分页*/
.page-num:not(:disabled) {
	cursor: pointer;
}
.page-num, .page-link {
	position: relative;
	display: block;
	padding: .1rem .25rem;
	margin-left: -1px;
	line-height: 1.25;
	color: #17a2b8;
	background-color: #fff;
	border: 1px solid #dee2e6;
}
a.page-num:hover, .page-link:hover {
	text-decoration: none;
}
.page-num-current {
	z-index: 1;
	color: #fff;
	background-color: #17a2b8;
	border-color: #17a2b8;
}
.page-num-current:hover {
	color: #fff;
}