/* banner */
.banner{ clear:both;position: relative; overflow: hidden;width: 100%;}
.banner .bd { width: 100%;}
.banner .bd ul li a { display: block; }
.banner .hd { position: absolute; left: 0; bottom: 20px; display: block; width: 100%; text-align: center;}
.banner .hd ul { display: inline-block;}
.banner .hd ul li { float: left;  overflow:hidden; border-radius:50%;text-indent: -999px; margin: 0 10px; width: 11px; height: 11px; background: #fff;}
.banner .hd ul li.cur { background: #fb0301;}
.banner .prev, .banner .next {  display:block; cursor:pointer;position: absolute; top: 50%; margin-top: -35px; width: 70px; height: 70px; ; opacity: 0; transition: all 1s; border-radius: 50%;}
.banner .prev { left: 5%; background: url("/static/images/banner_prev.png")no-repeat center;}
.banner .next { right: 5%; background: url("/static/images/banner_next.png")no-repeat center;}
.banner:hover .prev, .banner:hover .next { opacity: 0.5; background-color: #fb0301;}
.banner .prev:hover , .banner .next:hover  { opacity: 1;}
/* banner end */


/* video */
.video { position: relative; overflow: hidden; background: url("/static/images/video-bg.jpg") no-repeat center;  height: 620px; background-size: cover;}
.video .wrap-tit { padding-top: 70px;}
.video-con { overflow: hidden; margin-top: 65px;}
.video-play { position:relative;float: left; width: 495px;  font-size: 0; border-radius: 0 20px 0 0; overflow: hidden; animation: fadeinL 1s ease-out backwards;}
.video-play img { width: 100%;}
.video-play:after { content: ''; display: block; position: absolute; left: 50%; top: 50%; background: url("/static/images/palyer.png") no-repeat center; width: 50px; height: 52px; transform: translate(-50%,-50%);}
.video-group { float: left; width: 905px; animation: fadeinR 1s ease-out backwards;}
.video-group .item { float: left; padding: 34px 0; margin-left: 20px; margin-bottom: 20px; background: #fff; border-radius: 0 20px 0 0; width: 430px;}
.video-group .item span {  display:block;margin-left: 55px;float: left; width: 98px; height: 98px; overflow: hidden; border-radius: 50%; background: #eee; border:5px solid  #f6f6f6; }
.video-group .item span img { width: 100%;}
.video-group .item .tit { float: left; margin-left: 27px;}
.video-group .item .tit h2 { margin-bottom:10px;font-size: 22px; color: #333; font-weight: normal;}
.video-group .item .tit p { font-size: 16px; color: #666; line-height: 1.5;}
.video-group .item:hover { background: #fb0301;}
.video-group .item:hover .tit h2,.video-group .item:hover .tit p { color: #fff;}
.video-group .item:hover span { border: solid 5px #fd8887;}
@media (max-width: 1400px) {
    .video-play { width: 395px;}
    .video-group { width: 805px;}
    .video-con iframe { height:295px; margin-top:0;}
    .video-group .item {width: 380px;margin-left: 10px;margin-right: 10px;padding: 24px 0;}
    .video-group .item span { width: 80px; height: 80px; margin-left: 35px;}

}
/* video end */


/* product */
@media (max-width: 767px) {
 
    .product { overflow: hidden; padding: 6vw 0 5.33vw; background: #fff;}
.wrapper { margin-top: 4vw; overflow: hidden; }
 .product-menu { display: block; padding:0 2.5%; overflow: hidden;}
 .product-menu li { float: left; margin-bottom: 3.07vw; width: 47%; height: 8.93vw; line-height: 8.93vw; text-align: center; margin-right: 6%;}
 .product-menu li:nth-of-type(even) { margin-right: 0;}
 .product-menu li  { display: block; font-size: 3.5vw; color: #fff; background: #131313; border-radius: 0 2vw 0 0;}
.product-menu li.on { background: #fb0301;}

    .product-main { padding-top: 2.93vw; overflow: hidden;}
    .product-list .item {float: left;width: 50%;overflow: hidden;padding: 4vw 2.5% 0;box-sizing: border-box;}
    .product-list .item .pic {width: 100%;font-size: 0;box-shadow: 0px 0px 2.67vw 0px rgba(0, 0, 0, 0.1);}
    .product-list .item .pic img { width: 100%;}
    .product-main .item  p {font-size: 3.5vw;color: #666;padding-top: 3.33vw;text-align: center;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}

}


@media (min-width: 767px) {
.product {position: relative;/* overflow: hidden; */padding-top: 10px;background: #fff;}
.product-menu {margin-right: 15px;text-align: center;}
.product-menu .menu-hd {  box-sizing:border-box;text-align: center; width: 100%;  background-size: cover;}
.product-menu .menu-hd h2 { color:black;}
.product-menu .menu-hd p { color: black; margin-top: 5px;font-size: 18px; }
.product-menu ul{display: inline-block;margin-top: 30px;}
.product-menu li {float: left; overflow: hidden;font-size: 18px;line-height: 35px;background: #eee;padding:0 30px;margin: 0 20px;border-radius:15px}
.product-menu li:last-of-type { border-bottom: none;}
.product-menu li a { display: block;  color: #666;}
.product-menu li.on { background: #fb0301;color: #fff;}
.product-menu li.cur a { color: #fff;}
.product-main { float: left; width: 1058px; background: #fff;}
.product-main .product-list { background: #fff;}
.product-main .product-list .item {float: left;margin: 0 16px;width: 318px;}
.product-main .product-list .item:last-of-type { margin-right: 0;}
.product-main .product-list .item .pic {width: 100%;font-size: 0;box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);overflow: hidden;margin-top: 32px;box-sizing: border-box;}
.product-main .product-list .item .pic img { width: 100%; transition: all 1s;}
.product-main .product-list .item:hover .pic img { transform: scale(1.05);}
.product-main .product-list .item p {font-size: 18px;color: #666;margin-top: 27px;text-align: center;}
}

/* product end */


/* server */
@media (max-width: 767px) {
    /* server */
.server { padding-top: 5.33vw; background: #fff; overflow: hidden;}
.server-img { margin-top: 6vw; overflow: hidden; background: url("/static/images/server-bg1.jpg") no-repeat center; width: 100%; height: 107vw; background-size: 100%;}
.server-img .item  { margin: 6vw auto 0; padding: 8vw 0 5.33vw 6vw; overflow: hidden; width: 95%; border: 1px solid #fff; box-sizing: border-box;}
.server-img .item h2 { font-size: 4vw; color: #fff;}
.server-img .item span{display: none;}
.server-img .item i {  margin:2.67vw 0;display: block; width: 6.4vw; height: 2px; background: #fb0000;}
.server-img .item p { font-size: 3.5vw; color: #fff; line-height: 1.5; width: 95%;}
.server-img .item .server-btn { overflow: hidden; margin-top: 4vw;}
.server-img .item  a { margin-right:3.33vw;display: inline-block; width: 19.33vw; height: 6.67vw; line-height: 6.67vw; text-align: center; background: #fff; font-size: 3.5vw; color: #333; border-radius: 0 2vw 0 0;}
.server-img .item  a:nth-of-type(1) { background: #fb0301; color: #fff;}
/* server end */
}

@media (min-width: 767px) {
.server { position: relative; overflow: hidden; padding-top: 75px; background: #fff;}
.server-img { margin-top:35px;background: url("/static/images/server-bg.jpg") no-repeat center;  height: 540px; background-size: cover;}
.server-img .item { margin-top: 3%; padding: 60px 180px 60px 45px; float: left; width: 48%; margin-right: 4%; border: 1px solid rgba(255,255,255,0.5); box-sizing: border-box;}
.server-img .item:nth-of-type(2) { margin-right: 0;}
.server-img .item h2 { color: #fff; font-weight: normal; font-size: 30px;}
.server-img .item span { display: block; font-size: 20px; color: #fff; margin-top: 5px;}
.server-img .item i { display: block; width: 48px; height: 3px; background: #fb0301; margin: 25px 0 55px;}
.server-img .item p {  font-size: 20px; color: #fff; line-height: 1.5;}
.server-img .item a { margin-top: 45px; display: block; width: 125px; height: 44px; line-height: 44px; text-align: center; background: #fb0301; color: #fff; font-size: 18px; border-radius: 0 20px 0 0;}
}

/* server end */


/* adv */
@media (max-width: 767px) {
    /* adv */
.adv { position: relative; overflow: hidden; padding-top: 6.67vw; background: #fff;}
.adv-con { overflow: hidden; margin-top: 5.33vw;}
.adv .item {display: block;height: 37.87vw;}
.adv .item:nth-of-type(odd) .pic {  position:relative;float: left; width: 50%; font-size: 0;}
.adv .item:nth-of-type(odd) .tits { float: right; width: 50%;}
.adv .item:nth-of-type(even) .pic { position:relative; float: right; width: 50%; font-size: 0;}
.adv .item:nth-of-type(even) .tits { float: left; width: 50%;}
.adv .item  img { width: 100%;}
.adv .item  .adv-top {display: block;padding-top: 8vw;overflow: hidden;}
.adv .item  .adv-top span {padding-top:3.67vw;float: left;box-sizing:border-box;display: block;background: url("/static/images/adv-arrow.png") no-repeat center;width: 12.93vw;height: 11.2vw;background-size: 100%;text-align: center;font-size: 4.8vw;font-family: 'DIN-Bold';color: #fff;}
.adv .item  .adv-top .tit h2 {font-size: 3.5vw;float: left;width: 71%;color: #333;font-weight: bold;margin-top: 5vw;}
.adv .item .tits p { padding-left: 2vw; box-sizing: border-box; font-size: 3.25vw; color: #333; padding-top: 2.67vw; line-height: 1.5;}
.adv .item .adv-topt p em { font-family: "DIN-Bold";}
.adv .item:nth-of-type(3) .pic:after {content: '';display: block;position: absolute;right: 3vw;bottom: -7.5vw;background: url("/static/images/adv-icon03.png") no-repeat center;width: 15.33vw;height: 15.73vw;background-size: 100%;}
.adv .item:nth-of-type(4) .pic:after {content: '';display: block;position: absolute;right: 0;bottom: 0;background: url("/static/images/adv-icon04.png") no-repeat center; width: 16.67vw; height: 29.87vw; background-size: 100%;}
/* adv end */
}
@media (min-width: 767px) {
.adv{ position: relative; overflow: hidden; background: #fff; padding-bottom: 50px;}
.adv .wrap-tit h2 {font-weight:bold;}
.adv:after { content: ''; display: block; position: absolute; left: 50%; top: 0; width: 1px; height: 100%; background: #dedede;}
.adv::before { content: ''; display: block; position: absolute; top: 55%; left: 0; width: 100%; height: 1px; background: #dedede;}
.adv .wrap-tit { position: relative; z-index: 2; padding-top: 100px;}
.adv .wrap-tit p {  color: #333;}
.adv-con {display: block;/* overflow: hidden; */}
.adv-con .item {position:relative;float: left;width: 50%;padding-top: 60px;padding-bottom: 60px;box-sizing: border-box;}
.adv-con .item .adv-top {overflow: hidden;}
.adv-con .item .adv-top span {float: left;  padding-top: 55px;  background: url("/static/images/adv-arrow.png") no-repeat center; width: 132px; height: 114px; background-size: 100%; font-size: 36px; color: #fff;font-family: "DIN Bold"; text-align: center; box-sizing: border-box;}
.adv-con .item .adv-top .tit {float: left;padding-top: 50px;padding-left: 22px;}
.adv-con .item .adv-top .tit h2 { font-size: 24px; color: #333;}
.adv-con .item .adv-top .tit  p { font-size: 20px; color: #333; margin-top: 5px;}
.adv-con .item .adv-top .tit p em { font-family: "DIN Bold";}
.adv-con .item  .tits p { clear: both; font-size: 16px; color: #666; margin-top: 30px; width: 85%; line-height: 1.5; height: 75px;}
.adv-con .item .pic { width: 618px; font-size: 0; margin-top: 30px;}
.adv-con .item .pic img { width: 100%;}
.adv-con .item:nth-of-type(odd) {  animation: fadeinL 1s ease-out backwards;}
.adv-con .item:nth-of-type(even) { padding-left:80px; animation: fadeinR 1s ease-out backwards;}
.adv-con .item:nth-of-type(even) > p { width: 100%;}
.adv-con .item:nth-of-type(3):after { content: ''; display: block; position: absolute; bottom: 0; right: 16%; background: url("/static/images/adv-icon03.png") no-repeat center;  width: 160px; height: 166px; background-size: 100%;}
.adv-con .item:nth-of-type(4):after {content: '';display: block;position: absolute;bottom: -50px;right: 4%;background: url("/static/images/adv-icon04.png") no-repeat center;width: 205px;height: 376px;background-size: 100%;}
}

/* adv end */

/* glxt */
@media (max-width: 767px) {
    .pc-glxt{display: none;}
    /* glxt */
.glxt { overflow: hidden; padding-top: 8vw; background: #fff;}
.glxt-slide {overflow: hidden; margin-top: 6vw;}
.glxt-slide .glxt-menu {text-align: center;position: relative;z-index: 2;display: block;width: 100%;}
.glxt-slide .glxt-menu ul { display: inline-block;}
.glxt-slide .glxt-menu li {margin: 0 5.73vw;background: #fff;float: left;width: 16.27vw;height: 16.27vw;border-radius: 50%;border: 1.33vw solid rgba(204, 204, 204, 0.73);}
.glxt-slide .glxt-menu li a {font-size: 3.5vw;display: block;padding-top: 4vw;color: #333;width: 80%;margin: 0 auto;}
.glxt-slide .glxt-menu li.on { background: #fb0000; border: 1.33vw solid #fc4545;}
.glxt-slide .glxt-menu li.on a { color: #fff;}
.glxt-slide .glxt-main { margin-top:-10vw;overflow: hidden; background: url("/static/images/glxt-bg1.jpg") no-repeat center; width: 100%; height: 64vw; background-size: 100%;}
.glxt-slide .glxt-main .item { padding-top: 17.33vw;}
.glxt-slide .glxt-main .item .pic { float: left; width: 53.33vw; font-size: 0;}
.glxt-slide .glxt-main .item .pic img { width: 100%;}
.glxt-slide .glxt-main .item .tit h2 { padding-top: 3vw; font-size: 3.5vw; color: #fff;}
.glxt-slide .glxt-main .item .tit h2 a { color: #fff;}
.glxt-slide .glxt-main .item .tit ul { overflow: hidden; padding-top: 5.33vw;}
.glxt-slide .glxt-main .item .tit li {position:relative;float: left;font-size: 3.5vw;color: #fff;width: 50%;padding-left: 10%;margin-bottom: 2vw;box-sizing: border-box;}
.glxt-slide .glxt-main .item .tit li:after {content: '';display: block;position: absolute;left: 0;top: 0.6vw;background: url("/static/images/glxt-icon01.png") no-repeat center;width: 2.5vw;height: 2.5vw;background-size: 100%;}
/* glxt end */
}
@media (min-width: 767px) {
    .m-glxt{display: none;}

.glxt { position: relative; overflow: hidden; background: url("/static/images/glxt-bg.jpg") no-repeat center; width: 100%; height: 538px; background-size: cover;}
.glxt-con { overflow: hidden; padding-top: 67px;}
.glxt-con .glxt-le { position:relative;float: left; background: url("/static/images/glxt-bg02.png") no-repeat center; width: 605px; height: 396px; background-size: 100%;}
.glxt-con .glxt-le .item:nth-of-type(1) { position: absolute; left: 50%; top: 0; width: 122px; height: 122px; border-radius: 50%; background: #fff; transform: translateX(-50%); text-align: center;}
.glxt-con .glxt-le .item:nth-of-type(2) { position: absolute; left: 0; bottom: 0; width: 122px; height: 122px; border-radius: 50%; background: #fff;text-align: center;}
.glxt-con .glxt-le .item:nth-of-type(3) { position: absolute; right:0; bottom: 0; width: 122px; height: 122px; border-radius: 50%; background: #fff;text-align: center;}
.glxt-con .glxt-le .item img { width: 50px; margin-top: 20px;}
.glxt-con .glxt-le .item p { font-size: 16px; color: #333; margin-top: 7px;}
.glxt-con .glxt-le > h2 { padding-top: 180px; font-size: 36px; color: #fff; text-align: center; font-weight: normal;}
.glxt-con .glxt-le > em { display: block;font-size: 36px; color: #fff; text-align: center;}
.glxt-con .glxt-le > p { margin-top:5px;font-size: 18px; color: #bbb6b6; text-align: center;}
.glxt-con  .glxt-le .item.cur  { background: #fb0000; border: solid 10px  #bc0505;}
.glxt-con  .glxt-le .item.cur img {filter:contrast(0%) brightness(200%)}
.glxt-con  .glxt-le .item.cur p { color: #fff;}
.glxt-con  .glxt-main { float: left;}
.glxt-con  .glxt-main .pic { float: left; width: 475px; font-size: 0;}
.glxt-con  .glxt-main .pic img { width: 100%;}
.glxt-con  .glxt-main .tit { float: left; width: 320px; margin-top: 65px;}
.glxt-con  .glxt-main .tit h2 { font-size: 24px; color: #fff; font-weight: normal;}
.glxt-con  .glxt-main .tit h2 a { color: #fff;}
.glxt-con  .glxt-main .tit ul { margin-top: 45px; overflow: hidden;}
.glxt-con  .glxt-main .tit li { position: relative; margin-bottom: 20px; float: left; font-size: 18px; color: #fff; padding-left: 30px; box-sizing: border-box;}
.glxt-con  .glxt-main .tit li:nth-of-type(odd) { width: 200px;}
.glxt-con  .glxt-main .tit li:after  { content: ''; display: block; position: absolute; left: 0; top: 3px; background: url("/static/images/glxt-icon01.png") no-repeat center; width: 15px; height: 15px;}
.glxt-con  .glxt-main .tit > a { margin-top:30px;display: block; width: 125px; height: 45px; line-height: 45px; border-radius: 0 15px 0 0; background: #fb0000; text-align: center; font-size: 18px; color: #fff;}
}
/* glxt end */


/* honor */
@media (max-width: 767px) {
   /* honor */
.honor { position: relative; overflow: hidden; background: url("/static/images/indexhonor-bg.jpg") no-repeat center; width: 100%; height: 91.6vw; background-size: 100%;}
.honor .wrap-tit { padding-top: 8.67vw;}
.honor-slide { padding-top: 5.33vw; overflow: hidden; text-align: center; position: relative;}
.honor-slide .honor-menu { margin-bottom:6.93vw;display: block; text-align: center;}
.honor-slide .honor-menu ul { display: inline-block;}
.honor-slide .honor-menu li {display: block; border-radius: 0 2vw 0 0; background: #fff; font-size: 3.5vw; color: #666; margin: 0 0.93vw; float: left; width: 20.27vw; height: 7.07vw; line-height: 7.07vw; text-align: center;}
.honor-slide .honor-menu li.on { background: #fb0000; color: #fff;}
.honor-slide .honor-main {  margin: 0 auto; display: block; overflow: hidden; width: 66.4vw;}
.honor-slide .honor-main .item .pic { width: 100%;font-size: 0; border-radius: 0 3vw 0 0; border: 1px solid #e3e3e3; box-sizing: border-box; overflow: hidden;}
.honor-slide .honor-main .item .pic img { width: 100%;}
.honor-slide .honor-main .item p { font-size: 3.5vw; color: #333; padding-top: 2.67vw;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden;}
.honor-list{display:none;}
.honor-slide > span  { position: absolute; top: 50%; width: 8.13vw; height: 8.13vw; border-radius: 50%; border: 1px solid #e3e3e3; box-sizing: border-box;}
.honor-slide .honor-prev { position: absolute; left: 2.5%; background: url("/static/images/honor-prev.png") no-repeat center; background-color: #fff; background-size: 100%;}
.honor-slide .honor-next { position: absolute; right: 2.5%; background: url("/static/images/honor-next.png") no-repeat center; background-color: #fff; background-size: 100%;}
/* honor end */
}
@media (min-width: 767px) {
.honor { position: relative; background: url("/static/images/honor-bg.jpg") no-repeat center; width: 100%; height: 654px; background-size: cover;}
.honor .wrap-tit { padding-top: 60px;}
.honor-slide { overflow: hidden; margin-top: 45px; position: relative;}
.honor-slide .honor-menu { display: block; width: 100%; text-align: center; margin-bottom: 34px;}
.honor-slide .honor-menu ul { display: inline-block;}
.honor-slide .honor-menu li { float: left; margin:0 20px;width: 125px; height: 44px; line-height: 44px; text-align: center;}
.honor-slide .honor-menu li { display: block; font-size: 18px; color: #666; background: #fff; border-radius: 0 15px 0 0;}
.honor-slide .honor-menu li.cur  { background: #fb0000; color: #fff;}
.honor-slide .honor-main { overflow: hidden; padding: 0 70px; box-sizing: border-box;}
.honor-slide .honor-main .honor-list { overflow: hidden;}
.honor-slide .honor-main .item { float: left; width: 20%;}
.honor-slide .honor-main .item .pic { margin: 0 10px; border-radius: 0 15px 0 0; border: 1px solid #e3e3e3; box-sizing: border-box; overflow: hidden;}
.honor-slide .honor-main .item .pic img { width: 100%; transition: all 1s;}
.honor-slide .honor-main .item p { font-size: 18px; color: #333; padding-top: 10px; text-align: center;}
.honor-slide .honor-main .item:hover img { transform: scale(1.05);}
.honor-slide > span { cursor: pointer; position: absolute; top: 50%;  width: 43px; height: 43px; border-radius: 50%; overflow: hidden; background: #fff; border: 1px solid #e3e3e3; box-sizing: border-box;}
.honor-slide > span img { width: 100%;}
.honor-slide .honor-prev { left: 0;}
.honor-slide .honor-next { right: 0;}
.honor-slide > span:hover { background: #fb0000; border: 1px solid #fb0000;}
.honor-slide > span:hover img {filter:contrast(0%) brightness(200%);}
}
/* honor end */


/* news */
@media (max-width: 767px) {
    .news { display: none;}
}
@media (min-width: 767px) {
.news { overflow: hidden; padding: 60px 0; border-bottom: 1px solid #e6e6e6; box-sizing: border-box; background: #fff;}
.news-slide { overflow: hidden; margin-top: 40px; position: relative;}
.news-slide .news-menu { display: block; width: 100%; text-align: center; margin-bottom: 34px;}
.news-slide .news-menu ul { display: inline-block;}
.news-slide .news-menu li { float: left; margin:0 20px;width: 125px; height: 44px; line-height: 44px; text-align: center;}
.news-slide .news-menu li { display: block; font-size: 18px; color: #666; background: #eee; border-radius: 0 15px 0 0;}
.news-slide .news-menu li.cur { background: #fb0000; color: #fff;}
.news-slide .news-main { overflow: hidden;}
.news-slide .news-main .item {float: left;width: 30%;padding-right: 5%;}
.news-slide .news-main .item .pic { width: 100%; font-size: 0; overflow: hidden;border-radius: 0 15px 0 0;}
.news-slide .news-main .item .pic img { height: 300px; transition: all 1s;}
.news-slide .news-main .item .tit { overflow: hidden; padding: 15px 25px; background: #f3f3f3; box-sizing: border-box;}
.news-slide .news-main .item .tit h2 { font-size: 16px; color: #0f0f0f; font-weight: normal;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden;}
.news-slide .news-main .item .tit p { font-size: 14px; color: #999; line-height: 1.5; margin-top: 15px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden;}
.news-slide .news-main .item .tit em { display: block; font-size: 14px; color: #ccc; margin-top: 20px;}
.news-slide .news-main .item .tit em i {  margin-top:1px;float: left; background: url("/static/images/news-icon.png") no-repeat center; width: 14px; height: 14px; background-size: 100%; margin-right: 5px;}
.news-slide .news-main .item:hover img {  transform: scale(1.05);}
.news-slide .news-main .item:hover h2 { color: #fb0301;}
.news-slide .news-main .item:last-of-type { padding-right: 0;}
}
/* news end */


/* case */
@media (max-width: 767px) {
    .case { position: relative; overflow: hidden; padding: 8vw 0 4.8vw; background: #fff;}
.case-slide { margin-top: 5.33vw;  box-sizing: border-box;overflow: hidden; }
.case-slide .case-menu { display: block; text-align: center; margin-bottom: 4.53vw;}
.case-slide .case-menu ul { display: inline-block;}
.case-slide .case-menu li { margin:0 1.07vw;float: left; width: 37.27vw;height: 7.07vw;background: #eee;  line-height: 7.07vw;}
.case-slide .case-menu li a { display: block;  border-radius: 0 2vw 0 0; background: #eee; color: #666; font-size: 3.5vw;}
.case-slide .case-menu li.on { background: #fb0000; color: #fff;}
.case-slide .case-main { overflow: hidden;  width:95%; margin:0 auto; box-sizing: border-box;}
.case-slide .case-main .item-list { padding-left:1px!important;}
.case-slide .case-main .item{ width: 50%; margin-bottom: 6.4vw; overflow: hidden;float: left;}
.case-slide .case-main .item .pic { width: 100%; font-size: 0; position: relative;overflow: hidden; background: #fff;}
.case-slide .case-main .item .pic img { width: 100%;border-radius: 0 5vw 0 0; }
.case-slide .case-main .item:nth-of-type(1) .pic p { position: absolute; left: 15%; bottom: 4vw; width: 70%; height: 7.07vw; line-height: 7.07vw; border-radius: 0 2vw 0 0; background: #fff; text-align: center; font-size: 3.5vw; color: #666; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden;}
.case-slide .case-main .item:nth-of-type(n+2) .pic {  border-radius: 0 3vw 0 0;}
.case-slide .case-main .item:nth-of-type(n+2) .pic p { position: absolute; left: 5%; bottom: 2vw; width: 90%; height: 7.07vw; line-height: 7.07vw; border-radius: 0 2vw 0 0; background: #fff; text-align: center; font-size: 3.5vw; color: #666; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden;}

}
@media (min-width: 767px) {
.case { overflow: hidden; padding: 70px 0; background: #fff;}
.case-slide { overflow: hidden; margin-top: 40px; position: relative;}
.case-slide .case-menu { display: block; width: 100%; text-align: center; margin-bottom: 55px;}
.case-slide .case-menu ul { display: inline-block;}
.case-slide .case-menu li { float: left; margin:0 20px;height: 44px; line-height: 44px; text-align: center;padding:0 20px}
.case-slide .case-menu li  { display: block; font-size: 18px; color: #666; background: #eee; border-radius: 15px;}
.case-slide .case-menu li.on { background: #fb0000; color: #fff;}
.case-slide .case-main .item { float: left; width: 24%; margin-right: 1.3333%;}
.case-slide .case-main .item:last-of-type { margin-right: 0;}
.case-slide .case-main .item .pic { position: relative; overflow: hidden; font-size: 0; }
.case-slide .case-main .item .pic img { width: 100%; transition: all 1s;height: 224px;}
.case-slide .case-main .item .pic p { position: absolute; left: 5%; bottom:13px; width: 90%; height: 53px; line-height: 53px; text-align: center; font-size: 18px; color: #666; background: #fff; border-radius: 0 15px 0 0;}
.case-slide .case-main .item:hover img { transform: scale(1.05);}
.case-slide .case-main .item:hover p { background: #fb0301; color: #fff;}
}
/* case end */


/* partner */
@media (max-width: 767px) {
    .partner { display: none;}
}
@media (min-width: 767px) {
.partner { position: relative; overflow: hidden; background: url("/static/images/partner-bg.jpg") no-repeat center; width: 100%; height: 500px; background-size: cover;}
.partner .wrap-tit { padding-top: 45px;}
.partner-con { overflow: hidden; margin-top: 40px;}
.partner-con ul li { float:left;width: 232px; margin-right: 1px; margin-bottom: 1px; font-size: 0;/*-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;*/}
.partner-con ul li img { width: 100%;}
.partner-con ul li:hover { filter: none;}
}
@media (max-width: 1400px) {
    .partner-con ul li { width: 199px;}
}
/* partner end */