html,body {color:#333;margin:0;height:100%;font-family:"Myriad Set Pro","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:normal;}
* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
a {text-decoration:none;color:#000;}
a,label,button,input,select {-webkit-tap-highlight-color:rgba(0,0,0,0);}
img {width:100%;height:auto;display:block;border:0;}
body {background:#fff;color:#666;}
html,body,div,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,p,blockquote,pre,button,fieldset,form,input,legend,textarea,th,td {margin:0;padding:0;}
a {text-decoration:none;color:#08acee;}
button {outline:0;}
button,input,optgroup,select,textarea {margin:0;font:inherit;color:inherit;outline:none;}
li {list-style:none;}
a {color:#666;}


/*首页*/
.banner{width:calc(100% - 1rem);margin:0.5rem;height:auto;border-radius: 1rem;overflow: auto}
.video{width:calc(100% - 1rem);margin:0.5rem;height:auto;border-radius: 1rem;overflow: auto}
.list{width:calc(100% - 1rem);height:auto;background:#e9e9e9;padding:0.5rem 0.5rem 1.5rem;overflow: auto}
.list_a{display:block;width:32%;height:auto;background:#fff;margin:1rem 2% 0rem 0;padding:0.5rem 0;float:left;}
.list_a:nth-child(3n){margin-right:0;}
.list_a>span{display:block;width:100%;height:2rem;line-height:2rem;background:#fff;text-align:center;font-size:0.5rem;}
.list_a>img{display:block;width:60%;margin:0 20%;}
/*产品列表页*/
.zhong{background:#fff;color:#2175ec;}
.fenzhong{color:#af7d27;}
.zhong>i{border-left:3px #2175ec solid;height: 1.5rem;float:left;margin: 0.8rem 0 0 0;}
.pro{width:100%;height:calc(100% - 6rem);position: fixed;top:3rem;left:0;z-index:10;border-top: 1px #eee solid;}
.pro_l{float:left;height:100%;}
.pro_left{width:6rem;background:#fff;overflow:hidden;background:#eeeff4;}
.pro_left2{width:100%;height:100%;overflow:auto}
.pro_left1{display: block;width:100%;height:3rem;text-align:center;line-height:3rem;margin:0 0 0.3rem 0;font-size:15px;}
.pro_left3{background:#eeeff4;}
.pro_right{width:calc(100% - 6rem);background:#fff;overflow:hidden;}
.pro_right2{width:100%;height:100%;overflow:auto}

/*关于我们*/
.about{width:100%;height:3rem;line-height:3rem;text-align:center;font-weight:bold;}
.ab_con{width:100%;height:auto;padding:1rem 0;background:#eee}
.ab_cont{width:90%;height:auto;margin:0 5% 1rem;position:relative;}
.ab_cont>img{width:100%;border-radius: 0.5rem;}
.new_ab{position: absolute;top:21%;left:8%;font-size:1.2rem;}
.new_a{position:absolute;top:40%;left:8%;font-size:0.6rem;color:#999;}
.ab_text{width:100%;height:auto;background:#fff;padding:1rem 0;}
.ab_text>p{display:block;width:90%;height:2em;line-height:2rem;margin-left:5%;font-size:0.8rem;}
.ab_text>p>span{font-size: 0.8rem}
/*分类对比*/
.pro1{height:calc(100% - 11rem);}
.duibi{width:90%;height:3rem;margin:0 5%;position: fixed;bottom:3rem;left:0;border-top:1px #bbb solid;z-index:10;}
.duibi>span{float:right;display:block;}
.duibi1{height:2rem;line-height:2rem;border-radius:0.5rem;text-align:center;background:rgb(175, 7, 114);color:#fff;margin:0.5rem 0;padding:0 0.5rem;}
.duibi2{height:2rem; line-height:2rem;margin:0.5rem 0;padding:0 0.5rem;}
.db_num{color:rgb(175, 7, 114);}
.kg{width:1rem;height:1rem;display:inline-block;border:1px #999 solid;border-radius: 0.5rem;margin:2rem 0.5rem 0;float:left;}
.kg1{line-height: 1rem;text-align: center;background: #f00;color: #fff;}
.pro_right4>img{width:4rem;display:inline-block;margin:0.5rem 0 0 0;}
.pro_sm{width:50%;display:inline-block;}
.pro_sm>p,.pro_sm>h6,.pro_sm>span{font-size: 0.4rem}
.pro_duib>.kg{background:rgb(175, 7, 114);color:#fff;text-align:center;line-height:1rem;font-size: 0.2rem}
.pro_right3li{width:90%;height:auto;margin:0 auto 1rem;}
.pro_right3li>h6{border-bottom:1px #eee solid;height:2rem;line-height:2rem;margin-bottom:1rem; font-size: 14px;}
.pro_right3lia{display: inline-block;width:20%;height:8rem;margin-bottom:1.2rem;}
.pro_right3lia:nth-child(2n){margin-right:4%;}
.pro_right3liat{display: block;width:100%;height:7rem;}
.pro_right3liat>img{width:auto;height:auto;max-height:100%;max-width:100%; display: block;margin:0 auto;}
.pro_right3liam{display:block;width:100%;height:2rem;line-height:2rem;text-align:center;color:#999;font-size:12px}
.content{width:96%;height:auto;margin:1rem 2%;}

.list-video{margin-top:50px;margin-bottom:80px;}
	  .videolist {height: 16vw;width:18%;float:left;margin:1%;position: relative;}
    @media screen and (max-width: 1199px){
    	.pro_right3lia{width:30%;}
    	.videolist {
    height: 23vw;width:23%;
}}
@media screen and (max-width: 991px){

	.videolist {
    height: 22vw;width:31%;

}}
@media screen and (max-width: 767px){
	.videolist {    height: 37vw;width: 48%;}
	.pro_right3lia{width:47%;}





}    
	  .videolist:hover{ cursor: pointer; }
 
	  .videoed { display:none; width:50px; height:50px; position: absolute; left:42%; top:22%; z-index:99; border-radius:100%; }
	  .videos{ display:none;position:fixed; left:0%; top:50%; margin-top:-210px; z-index:100; width:100%;}
.videos video{width:100%;}
	  .vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer;width:25px;height:25px;background:#2175ec;}
.list-video .vtit{margin-top:10px;}
.page{margin-top:50px;margin-bottom:80px;}
.page p{margin:10px;}
.page img{width:100%;}
.search{margin-top:50px;margin-bottom:80px;}
.search .search-item{}





 body{margin:0;}
            * {margin: 0;padding: 0;}
            .titlem{width:100%;height:3rem;position:relative;}
            .titlem1{width:100%;height:3rem;line-height:3rem;text-align:center;display: inline-block;font-weight:bold;}
            .fanhui{display:block;width:10px;height:10px;border-left:2px #000 solid;border-bottom:2px #000 solid;position: absolute;left:1rem;top:calc(50% - 10px);transform:rotate(45deg);}

            .banner1{width:100%;height:auto;min-height:3rem;margin:0;}  
            .swiper {width:100%;height: 100%;}
            .swiper-slide {text-align: center;font-size: 18px;background: #fff;/* Center slide text vertically */display: -webkit-box;display:-ms-flexbox;        display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;        -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
            .swiper-slide img{display: block;width: 100%;height: 100%;object-fit: cover;}
            .cpname{width:96%;height:auto;padding:0 2%;margin:1rem 0;} 
            .cpname>span{display: block;color:#666;}
            .cpname>span>b{}
            .cpname2{margin:0.5rem 0;}
            .cpname2>b{font-size:1.5rem;color:#f00;}
            .cpcsgd{width:100%;height:20px;background-image:linear-gradient(to top,#fff,#eee)}
            .cpcsgd1{width:100%;height:20px;background-image:linear-gradient(to bottom,#fff,#eee)}
            .csnemg{letter-spacing:0.5em;}
            .csnemg2{letter-spacing:1.5em;}
            .csnemg3{letter-spacing:1.5em;}
            .cpcsnum a{color:#333;width:38%;overflow:hidden;display:inline-block;font-size:14px}
            .cpcsnum span{color:#888;overflow:hidden;display:inline-block;font-size:14px}
            .cpcontent{width:100%;height:auto;}
        .clearfix::before, .clearfix::after {display: block;content: '';visibility: hidden;height: 100%;clear: both;}
        .my-gallery {width:96%;margin: 0 auto;}
        .my-gallery .img-dv {width:100%;margin-bottom: 1%;}
        .my-gallery .img-dv a {display:block;width:100%;text-align: center}
        .my-gallery .img-dv a img {width:100%;}
        .pswp__img{height:auto !important;}
        .ty-title{width:100%;height:50px;}
        .ty-title>span{display:block;width:100%;height:50px;line-height:50px;text-align: center;}
        .info-list{width:96%;height:auto;padding:10px 2%;overflow: auto;margin:0 auto;}
        .item{float:left;width:50%;height:auto;overflow: auto;font-size:12px;}
        .left{float:left;width:39%;height:40px;line-height:40px;text-align:center;background:#dcdcdc;margin-left:2%;}
        .right{float:right;width:59%;height:40px;line-height:40px;text-align:center;background:#eeeeee;}
.blockquote {clear:both;overflow:hidden;padding:0;border-bottom:1px solid #2175ec;border-left:0;font-size:18px;}
.blockquote p{float:left;clear:both;margin:0;padding:10px 20px;background:#2175ec;color:#fff;}

