/* 滑动图 */
.banner{ position: relative; }
.banner.pcbann{display: block;}
.banner.mbann{display: none;}
.banner .ban_btn{position: absolute; width: 100%; bottom: 80px;}
.banner .swiper-container .swiper-slide{position: relative;}
.banner img{width: 100%; cursor: pointer;}
/* 文本1 */
.banner .ban_text1{ position: absolute; top: 0; bottom: 0; cursor: pointer; padding-left: 50px; display: flex; justify-content: center; flex-direction: column; color: #FFFFFF;}
.banner .ban_text1 a{ color: #FFFFFF; }
.banner .ban_text1 h1{ font-weight: normal; font-size: 50px; margin-bottom: 38px;}
.banner .ban_text1 h1 b{ font-weight: bold; }
.banner .ban_text1 h3{ font-size: 32px; font-weight: normal; padding-bottom: 40px; margin-bottom: 70px; position: relative; }
.banner .ban_text1 h3::after{ content: ""; display: block; width: 30px; height: 2px; background-color: #FFFFFF; position: absolute; bottom: 0; left: 0; }
.banner .ban_text1 p{ margin-bottom: 20px; font-size: 20px; }
.banner .ban_text1 p span{ padding-right: 30px; padding-left: 15px; position: relative; display: inline-block; }
.banner .ban_text1 p span::before{ position: absolute; left: 0; top: 50%; margin-top: -2.5px; content: ""; display: block; background-color: #FFFFFF; height: 5px; width: 5px; }
/* 左右切换 */
.banner .swiper-button-next, .banner .swiper-button-prev{ border: 1px solid #bfab90; background: url(../images/icon_right1.png) no-repeat center; padding: 0 20px; position: relative; left: auto; right: auto; display: block; float: left; margin-right: 10px; }
.banner .swiper-button-next:focus, .banner .swiper-button-prev:focus{ outline: none; }
.banner .swiper-button-prev{ transform: rotateY(180deg); }
.banner .swiper-button-next:after, .banner .swiper-button-prev:after{ display: none; }
@media all and (max-width:1460px){
	.banner .ban_text1 h1{ font-size: 40px; margin-bottom: 28px; }
	.banner .ban_text1 h3{ font-size: 26px; padding-bottom: 20px; margin-bottom: 30px; }
	.banner .ban_text1 p{ font-size: 18px; margin-bottom: 10px; }
}
@media all and (max-width:1260px){
	.banner .ban_text1 h1{ font-size: 36px; margin-bottom: 20px; }
	.banner .ban_text1 h3{ font-size: 22px; padding-bottom: 15px; margin-bottom: 20px; }
}
@media all and (max-width:1024px){
	.banner .ban_btn{bottom: 30px;}
}
@media all and (max-width:768px){
	.banner.pcbann{display: none;}
	.banner.mbann{display: block;}
	.banner.pcbann img{width: 140%; margin-left: -20%;}
	.banner .ban_text1 { transform: scale(1); }
	.banner .ban_text1 h1{ font-size: 26px; margin-bottom: 20px; }
	.banner .ban_text1 h3{ font-size: 20px; padding-bottom: 15px; margin-bottom: 20px; }
	.banner .ban_text1 p{ font-size: 18px; }
	.banner .swiper-button-next, .banner .swiper-button-prev{height: 25px; width: 25px; padding: 0;}
}
@media all and (max-width:480px){
	.banner.pcbann img{width: 160%; margin-left: -30%;}
	.banner .ban_text1 {padding-left: 10px; transform: scale(0.8);}
	.banner .ban_text1 h1{ font-size: 22px; margin-bottom: 10px; }
	.banner .ban_text1 h3{ font-size: 18px; padding-bottom: 10px; margin-bottom: 10px; }
	.banner .ban_text1 p{ font-size: 16px; }
	.banner .ban_btn{bottom: 10px;}
}


/* trait */
.trait{ position: relative; background: #fff; }
.trait-con { overflow: hidden;}
.trait-item { float: left; width: 25%; background: #fff; text-align: center; margin: 60px 0; }
.trait-item:hover { background: #c8a468; }
.trait-item:hover a,.trait-item:hover h2,.trait-item:hover p,.trait-item:hover span { color:#fff; }
.trait-item:hover span:after { filter:contrast(0%) brightness(200%); }
.trait-item a { display: block; border-right: 1px solid #e6e6e6; padding: 20px 0; }
.trait-item:last-child a { border-right: 0; }
.trait-item h2 { font-size: 32px; color: #333;font-family: DIN-Medium;}
.trait-item p { font-size: 18px;  color: #666; padding-top: 10px;}
.trait-item span { display: block; text-align: center; font-size: 14px; color: #999; padding-top: 30px;}
.trait-item span:after {  content:''; vertical-align:middle; padding-left:20px;display: inline-block; background: url("../images/trait-icon.png") no-repeat center; width: 3px; height: 6px;}
/* trait end*/
@media all and (max-width:1260px){}
@media all and (max-width:1024px){
	.trait-item p{font-size: 14px;}
	.trait-item span{padding-top: 20px;}
}
@media all and (max-width:768px){
	.trait-con{}
	.trait-item{width: 50%; margin: 10px 0; }
	.trait-item:nth-child(2) a{ border-right: 0; }
}
@media all and (max-width:480px){
	.trait-item h2{font-size: 26px;}
	.trait-item span{padding-top: 10px;}
}


/* title */
.title-first {margin-bottom: 46px;}
.title-first h3 {display: inline-block;font-size: 18px;line-height: 30px;color: #000000; font-weight: normal;}
.title-first h3 span {font-size: 32px;font-weight: bold; position: relative;display: inline-block;padding-right: 13px;}
/* .title-first h3 span:after {content: '';display: block;position: absolute;bottom: 8px;right: 10px;width: 3px;height: 3px;background-color: #323232;border-radius: 50%;} */
.title-first.inverted h3 {color: #fff;}
.title-first.inverted h3 span:after {background-color: #fff}
.title-first .title-nav {float: right;}
.title-first .title-nav li {float: left;margin-left: 30px;}
.title-first .title-nav a {font-size: 14px;line-height: 30px;color: #323232;}
.title-first .title-nav a:hover {color: #BC9B69;}


.list-product .item h3 {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.list-product .item {display: block;position: relative;float: left;width: 32.33%;margin: 0 .5% 15px .5%;font-size: 0;line-height: 0;}
.list-product .item img {display: block;width: 100%;}
.list-product .item .cover {display: none;position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;color: #fff;background-color: rgba(0,0,0,.75)}
.list-product .item .middle-box {width: 100%;height: 100%;}
.list-product .item h3 {position: relative;padding-bottom: 20px;font-size: 20px;line-height: 24px;;}
.list-product .item h3:after {content: '';display: block;position: absolute;bottom: 0;left: 50%;width: 38px;height: 1px;margin-left: -19px;background-color: #fff}
.list-product .item .btn {margin-top: 10px;color: #a6a6a6;}


/* 产品中心 */
.product-index {
	padding: 92px 0 100px;
	background: url(../images/pro_bg.jpg) no-repeat;
	background-size: cover;
	background-color: #fff;
}
.product-index .thumbnail-group>div,
.product-index .thumbnail-group .swiper-slide {height: 704px;}
.product-index .thumbnail-group .swiper-slide {position: relative;border-radius: 0;background-repeat: no-repeat;background-size: cover;background-position: center;}
.product-index .thumbnail-group .swiper-slide p {position: absolute;bottom: 28px;left: 0;width: 100%;padding: 0 10px;font-size: 17px;line-height: 30px;color: #fff;}
.product-index .thumbnail-group .fl {width: 32%;}
.product-index .thumbnail-group .fr {width: 68%;}
.product-index .list-product .item {width: 50%;height: 352px;margin: 0}
.product-index .list-product .item .thumbnail {height: 352px;border: none;border-radius: 0;background-repeat: no-repeat;background-size: cover;background-position: center;}
.product-index .swiper-pagination {width: auto;left: auto;right: 20px;bottom: 40px;font-size: 0}
.product-index .swiper-pagination-bullet {width: 29px;height: 5px;background-color: transparent;border: 1px solid #ccc;border-radius: 0;opacity: 1;}
.product-index .swiper-pagination-bullet-active {background-color: #ccc}
.product-index .btn-more {margin-top: 60px;}

/* 垂直居中 */
.text-center{text-align: center;}

.middle-box{display: table;margin:0 auto; position:relative;}
.middle-inner{display: table-cell; vertical-align:middle; *position:absolute; *top:50%; *left:50%; width:100%; text-align:center;}
.middle-inner p{position:relative; *top:-50%; *left:-50%;}
.middle-inner.text-left {text-align: left;}

.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}
.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn.focus,.btn:focus,.btn:hover{color:#333;text-decoration:none}.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}
/* btn */
.btn {display: inline-block;background: none;border-radius: 0;}
.btn-easing {position: relative;}
.btn-easing span {position: relative;z-index: 2;}
.btn-easing:hover {color: #fff!important;}
.btn-easing:before{position:absolute;content:'';z-index:1;background:#bc9b69;top:0;left:0;width:100%;height:100%;-moz-transition:-moz-transform .6s cubic-bezier(.8,0,.2,1);-o-transition:-o-transform .6s cubic-bezier(.8,0,.2,1);-webkit-transition:-webkit-transform .6s cubic-bezier(.8,0,.2,1);-webkit-transition-delay:0s;transition:transform .6s cubic-bezier(.8,0,.2,1);-moz-transform:scale(0,1);-ms-transform:scale(0,1);-webkit-transform:scale(0,1);transform:scale(0,1);-moz-transform-origin:right top;-ms-transform-origin:right top;-webkit-transform-origin:right top;transform-origin:right top}
.btn-easing:hover:before{-moz-transform-origin:left top;-ms-transform-origin:left top;-webkit-transform-origin:left top;transform-origin:left top;-moz-transform:scale(1,1);-ms-transform:scale(1,1);-webkit-transform:scale(1,1);transform:scale(1,1)}

.btn-around {position: relative;}
.btn-around i {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.btn-around:before,
.btn-around:after,
.btn-around i:before,
.btn-around i:after {content: '';position: absolute;background: #fff;transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;}
.btn-around:before {left: 0;top: 0;width: 0;height: 1px;}
.btn-around:after {right: 0;bottom: 0;width: 0;height: 1px;}
.btn-around i:before {left: 0;bottom: 0;width: 1px;height: 0;}
.btn-around i:after {right: 0;top: 0;width: 1px;height: 0;}
.btn-around:hover:before,
.btn-around:hover:after {width: 100%;}
.btn-around:hover i:before,
.btn-around:hover i:after {height: 100%;}

.btn-hollow {color: #979797;border: 1px solid #979797}
.btn-hollow span {color: #979797;}
.btn-hollow:active span,
.btn-hollow:hover span {color: #fff;}
.btn-mid {width: 235px;font-size: 16px;line-height: 36px;}

.btn-more {min-width: 145px;font-size: 16px;line-height: 38px;color: #3e3e3e;border: 1px solid #323232}
.btn-more.inverted {color: #fff;border-color: #fff;}

@media (max-width: 768px) {
	/* title */
	.title-first {margin-bottom: 15px;text-align: center;}
	.title-first h3 {position: relative;font-size: 16px;line-height: 35px; color: #666; }
	.title-first h3 span{ display: block; font-size: 22px; padding-right: 0;color: #333;}
	.title-first h3:before,
	.title-first h3:after {content:'';display:block;position:absolute;top:20px;width:20px;height:2px;background-color:#323232}
	.title-first h3:before {left: -30px}
	.title-first h3:after {right: -30px;}
	.title-first h3 span:after {top: 18px;}
	.title-first.inverted h3:before,
	.title-first.inverted h3:after {background-color:#fff}
	.title-first .title-nav,
	.title-first .title-nav li {float: none;}
	.title-first .title-nav li {display: inline-block;margin: 5px 10px}
	
	.product-index {padding: 40px 0;background: #fff;}
	.product-index .thumbnail-group .fl,
	.product-index .thumbnail-group .fr {float: none;width: 100%;}
	.product-index .thumbnail-group>div, .product-index .thumbnail-group .swiper-slide {height: 400px;}
	.product-index .list-product .item,
	.product-index .list-product .item .thumbnail {height: 200px;}
	.product-index .thumbnail-group .swiper-slide p {width: 100%;text-align: center;font-size: 15px}
	.product-index .swiper-pagination {bottom: 10px;right: 0;width: 100%;}
	.product-index .btn-more { margin-top: 20px; line-height: 20px;  }
	
	
	/* 产品列表 */
	.list-product .item {width: 48%;margin: 0 1% 15px 1%}
	.list-product .item .cover {display: block;height: 32px;}
	.list-product .item .middle-box,
	.list-product .item .middle-inner {display: block;}
	.list-product .item h3 {padding: 0;font-size: 14px;line-height: 32px;}
	.list-product .item h3:after {content: none}
	.list-product .item .btn {display: none;}
	
}
@media (max-width: 480px) {
	.title-first h3{font-size: 14px;}
}


/* 招商加盟 */
.inService{ background:#f7f7f7 url(../images/zs_bg.jpg) no-repeat right; position: relative; overflow: hidden; background-size: cover; }
.inService::after, .inService::before{ content: ""; display: block; position: absolute; text-transform: uppercase; font-size: 120px; line-height: 90px; font-weight: bold; color: #ddd; z-index: 0;  }
.inService::after{ content: "advantage"; top: 0; left: -160px; }
.inService::before{ content: "Kd Home"; bottom: 0; right: -50px;}
.inService_in{padding:70px 0 102px;background:url(../images/bar1.png) no-repeat 101% 0;}
.inService .lk_tit{ text-align: center; }
.inService .lk_tit h3{ background: url(../images/fan2.png) no-repeat right center; font-size: 40px; color: #333333; margin-bottom: 15px; }
.inService .lk_tit h2{ font-weight: normal; font-size: 20px; }
.service_txt{width:210px;font-size:16px;color:#666; line-height: 1.875;margin-right:106px;}
.service_txt span{color:#d50e05;}
.service_box a{display:block;width:22.9%;float:left;overflow: hidden; position: relative;margin-left:2.8%;}
.service_box a .img{position: relative;}
.service_box a img{ max-width: 100%; }
.service_box a .hover_img{ position: absolute; width: 100%; height: 100%; background: url(../images/jm_hover.png);  }
.service_box a:first-child{margin-left:0;}
.service_box a .hover_img{position: absolute;left:0;top:0; opacity: 0;  z-index: 10;}
.service_box a:hover .hover_img{opacity: 1; }
.service_box a h3,.service_box a h4{font-size:24px;color:#fff; position: absolute;left:30px; z-index: 20;}
.service_box a h3{ top:30px; font-family: "HelveticaNeue-CondensedBold"; text-transform: uppercase; font-size: 18px; }
.service_box a h4{padding-bottom:30px;bottom:30px;background:url(../images/more3.png) no-repeat left bottom;font-family: "PingFangSC-Semibold"; font-size: 18px;}
.service_box a:nth-child(1){margin-top:54px;}
.service_box a:nth-child(2){margin-top:128px;}
.service_box a:nth-child(3){margin-top:54px;}
.service_box a:nth-child(4){margin-top:90px;}

@media only screen and (max-width:1440px) {
	.inService::after, .inService::before{ font-size: 100px; line-height: 75px; }
	.inService::after{left: -140px;}
	.inService::before{right: -40px;}
	.inService_in{padding-bottom:80px;}
}
@media only screen and (max-width:1200px) {
	.inService_in{padding-bottom:40px;}
}
@media only screen and (max-width:1024px) {
	.inService::after, .inService::before{ font-size: 80px; line-height: 60px; }
	.inService::after{left: -110px;}
	.inService::before{right: -30px;}
	.lk_more,.service_box a h4{background-size:18px;}
	.service_box a h3{font-size: 14px;}
	.service_box a h4{font-size: 14px;}
}
@media (max-width: 800px) {
	.service_box a{width:23.5%;margin-left:2%;}
	.service_box a h3, .service_box a h4{left:20px;}
	.service_box a h3{top:20px;}
	.service_box a h4{bottom:20px;padding-bottom:20px;}
	.service_box a:nth-child(1){margin-top:34px;}
	.service_box a:nth-child(2){margin-top:108px;}
	.service_box a:nth-child(3){margin-top:34px;}
	.service_box a:nth-child(4){margin-top:70px;}
}
@media (max-width: 640px) {
	.inService::after, .inService::before{ font-size: 30px; line-height: 30px; }
	.inService::after{left: -45px;}
	.inService::before{right: -10px;}
	.inService .lk_tit h3{font-size: 22px}
	.inService .lk_tit h2{font-size: 14px}
	.inService_in{padding-top:50px;}
	.service_txt{margin-right:35px;} 
}
@media (max-width: 500px) {
	.service_box a{width:48%;margin-left:2%;}
	.service_box a:nth-child(2n+1){margin-left:0;}
	.inService_in{padding-top:50px;padding-bottom:50px;background-size:50%;background-position: 101% 32%;}
	.inService .lk_tit{float:none;}
	.service_box a:nth-child(1){margin-top:10px;}
	.service_box a:nth-child(2){margin-top:70px;}
	.service_box a:nth-child(3){margin-top:-42px;}
	.service_box a:nth-child(4){margin-top:10px;}
	.service_txt{float:none;margin-right:0;width:100%;font-size:14px;margin-top:20px;}
	.lk_more{width:40px;height:40px;text-indent: -9999px;padding:0;background-position: center center;background-size:16px;border-width:2px;}
	.lk_tit h2{font-size:22px;margin:16px 0 10px;}
 }
 
 
 

/* 首页广告 */
.session_3{position:relative;padding-top:80px;padding-bottom:105px}
.session_3 .top-box{position:relative;overflow:hidden;width: 100%; max-width:750px;height:337px;margin:0 auto}
.session_3 .txt{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:url(../images/bglogo.png) center center no-repeat;}
.session_3 .txt img{display: none;}
.session_3 .bg{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:url(../images/banner.jpg) center center no-repeat;background-size:100% 100%;background-attachment:fixed;}
.session_3 .info-box{text-align:center}
.session_3 .info-box h3{ font-size:30px; color:#b88b44; font-weight: normal; letter-spacing: 20px; margin-bottom: 10px; }
.session_3 .info-box h4{ font-weight:400; font-size:22px; color:rgba(80,80,80,0.3); }
.session_3 .info-box .bottom-box{color:#465d49;margin-top:80px;}
.session_3 .info-box .bottom-box .public-more{ margin-right:10px; color: #b88b44; font-size: 16px; }
.session_3 .bg-box{position:absolute;bottom:0;left:8%;color:rgba(30,30,30,0.06);font-size:120px;line-height:1;font-weight:700;font-family:'Arial Black'}
@media all and (max-width:1024px){
	.session_3{padding-top: 30px;}
	.session_3 .top-box{ height: auto;}
	.session_3 .bg{display: none; }
	.session_3 .txt{background: none; position: relative; margin-top: 50px; padding-bottom: 50px;}
	.session_3 .txt img{ width: 100%; display: block; }
	.session_3 .info-box h3{font-size: 26px;}
	.session_3 .info-box h4{font-size: 20px;}
	.session_3 .info-box .bottom-box{margin-top: 20px;}
	.session_3{padding-bottom: 60px;}
}
@media all and (max-width:768px){
	.session_3{ padding-bottom: 40px;}
	.session_3 .top-box{width: 80%;}
	.session_3 .info-box h3{ font-size: 20px; letter-spacing: 10px; }
	.session_3 .info-box h4{ font-size: 14px;  }
	.session_3 .info-box .bottom-box .public-more{ font-size: 14px; }
	.session_3 .txt{ margin-top: 20px; padding-bottom: 20px; }
}
@media all and (max-width:500px){
	.session_3 .top-box{width: 90%;}
	.session_3 .info-box h3{ font-size: 16px; }
	.session_3 .info-box .bottom-box .public-more{ font-size: 12px; }
}

/* 首页视频 */
.index_video{ overflow: hidden; }
.index_video .v_box { position: relative; }
.index_video video { display: none; width: 100%;  }
.index_video img { width: 100%;  }
.index_video .text{ color: #FFFFFF; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; text-align: center; }
.index_video .text a{ color: #FFFFFF; }
.index_video .text h3{ font-size: 36px; margin-bottom: 20px;}
.index_video .text h3 a{  }
.index_video .text p{ font-size: 20px; margin-bottom: 60px; }
.index_video .text .v_more a{padding: 15px 20px; font-size: 18px; padding-left: 50px; background: #b88b44 url(../images/icon_video.png) no-repeat 25px center;}
.index_video .text .v_more a:hover{ background-color: #dea652; }
@media all and (max-width:1024px){
	.index_video .text h3{ font-size: 24px; }
	.index_video .text p{ font-size: 16px; margin-bottom: 30px; }
	
}
@media all and (max-width:768px){
	.index_video .text { transform: scale(0.8); }
	.index_video .text h3{ font-size: 18px; margin-bottom: 10px; }
	.index_video .text p{ font-size: 14px; margin-bottom: 20px; }
	.index_video .text .v_more a{padding: 6px 20px; padding-left: 50px;}
}



/* service */
.service { position: relative; overflow: hidden; background: url("../images/service-bg.jpg") no-repeat center; width: 100%; height: 780px; }
.service-con { max-width: 1400px; margin: 0 auto;}
.service-con .wrap-tit { padding-top: 86px; text-align: center;animation: fadeinT 1s ease-out backwards;}
.service-con .wrap-tit h2 { margin-bottom: 10px; }
.service-con .wrap-tit h2 a { font-size: 38px; color: #222; font-weight: normal;}
.service-con .wrap-tit p {font-size: 18px;color: #666;/* padding-top: 10px; */}
.service-group { margin-top: 45px; }
.service-Left { float: left; width: 700px; position: relative;}
.service-main { width: 100%; overflow: hidden; }
.service-main .service-item { width: 700px; height: 480px; overflow: hidden;}
.service-main .service-item a {  display: block; overflow: hidden;}
.service-main .service-item img { width: 100%; transition: all 1s;}
.service-main .service-item:hover img { transform: scale(1.1)}
.service-menu { position:absolute;width: 660px;  height:60px;background: rgba(0,0,0,0.4); left: 20px; bottom: 20px;}
.service-menu  ul {display: block;*display:line;*zoom:1;width: 500px;margin: 0 auto;overflow: hidden;text-align: center;margin-top: 25px;}
.service-menu ul li{display:inline-block;*display:line;*zoom:1;margin: 0 6px;width:6px;height: 6px;cursor:pointer;text-indent: -999px;position: relative; background: #fff;transition:all 0.5s;}
.service-menu ul li.cur{transform: scaleX(2); background: #d93638;}
.service-menu .prev, .service-menu .next{  width: 19px; height: 6px; display: block; padding: 0 30px;}
.service-menu .prev { background: url("../images/service-prev.png") no-repeat center; float: left; margin: 28px 0;}
.service-Left .next{ background: url("../images/service-next.png") no-repeat center; float: right; margin-top: -13px;}
.service-Right { float: left; width: 700px; }
.service-Right .service-Top { background: #b88b44 /* url("../images/service-bg02.jpg") */ no-repeat center; width: 700px; height: 243px;}
.service-Right .service-Top  .Top-tit  p { font-size: 10px;font-family: FrutigerLTStd-Bold; font-weight: bold; color: #fff; width: 220px; padding-top: 66px; padding-left: 63px;}
.service-Right .service-Top  .Top-tit { float: left;}
.service-Right .service-Top  .Top-tit  h2 { font-size: 38px; color: #fff;padding-left: 63px; padding-top: 27px;}
.service-Right .service-Top  .Top-tit  h2 > span { font-weight: normal;}
.service-Right .service-Top .Top-tit > span { font-size: 20px; color: #fff; display: block; padding-top: 20px; padding-left: 63px;}
.service-Top .Top-btn { float: right; padding-right: 63px; padding-top: 66px;}
.service-Top .Top-btn a { display: block; width: 130px; font-size: 14px; height: 45px; border: 1px solid #fff; box-sizing: border-box; margin-bottom: 29px; text-align: center; color: #fff; line-height: 45px;}
.service-Top .Top-btn a i { display: inline-block; background: url("../images/product-icon.png") no-repeat center; width: 5px; height: 9px; padding-left: 15px;}
.service-Top .Top-btn a:hover { background-color: #fff;color: #d93638;border: none;}
.service-Top .Top-btn a:hover i { background: url("../images/product-icon02.png") no-repeat center;}
.service-Bottom { display: block; overflow: hidden;}
.Bottom-college { float: left; width: 50%; background: #414141; padding-bottom: 53px;}
.Bottom-college:nth-of-type(1) { animation: fadeinL 1s ease-out backwards;background: #333;}
.Bottom-college:nth-of-type(2) { animation: fadeinR 1s ease-out backwards;}
.Bottom-college p { padding-top: 61px; padding-left: 63px; font-size: 10px; color: #666; font-weight: bold;}
.Bottom-college h2 { font-size: 24px; color: #fff; padding-top: 5px; padding-left: 63px; font-weight: normal;}
.Bottom-college h2 i { display: inline-block; background: url("../images/honor-next.png") no-repeat center; width: 19px; height: 6px; vertical-align: middle; padding-left: 85px; transition: all 0.75s;}
.Bottom-college span { display: block; font-size: 16px; color: #999; padding-top: 35px; padding-left: 63px;}
.Bottom-college:hover  h2 i { transform: translateX(10px);}
/* service end */
@media screen and (max-width: 1440px) {
	/* service */
	.service-con { max-width: 1200px;}
	.service-Left {width: 600px;}
	.service-main .service-item { width: 600px; height: auto;}
	.service-menu {width: 560px;height:60px;left: 20px;bottom: 40px;}
	.service-menu  ul {width: 400px;margin-top: 28px; float: left;}
	.service-menu .prev {  float: left; margin: 28px 0;}
	.service-menu .next{margin: 28px 0; float: left;}
	.service-Right {float: left;width: 600px;}
	.service-Right .service-Top {width: 600px;height: 200px; }
	.service-Right .service-Top .Top-tit h2{font-size: 30px; padding-top: 20px;}
	.service-Right .service-Top  .Top-tit  p {padding-top: 26px}
	.service-Top .Top-btn {padding-top: 46px;}
	.Bottom-college {padding-bottom:50px;}
	.Bottom-college p {padding-top: 43px;}
	.Bottom-college h2 { padding-top: 15px;}
	.Bottom-college span {  padding-top: 29px;}
	/* service end */
}
@media screen and (max-width: 1260px) {
	.service{height: auto;}
	.service-Left{width: 100%;}
	.service-Right{width: 100%;}
	.service-Right .service-Top{ width: 100%;}
}
@media screen and (max-width: 768px) {
	.service-menu{width: 96%; left: 2%; }
	.service-menu ul{width: calc(100% - 120px); }
	.service-menu .next{float: right;}
	.service-Top .Top-btn{ padding-right: 15px; padding-top: 20px; }
	.service-Top .Top-btn a{margin-bottom: 10px;}
	.service-con .wrap-tit{padding-top: 50px;}
	.service-con .wrap-tit h2 { margin-bottom: 5px; }
	.service-con .wrap-tit h2 a{font-size: 20px;}
	.service-con .wrap-tit p{font-size: 14px;}
	.service-Right .service-Top{height: auto;}
	.service-Right .service-Top .Top-tit p {padding-top: 20px; padding-left: 20px;}
	.service-Right .service-Top .Top-tit h2{ padding-left: 20px;font-size: 20px;padding-top: 10px;}
	.service-Right .service-Top .Top-tit > span{padding-left: 20px; padding-top: 5px; font-size: 16px;}
	.service-group{margin-top: 20px;}
	
	.Bottom-college p{padding-left: 20px; padding-top: 20px;}
	.Bottom-college h2{padding-left: 20px; font-size: 18px;}
	.Bottom-college h2 i{padding-left: 40px;}
	.Bottom-college span{padding-left: 20px; padding-top: 10px;}
	.Bottom-college{padding-bottom: 20px; width: 100%;}
}

/* news */
.news{padding-top:8%;background:#f0f0f0;padding-bottom:6%}
.news .n_title{text-align:center;margin-bottom:6%}
.news .n_title b{display:block;font-size:40px;color:#121212}
.news .n_title span{font-size:20px;color:#121212}
.news .swiper-container-news{overflow:hidden;position:relative;padding-bottom:70px}
.news .swiper-container-news .swiper-slide{position:relative;background:#fff;overflow:hidden}
.news .swiper-container-news .swiper-slide .content{position:relative;z-index:2;padding:58px 50px;color:#121212}
.news .swiper-container-news .swiper-slide .content >span{font-size:30px;display:block;transition:300ms;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;}
.news .swiper-container-news .swiper-slide .content >small{font-size:16px;margin:50px 0;display:block;transition:300ms;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}
.news .swiper-container-news .swiper-slide .content p{display:flex;justify-content:space-between;align-items:center}
.news .swiper-container-news .swiper-slide .content p span{background:url(../images/icon_news.png) no-repeat left center;padding-left:35px;font-size:18px;transition:300ms; line-height: 26px;}
.news .swiper-container-news .swiper-slide .content p b{font-size:40px;color:#4d3528;transition:300ms}
.news .swiper-container-news .swiper-slide .img-wrap{position:absolute;left:0;top:0;opacity:0;transition:500ms;background:#000;width:100%;height:100%}
.news .swiper-container-news .swiper-slide .img-wrap img{width:100%;transition:500ms;height:100%;object-fit:cover;display:block}
.news .swiper-container-news .swiper-slide:hover .content{color:#fff}
.news .swiper-container-news .swiper-slide:hover .content b{color:#fff}
.news .swiper-container-news .swiper-slide:hover .img-wrap{opacity:1}
.news .swiper-container-news .swiper-slide:hover .img-wrap img{opacity:.2;transform:scale(1.1)}
.news .swiper-container-news .swiper-pagination-bullet{background:#4d3528;margin:0 5px}
@media(max-width:767px){
	.news{padding-top:40px}
	.news .n_title b{font-size:22px;padding-bottom: 15px;}
	.news .n_title span{font-size:14px;}
	.news .swiper-container-news{padding-bottom:38px}
	.news .swiper-container-news .swiper-slide .content{padding:30px}
	.news .swiper-container-news .swiper-slide .content >span{font-size:16px}
	.news .swiper-container-news .swiper-slide .content >small{margin:10px 0;font-size:12px;line-height:30px;height:68px}
	.news .swiper-container-news .swiper-slide a{display:flex;flex-direction:column-reverse}
	.news .swiper-container-news .swiper-slide .img-wrap{opacity:1;position:relative}
	.news .swiper-container-news .swiper-slide .content p b{font-size:13px}
	.news .swiper-container-news .swiper-slide .content p span{padding-left:19px;background-size:12px;font-size:12px}
}

@media(min-width:768px) and (max-width:991px){
	.news{padding-top:5%}
	.news .n_title b{font-size:40px}
	.news .swiper-container-news .swiper-slide .content{padding:20px}
	.news .swiper-container-news .swiper-slide .content >span{font-size:16px}
	.news .swiper-container-news .swiper-slide .content >small{margin:25px 0;font-size:12px}
	.news .swiper-container-news .swiper-slide .content p b{font-size:22px}
	.news .swiper-container-news .swiper-slide .content p span{font-size:15px}
}

@media(min-width:992px) and (max-width:1199px){
	.news{padding-top:5%}
	.news .n_title b{font-size:40px}
	.news .swiper-container-news .swiper-slide .content{padding:35px}
	.news .swiper-container-news .swiper-slide .content >span{font-size:20px}
	.news .swiper-container-news .swiper-slide .content >small{margin:25px 0;font-size:12px}
	.news .swiper-container-news .swiper-slide .content p b{font-size:22px}
	.news .swiper-container-news .swiper-slide .content p span{font-size:15px}
}

@media(min-width:1200px) and (max-width:1400px){
	.news .swiper-container-news .swiper-slide .content{padding:35px}
	.news .swiper-container-news .swiper-slide .content >span{font-size:28px}
	.news .swiper-container-news .swiper-slide .content >small{margin:38px 0}
	.news .swiper-container-news .swiper-slide .content p b{font-size:37px}
}