@import "./base.css";

/*产品内页*/
.qiehuan{ width: 538rem;}
.mySwiper #thumbs .swiper-slide{width: 25%;
    height: 100%;
    opacity: 0.4;}
#thumbs .swiper-slide  img{ border: 2rem solid #132a88;}
.swiper-slide-thumb-active img{ border: 2rem solid #132a88;}
#gallery{ height: 536rem;}
#gallery img {width: 536rem;height: 536rem;}
#thumbs{ height:140rem; margin-top: 10rem;}
#thumbs .swiper-slide{ height: 130rem; text-align: center;}
#thumbs img{ height: 130rem; width: 130rem;}
.cpjs{ width: 589rem;margin-top:50rem;}
.cpjs dl dt{ font-size: 40rem; color: #444; margin-top: 20rem; margin-bottom: 35rem;font-weight: bold;padding-left: 30rem;}
.cpjs dl dd{ margin: 0; padding-bottom: 14rem; margin-bottom: 14rem; border-bottom: 1rem solid #444;font-size: 24rem;color:#444;padding-left: 30rem}
.cpjs dl dd span{display: inline-block; width: 93rem;height:35rem;background: #132A88;border-radius: 16rem;text-align: center;color:#fff;font-size: 24rem;line-height: 35rem;margin-right:30rem;}

.cp_phone{background: #132a88; width: 513rem; height: 70rem; color:#fff; padding: 10rem 20rem; line-height: 70rem; margin: 20rem auto 35rem;border-radius: 20rem;font-size: 24rem;text-align: center}
.cp_phone i{ font-size: 24rem;}
.cp_phone div{ float: left;}
.cp_phone .weixin{ font-size: 24rem; margin-left: 15rem;font-weight: bold}
.zixun{ width: 430rem; margin-top: 25rem;}
.zixun a{ display: inline-block; height: 50rem; line-height: 50rem;background: #132a88; width: 190rem; color: #fff; text-align: center; font-size: 16rem;}
.zixun a:hover{ background: #c0c0c0;}

.xuanxinag{ margin-top:30rem;height: 103rem; line-height: 103rem; background: #132a88; width:100%;}
.xuanxinag ul li{ width: 25%; text-align: center; color: #ffffff; float: left;}
.xuanxinag ul li a{ font-size: 30rem; display: block; width: 100%; height: 100%; color: #ffffff;position: relative}
.xuanxinag ul li a:hover{ background: #f90; color: #fff;}
.xuanxinag ul li a:hover::after {
    content: '';
    position: absolute;
    bottom: -15rem;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 40rem solid transparent;
    border-right: 40rem solid transparent;
    border-top: 15rem solid #f90;
}
table{ border-style: none; width: 100%;  border-collapse: separate; margin-bottom: 10rem;border-spacing:0;white-space: nowrap}
table tr td{ border: 1rem solid #dcdcdc; /*padding:5rem 10rem;*/}
.canshu table tr:nth-child(odd){ background: #e8e8e8;}

.neirong { line-height: 30rem;}
.neirong h2 {font-size: 30rem;font-weight: bold;color: #444;height:50rem;line-height: 50rem;}
.youshi{ padding-top: 24rem;}
.youshi h3{ font-weight: normal;}
.gaikuang{ padding-top: 54rem;}
.gaikuang p{}
.gaikuang p.img{ margin: 30rem auto; text-align: center;}
.canshu_tit{ background: #d2d2d2; line-height: 50rem; text-align: center;}
.canshu p em{ color: #eb0018; font-style: normal;}

.tuijian {margin-top: 50rem;}
.tuijian h2{font-size: 60rem;font-weight: bold;text-align: center;height: 100rem;line-height: 100rem}
.tuijian ul{margin-top:20rem;}
.tuijian ul li{float: left; margin: 0 2%; box-sizing: border-box; text-align: center;width: 21%;}
.tuijian ul li p{ height: 40rem; color: #333; line-height: 40rem; width: 100%; display: inline-block; overflow: hidden; white-space:nowrap; text-overflow: ellipsis;}
.tuijian ul li img{ border: 1rem solid #e5e5e5;}
.tuijian ul li:hover img{border: 1rem solid #132a88;}

.border {height:3rem;border-top:1rem solid #444;border-bottom:1rem solid rgba(68,68,68,0.5)}
.border2 {width:82rem;height: 6rem;background: #f90;margin:0 auto;}

@media (max-width: 768px) {
    .qiehuan {width: 100%;}
    #gallery {height: auto;}
    #gallery img {width: 100%;height: auto;}
    #thumbs img{ height: 130rem; width: 130rem;}
    #thumbs .swiper-slide {}
    .cpjs {width: 100%}
    .cp_phone {width: 90%; margin: 0 auto;font-size: 14rem;}
    .cp_phone .weixin {font-size: 15rem;margin-left: 10rem;}
    .neirong {width: 90%;padding: 0 5%;}
    .neirong img {max-width: 100%}
    .neirong table {display: block;width: 100%;overflow-x: scroll}
    .xuanxinag {display: none}
    .cpjs dl dt {font-size: 25rem;}
    .cpjs dl dd {font-size: 14rem;}
    .cpjs dl dd span {font-size: 16rem;}
    .tuijian ul li {width:46%;}
}