@charset 'utf-8';

/*公共*/

@media screen and (min-width: 2000px)

{#lunbo1tx{font-size:22px;}

html{font-size:16px;}

.bottomtop2{margin-left:18.625rem;}

.nav1{margin-left:7.5rem;}

.nav2{margin-left:5rem;}

.rel2 a{margin-right:3.74rem}

.nav3{margin-right:7rem;}

}

@media screen and (min-width: 1800px) and (max-width: 1999px)

{#lunbo1tx{font-size:20px;}

html{font-size:16px;}

.bottomtop2{margin-left:18.625rem;}

.nav1{margin-left:7.5rem;}

.nav2{margin-left:5rem;}

.rel2 a{margin-right:3.74rem}

.nav3{margin-right:7rem;}

}

@media screen and (min-width: 1600px) and (max-width: 1799px)

{#lunbo1tx{font-size:18px;}

html{font-size:16px;}

.bottomtop2{margin-left:18.625rem;}

.nav1{margin-left:7.5rem;}

.nav2{margin-left:5rem;}

.rel2 a{margin-right:3.74rem}

.nav3{margin-right:7rem;}

}

@media screen and (min-width: 1400px) and (max-width: 1599px)

{html{font-size:16px;}

.bottomtop2{margin-left:18.625rem;}

.nav1{margin-left:7.5rem;}

.nav2{margin-left:5rem;}

.rel2 a{margin-right:3.74rem}

.nav3{margin-right:7rem;}

}

@media screen and (min-width: 1200px) and (max-width: 1399px)

{html{font-size:14px;background-color:red;}

.bottomtop2{margin-left:15.625rem;}

.nav1{margin-left:7.5rem;}

.nav2{margin-left:4.5rem;}

.rel2 a{margin-right:3.54rem}

.nav3{margin-right:6.5rem;}



}

@media screen and (min-width: 1000px) and (max-width: 1199px)

{html{font-size:12px;}

.bottomtop2{margin-left:12.625rem;}

.nav1{margin-left:6.5rem;}

.nav2{margin-left:4rem;}

.rel2 a{margin-right:3.34rem}

.nav3{margin-right:6rem;}



}

@media screen and (min-width: 800px) and (max-width: 999px)

{html{font-size:10px;}

.bottomtop2{margin-left:9.625rem;}

.nav1{margin-left:5.5rem;}

.nav2{margin-left:3.5rem;}

.rel2 a{margin-right:3.14rem}

.nav3{margin-right:5.5rem;}

#foop img{width:1.425rem;object-fit:contain;}

.rel3 a,#side1,#side2,#side3,#side4,#side5{display:none;}



}

@media screen and (min-width: 600px) and (max-width: 799px)

{html{font-size:8px;}

.bottomtop2{margin-left:6.625rem;}

.nav1{margin-left:4.5rem;}

.nav2{margin-left:3rem;}

.rel2 a{margin-right:2.94rem}

.nav3{margin-right:5rem;}

#foop img{width:1.425rem;object-fit:contain;}

.rel3 a,#side1,#side2,#side3,#side4,#side5{display:none;}

}

@media screen and (min-width: 400px) and (max-width: 599px)

{html{font-size:7px;}

.bottomtop2{margin-left:3.625rem;}

.nav1{margin-left:3.5rem;}

.nav2{margin-left:2.5rem;}

.rel2 a{margin-right:2.74rem}

.nav3{margin-right:4.5rem;}

#foop img{width:1.425rem;object-fit:contain;}

.rel3 a,#side1,#side2,#side3,#side4,#side5{display:none;}

}

@media screen and (min-width: 0) and (max-width: 399px)

{html{font-size:6px;}

.bottomtop2{margin-left:2.625rem;}

.nav1{margin-left:2.5rem;}

.nav2{margin-left:2rem;}

.rel2 a{margin-right:2.54rem}

.nav3{margin-right:4rem;}

#foop img{width:1.425rem;object-fit:contain;}

.rel3 a,#side1,#side2,#side3,#side4,#side5{display:none;}

}

	* {

	margin:0;

	padding:0;

	border:0;

	outline:0;/*边框*/



	}

	html {

	height:auto;

	width:100%;

	background-color:#ffffff;

	}

    body {

	margin:0;

	padding:0;

	border:0;

	height:auto;

	width:100%;

	margin:0 auto;

	background-color:#ffffff;

	}

	img,p,a{

	padding:0px;

	margin:0px;

	border:0px;
    
   line-height:1.5rem;
   letter-spacing:0.1rem;
	}

	ul,li,a {

	text-decoration:none;

	color:#383838;

    list-style:none;

    padding:0px;

	margin:0px;

	border:0px;


    
	}





