/* 
* @Author: sublime text
* @Date:   2019-10-16 10:28:11
* @Last Modified by:   sublime text
* @Last Modified time: 2022-09-23 15:14:15
*/
/*banner*/
.wrap{width: 14.5rem !important;}


.title p{font-size: 0.64rem;font-weight: bold;color: #222222;font-family: 'MyriadPror';font-weight:bold;margin-bottom:0.1rem;}
.title{font-size:0.16rem;color:#111111;text-transform: uppercase;text-align: center;padding-top: 0.9rem;letter-spacing:1px;}
.title img{width:0.54rem;display:block;margin:0 auto;margin-bottom:0.2rem;}
.title p img{display:inline-block;padding:0 0.1rem;}



#banner{width:100%;position:relative;overflow:hidden;}
#banner .wrap{width: 85%;}
#banner .swiper-slide img{display: block;width:100%;}
#banner .swiper-button-prev{outline：none;background: none;width: 0.27rem;height: 0.5rem;left:0.4rem;}
#banner .swiper-button-next{outline：none;background: none;width: 0.27rem;height: 0.5rem;right:0.4rem;}
#banner .swiper-pagination-bullets{bottom: 0.3rem !important;}
#banner .swiper-button-prev img,#banner .swiper-button-next img{width: 100%;display: block;}
#banner .swiper-pagination-bullet{width: 7% !important;height: 3px;background:#8c8c8c !important;color: #fff !important;line-height: 0.35rem;opacity:0.7;font-size: 0.14rem;border-radius: 3px;margin: 0 0.1rem;}
#banner .swiper-pagination-bullet-active{background:#fff !important;color: #fff;opacity:1;}


#product .wrap{margin-top: 0.7rem;position:relative;width:14.5rem;height:8.14rem;}
#product a:first-child{width:9.51rem;height:5.34rem;top:0;left:0;}
#product a img{width:100%;display:block;position:absolute;top:0;left:0;}
#product a p{font-size:0.26rem;color:#111111;text-transform:uppercase;position:absolute;width:100%;top:4.2rem;z-index:1;}
#product a{width:4.63rem;height: 2.53rem;position: absolute;text-align: center;}
#product a:nth-child(2){bottom:0;left:0;}
#product a:nth-child(2) p,#product a:nth-child(3) p{top:2rem;left:0;}
#product a:nth-child(3){bottom:0;left:4.9rem;}
#product a:nth-child(4){top:0;right:0rem;}
#product a:nth-child(4) p{top:0.4rem;left:0;}
#product a:nth-child(5){bottom:0;right:0;width:4.63rem;height:5.35rem;}
#product a:nth-child(5) p{top:0.8rem;left:0;}
#product a:first-child .bg img{width:2.5rem;top:1.1rem;left:3.5rem;}
#product a:nth-child(2) .bg img{width:1.3rem;top:0.4rem;left:1.7rem;}
#product a:nth-child(3) .bg img{width:1.3rem;top:0.4rem;left:1.7rem;}
#product a:nth-child(4) .bg img{width:1.5rem;top:0.8rem;left:1.7rem;}
#product a:nth-child(5) .bg img{width:1.8rem;top:2rem;left:1.5rem;}





#product a .bg img{display:none;transition:0.5s;}
#product a:hover .bg img{display:block;}
#product a .bg:hover img{ -webkit-transform: rotate(45deg);}


#youshi{width: 100%;height: 9.3rem;background: url(/statics/images/index/youshi.jpg)no-repeat center;background-size: cover;margin-top:1.5rem;}
#youshi .title p{color:#fff;text-align:left;}
#youshi .title img{margin-left:0;}
#youshi .bottom{width:9.1rem;float:left;}
#youshi .bottom li{width:50%;float:left;color:#fff;line-height:0.3rem;color:#fff;font-size:0.2rem;text-transform:uppercase;margin-top:0.8rem;}
#youshi .bottom li img{width:0.55rem;height:0.55rem;display:block;float:left;margin-right:0.2rem;}
  
#brand{width:100%;height:14.45rem;position:relative;} 
#brand .wrap{margin-top:1rem;}
#brand .wrap .shang img{width:0.54rem;display:block;margin-left:0;margin-bottom:0.2rem;}
#brand .wrap .biao{font-size:0.34rem;color:#111111;line-height:0.45rem;margin:0.55rem 0 0.65rem;}
#brand .wrap .wen{font-size:0.18rem;color:#333333;line-height:0.26rem;width:6.2rem;text-align:justify;}
#brand .wrap .more{width:1.8rem;line-height:0.55rem;height:0.55rem;border:1px solid #323232;display:block;border-radius:0.55rem;text-align:center;font-size:0.16rem;text-transform:uppercase;margin-top:1.1rem;position:relative;z-index:1;}
#brand .tu{width:7.88rem;height:5.21rem;position:absolute;right:0;top:4rem;z-index:1;}
#brand .tu img{width:100%;display:block;}
#brand .au{width:12.92rem;height:2.17rem;position:absolute;right:0;top:4rem;top:7.9rem;left:0;}
#brand .au img{width:100%;display:block;}
#brand .ea{width: 100%;height: 4.5rem;margin-top:1.5rem;}
#brand .ea p{font-size:0.32rem;color:#111111;}
#brand .ea .swiper-slide img{display: block;margin:0 auto;width: 90%;margin:0 auto;}
#brand .ea .swiper-slide{margin-top: 0.45rem;font-size:0.18rem;color:#111111;line-height:0.5rem;text-align:center;}
 

 

/*cp*/

#cp{width: 100%;height: 10.4rem;background:#f4f4f4;position: relative;}
#cp .title{width:14.5rem;margin:0 auto;}
#cp .title p{color:#111111;text-align:left;}
#cp .title img{margin-left:0;}


#cp .info_box_pic_box{overflow:hidden;position:relative;margin-left: 2.35rem;}
#cp .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image: none !important;outline: none;width: 0.58rem !important;height: 0.58rem !important;overflow: hidden;top:1.6rem;z-index:1}
#cp .swiper-button-next, .swiper-container-ltl .swiper-button-prev{background-image: none !important;outline: none;width: 0.58rem !important;height: 0.58rem !important;overflow: hidden;top:1.6rem;right:2.35rem;left:auto;z-index:1;}
#cp .swiper-button-prev img, .swiper-container-rtl .swiper-button-next img{transition:0.5s;margin-top: 0px;display: block;width: 100%;}
#cp .swiper-button-next img, .swiper-container-ltl .swiper-button-prev img{transition:0.5s;margin-top: 0px;width: 100%;}


#cp .info_box_pic_box .swiper-slide img{display: block;width: 100%;}
#cp .info_box_pic_box .swiper-slide{text-align: center;font-size: 0.18rem;text-align: center;color: #333;line-height: 0.5rem;}

#cp .info_box_pic_box .swiper-slide:first-child,#cp .info_box_pic_box .swiper-slide:nth-child(2),#cp .info_box_pic_box .swiper-slide:nth-child(3){display:none;}




#cp .swiper-pagination-bullets{margin-top: 1rem;text-align:center;}
#cp .swiper-pagination-bullet{width: 7% !important;height: 4px;background:#cccccc !important;color: #fff !important;line-height: 0.35rem;opacity:0.7;font-size: 0.14rem;border-radius: 4px;}
#cp .swiper-pagination-bullet-active{background:#111111 !important;color: #fff;opacity:1;}

#cp .swiper-button-prev,#cp .swiper-container-rtl .swiper-button-next{right: 3.5rem;left:auto;}

#cp .bg{width: 3.4rem;height: 5.2rem;background:#fff;text-align: left;padding:0 0.2rem;color: #111111;display: block;margin-right:0.2rem !important;}
#cp .bg p{font-size: 0.24rem;text-transform: uppercase;line-height: 0.28rem;height:0.5rem;overflow:hidden;}
#cp .bg .list{line-height: 0.24rem;font-size:0.16rem;margin-top:0.25rem;margin-bottom:0.35rem;font-family:'MyriadPror';}
#cp .bg:hover{color: #fff;background: #fbbf38;}
#cp .bg .tu{width: 100%;height: 2.78rem;overflow: hidden;margin: 0.4rem auto 0.1rem;}
#cp .bg .tu img{margin-top:0.2rem;}