@charset "utf-8";
/* 
    author:Yang Runcheng;
    date:2020-10-24;
*/

/*--banner--*/
.banner{position:relative;z-index:1;width:100vw;height:730px;overflow:hidden;}
.banner .swiper-wrapper,.banner .swiper-slide{height:100%;}
.banner .swiper-slide a{display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:center;}
.banner .ctrl{position:absolute;z-index:9;left:50%;bottom:35px;width:1400px;height:50px;overflow:hidden;transform:translateX(-50%);text-align: center;}
.banner .swiper-pager span{position:relative;display:inline-block;margin:0 6px 0 0!important;width:23px;height:23px;border:rgba(255,255,255,0) solid 1px;border-radius:50%;background:transparent;opacity:1;}
.banner .swiper-pager span:after{display:block;position:absolute;left:50%;top:50%;width:7px;height:7px;content:"";cursor:pointer;background:#fff;border-radius:50%;transform:translate(-50%,-50%);}
.banner .swiper-pager span.swiper-pagination-bullet-active{border-color:#fff;}
.banner .swiper-prev,.banner .swiper-next{position:absolute;top: 50%;width:70px;height:70px;line-height:70px;color:#fff;text-align:center;cursor:pointer; border: 1px solid #fff; z-index: 3;}
.banner .swiper-prev i,.banner .swiper-next i { font-size: 28px;}
.banner .swiper-prev{left:100px;}
.banner .swiper-next{right:100px;}
.banner .swiper-prev:hover,.banner .swiper-next:hover{color:#333;background:#fff;}
@media(max-width:1440px){
    .banner .ctrl{width:1200px;}
}
@media(max-width:1200px){
    .banner{display:none;}
}
/*--end banner--*/

/*--mBanner--*/
.mBanner{display:none;position:relative;overflow:hidden;}
.mBanner .swiper-slide img{display:block;width:100%;}
.mBanner .swiper-pager{position:absolute;z-index:9;left:0;bottom:20px;text-align:center;}
.mBanner .swiper-pager span{position:relative;display:inline-block;margin:0 6px 0 0!important;width:23px;height:23px;border:rgba(255,255,255,0) solid 1px;border-radius:50%;background:transparent;opacity:1;}
.mBanner .swiper-pager span:after{display:block;position:absolute;left:50%;top:50%;width:7px;height:7px;content:"";cursor:pointer;background:#fff;border-radius:50%;transform:translate(-50%,-50%);}
.mBanner .swiper-pager span.swiper-pagination-bullet-active{border-color:#fff;}

@media(max-width:1200px){
    .mBanner{display:block;}
}
/*--end mBanner--*/


/* product */
.product { position: relative; overflow: hidden; padding: 70px 0; box-sizing: border-box; background: #fff;}
.product .product-slide {  margin-top: 55px; overflow: hidden;}
.product .product-con { position: relative; display: inline-block; width: 100%;}
.product .product-slide  .swiper-slide:nth-of-type(even) {margin-top: 100px;}
.product .product-slide .swiper-slide .pic { display: block; width: 100%; overflow: hidden;}
.product .product-slide .swiper-slide .pic img { display: block; width: 100%; transition: all 1s;}
.product .product-slide .swiper-slide .tit {display: block;padding: 21px 0;width: 100%;background: #e3e3e3;text-align: center;}
.product .product-slide .swiper-slide .tit p {display: block; width: 95%;height: 30px;line-height: 30px;font-size: 18px;margin: 0 auto; color: #333;}
.product .product-slide .swiper-slide:hover img { transform: scale(1.1);}
.product .product-con .swiper-prev,.product .product-con .swiper-next { border: none; outline: none; cursor: pointer; position: absolute; top: 60%; width: 36px; height: 36px; line-height: 36px; text-align: center; border-radius: 50%; background: #e3e3e3;}
.product .product-con .swiper-prev { left: -70px;}
.product .product-con .swiper-next { right: -70px;}
.product .product-con .swiper-prev i,.product .product-con .swiper-next i { font-size: 16px; color: #fff;}
.product .product-con .swiper-prev:hover,.product .product-con .swiper-next:hover { background: #a0a0a0;}
@media (max-width: 1440px) {
.product .product-slide .swiper-slide .tit { padding:15px 0;}
.product .product-slide .swiper-slide .tit p { font-size:16px;}
}
@media (max-width: 992px) {
    .product { padding: 30px 2.5%;}
    .product .product-slide { margin-top: 30px;}
    .product .product-con .swiper-prev,.product .product-con .swiper-next { display: none;}
    .product .product-slide  .swiper-slide:nth-of-type(even) { margin-top: 0;}
    .product .product-slide .swiper-slide .tit { padding: 10px 0;}
    .product .product-slide .swiper-slide .tit p {font-size: 13px;height: 25px;line-height: 25px;/* white-space: nowrap; *//* text-overflow: ellipsis; *//* overflow: hidden; */}
}
/* product end */


/* adv */
.adv { padding: 65px 0; position: relative; background: url("../images/Index/adv-bg.jpg") no-repeat center; width: 100%; height: auto; background-size: cover;}
.adv .adv-slide { margin-top: 60px; overflow: hidden;}
.adv .adv-slide .adv-menu { display: block; text-align: center;}
.adv .adv-slide .adv-menu ul { display: inline-block;}
.adv .adv-slide .adv-menu li { position: relative; margin: 0 15px; float: left; width: 140px; height: 55px; line-height: 55px; text-align: center; font-size: 18px; color: #333; background: #fff;}
.adv .adv-slide .adv-menu li:after { content: ''; display: none; position: absolute; left: 50%; bottom: -7px; background: url("../images/Index/arrow-icon01.png") no-repeat center; width: 10px; height: 7px; background-size: 100%;}
.adv .adv-slide .adv-main { margin-top: 40px; background: #fff;}
.adv .adv-slide .adv-menu li.cur  { background: #000;}
.adv .adv-slide .adv-menu li.cur a  { color: #fff;}
.adv .adv-slide .adv-menu li.cur:after { display: block;}
.adv .adv-slide .pic { float: left; width: 58%; overflow: hidden;}
.adv .adv-slide .pic img { display: block; width: 100%; transition: all 1s;}
.adv .adv-slide .tit { float: right; width:42%; padding: 60px 70px; box-sizing: border-box;}
.adv .adv-slide .tit .titTop { display: block; padding-bottom: 40px; border-bottom: 1px solid #ebebeb;}
.adv .adv-slide .tit .titTop h2 { color: #333; font-weight: bold; font-size: 24px;}
.adv .adv-slide .tit .titTop p {font-size: 24px; color: #333;}
.adv .adv-slide .tit .titBm { margin-top: 40px;}
.adv .adv-slide .tit .titBm ul {display: block;margin-bottom: 60px;overflow: hidden;}
.adv .adv-slide .tit .titBm li { position: relative; padding-left:16px; box-sizing:border-box;float: left; width: 50%; font-size: 18px; color: #333; line-height: 1.75;}
.adv .adv-slide .tit .titBm li:after { content: ''; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background:#148701; border-radius: 50%; width: 6px; height: 6px;}
.adv .adv-slide .tit .adv-more {  display: block; clear: both; text-align: center; width: 105px; height: 45px;line-height: 45px; font-size: 14px; color: #fff; background: #000; border-radius: 10px;}
@media (max-width: 1440px) {
    .adv .adv-slide .tit { padding:60px 40px;}
}
@media (max-width: 1200px) {
    .adv { padding: 30px 2.5%;}
    .adv .adv-slide { margin-top: 30px;}
    .adv .adv-slide .adv-menu ul { display: flex;}
    .adv .adv-slide .adv-menu li { flex: 1; float: none; margin: 0; height: 40px; line-height: 40px; font-size: 16px; }
   .adv .adv-slide .adv-menu li:after { width:7px; bottom:-5px;}
    .adv .adv-slide .adv-main { margin-top: 20px;}
    .adv .adv-slide .pic { width: 100%;}
    .adv .adv-slide .tit { padding: 20px; width: 100%;}
    .adv .adv-slide .tit .titTop { padding-bottom: 20px;}
    .adv .adv-slide .tit .titTop h2 { font-size: 18px;}
    .adv .adv-slide .tit .titTop p { font-size: 18px;}
    .adv .adv-slide .tit .titBm { margin-top: 20px;}
    .adv .adv-slide .tit .titBm ul { margin-bottom: 30px;}
    .adv .adv-slide .tit .titBm li { width: 100%; font-size: 16px;}
}

/* adv end */


/* hzxm */
.hzxm { position: relative; padding: 70px 0; background: #fff;}
.hzxm .hzxm-con { position: relative; display: inline-block; width: 100%;}
.hzxm .hzxm-slide { margin-top: 100px; overflow: hidden;}
.hzxm .hzxm-slide .swiper-slide .tit { display: block; background: #ededed; padding: 50px 0; text-align: center; overflow: hidden;}
.hzxm .hzxm-slide .swiper-slide .tit h3 { font-size:20px;  color: #333;}
.hzxm .hzxm-slide .swiper-slide .tit p { font-size: 14px; color: #999;}
.hzxm .hzxm-slide .swiper-slide .tit i { display: block; margin: 20px auto 0; width: 40px; height: 1px;  background: #959595;}
.hzxm .hzxm-slide .swiper-slide .pic { display: block; width: 100%; overflow: hidden;}
.hzxm .hzxm-slide .swiper-slide .pic img { display: block; width: 100%; transition: all 1s;}
.hzxm .hzxm-con .swiper-prev,.hzxm .hzxm-con .swiper-next { border: none; outline: none; cursor: pointer; position: absolute; top: 60%; width: 36px; height: 36px; line-height: 36px; text-align: center; border-radius: 50%; background: #e3e3e3;}
.hzxm .hzxm-con .swiper-prev { left: -70px;}
.hzxm .hzxm-con .swiper-next { right: -70px;}
.hzxm .hzxm-con .swiper-prev i,.hzxm .hzxm-con .swiper-next i { font-size: 16px; color: #fff;}
.hzxm .hzxm-con .swiper-prev:hover,.hzxm .hzxm-con .swiper-next:hover { background: #a0a0a0;}
.hzxm .hzxm-slide .swiper-slide:hover img { transform: scale(1.1);}
@media (max-width: 992px) {
    .hzxm { padding: 30px 2.5%;}
    .hzxm .hzxm-slide { margin-top: 30px;}
    .hzxm .hzxm-slide .swiper-slide .tit { padding: 20px 0;}
    .hzxm .hzxm-con .swiper-prev { left: 0; z-index: 3;}
    .hzxm .hzxm-con .swiper-next { right: 0;  z-index: 3;}
}
/* hzxm end */


/* gcky */
.gcky { position: relative;padding: 0 0 70px; display: block; width: 100%;}
.gcky-slide { display: block;  width: 100%; overflow: hidden;}
.gcky-slide .gcky-menu { margin-top: 60px; position: relative; overflow: hidden; text-align: center;}
.gcky-slide .gcky-menu .swiper-pager { margin: 0 100px; display: inline-block;vertical-align: middle;}
.gcky-slide .gcky-menu .swiper-pager span { margin: 0 8px; border: none; outline: none; background: #e3e3e3; opacity: 1;}
.gcky-slide .gcky-menu .swiper-pager span.swiper-pagination-bullet-active { background: #a0a0a0;opacity: 1;}
.gcky-slide .gcky-menu .swiper-prev { cursor: pointer; border: none; outline: none; display: inline-block;color: #e3e3e3;transform: rotate(180deg);vertical-align: middle;}
.gcky-slide .gcky-menu .swiper-prev i {font-size: 45px;}
.gcky-slide .gcky-menu .swiper-next  { cursor: pointer; border: none; outline: none; display: inline-block;vertical-align: middle;color: #e3e3e3;}
.gcky-slide .gcky-menu .swiper-next i {font-size: 45px;}
.gcky-slide .gcky-menu .swiper-prev:hover,.gcky-slide .gcky-menu .swiper-next:hover  { color: #a0a0a0;}
.gcky-slide .gcky-main { margin-top: 60px; overflow: hidden;}
.gcky-slide .gcky-main .swiper-slide { width: 335px; height: 453px; overflow: hidden; transition: all .5s;}
.gcky-slide .gcky-main .swiper-slide .tit { position: absolute; left: 20px; bottom:40px; transition: all .5s;}
.gcky-slide .gcky-main .swiper-slide .tit p { font-size: 24px; color: #fff;}
.gcky-slide .gcky-main .swiper-slide .tit h3 { padding-top: 20px; font-size: 20px; color: #fff;}
.gcky-slide .gcky-main .swiper-slide .tit i { margin-top: 20px; display: block; background: url("../images/Index/arrow-next02.png") no-repeat center; width: 55px; height: 20px; background-size: 100%;}
.gcky-slide .gcky-main .swiper-slide.swiper-slide-active { width: 695px;}
.gcky-slide .gcky-main .swiper-slide.swiper-slide-active .tit { bottom: 200px;}
@media (max-width: 1440px) {
    .gcky-slide .gcky-main .swiper-slide.swiper-slide-active { width: 590px;}
    .gcky-slide .gcky-main .swiper-slide { width:285px;}
}
@media (max-width: 992px) {
    .gcky { padding: 0 2.5% 30px;}
    .gcky-slide .gcky-menu { margin-top: 30px;}
    .gcky-slide .gcky-menu .swiper-pager { margin: 0 30px;}
    .gcky-slide .gcky-main { margin-top: 30px;}
   .gcky-slide .gcky-main .swiper-slide { height:300px;}
   .gcky-slide .gcky-main .swiper-slide.swiper-slide-active { width:auto;}
    .gcky-slide .gcky-main .swiper-slide.swiper-slide-active .tit  {bottom:40px;}
}

/* gcky end */


/* indexHonor */
.indexHonor { padding: 70px 0 50px; position: relative; background: url("../images/Index/adv-bg.jpg") no-repeat center; width: 100%; height: auto; background-size: cover;}
.indexHonor .indexHonor-con { position: relative; display:inline-block; width: 100%;}
.indexHonor .indexHonor-slide { margin-top: 50px; overflow: hidden;}
.indexHonor .swiper-slide { background: #fff;}
.indexHonor .swiper-slide .pic { display: block; width: 100%; overflow: hidden;}
.indexHonor .swiper-slide .pic img { display: block; width: 100%; transition: all 1s;}
.indexHonor .swiper-slide .tit { padding: 5px 20px 20px;}
.indexHonor .swiper-slide p { display: block; text-align: center; font-size: 18px; color: #333;}
.indexHonor .indexHonor-con .swiper-prev,.indexHonor .indexHonor-con .swiper-next { border: none; outline: none; cursor: pointer; position: absolute; top: 50%; width: 36px; height: 36px; line-height: 36px; text-align: center; border-radius: 50%; background: #fff;}
.indexHonor .indexHonor-con .swiper-prev { left: -70px;}
.indexHonor .indexHonor-con .swiper-next { right: -70px;}
.indexHonor .indexHonor-con .swiper-prev i,.indexHonor .indexHonor-con .swiper-next i { font-size: 16px; color: #cecece;}
.indexHonor .indexHonor-con .swiper-prev:hover,.indexHonor .indexHonor-con .swiper-next:hover { background: #a0a0a0;}
.indexHonor .indexHonor-con .swiper-prev:hover i,.indexHonor .indexHonor-con .swiper-next:hover i { color: #fff;}
.indexHonor  .swiper-pager  {  padding-top:35px;text-align: center;}
.indexHonor  .swiper-pager span { background: #fff; opacity: 1; width: 9px; height: 9px;}
.indexHonor  .swiper-pager span.swiper-pagination-bullet-active { background: #a0a0a0; width: 34px; border-radius: 25px;}
/* indexHonor end */


/* partner */
.partner{padding:70px 0;overflow:hidden;}
.partner-list{ margin-top: 55px; padding-top:1px;padding-left:1px;overflow:hidden;background:#e6e6e6;}
.partner-list .item{float:left;width:20%;padding-right:1px;padding-bottom:1px;}
.partner-list .item a{display:block;background:#fff;}
.partner-list .item img {display:block; opacity: .65; width:100%; transition: all .8s;  filter:grayscale(100%);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter:grayscale(1)}
.partner-list .item:hover img { filter:none; opacity: 1;}
.partner .partner-more { display: block; margin: 30px auto 0; width: 120px; height: 40px; line-height: 40px; background: #a0a0a0; color: #fff; font-size: 14px; text-align: center; border-radius: 25px;}
.partner .partner-more:hover { background: #000;}

@media(max-width:1200px){
    .partner {padding:30px 10px;}
    .partner-list .item{width:50%;}
}
/* partner end */


/* aboutus */
.aboutus { padding: 60px 0;  position: relative; background: url("../images/Index/adv-bg.jpg") no-repeat center; width: 100%; height: auto; background-size: cover;}
.aboutus-tit { margin-top: 50px; text-align: center; font-size: 16px; color: #333; line-height: 1.75;}
.aboutus-con { position: relative; margin-top: 40px; display: inline-block; width: 100%;}
.aboutus-con .aboutus-slide { display: block; width: 100%; overflow: hidden;}
.aboutus-con .aboutus-slide .swiper-slide { float: left; width: 650px; transform: scale(0.8); transition: all .4s;}
.aboutus-con .aboutus-slide .swiper-slide img { display: block; width: 100%;}
.aboutus-con .aboutus-slide .swiper-slide.swiper-slide-active { transform: scale(1); z-index: 9;}
.aboutus .aboutus-con .swiper-prev,.aboutus .aboutus-con .swiper-next { border: none; outline: none; cursor: pointer; position: absolute; top: 50%; width: 36px; height: 36px; line-height: 36px; text-align: center; border-radius: 50%; background: #fff;}
.aboutus .aboutus-con .swiper-prev { left: -70px;}
.aboutus .aboutus-con .swiper-next { right: -70px;}
.aboutus .aboutus-con .swiper-prev i,.aboutus .aboutus-con .swiper-next i { font-size: 16px; color: #cecece;}
.aboutus .aboutus-con .swiper-prev:hover,.aboutus .aboutus-con .swiper-next:hover { background: #a0a0a0;}
.aboutus .aboutus-con .swiper-prev:hover i,.aboutus .aboutus-con .swiper-next:hover i { color: #fff;}
.aboutus-con .aboutus-slide .swiper-slide.swiper-slide-prev { transform: translateX(90px) scale(0.8);}
.aboutus-con .aboutus-slide .swiper-slide.swiper-slide-next{ transform: translateX(-90px) scale(0.8);}
@media (max-width: 992px) {
    .aboutus { padding:30px 2.5%;}
    .aboutus-con .aboutus-slide .swiper-slide { transform: scale(1)!important;}
    .aboutus-tit { margin-top: 20px; text-align: left;}
    .aboutus .aboutus-con .swiper-prev { left: 0; z-index: 3;}
    .aboutus .aboutus-con .swiper-next { right: 0; z-index: 3;}
}
/* aboutus end */


/* indexForm */
.indexForm { position: relative; background: url("../images/Index/indexForm-bg.jpg") no-repeat center; width: 100%; height: 200px; background-size: cover;}
.indexForm p { padding: 40px 0 0; font-size: 24px; color: #fff;}
.indexForm ul { padding-top: 20px; display: block; width: 100%;}
.indexForm li { position: relative; background: #fff; float: left; width: 413px; height: 55px; line-height: 55px; padding-left: 50px; margin-right: 80px;}
.indexForm li:last-of-type { margin-right: 0; padding-left: 0;}
.indexForm li input {  display: block; width: 100%; height: 55px; line-height: 55px; font-size: 16px; border: none; outline: none;}
.indexForm li i {position: absolute;left: 15px;top: 0;font-size: 24px;color: #666;}
.indexForm li a { display: block; width: 100%; text-align: center; font-size: 16px; color: #666;}
.indexForm li a:hover { background: #e3e3e3;}
@media (max-width: 1440px) {
    .indexForm li { margin-right: 40px; width: 373px;}
}
@media (max-width: 1200px) {
    .indexForm { padding: 0 2.5% 10px; height: auto;}
    .indexForm p { padding: 20px 0 0;}
    .indexForm ul { padding-top: 20px; overflow: hidden; width: 100%;}
    .indexForm li { margin-bottom: 10px; width: 100%;}
}
/* indexForm end */


/* news */
.news { position: relative; padding: 70px 2.5%; background: #fff;}
.news-slide { margin-top: 50px; overflow: hidden;}
.news-slide .news-menu { display: block; text-align: center;}
.news-slide .news-menu ul { display:inline-block;}
.news-slide .news-menu li { float: left; text-align: center; width: 130px; height: 50px; line-height: 50px;}
.news-slide .news-menu li a { font-size: 20px; color: #333;}
.news-slide .news-menu li.cur { background: #e3e3e3;}
.news-slide .news-main { margin-top: 70px; overflow: hidden;}
.news-slide .news-main .item { float: left; margin: 0 1%; width: 31.333%;}
.news-slide .news-main .item .pic { display: block; width: 100%; overflow: hidden;}
.news-slide .news-main .item .pic img { display: block; width: 100%; transition: all 1s;}
.news-slide .news-main .item .tit { padding: 30px 0; border-bottom: 1px solid #eee; box-sizing: border-box;}
.news-slide .news-main .item .tit em { font-size: 14px; color: #999; font-family: "DIN Medium";}
.news-slide .news-main .item .tit h2 { margin-top: 15px; font-size: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;  overflow: hidden; height:30px; line-height:30px;color: #333;}
.news-slide .news-main .item .tit h2 a { color: #333; }
.news-slide .news-main .item .tit p { margin-top: 15px; height: 45px; overflow:hidden;font-size: 14px; color: #666; line-height: 1.75;}
.news-slide .news-main .item:hover img { transform: scale(1.1);}
.news-slide .news-main .item h2:hover a{ color: #b5b5b5;}
@media (max-width: 992px) {
    .news { padding: 30px 2.5%;}
    .news-slide { margin-top: 30px;}
    .news-slide .news-main { margin-top: 30px;}
    .news-slide .news-menu ul { display: flex;}
    .news-slide .news-menu li { flex: 1;}
    .news-slide .news-main .item { width: 100%; margin: 0 0 20px;}
    .news-slide .news-main .item .tit { padding: 15px 0;}
}
/* news end */

/*--flinks--*/
.flinks{padding:20px 0;overflow:hidden;background:#313131; border-bottom: 1px solid #747474;}
.flinks .addlink{display:block;float:right;font-size:14px;color:#fff;}
.flinks .addlink:hover{color:#fff;}
.flinks dl{overflow:hidden;}
.flinks dt{float:left;font-size:14px;}
.flinks dt a{color:#fff;}
.flinks dt a:hover{color:#fff;}
.flinks dd{overflow:hidden;}
.flinks dd a{display:inline-block;padding:0 10px;color:#fff;}
.flinks dd a:hover{color:#fff;}
@media(max-width:1200px){
    .flinks{display:none;}
}
/*--end flinks--*/