/*导航*/

    .header{

    position:fixed;/*固定作用*/

	right:0px;/*固定作用*/

	left:0px;/*固定作用*/

    padding:0;

    top:0;

    background-color:;

    height:;

    width:100%;

    z-index: 90;/*层级*/

	margin:0 auto;

    transform:translateZ(0);/*3D硬件加速，防止缩放时抖动*/
    


    }

    .header ul{

    background-color:;

    height:;

    width:100%;

    }

    .nav{

    width:100%;

    height:4.6875rem;

    background-color:#ffffff;

    border-bottom:0.0625rem solid #d3d3d3;  

    } 

    /*LOGO*/

    .nav1{

    float:left;

    width:auto;

    /*margin-left:7.5rem;*/

    height:100%;

    background-color:;

    position:relative;

    }

    .rel1{

    float:left;

    background-color:;
    position:relative;
    height:100%;
    padding-left:4.375rem;

    }
    .rel1 h1{
    font-weight:500;
    float:left;
    position:absolute;
    font-size:1.7rem;
    top:50%;
    margin-top:-1.1rem;
    font-family:'PingFangSC-Regular', 'Verdana', 'Arial,Roboto Light', '微软雅黑', '宋体';
    width:12rem;
    letter-spacing:0.1rem;
    line-height:2rem;
    }
    .rel1 img{

    width:3.0625rem;

    height:auto;

    object-fit:cover;

    bottom:0.75rem;

    left:0;

    background-color:;
    

    position:absolute;

    }

    /*左导航栏*/

    .nav2 a{
    color:#565656;
    font-size:1rem;    
    }
    .nav2 a:hover{
    color:#00ccff;
    font-size:1rem;    
    }

    .nav2{

    float:right;

    background-color:;

    height:100%;

    width:auto;

    /*width:36.25rem;*/

    margin-right:6rem;
    }
    
    .rela1,.rela3,.rela5{
    background-color:;
    float:right;
    width:auto;
    height:auto;
    margin:1.87rem 2rem 0 0;
    text-align:center;
    padding:0 1rem;
    }
    .rela2,.rela4{
    background-color:;
    float:right;
    width:auto; 
    height:auto;
    margin:1.87rem 2rem 0 0; 
    text-align:center;
    padding:0 1rem;
    }
    .rela1 a,.rela3 a,.rela5 a{
    padding-bottom:1.5rem;
    text-align:center;
    font-family:'微软雅黑','PingFangSC-Regular', 'Verdana', 'Arial,Roboto Light',  '宋体';
    background-color:;
    font-size:1rem;
    }
    .rela2 a,.rela4 a{
    padding-bottom:1.5rem;
    text-align:center;
    font-family:'微软雅黑','PingFangSC-Regular', 'Verdana', 'Arial,Roboto Light',  '宋体';
    background-color:;
    font-size:1rem;
    }
    

    .navx{

    width:100%;

    height:0rem;

    background-color:;

      

    }
    #xl01{
    float:left;
    
    }
    #xl02{
   
    clear:both;
    float:left;    
    }
    #xl03{
    float:left;
    
    }
    #xl04{
   
    clear:both;
    float:left;    
    }
    #nav3{
    
    display:none;
    float:right;

    background-color:#070f27;
    
    opacity:0.7;

    height:100%;

    width:auto;

    /*width:36.25rem;*/

    margin-right:7.25rem;
    }

    #nav4{
    display:none;
    float:right;

    background-color:#070f27;
    
    opacity:0.7;

    height:100%;

    width:auto;

    /*width:36.25rem;*/
    padding-left:0.5rem;
    margin-right:27.225rem;
    text-align:center;
    }
    .rela6{
    background-color:;
    float:right;
    width:auto; 
    height:auto;
    margin:1rem 0rem 0 0; 
    text-align:center;
    padding:0 2rem;
    }

    .rela6 a{
    
    padding-top:1.8rem;
    padding-left:;
    text-align:center;
    font-family:'微软雅黑','PingFangSC-Regular', 'Verdana', 'Arial,Roboto Light',  '宋体';
    color:#ffffff;
    font-size:1rem;    
    }
    .rela6 a:hover{
    
    padding-top:1.8rem;
    padding-left:;
    text-align:center;
    font-family:'微软雅黑','PingFangSC-Regular', 'Verdana', 'Arial,Roboto Light',  '宋体';
    color:#00ccff;
    font-size:1rem;    
    }

/*轮播*/

    #lunbo{

    float:left;

	overflow:hidden;

    background-color:;

    padding:0;

    top:0;

    height:;

	width:100%;

    /*有浏览器绝对定位，所以高度等于浏览器高度100%*/

	}

    #lunbo img{

    width:100%;

	height:100%;

    max-width:3000px;

    object-fit:cover;

    background-color:;

    vertical-align: middle;/*用于消灭著名的3像素*/

    }	 

    #lunbo li:not(:first-child){display: none;} 

    #lunbo li{text-decoration:none;list-style:none;background-color:;}

    #lunbo1{

    vertical-align: middle;/*用于消灭著名的3像素*/
    margin-top:4.5625rem;
    background-color:;

    width:100%;

    height:auto;

    position:relative;

    float:left;
    
    

    }


    #lunbo1tx{

    float:left;

    position:absolute;
    
    margin-left:-15rem;
    
    margin-top:-6rem;
    
    width:30rem;
    
    height:16rem;
    
    left:50%;
    
    top:50%;
    
    text-align:center;

    }

    #lunbo1tx img{

    width:10rem;

    object-fit:cover;

    }

    #lunbo1tx h1{

    font-weight:300;

    margin-bottom:1.7rem;

    font-size:2.1em;/*随父级*/

    font-family:'PingFangSC-Regular', 'Verdana', 'Arial,Roboto Light', '微软雅黑', '宋体';

    color:#ffffff;

	word-break: break-word;/*空白处换行*/

    width:32rem;

    }

    #lunbo1tx p{

    letter-spacing:0rem;

    font-weight:500;
    
    color:#ffffff;

    margin-bottom:2.7rem;

    font-size:1.35rem;
    
    font-family:'PingFangSC-Regular', 'Verdana', 'Arial,Roboto Light', '微软雅黑', '宋体';
    }

    #lunbo1tx span{

    letter-spacing:0;

    }



 
