@charset "utf-8";
.wrap{max-width: 640px;margin:0 auto;}



/*banner*/
.banner{width: 100%;height: auto;overflow: hidden;position: relative;z-index: 1;}
.banner .swiper-slide{width: 100%;font-size: 0;}
.banner .swiper-slide a{width: 100%;font-size: 0;}
.banner .swiper-pagination span{background:#fff; width: 0.15rem;height:0.15rem;border-radius: 100%;opacity: 1;}/*分页符未选中样式*/
.banner .swiper-pagination .swiper-pagination-bullet-active{background:#e62129;  }/*分页符选中样式*/
.swiper-container-horizontal>.swiper-pagination-bullets span.swiper-pagination-bullet{margin:0 0.06rem;opacity: 1;}
/*banner end*/

/*product*/
.product{padding:0.2rem;}
.product ul{overflow: hidden;}
.product ul li{float: left;margin-left: 0.1rem;width: 1.93rem;height: 1.68rem;position: relative;}
.product ul li:first-child{margin-left: 0;}
.product ul li .proimg{position: relative;width: 1.93rem;height: 1.68rem;}
.product ul li:nth-child(1) .pro1{background: #89bf21;}
.product ul li:nth-child(2) .pro1{background: #43a8e3;}
.product ul li:nth-child(3) .pro1{background: #42c196;}
.product ul li .proimg .proimgCen{width: 1.93rem;height: 1.65rem;}
.product ul li .proimg .proimgCen img{width: 100%;display: block;}
.product ul li .proimg .proimgbg{width: 0.47rem;height: 0.47rem;position: absolute;top: 0;right: 0;}
.product ul li .proimg .proimgbg img{width: 100%;display: block;}
.product ul li .proimg i{position: absolute;top: 0.04rem;right: 0.02rem;display: block;width: 0.24rem;height: 0.24rem;text-align: center;line-height: 0.24rem;font-size: 0.22rem;color: #fff;}
.product ul li .protxt{text-align: center;padding:0.05rem 0;position: absolute;top: 0.2rem;width: 100%;}
.product ul li .protxt p{font-size: 0.16rem;line-height: 0.16rem;padding:5px 0;color: #fff;}
.product ul li .protxt p i{color: #fff;}
.product ul li .protxt h1{font-size: 0.22rem;color: #fff;padding: 0 0.1rem;	}
/*product end*/

/*about*/
.about{width: 100%;}
.about .aboutCen{padding:0.3rem 0.2rem;background: #f5f5f5;}
.about .aboutCen a{display: block;overflow: hidden;background: #fff;}
.about .aboutCen a:active{background: none;}
.about .aboutCen .fl{width: 1.95rem;min-height: 2.05rem;background: #2b77c5;padding:0.55rem 0.15rem 0.25rem 0.3rem;margin-right: 0.3rem;}
.about .aboutCen .fl h2{font-size: 0.3rem;color: #fff;}
.about .aboutCen .fl h3{font-size: 0.22rem;color: #fff;padding-top: 0.1rem;}
.about .aboutCen .fl span{display: block;width: 1.06rem;height: 0.4rem;text-align: center;line-height: 0.4rem;margin-top:0.45rem;border:1px solid #fff;font-size: 0.22rem;color: #fff;}
.about .aboutCen .fl span i{font-size: 0.18rem;color: #fff;margin-left: 0.05rem;}
.about .aboutCen .aboutfr{height: auto;overflow: hidden;padding-top: 0.15rem;padding-right: 0.25rem;}
.about .aboutCen .aboutfr p{font-size: 0.2rem;line-height: 0.38rem;color: #666666;}
/*about end*/

/*公用*/
.newspul{padding:0.45rem 0.2rem 0.3rem;}
.newspul h4{color: #333333;font-size: 0.3rem;text-align: center;}
.newspul p.small{font-size: 0.22rem;color: #999;line-height: 0.3rem;text-align: center;}
/*newspro*/
.newspro ul{margin-top: 0.35rem;overflow: hidden;}
.newspro ul li{width: 2.91rem;float: left;margin-left: 0.1rem;}
.newspro ul li a{display: block;}
.newspro ul li:first-child{margin-left: 0;}
.newspro ul li .newsproimg{width: 2.90rem;height: 1.74rem;overflow: hidden;}
.newspro ul li .newsproimg img{display: block;width: 100%;}
.newspro ul li .newsprotxt p{font-size: 0.22rem;line-height: 0.24rem;color: #333;width: 2.9rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;padding:0.25rem 0;}
.newspro ul li .videobox{position: relative;width: 2.90rem;height: 1.74rem;}
.newspro ul li .videomask{position: absolute;top: 0;left: 0;}
.newspro ul li .videomask .videoplaybg{width: 100%;width: 2.9rem;height: 1.74rem;}
.newspro ul li .videomask i{display: block;;position: absolute;font-size: 30px;color: #fff;top: 50%;left: 0;right: 0;margin:-0.35rem auto 0;text-align: center;height: 0.7rem;line-height: 0.7rem;}
/*newspro end*/

/*news*/
.news{padding-bottom: 0.6rem;}
.news ul{margin-top: 0.17rem;}
.news ul li a{display: block;padding:0.2rem 0;background: #fff;position: relative;overflow: hidden;}
.news ul li a:before{position: absolute;content:'';width: 98%;left:0;bottom:0;height:1px;background-color: #e8e8e8;-webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: scaleY(0.5);transform: scaleY(0.5);}
.news ul li a:active{background: #f4f4f4;overflow: hidden;}
.news ul li .newsimg{width: 1.8rem;margin-right: 0.2rem;}
.news ul li .newsimg img{width: 100%;display: block;}
.news ul li .newstxt{height: auto;overflow: hidden;}
.news ul li .newstxt h5{font-size: 0.24rem;color: #474747;display: inline-block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;height: auto;overflow: hidden;width: 4.6rem;}
.news ul li .newstxt span.date{font-size: 0.2rem;line-height: 0.36rem;color: #999;float: right;width: 1.2rem;}
.news ul li:first-child .newstxt h5{width:100% !important;}
.news ul li:first-child .newstxt span.date{float: none;}
.news ul li .newstxt span.more{display: block;font-size: 0.2rem;color: #e89300;}
/*news end*/


/*research*/
.research{padding:0.2rem 0;}
.research .swiper-slide{position: relative;}
.research .resimg img{width: 100%;display: block;}
.research .restxt{text-align: center;width: 100%;z-index: 2;padding: 0.2rem 0;}
.research .restxt p{color: #333333;font-size: 0.3rem;line-height: 0.3rem;width: 100%;}
.research .restxt p span{font-size: 0.22rem;display: inline-block;display: block;padding-top: 0.1rem;color: #999999;}
.research .zhezhao{background: rgba(0,0,0,0.3);position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
.research .swiper-pagination{position: static !important;}
.research .swiper-pagination span{background:#dadada; width: 1.39rem;height:0.1rem;opacity: 1;border-radius: 0;}/*分页符未选中样式*/
.research .swiper-pagination .swiper-pagination-bullet-active{background:#e62129;  }/*分页符选中样式*/
.swiper-container-horizontal>.swiper-pagination-bullets span.swiper-pagination-bullet{margin:0 0.06rem;opacity: 1;}
/*research end*/


/*brand*/
.brand{padding:0.2rem;}
.brand ul{overflow: hidden;width:6.35rem;}
.brand ul li{width: 1.3rem;height: 0.8rem;overflow: hidden;float: left;margin-right: 0.25rem;margin-bottom: 0.25rem;}
.brand ul li img{display: block;width: 100%}
/*brand  end*/


.ckmore{width: 1.7rem;text-align: center;background: #da251c;margin-top: 0.2rem;border: 1px solid #ededed;margin:0.2rem auto 0;}
.ckmore a{display: block;padding:0.15rem 0;font-size: 0.22rem;color: #fff;transition: 0.8s;}
.ckmore a:active{background: #b50900;color: #fff;}


/*video-box*/
.video-box {background: #fff;border: 2px solid #2c77bb;display: none;height: 4.2rem;left: 0;right: 0;margin: -2.1rem auto;padding: 0.32rem 0.15rem;position: fixed;
    top: 50%;width: 5.6rem ;z-index: 99; }
.video-box .btn-close1 {background: #2c77bb;width:0.32rem;height: 0.32rem;line-height:0.32rem;text-align:center;position: absolute;right: 0rem;top: -0.02rem;transition: all 0.4s ease-in-out 0s;margin: 0; }
.video-box .btn-close1 i {color: #fff;font-style: normal;font-size: 0.2rem;}
.video-box video{width: 5.6rem ;height: 4rem;}
.cover-bg {background: rgba(0,0,0,0.7); display: none;height: 100%;left: 0;position: fixed;top: 0;width: 100%;z-index: 98;  }