html{ font-size:14px; }
body{
	margin:0;
	padding:0;
	background-color:#fff;
	overflow-x:hidden;
}
div,img,h3,h4,p,dd,dl,em{margin: 0; padding: 0; border: 0;}
h1{font:bold 1.26em Arial, Sans-Serif;letter-spacing:0px;margin:0;padding:0}
h2{font:bold 1.7em Arial, Sans-Serif;letter-spacing:0px;font-size:16px;color:#000;background:inherit;margin:0 0 5px;padding:0}
p{margin:0 auto}
ul,li{list-style:none;margin:0;padding:0}
form{margin:0}
a{text-decoration:none;}
a:hover{text-decoration:none; color:#c01701;transition:all 0.2s linear 0s;}
.clear{font-size:0; line-height:0;clear: both;overflow: hidden; zoom: 1;}
.fr{float:right;}
.fl{float:left;}

.wapvideo{display:none;}

.lubo{ width: 100%; min-width:1000px;clear: both; position: relative;display: block;}
.lubo_box{ position: relative; width: 100%; padding-bottom: 56%;}
.lubo_box li{ float: left;position: absolute; top: 0; left: 0; width: 100%;  opacity: 0;filter:alpha(opacity=0);z-index: 99;}
.lubo_box li a{ display: block;width: 100%;  height: 100%;}
.lubo_box li img:hover{background:#f1592a;z-index:99;opacity: 1;}
.lubo_box li img{ width: 100%;position: relative;opacity: 0.7;}
.lubo_box li a h3{position: absolute;width: 100%;text-align:left;left: 5%;
    font-weight: bold;
    top: 300px;
    font-size: 50px;
    color: #fff;}
.lubo_box li a p{position: absolute;width: 100%;text-align:left;left: 5%;
    font-weight: normal;
    top: 390px;
    font-size: 24px;
    color: #fff;}
.lubo_box li a dd{position: absolute;text-align:center;left: 5%;
    font-weight: normal;
    top: 650px;
    font-size: 16px;border: 2px solid #fff;
    width: 145px;
    height: 40px;
    line-height: 40px;
    border-radius: 10px;
    color: #fff;}
.lubo_box li a dd:hover{background-image: linear-gradient(0deg, #1E50E6, #50C8FF);}

/*圆点*/
.cir_box{ overflow: hidden; position: absolute; z-index: 100;}
.cir_box li{ float: left; width: 10px; height: 10px; margin:0 5px; cursor: pointer; background: #003366; opacity: 0.8;filter:alpha(opacity=80);border-radius: 50%;}
.cir_on{ background: #ff9966 !important;}

.fwzc1{width:90%;margin:5vw auto 3vw auto;overflow: hidden;}
.fwzc1 h3{text-align:center;font-size: 2vw;margin:0;
    color: #000;
    padding-bottom: 0px;
    font-weight: bold;
    position: relative;
    padding-left: 0px;}	
.fwzc1 p{font-size: 18px;width:46%;float:right;
    color: #666;
    line-height: 35px;
    padding-bottom: 15px;
    font-weight: normal;}

.canshu{background:#fff;width:100%;overflow: hidden;padding-bottom: 6vw;}
.canshul{width:22%;float:left;margin-left:5%;margin-right: 10%;margin-top: 2%;}
.canshul img{width:100%;}
.canshur{width: 53%;margin-top: 2%;border-radius: 20px;height: 30vw;
    overflow-y: scroll;
    float: left;
    background: #fff;
    padding: 0% 0% 0 3%;}
.canshur img{width:100%;}
.canshur h4{    border-top: 2px solid #0656e6;margin: 3px 0;
    font-size: 1vw;
    color: #0656e6;
    font-weight: bold;
    padding-left: 1vw;
    background-color: #f8f8f8;
    height: 4vw;
    line-height: 4vw;
}
.canshur table{width: 100% !important;}
.canshur table tr{background-color: #eaeaea;padding: 5px 0;display: block;}
.canshur table tr:nth-child(2n){background-color: #f8f8f8;}
.canshur table tr td{font-size:0.8vw !important;border-bottom: 0 !important;width: 22vw !important;}
.canshur table tr td p{font-size:0.8vw !important;border-bottom: 0 !important;}
.canshur table tr td p span{font-size:0.8vw !important;border-bottom: 0 !important;}

.youshitu{width:90%;margin:0 auto;background: url(/images/proysbg.jpg) no-repeat;
    padding: 0 5%;
    background-size: cover;}
.youshitu img{width:100%;}

.youshi2{width:90%;margin:0 auto;}
.youshi2 img{width:100%;}

.youshi{width:90%;margin:80px auto 100px auto;overflow: hidden;}
.youshileft{width:75%;float:left;}
.youshileft ul{padding:0;margin:0px 0 0px 0;overflow: hidden;}
.youshileft li{float:left;width:23%;margin-right:3%;position: relative;background: #f6f6f6;padding: 1vw 2vw;margin-bottom: 2vw;
    height: auto;
    border-radius: 10px;}
.youshileft li img{width:40px;margin: 0.5vw;}
.youshileft li h4{font-size:1vw;color: #fff;margin: 1vw 0;
    font-weight: bold;
    line-height: 45px;
    border-radius: var(--border-radius);
    background-image: linear-gradient(0deg, #1E50E6, #50C8FF);
    -webkit-mask-image: var(--m-i), var(--m-i);
    -webkit-mask-image: var(--m-i), var(--m-i);
    -webkit-mask-origin: var(--m-o);
    -webkit-mask-origin: var(--m-o);
    -webkit-mask-clip: var(--m-o);
    -webkit-mask-composite: exclude;
    -webkit-mask-composite: destination-out;
    filter: hue-rotate(0);
    text-align: left;
    border-radius: 10px;}
.youshileft li p{font-size: 0.8vw;
    color: #666;
    line-height: 1.3vw;
    height: 4vw;}

.youshiright{width:20%;float:left;}
.youshiright img{width:100%;margin-top: 0vw;}

/*应用领域*/
.anliall{width:100%;background-image: url(../images/anlibg.png);padding:5vw 0 2vw 0;margin-bottom:0vw;}
.anli{width:90%;margin:0px auto 20px auto;text-align: center;}
.anli h3{color:#000;font-size:2vw;padding: 15px 0 10px 0;font-weight:bold;}
.anli p{font-size:0.9vw;color:#666;text-align:center;margin-top:0px;line-height:55px;letter-spacing: 0px;padding-bottom: 0px;font-weight:normal;}

.kehu{width:100%;overflow: hidden;margin:2vw auto 20px auto;}
.kehu ul{padding:0;margin:0;}
.kehu ul li{float:left;width:24.25%;height: auto;text-align: center;margin-right: 1%;margin-bottom: 1%;border-radius: 20px;}
.kehu ul li:nth-child(4n){margin-right:0px;}
.kehu ul li a{color:#333;font-size:18px;line-height: 45px;}
.kehu ul li a img{width: 100%;border-radius: 20px;}

.juniaokehu{width:100%;overflow: hidden;margin:2vw auto 20px auto;}
.juniaokehu ul{padding:0;margin:0;}
.juniaokehu ul li{float:left;width:19.2%;height: auto;text-align: center;margin-right: 1%;margin-bottom: 1%;border-radius: 20px;}
.juniaokehu ul li:nth-child(5n){margin-right:0px;}
.juniaokehu ul li a{color:#333;font-size:18px;line-height: 45px;}
.juniaokehu ul li a img{width: 100%;border-radius: 20px;}

.ed60kehu{width:100%;overflow: hidden;margin:2vw auto 20px auto;}
.ed60kehu ul{padding:0;margin:0;}
.ed60kehu ul li{float:left;width:32.5%;height: auto;text-align: center;margin-right: 1%;margin-bottom: 1%;border-radius: 20px;}
.ed60kehu ul li:nth-child(3n){margin-right:0px;}
.ed60kehu ul li a{color:#333;font-size:18px;line-height: 45px;}
.ed60kehu ul li a img{width: 100%;border-radius: 20px;}

.fwzc ul{padding:0;margin:9vw 0 0px 0;overflow: hidden;}
.fwzc ul li{float:left;width:23%;margin-right:2%;}
.fwzc ul li img{width:100%;border-radius: 20px;}
.fwzc ul li h4{color: #000;
    font-size: 1.1vw;
    font-weight: bold;
    padding-top: 2vw;}
.fwzc ul li dd{color: #666;
    font-size: 0.9vw;
    line-height: 3vw;}
.bgr{position: relative;}
.bgr:before{content: "";border-radius: 20px;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(to right, #1E50E6 0%, transparent 35%);
    z-index: 1;}

.bgrz{position: relative;}
.bgrz:before{content: "";border-radius: 20px;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(0deg, #1E50E6 0%, transparent 50%);
    z-index: 1;}

.zizhitu{width:90%;margin:0px auto 150px auto;overflow: hidden;}
.zizhitu ul{padding:0;margin:0px 0 0px 0;overflow: hidden;}
.zizhitu ul li{float:left;width:32.333%;margin-right:1%;position: relative;}
.zizhitu ul li img{width:100%;border-radius: 20px;}
.zizhitu ul li h4{color: #fff;position: absolute;
    bottom: 11vw;
    left: 2vw;
    z-index: 99;
    font-size: 1.1vw;
    font-weight: bold;
    padding-top: 2vw;}
.zizhitu ul li dd{color: #fff;position: absolute;width: 80%;font-weight: normal;
    line-height: 1.5vw;
    bottom: 2vw;
    left: 2vw;
    z-index: 99;
    font-size: 0.85vw;}

.rongyuzizhi{width:100%;margin:1% auto;position: relative;}
.rongyuzizhi img{width:100%;border-radius: 0px;}
.rongyuzizhi h4{color: #fff;position: absolute;
    top: 6vw;
    left: 5%;
    z-index: 99;
    font-size: 2vw;
    font-weight: bold;
    padding-top: 2vw;}
.rongyuzizhi dd{color: #fff;position: absolute;width: 30%;
    line-height: 36px;
    top: 13vw;
    left:5%;
    z-index: 99;
    font-size: 0.9vw;}
.rongyuzizhi ul{position: absolute;width: 35%;
    top: 25vw;
    left:5%;
    z-index: 99;
    }
.rongyuzizhi ul li{float: left;font-weight: bold;margin-bottom: 1vw;
    font-size: 1vw;
    color: #fff;
    border: 1px solid #fff;
    margin-right: 1vw;
    padding: 0.5vw 1vw;
    border-radius: 10px;}

.mainll1{background: #fff;}
.mumping_mun1 li{width: auto;display: inline-block;margin: 5vw auto;margin-right:16vw;}
.mumping_mun1 li:nth-child(4){margin-right:0px;}
.mun_top1{margin-bottom:0px;}
.mumping_mun1{width: 90%;list-style: none;margin: 0 auto;}
.mumping_mun1 dd{font-size: 16px;width: 100%;display: block;clear: both;color: #666;text-align: left;font-weight:bold;}
.mumping_mun1 p{font-size: 12px;width: 100%;display: block;clear: both;color: #666;text-align: left;}
.mumping_mun1 h2{font-size: 2.5vw;font-weight:bold;float: left;margin-right: 10px;color: #0656e6;}
.mumping_mun1 img{padding:0px 0px 1vw 0px;width: 2.5vw;}

.ryzz{width:90%;padding:5%;margin:0 auto;overflow: hidden;background-image: url(/images/xinzizhibg.jpg);}

.ryzz h3{font-weight: bold;text-align: center;
    font-size: 2vw;
    color: #000;
    padding: 0vw 0 1vw 0;
    margin: 0;}
.ryzz p{text-align: center;}
.ryzz ul{padding:0;margin:3vw 0 0 0;}
.ryzz ul li{font-size: 0.85vw;line-height: 2vw;width:16%;margin-right:2%;float:left;background: #fff;padding: 1%;box-shadow: 5px 5px 10px 1px rgb(66 133 244 / 20%);}
.ryzz ul li img{width:100%;}
.ryzz ul li dd{font-size: 0.9vw;line-height: 3vw;color:#333;text-align: center;font-weight: bold;}

.fwzc{width:90%;margin:6vw;overflow: hidden;}
.fwzc h3{font-size: 2vw;margin:0;
    color: #000;
    padding-bottom: 3vw;
    font-weight: bold;
    position: relative;
    padding-left: 0px;}	
.fwzc h3:before {
    content: "";
    position: absolute;
    width: 50px;
    height: 8px;
    top: 50%;
    margin-top: 0.6vw;
    background: linear-gradient(0deg, #1E50E6 0%, #50C8FF 100%);
    left: 0;
}
.fwzc p{font-size: 1vw;width:46%;
    color: #333;
    line-height: 35px;
    padding-bottom: 15px;
    font-weight: normal;}

.fwzc1{width:90%;margin:5vw auto 3vw auto;overflow: hidden;}
.fwzc1 h3{text-align:center;font-size: 2vw;margin:0;
    color: #000;
    padding-bottom: 15px;
    font-weight: bold;
    position: relative;
    padding-left: 0px;}	
.fwzc1 p{font-size: 18px;width:46%;float:right;
    color: #666;
    line-height: 35px;
    padding-bottom: 15px;
    font-weight: normal;}
.fwzc ul{padding:0;margin:9vw 0 0px 0;overflow: hidden;}
.fwzc ul li{float:left;width:23%;margin-right:2%;}
.fwzc ul li img{width:100%;border-radius: 20px;}
.fwzc ul li h4{color: #000;
    font-size: 1.1vw;
    font-weight: bold;
    padding-top: 2vw;}
.fwzc ul li dd{color: #666;
    font-size: 0.9vw;
    line-height: 3vw;}

.digital{width:100%;height: 700px;background: url(../images/shouhoubg.jpg) center no-repeat;padding:50px 0px;color: #fff;margin:0 auto 0px auto;background-size: cover;}
.mainall{width: 1140px;height: auto;margin:0 auto;font-size: 0;}
.mumping_mun li{width: 9vw;display: inline-block;margin:0 auto 110px auto;margin-right:100px;}
.mumping_mun li:nth-child(4){margin-right:0px;}
.mun_top{margin-bottom:20px;}
.mumping_mun{width: 90%;list-style: none;margin: 0 auto;}
.mumping_mun dd{font-size: 0.85vw;width: 100%;display: block;clear: both;color: #666;text-align: left;font-weight:bold;}
.mumping_mun p{font-size: 12px;width: 100%;display: block;clear: both;color: #666;text-align: left;}
.mumping_mun h2{font-size: 3vw;font-weight:bold;float: left;margin-right: 10px;color: #000;}
.mumping_mun img{padding:0.8vw 0px 1vw 0px;width: 2.2vw;}

.about{width:90%;position: relative;overflow: hidden;margin:100px auto 60px auto;}
.about dd{
    font-size: 14px;
    line-height: 1.75;
    color: #666666;
    font-family: Arial !important;
    position: relative;
}
.about dd::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 6px;
    height: 2px;
    background: #aeaeae;
}
.about h3{font-size: 2vw;padding-top:20px;
    line-height: 1.75;
    color: #000;
    font-weight: bold;}
.ry{width:100%;margin:3vw auto 4vw auto;overflow: hidden;}
.marqueeleft{width:100%;overflow:hidden;margin:0px auto;}
.marqueeleft ul{float:left;}
.marqueeleft li{float:left;margin:0 15px;display:inline;width:257px;overflow:hidden;border: 1px solid #ddd;padding: 15px;}
.marqueeleft li .pic{display:block;border:#ccc 0px solid;width:257px;padding:2px;overflow:hidden;}
.marqueeleft li .txt{text-align:center;height:23px;line-height:23px;}
.marqueeleft li img{width:98%;}
	
@media (max-width: 760px)
{
.lubo {
    width: 100%;
    min-width: 100%;
    clear: both;
    position: relative;
}
.lubo_box {
    position: relative;
    width: 100%;
    padding-bottom: 56%;
}
.fwzc1 h3 {
    text-align: center;
    font-size: 4.5vw;
    margin: 0;
    color: #000;
    padding-bottom: 15px;
    font-weight: bold;
    position: relative;
    padding-left: 0px;
}
.canshul {
    width: 70%;
    float: left;
    margin-left: 15%;
    margin-right: 15%;
    margin-top: 2%;
}
.canshur {
    width: 88%;
    margin-top: 2%;
    border-radius: 20px;
    height: 55vw;
    overflow-y: scroll;
    float: left;
    background: #fff;
    padding: 4%;
    margin-left: 2%;
}
.canshur h4 {
    font-size: 3.5vw;
    color: #0656e6;
    font-weight: bold;
    padding-bottom: 2vw;
    text-align: center;
    padding-top:2vw;}
.canshur tr td{font-size:3vw !important;}
.juniaokehu ul li {
    float: left;
    width: 48%;
    height: auto;
    text-align: center;
    margin: 0 1%;
    margin-bottom: 1%;
    border-radius: 20px;
}
.youshi {
    width: 96%;
    margin: 0px auto 0px auto;
    overflow: hidden;
}
.youshileft {
    width: 100%;
    float: left;
}
.youshileft li {
    float: left;
    width: 43.8%;
    margin: 1%;
    position: relative;
    background: #f6f6f6;
    padding: 3vw 2vw;
    margin-bottom: 2vw;
    height: auto;
    border-radius: 10px;
}
.youshileft li h4 {
    font-size: 3vw;
    color: #fff;
    margin: 1vw 0;
    font-weight: bold;
    line-height: 45px;
    border-radius: var(--border-radius);
    background-image: linear-gradient(0deg, #1E50E6, #50C8FF);
    -webkit-mask-image: var(--m-i), var(--m-i);
    -webkit-mask-image: var(--m-i), var(--m-i);
    -webkit-mask-origin: var(--m-o);
    -webkit-mask-origin: var(--m-o);
    -webkit-mask-clip: var(--m-o);
    -webkit-mask-composite: exclude;
    -webkit-mask-composite: destination-out;
    filter: hue-rotate(0);
    text-align: left;
    border-radius: 10px;
}
.youshileft li p {
    font-size: 3vw;
    color: #666;
    line-height: 5vw;
    height: 18vw;
}
.youshiright {
    width: 70%;
    float: left;
    margin: 5% 15%;
}
.anli {
    width: 96%;
    margin: 0px auto 20px auto;
    text-align: center;
}
.anli h3 {
    color: #000;
    font-size: 4.5vw;
    padding: 5px 0 0px 0;
    font-weight: bold;margin: 0;
}
.anli p {
    font-size: 3.2vw;
    color: #666;
    text-align: center;
    margin-top: 0px;
    line-height: 8vw;
    letter-spacing: 0px;
    padding-bottom: 0px;
    font-weight: normal;
}
.kehu ul li {
    float: left;
    width: 45.5%;
    height: auto;
    text-align: center;
    margin: 1% 2%;
    margin-bottom: 1%;
    border-radius: 20px;
}
.zizhitu {
    width: 96%;
    margin: 0px auto 0px auto;
    overflow: hidden;
}
.zizhitu ul li {
    float: left;
    width: 100%;
    margin-right: 0%;
    position: relative;
    margin-bottom: 3vw;
}
.zizhitu ul li h4 {
    color: #fff;
    position: absolute;
    bottom: 30vw;
    left: 5vw;
    z-index: 99;
    font-size: 4.5vw;
    font-weight: bold;
    padding-top: 0vw;
}
.zizhitu ul li dd {
    color: #fff;
    position: absolute;
    width: 80%;
    font-weight: normal;
    line-height: 5vw;
    bottom: 5vw;
    left: 5vw;
    z-index: 99;
    font-size: 3.5vw;
}
.rongyuzizhi h4 {
    color: #fff;
    position: absolute;
    top: 6vw;
    left: 5%;
    z-index: 99;
    font-size: 4vw;
    font-weight: bold;
    padding-top: 2vw;
}
.rongyuzizhi dd {
    color: #fff;
    position: absolute;
    width: 30%;
    line-height: 36px;
    top: 13vw;
    left: 5%;
    z-index: 99;
    font-size: 0.9vw;
    display: none;
}
.rongyuzizhi ul {
    position: absolute;
    top: 22vw;
    left: 5%;
    z-index: 99;
    width:95%;
}
.rongyuzizhi ul li {
    float: left;
    font-size: 3vw;
    color: #fff;
    border: 1px solid #fff;
    margin-right: 2vw;
    padding: 1vw 1vw;
    border-radius: 10px;
    margin-bottom: 2vw;
}
.fwzc h3 {
    float: left;
    font-size: 4.5vw;
    margin: 0;
    color: #000;
    padding-bottom: 0.85vw;
    font-weight: bold;
    position: relative;
    padding-left: 0px;
}
.fwzc h3:before {
    content: "";
    position: absolute;
    width: 7.7vw;
    height: 1.2vw;
    top: 50%;
    margin-top: 5.5vw;
    background: linear-gradient(0deg, #1E50E6 0%, #50C8FF 100%);
    left: 0;
}
.fwzc p {
    font-size: 3.3vw;
    width: 70%;
    float: right;
    color: #666;
    line-height: 5.9vw;
    padding-bottom: 0.85vw;
    font-weight: normal;
}
.mumping_mun1 h2 {
    font-size: 5vw;
    font-weight: bold;
    float: left;
    margin-right: 10px;
    color: #0656e6;
}
.mumping_mun1 img {
    padding: 0px 0px 1vw 0px;
    width: 7.5vw;
}
.mumping_mun1 dd {
    font-size: 3.5vw;
    width: 100%;
    display: block;
    clear: both;
    color: #666;
    text-align: left;
    font-weight: bold;
}
.mumping_mun1 li {
    width: 40vw;
    display: inline-block;
    margin: 5vw auto;
    margin-right: 4vw;
}
.ryzz {
    width: 96%;
    margin: 0 0 0 2%;
    overflow: hidden;
	padding: 8% 0;
	background: #f1f1f1;
}
.ryzzl {
    float: left;
    width: 100%;
    margin-right: 0%;
}
.ryzzl img {
    width: 100%;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.ryzzr {
    float: left;
    width: 100%;
	text-align: center;
}
.ryzzr h3 {
    font-weight: bold;
    font-size: 4.5vw;
    color: #000;
    padding: 2vw 0;
}
.ryzzr ul li {
    font-size: 3.2vw;
    line-height: 6vw;
}
.fwzc {
    width: 96%;
    margin: 6vw 2%;
    overflow: hidden;
}
.fwzc ul {
    padding: 0;
    margin: 30vw 0 0px 0;
    overflow: hidden;
}
.fwzc ul li {
    float: left;
    width: 46%;
    margin: 5% 1%;
}
.fwzc ul li h4 {
    color: #000;
    font-size: 4vw;
    font-weight: bold;
    padding-top: 2vw;
}
.fwzc ul li dd {
    color: #666;
    font-size: 3.3vw;
    line-height: 5vw;
    height: 8vw;
}
.digital {
    width: 100%;
    height:auto;
    background: url(../images/shouhoubg.jpg) center no-repeat;
    padding: 20px 0px;
    color: #fff;
    margin: 0 auto 0px auto;
}
.mumping_mun h2 {
    font-size:8vw;
    font-weight: bold;
    float: left;
    margin-right: 10px;
    color: #000;
}
.mumping_mun dd {
    font-size: 3vw;
    width: 100%;
    display: block;
    clear: both;
    color: #666;
    text-align: left;
    font-weight: bold;
}
.mumping_mun img {
    padding: 3vw 0px 4vw 0px;
    width: 6vw;
}
.mumping_mun li {
    width: 31%;
    display: inline-block;
    margin: 16vw auto;
    margin-right: 2%;
}
.mumping_mun li:nth-child(3) { margin-right:0px;}

.about {
    width: 96%;
    position: relative;
    overflow: hidden;
    margin: 20px auto 20px auto;
}
.about h3 {
    font-size: 4.5vw;
    padding-top: 0px;
    line-height: 2.75;
    color: #000;
    font-weight: bold;
}
.wapvideo{display:block;}
.lubo{display:none; }

.canshur table tr{background-color: #eaeaea;padding: 5px 0;display: block;}
.canshur table tr:nth-child(2n){background-color: #f8f8f8;}
.canshur table tr td{font-size:3vw !important;border-bottom: 0 !important;width: 35vw !important;}
.canshur table tr td p{font-size:3vw !important;border-bottom: 0 !important;}
.canshur table tr td p span{font-size:3vw !important;border-bottom: 0 !important;}

}