/*产品*/

    .sycp{

    clear:both;    

    width:calc(100% - 1.25rem);

    height:auto;

    /*background-color:#F2F2F2;*/

    background-color:#ffffff;

    overflow:hidden;

    margin-left:px;

    padding-bottom:px;

    padding-top:px;

	margin:0 0.625rem 0 0.625rem;
    text-align:center;
    }

    .sycptu1{

    float:left;

    background-color:#ffffff;

    width:calc(25% - 0.47rem);

    height:auto;

    margin-top:0.8125rem;

    margin-bottom:0.75rem;

	padding-bottom:0px;

    text-align:center;

    padding-top:1.0625rem;

	transition: all 0.2s;

    }

    

    .sycptu1 img{

    height:20%;

    width:20%;

    object-fit:contain;  /*按比例，图片全部显示*/

    margin-top:0.3125rem;

    cursor: pointer;

    margin-bottom:0.625rem;

	

    }

    .sycptu1 h1{

	font-family:'PingFangSC-Regular', 'Verdana, Arial', '微软雅黑', '宋体'; 

    font-size:1.3rem;

    letter-spacing:;

    font-weight:500;

	color:#000000;

    margin-bottom:0.625rem;
    
    

    }
    
    .sycptu1 p{
    
    color:#626262;
    
    }

/*首页模块*/
    .sycp2{

    clear:both;    

    width:100%;

    height:auto;

    /*background-color:#F2F2F2;*/

    background-color:#ffffff;

    overflow:hidden;

    margin-left:px;

    padding-bottom:4rem;

    padding-top:4.5rem;

	margin:3rem 0 3rem 0;
    text-align:center;
    border-top:1px solid #d3d3d3;
        
    }
   .sycptu2{

    float:left;

    background-color:#ffffff;

    width:calc(25% - 0.47rem);

    height:auto;

    margin-top:3.8125rem;

    margin-bottom:0.75rem;

	padding-bottom:0px;

    text-align:center;

    padding-top:1.0625rem;

	transition: all 0.2s;
    
    

    }

    

    .sycptu2 img{

    height:40%;

    width:40%;

    object-fit:contain;  /*按比例，图片全部显示*/

    margin-top:0.3125rem;

    cursor: pointer;

    margin-bottom:0.625rem;

	

    }

    .sycptu2 h1{

	font-family:'微软雅黑','PingFangSC-Regular', 'Verdana, Arial', '宋体'; 

    font-size:1.3rem;

    letter-spacing:;

    font-weight:500;

	color:#000000;

    padding-bottom:1rem;
     padding-top:2rem;
    
    margin-top:0;

    }
    
    .sycptu2 p{
    font-size:1.05rem;
    color:#626262;
    font-family:'微软雅黑','PingFangSC-Regular', 'Verdana, Arial',  '宋体'; 
    }
    .sycp2 h1{
    font-weight:500;
    font-size:1.8rem;
    font-family:'微软雅黑','PingFangSC-Regular', 'Verdana, Arial', '宋体';
    }
    .sycph1 h1{
    
    text-align:center;
    margin-bottom:3.625rem;
    font-weight:500;
    font-family:'微软雅黑','PingFangSC-Regular', 'Verdana, Arial',  '宋体'; 
    }
/*首页详情页*/
.syxq {
    text-align:center;
    vertical-align: middle;/*用于消灭著名的3像素*/
    width:100%;
    height:auto;
    
}
.syxq h1{
    font-weight:500;
    
    font-family:'微软雅黑','PingFangSC-Regular', 'Verdana, Arial';
    font-size:1.8rem;
    margin:3rem auto;
}
#syxqimg1{
    width:calc(100% - 10rem);
    vertical-align: middle;/*用于消灭著名的3像素*/
    float:left;
    width:50%;
    height:auto;
    margin-bottom:0rem;
    background-color:;
    position:relative;
}
#syxqimg1 img{
    margin:0;
    width:100%;
    float:left;
    vertical-align: middle;/*用于消灭著名的3像素*/
    object-fit:cover;
    height:26.25rem;
}
#syxqimg2{
    width:calc(100% - 10rem);
    vertical-align: middle;/*用于消灭著名的3像素*/
    float:left;
    width:50%;
    height:auto;
    margin-bottom:0rem;
    background-color:green;
    position:relative;
}
#syxqimg2 img{
    margin:0;
    width:100%;
    float:left;
    vertical-align: middle;/*用于消灭著名的3像素*/
    object-fit:cover;
    height:26.25rem;
}
#syxqimg1sd{
    width:calc(100% - 10rem);
    vertical-align: middle;/*用于消灭著名的3像素*/
    float:left;
    width:50%;
    height:26.25rem;
    margin-bottom:0rem;
    background-color:#000000;
    position:absolute;
    top:0;
    left:0;
    z-index:58;
    display:none;
    opacity:0.5;
}
#syxqimg1s{
    width:calc(100% - 10rem);
    vertical-align: middle;/*用于消灭著名的3像素*/
    float:left;
    width:50%;
    height:26.25rem;
    margin-bottom:0rem;
    background-color:;
    position:absolute;
    top:0;
    left:0;
    z-index:59;
    display:none;
    opacity:1;
}
#syxqimg1s a{
 background-color:#ffffff;
 width:auto;
 height:auto;
 padding:1rem 2rem;
 font-size:1rem;
 color:#000000;
 border-radius:1rem; 
 position:absolute;
 top:50%;
 left:50%;
 margin-top:-2rem;
 margin-left:-4.75rem;
 opacity:1;
}
#syxqimg1s a:hover{
 background-color:#ffffff;
 width:auto;
 height:auto;
 padding:1rem 2rem;
 font-size:1rem;
 color:#00ccff;
 border-radius:1rem; 
 position:absolute;
 top:50%;
 left:50%;
 margin-top:-2rem;
 margin-left:-4.75rem;
 opacity:1;
}   
#syxqimg2sd{
    width:calc(100% - 10rem);
    vertical-align: middle;/*用于消灭著名的3像素*/
    float:left;
    width:50%;
    height:26.25rem;
    margin-bottom:0rem;
    background-color:#000000;
    position:absolute;
    top:0;
    left:50%;
    z-index:58;
    display:none;
    opacity:0.5;
    
}
#syxqimg2s{
    width:calc(100% - 10rem);
    vertical-align: middle;/*用于消灭著名的3像素*/
    float:left;
    width:50%;
    height:26.25rem;
    margin-bottom:0rem;
    background-color:;
    position:absolute;
    top:0;
    left:50%;
    z-index:59;
    display:none;
    opacity:1;
}
#syxqimg2s a{
 background-color:#ffffff;
 width:auto;
 height:auto;
 padding:1rem 2rem;
 font-size:1rem;
 color:#000000;
 border-radius:1rem; 
 position:absolute;
 top:50%;
 left:50%;
 margin-top:-2rem;
 margin-left:-4.75rem;
 opacity:1;
}
#syxqimg2s a:hover{
 background-color:#ffffff;
 width:auto;
 height:auto;
 padding:1rem 2rem;
 font-size:1rem;
 color:#00ccff;
 border-radius:1rem; 
 position:absolute;
 top:50%;
 left:50%;
 margin-top:-2rem;
 margin-left:-4.75rem;
 opacity:1;
} 
.xq01{
    vertical-align: middle;/*用于消灭著名的3像素*/
    background-color:;
    position:relative;
    width:calc(100% - 10rem);
    margin:0 5rem;
    float:left;
    height:;
}
.xq01 img{
    object-fit:cover;
    width:50%;
    float:left;
}
#xq01a{
    
    top:50%;
    left:50%;
    margin-left:-8rem;
    margin-top:-8rem;
    width:16rem;
    height:10rem;
    float:left;
    position:absolute;
    
}
#xq01b{
    text-align:center;
    vertical-align:center;
    top:50%;
    left:50%;
    margin-left:-8.5rem;
    margin-top:-2rem;
    width:16rem;
    height:10rem;
    float:left;
    position:absolute;
}
#xq01b h1{
    font-size:1.5rem;
    color:#ffffff;
    margin-bottom:0.75rem;
}
#xq01b p{
    font-size:1rem;
    color:#ffffff;
    letter-spacing:0.1rem;
    line-height:1.5rem;
    margin-top:-0.2rem; 
}


#xq01a img,#xq01c img{ 
object-fit:cover;
width:100%;

}
#xq01aimg img{
width:30%;
height:30%;    
}

#xq01aimg{
width:100%;
float:left;
text-align:center;
vertical-align:center;
top:50%;
left:50%;
margin-left:-3rem;
margin-top:-3rem;
position:absolute;
}

#xq01c{
    
    top:50%;
    left:50%;
    margin-left:-8rem;
    margin-top:-8rem;
    width:16rem;
    height:10rem;
    float:left;
    position:absolute;
    
}
#xq01d{
    text-align:center;
    vertical-align:center;
    top:50%;
    left:50%;
    margin-left:-8.5rem;
    margin-top:-2rem;
    width:16rem;
    height:10rem;
    float:left;
    position:absolute;
}
#xq01d h1{
    font-size:1.5rem;
    color:#ffffff;
    margin-bottom:0.75rem;
}
#xq01d p{
    font-size:1rem;
    color:#ffffff;
    letter-spacing:0.1rem;
    line-height:1.5rem;
    margin-top:-0.2rem; 
}

#xq01cimg img{
width:30%;
height:30%;    
}

#xq01cimg{
width:100%;
float:left;
text-align:center;
vertical-align:center;
top:50%;
left:50%;
margin-left:-3rem;
margin-top:-3rem;
position:absolute;
}



.syxq2{
    text-align:center;
    vertical-align: middle;/*用于消灭著名的3像素*/
    width:100%;
    
    height:auto;
    float:left;
    }
.syxq2 h1{
    font-weight:500;
    
    font-family:'微软雅黑','PingFangSC-Regular', 'Verdana, Arial';
    font-size:1.8rem;
    margin:3.5rem auto;

}
.xq02{
    vertical-align: middle;/*用于消灭著名的3像素*/
    position:relative;
    
    
}
.xq02 img{
    object-fit:cover;
    width:100%;
    float:left;
    vertical-align: middle;/*用于消灭著名的3像素*/
    
}
.xq03{
    vertical-align: middle;/*用于消灭著名的3像素*/
    position:relative;
    width:100%;
    
}
.xq03 img{
    object-fit:cover;
    width:100%;
    float:left;
    vertical-align: middle;/*用于消灭著名的3像素*/
    
}
.xq04{
    vertical-align: middle;/*用于消灭著名的3像素*/
    position:relative;
    background-color:;
    float:left;
    width:100%;
    text-align:center;
    
}
.xq04 img{
    object-fit:cover;
    width:calc(100% - 10rem);
    float:left;
    vertical-align: middle;/*用于消灭著名的3像素*/
    margin-top:4rem;
    margin-bottom:5rem;
    margin-left:5rem;
    margin-right:5rem;
}
#xq02a{
    position:absolute;
    top:50%;
    left:0;
    margin-top:10rem;
    margin-left:10rem;
}
#xq02a h1{
    font-size:1.8rem;
    color:#ffffff;
    margin-bottom:1.35rem;
    text-align:left;
    letter-spacing:0.2rem;
}
#xq02a p{
    font-size:1.05rem;
    color:#ffffff;
    text-align:left;
    letter-spacing:0.1rem;
    padding-bottom:0.2rem;
}
#xq02a a{
    font-size:1.15rem;
    background-color:#0099cc;
    color:#ffffff;
    padding:0.3rem 0.5rem;
    text-align:left;
    margin-top:8rem;
    width:auto;
    font-weight:500;
    letter-spacing:0.1rem;
    border-radius:0.35rem;
    font-family:'PingFangSC-Regular','微软雅黑', 'Verdana, Arial';
    position:absolute;
    top:50%;
    left:0;
}
#xq02a a:hover{
    font-size:1.15rem;
    background-color:#0099cc;
    color:#383838;
    padding:0.3rem 0.5rem;
    text-align:left;
    margin-top:8rem;
    width:auto;
    font-weight:500;
    letter-spacing:0.1rem;
    border-radius:0.35rem;
    font-family:'PingFangSC-Regular','微软雅黑', 'Verdana, Arial';
    position:absolute;
    top:50%;
    left:0;
}
#xq03a{
    position:absolute;
    top:0;
    left:25%;
    padding-top:0;
    margin-top:0rem;
    margin-left:7.5rem;
}
#xq03a h1{
    padding-top:0;
    font-size:1.8rem;
    color:#000000;
    margin-bottom:1.35rem;
    text-align:center;
    margin-left:-3rem;
}
#xq03a p{
    font-size:1.1rem;
    color:#000000;
    text-align:center;
    margin-left:-3rem;
    font-family:'微软雅黑','PingFangSC-Regular', 'Verdana, Arial';
}
.xq04 h1{
    margin:0;
    padding:0;
}

/*底部*/

    .bottom{

    clear:both;    

    background-color:#333333;

    height:auto;

    width:100%;

    position:relative;

    float:left;

    }

    .bottomtop{
    width:100%;
    background-color:;
    float:left;
    }
    .bottomtop01{
    text-align:left;
    width:15%;
    background-color:;
    float:left;
    margin-left:5rem;
    }
    .bottomtop02{
    text-align:left;
    width:15%;
    background-color:;
    float:right;
    
    }
    .bottomtop01 h1,.bottomtop02 h1{
    font-size:1.2rem;
    color:#ffffff;
    font-weight:500;
    font-family:'微软雅黑','PingFangSC-Regular', 'Verdana, Arial';
    margin:3rem 0 1.5rem 0;
    }
    .bottomtop01 p,.bottomtop02 p{
    font-size:0.8rem;
    color:#999999;
    font-weight:500;
    font-family:'微软雅黑','PingFangSC-Regular', 'Verdana, Arial';
    margin-bottom:0.5rem;

    }


    /*最底部*/

    .sybt{

    clear:both;

    width:100%;

    height:auto;

    background-color:;

    float:left;

    margin:5rem 0 1rem 0;

    }

    .sybt a{

    font-size:0.8125rem;

    color:#999999;
    
    font-family:'PingFangSC-Regular', 'Verdana, Arial', '微软雅黑', '宋体'; 

    }

    #sybt1{

    float:left;

    background-color:;

    width:calc(50% + 7.85rem);

    text-align:right;

    }

    #sybt2{

    float:right;

    margin-right:6.250rem;

    padding:0 1rem;

    background-color:;

    position:relative;

    }

    #sybt2a{

    display:none;

    text-align:center;

    padding:1rem 0.2rem;

    

    }

    #sybt2a a{line-height:2rem;}

    #sybt2b{

        

    }

    #sybt2:hover #sybt2a{

    display:block; 

    position:absolute;

    background-color:#444444;

    top:-6.125rem;

    left:0rem;

    border:1px solid #afafaf;

    }

 /*-----返回顶部*/

 /*返回顶部*/ 

    #foop{

    position:fixed;/*固定作用*/

	right:0.2rem;/*固定作用*/

	bottom:3.125rem;/*固定作用*/

    transform:translateZ(0);/*3D硬件加速，防止抖动*/

    width:0.61538462rem;

    height:3.125rem;

    padding:0.375rem 1rem 0.125rem 0.1875rem;

    background-color:#000000;

    opacity:0.5;

    }

  

    #foop img{



    }

 

 /*--222及---产品页面开始*/

 /*产品列表*/

    .cp{

    

    background-color:#ffffff;

	height:auto;

	width:calc(100% - 12.5rem);

	float:left;

    padding-top:9.125rem;

	padding-bottom:5rem;

    padding-left:6.25rem;

    padding-right:6.25rem;

    

    }

    .cpone{   

    height:21.7rem;/*auto*/

    width:calc(100% / 3 - 0.25rem);

    background-color:;

    text-align:center;

    float:left;

    margin:-0.0625rem 0 0 -0.0625rem;

    border:0.0625rem solid #e9e9e9;

    padding-top:2.5rem;

    }

    .cpone img{

    height:12rem;

    width:12rem;

    object-fit:cover;

    margin-bottom:3.125rem;

    cursor: pointer;

	transition: all 0.6s;

    }

    .cpone img:hover{

    height:12rem;

    width:12rem;

    object-fit:cover;

    margin-bottom:3.125rem;

    transform: scale3d(1.2,1.2,1.2) translateZ(0);

    

    }

    .cpone h1{

    font-size:1.0625rem;

    font-family: Arial, 微软雅黑, 宋体;

    margin-bottom:0.625rem;

    font-weight:500;

    }

    .cpone p{

    

    font-size:0.9375rem;

    font-family:PingFangSC-Regular, Verdana, Arial, 微软雅黑, 宋体;

	padding-bottom:2.5rem;

    color:#9f9f9f;

    }

/*---222及--云页面开始*/

/*内容*/  

    .yun{

    margin-top:4.5625rem;

    margin-bottom:5.3125rem;

    }

    .yun img{

    vertical-align: middle;/*用于消灭著名的3像素*/

    width:100%;

    object-fit:cover;

    }

/*---222及--服务下载页面开始*/

/*内容*/

    .fwxz{

    margin:4.5rem auto 0 auto;

    padding:0 4.5625rem;

    background-color:;

    height:auto;

    width:calc(100% - 10rem);

    }

    .fwxz img{

    height:auto;

    width:100%;

    object-fit:cover;

    vertical-align: middle;/*用于消灭著名的3像素*/

    }

    /*服务政策*/

    .fwzc{

    height:auto;

    width:100%;

    padding-top:3.125rem;

    

    }

    .fwzcone{

    float:left;

    width:14.8rem;

    margin-bottom:3.74rem;

    }

    .fwzc h1{

    font-family:'PingFangSC-Regular', 'Verdana, Arial', '微软雅黑', '宋体'; 

    font-size:1.05rem;

    border-left:0.125rem solid #00ccff ;

    padding-left:0.625rem;

    margin-bottom:3.125rem;

    font-weight:500;

    }

    .fwzc a{

    font-family:'PingFangSC-Regular', 'Verdana, Arial', '微软雅黑', '宋体'; 

    font-size:1rem; 

    border:0.0625rem solid #00a6ba;

    /*border-radius:0.3125rem;*/

    color:#00a6ba;

    padding:0.625rem 2.5rem;

    

    }

    .fwzc a:hover{

    font-family:'PingFangSC-Regular', 'Verdana, Arial', '微软雅黑', '宋体'; 

    font-size:1rem; 

    border:0.0625rem solid #00a6ba;

    /*border-radius:0.3125rem;*/

    color:#7e7e7e;

    padding:0.625rem 2.5rem;

    

    }



    /*常见问题*/

    .cjwt{

    clear:both;

    padding-top:2.1875rem;

    height:auto;

    width:100%;

    background-color:;

    }

    .cjwt h1{

    font-family:'PingFangSC-Regular', 'Verdana, Arial', '微软雅黑', '宋体'; 

    font-size:1.05rem;

    border-left:0.125rem solid #00ccff ;

    padding-left:0.625rem;

    margin-bottom:2.5rem;

    font-weight:500;

    background-color:;

    }

	/***********************/

    .cjwtone{

    float:left;

    border:0.0625rem solid #cfcfcf ;

    margin-right:-0.125rem;

    padding:0.625rem 2.1875rem 0.9375rem 2.1875rem;

    margin-bottom:0.375rem;

    width:8.75rem;

    background-color:;

    position:relative;

    height:1.87rem;

    vertical-align:top;

    }

    

    .cjwt img{

    background-color:;

    width:3.05rem;

    

    object-fit:cover;

    vertical-align:text-bottom;/*垂直底部*/

    position:absolute;

    top:0.5625rem;

    right:0.9375rem;

    

    }

    

    .cjwt a{

    position:absolute;

    top:1.05rem;

    left:0.9375rem;

    background-color:;

    width:5rem;

    vertical-align:text-bottom;/*垂直底部*/

    font-size:1rem;    

    padding-right:0.625rem;

    font-family:'Verdana, Arial', '微软雅黑', '宋体'; 

    }

    .cjwt a:hover{

    position:absolute;

    top:1.05rem;

    left:0.9375rem;

    background-color:;

    width:5rem;

    vertical-align:text-bottom;/*垂直底部*/

    font-size:1rem;    

    padding-right:0.625rem;

    color:#00ccff;

    font-family: 'Verdana, Arial', '微软雅黑', '宋体'; 

    }

    /*下载*/

    .xzwj{

    clear:both;

    height:auto;

    width:100%;

    background-color:;

    padding-top:5rem;

    border-bottom:0.0625rem solid #cfcfcf; 

    }

    .xzwj h1{

    font-family:'PingFangSC-Regular', 'Verdana, Arial', '微软雅黑', '宋体'; 

    font-size:1.05rem;

    border-left:0.125rem solid #00ccff ;

    padding-left:0.625rem;

    margin-bottom:2.5rem;

    font-weight:500;

    }

    .xzwjone{

    padding-top:3.74rem;

    background-color:;   

    float:left;

    height:6.25rem;

    width:12.5rem;

    margin-right:0.625rem;

    margin-bottom:7.5rem;

    text-align:center;

    }

    .xzwjone img{

    margin-bottom:0.625rem;

    width:5rem;

    object-fit:cover;

    }

    

    .xzwjone a{

    margin:1.25rem 0;

    font-size:0.9375rem;
    
    font-family:'PingFangSC-Regular', 'Verdana, Arial', '微软雅黑', '宋体'; 

    }

 /*---222及--关于页面开始*/

/*内容*/



    .about{

    clear:both;

    width:100%;

    background-color:;

    padding-bottom:6.125rem;

    }

    .about1{

    padding:9.0625rem 4rem 3.125rem 4rem;

    margin:0 auto;

    width:calc(100% - 9.74rem); 

    background-color:;

    }

    .about1 img{

    

    vertical-align: middle;/*用于消灭著名的3像素*/

    /*width:calc(100% - 257px);*/

    width:100%;

    object-fit:cover;

    transform:scale(1);

    }

    .about2{

    padding:1.87rem 4.6875rem 1.5625rem 5rem;

    background-color:;

    }

    .about2 h1{

    font-size:1.5rem;

    color:#00a7bb;

    font-weight:500;

    font-family:'PingFangSC-Regular', 'Verdana, Arial', '微软雅黑', '宋体'; 

    padding-bottom:1.5625rem;

    margin-bottom:1.5625rem;

    border-bottom:0.0625rem solid #e9e9e9;

    

    }

    .about2 p{

    

    word-break:break-all;

    letter-spacing:1.0.3125rem;/*文字间隔*/

    width:clac(100% - 12.5rem);

    font-family:'PingFangSC-Regular', 'Verdana, Arial', '微软雅黑', '宋体'; 

    color:#323232;

    font-size:0.9375rem;

    line-height:1.3125rem;

    padding-top:0.3125rem;

    padding-left:5.625rem;

    padding-right:1.25rem;

    padding-bottom:0.625rem;
	

    }

    .about3 img{

    
	
    vertical-align: middle;/*用于消灭著名的3像素*/

    /*width:calc(100% - 257px);*/

    width:100%;

    object-fit:cover;

    transform:scale(1);

    margin:0 0 3rem 0;

    

    }

    .about3{

    width:calc(100% - 8rem);   

    padding:3.5rem auto;

    margin:0 auto;

    background-color:;

    }

    .about3 h1{

    margin:4rem 4rem 0 1rem;

    font-size:1.5rem;

    color:#00a7bb;

    font-weight:500;

    font-family:'PingFangSC-Regular', 'Verdana, Arial', '微软雅黑', '宋体'; 

    padding-bottom:1.5625rem;

    margin-bottom:8rem;

    border-bottom:0.0625rem solid #dedede;
	
    

    }

    

 /*---222及--解决方案------页面开始*/

    .jjfa{

    margin-top:4.5625rem;

    margin-bottom:5.3125rem;

    }

    .jjfa img{

    vertical-align: middle;/*用于消灭著名的3像素*/

    width:100%;

    object-fit:cover;

    }

 

/*-----产品子页------页面开始*/

/*产品子页内容*/
    .gaishu{
    width:100%;
    height:auto;
    background-color:;
    float:left;  
    }
    .chicun{
    width:100%;
    background-color:;
    padding:0 auto;
    text-align:center;
    }
    .chicun img{
    width:30%;
    object-fit:cover;
    margin-top:3rem;
    line-height:30rem;
    transform:scale(1.3);
    }

    #gaishu1{

    float:left;

    width:100%;

    background-color:#ffffff;

    vertical-align: middle;/*用于消灭著名的3像素*/

    height:3rem;

    opacity:;
    
    

    }

    #cpnav1{

    float:left;

    height:3rem;

    line-height:3rem;

    background-color:;

    }

    #cpnav1 h1{

    font-size:1rem;

    padding-left:8rem;

    font-weight:500;

    color:#444444;
    
    font-family:'PingFangSC-Regular', 'Verdana, Arial', '微软雅黑', '宋体'; 

    }

    #cpnav2{

    float:right;

    height:3rem;

    padding-right:5rem;

    background-color:;

    

    }
    
    #engs,#zwgs{
    padding-right:0.5rem;            
    }
    #encs,#zwcs{
    padding-left:0.5rem;            
    }

    #cpnav2 a, #cpnav2 p{

    display:inline;

    line-height:3rem;

    background-color:;

    font-size:1rem;
    
    font-family:'PingFangSC-Regular', 'Verdana, Arial', '微软雅黑', '宋体'; 

    }

    #gsgs{

    padding-right:5rem;
    color:#ffffff;
    }

    #gaishu2{

    background-color:;

    

    

    }

    #gaishu2 img{

    float:left;

    vertical-align: middle;

    width:100%; 

    object-fit:cover;

    }

/*-----资讯------页面开始*/
    .zixun{
    margin-top:4.6875rem;
    margin-bottom:4.6875rem;
    width:100%;
    background-color:#ffffff;
    float:left;
    height:100rem;
    }
    #zixun1{
    width:100%;
    height:auto;
    background-color:#ffffff;
    float:left;

    }
    #zixun2{
    width:40rem;
    height:auto;
    background-color:#99cccc;  
    text-align:center;
    margin:0 auto;

    }
    #zixun2 p{
    background-color:#ffffff;
    width:50%;
    margin:0 auto;
    
    }
    #cs{
    position:absolute;
    top:55rem;
    left:0;
    transition: all 2s;
    -moz-transition: all 2s;
    -webkit-transition: all 2s;
     -o-transition:all 2s;
    }
 /*视频方案*/
    #spfa01{
    position:absolute;
    top:50%;
    left:0;
    margin-top:8rem;
    margin-left:10rem;
    white-space:normal; width:37rem; 
    }
    #spfa01 h1{
    font-size:2.4rem;
    color:#ffffff;
    margin-bottom:0.75rem;
    text-align:left;
    letter-spacing:0.1rem;
    font-family:'PingFangSC-Regular', 'Verdana, Arial', '微软雅黑', '宋体'; 
    }

    #spfa01 p{
    font-size:1rem;
    letter-spacing:0.1rem;
    line-height:1.5rem;
    margin-top:-0.2rem; 
    text-align:left;
    color:#eeeeee;
    font-family:'PingFangSC-Regular', 'Verdana, Arial', '微软雅黑', '宋体'; 
    }
    .spfa1{
    text-align:left;
    vertical-align: middle;/*用于消灭著名的3像素*/
    width:100%;  
    height:auto;
    float:left;
    }
    #spfa02{
    vertical-align: middle;/*用于消灭著名的3像素*/
    width:100%;
    float:left;
    height:23rem;
    position:relative;
    background-color:#e2f0f3;
    }
    #spfa02 img{
    object-fit:cover;
    width:67%;  
    vertical-align: middle;/*用于消灭著名的3像素*/
    height:23rem;
    float:left;
    }
    #spfa03 {
    text-align:left;
    white-space:normal; 
    width:0rem; 
    background-color:; 
    float:left;
    }
    #spfa03 h1{
    position:absolute;
    float:left;
    left:100%;
    margin-top:6rem;
    margin-left:-25rem;
    width:20rem;
    font-family:'PingFangSC-Regular', 'Verdana, Arial', '微软雅黑', '宋体';
    font-weight:500;
    font-size:2rem;
    }
    #spfa03 p{
    position:absolute;
    float:left;
    left:100%;
    margin-top:10rem;
    margin-left:-25rem;
    width:20rem;
    font-family:'PingFangSC-Regular', 'Verdana, Arial', '微软雅黑', '宋体'; 
    font-size:1.1rem;
    }
    .spfa04{

    float:left;

    background-color:#ffffff;

    width:calc(33% - 0.47rem);

    height:auto;

    margin-top:4.8125rem;

    margin-bottom:0.75rem;

	padding-bottom:3rem;

    text-align:center;

    padding-top:1.0625rem;

	transition: all 0.2s;
    
    
    }
    .spfa04 img{

    height:40%;

    width:40%;

    object-fit:contain;  /*按比例，图片全部显示*/

    margin-top:0.3125rem;

    cursor: pointer;

    margin-bottom:0.625rem;
    

    }
    .spfa04 h1{

	font-family:'微软雅黑','PingFangSC-Regular', 'Verdana, Arial', '宋体'; 

    font-size:1.5rem;

    letter-spacing:;

    font-weight:500;

	color:#000000;
    padding-bottom:1rem;
    padding-top:2rem;
    margin-top:0;
    }
    .spfa04 p,.spfa05 p{
    font-size:1.05rem;
    color:#626262;
    font-family:'微软雅黑','PingFangSC-Regular', 'Verdana, Arial',  '宋体'; 

    text-align:center;
    
    }
    .spfa05{
    clear:both;
    background-color:#eff4f8;
    width:100%;
    text-align:center;
    float:left;
    position:relative;
    height:42.5rem;
    }
    .spfa05 h1{

	font-family:'微软雅黑','PingFangSC-Regular', 'Verdana, Arial', '宋体'; 

    font-size:1.8rem;

    letter-spacing:;

    font-weight:500;

	color:#000000;
    padding-bottom:0rem;
    padding-top:3.5rem;
    margin-top:0;
    }
    #spfa0501{
    float:left;
    width:63rem;
    margin-left:-31.5rem;
    background-color:;
    margin-left:;
    text-align:center;
    position:absolute;
    top:10rem;
    left:50%;
    
    }
    #spfa0501a{
    position:relative;
    background-color:;   
    float:left;
    }
    #spfa0501a img{
    float:left;
    vertical-align: middle;/*用于消灭著名的3像素*/
    object-fit:cover;
    width:20rem;
    margin:0 0.5rem;
    }
    #spfa0501a h1{
    font-family:'微软雅黑','PingFangSC-Regular', 'Verdana, Arial', '宋体'; 

    font-size:1.5rem;

    letter-spacing:;

    font-weight:500;

    color:#000000;

    float:left;
    
    position:absolute;
    
    top:100%;
    
    left:0;
    
    margin-top:-3.65rem;
    
    padding:0;
    
    background-color:;
    
    width:21rem;
    
    text-align:center;
    }

    .spfa06{
    clear:both;
    background-color:;
    width:100%;
    text-align:center;
    float:left;
    position:relative;
    height:50rem;
    }
    .spfa06 h1{

	font-family:'微软雅黑','PingFangSC-Regular', 'Verdana, Arial', '宋体'; 

    font-size:1.8rem;

    letter-spacing:;

    font-weight:500;

	color:#000000;
    padding-bottom:0rem;
    padding-top:0rem;
    margin-top:4rem;
    margin-bottom:0rem;
    }
    #spfa0601{
    float:left;
    width:63rem;
    margin-left:-31.5rem;
    background-color:;
    margin-left:;
    text-align:center;
    position:absolute;
    top:10rem;
    left:50%;
    
    }
    #spfa0601a{
    position:relative;
    background-color:;   
    float:left;
    }
    #spfa0601a img{
    float:left;
    vertical-align: middle;/*用于消灭著名的3像素*/
    object-fit:cover;
    width:5rem;
    margin-left:8rem;
    margin-right:8rem;
    margin-bottom:5rem;
    margin-top:4rem;
    }
    #spfa0601a h1{
    font-family:'微软雅黑','PingFangSC-Regular', 'Verdana, Arial', '宋体'; 

    font-size:1.4rem;

    letter-spacing:;

    font-weight:500;

    color:#000000;

    float:left;
    
    position:absolute;
    
    top:100%;
    
    left:0;
    
    margin-top:-3.65rem;
    
    margin-bottom:0;
    
    padding:0;
    
    background-color:;
    
    width:21rem;
    
    text-align:center;
    }
    
    .spfa07{
    clear:both;
    background:;
    width:100%;
    text-align:center;
    float:left;
    position:relative;
    height:auto;
    }
    .spfa07 img{
    width:100%;
    object-fit:cover;
    vertical-align: middle;/*用于消灭著名的3像素*/
    }
    #spfa0701{
    float:left;
    width:63rem;
    margin-left:-31.5rem;
    background-color:;
    margin-left:;
    text-align:center;
    position:absolute;
    top:10rem;
    left:50%;
    
    }
    #spfa0701a{
    position:relative;
    background-color:;   
    float:left;
    }
    #spfa0701a img{
    float:left;
    vertical-align: middle;/*用于消灭著名的3像素*/
    object-fit:cover;
    width:5rem;
    margin-left:8rem;
    margin-right:8rem;
    margin-bottom:5rem;
    margin-top:4rem;
    }
    #spfa0701a h1{
    font-family:'微软雅黑','PingFangSC-Regular', 'Verdana, Arial', '宋体'; 

    font-size:1.4rem;

    letter-spacing:;

    font-weight:500;

    color:#000000;

    float:left;
    
    position:absolute;
    
    top:100%;
    
    left:0;
    
    margin-top:-3.65rem;
    
    margin-bottom:0;
    
    padding:0;
    
    background-color:;
    
    width:21rem;
    
    text-align:center;
    }
    
    #APPdownload{
    background-color:;

    }

    #APPdownload img{
    display:none;  
    object-fit:cover;
    width:7%;
    float:left;
    position:absolute;
    }
    #APPdownload:hover img{
    display:block;
    object-fit:cover;
    width:7%;
    float:left;
    position:absolute;
    }