* {box-sizing: border-box;  margin: 0;  padding: 0;}
body{font-family: PingFang SC,PingFang-SC-Regular,Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif;color: rgba(0,0,0,.65);font-size: 16px;line-height:1.8;}
a{color:#333;text-decoration:none;outline:0;transition:all 0.5s ease}
a:active,a:hover{text-decoration:none;color:#0052cc;outline:0}
ul,li{ list-style:none}
h1,h2,h3{ font-weight:normal}
em, i {   font-style: normal;}
.clearfix{ clear:both}
.bgs{ background:#fcfcfd}
.pdr60{ padding:30px 0}
.content{width:100%; margin:0 auto}
@media (max-width:480px){.content{max-width:480px}}
@media (max-width:850px){.content{max-width:830px}}
@media (max-width:576px){.content{max-width:540px}}
@media (min-width:768px){.content{max-width:720px}}
@media (min-width:992px){.content{max-width:960px}}
@media (min-width:1200px){.content{max-width:1170px}}


.header{ width:100%; height:90px;  position: fixed;top: 0; left: 0; z-index:9;background:rgba(255,255,255,0.9); box-shadow: 0 1px 20px rgb(163 178 255 / 40%);}
.logo{ float:left; width:148px;  margin-left:3%; padding-top:10px;}	

.navlist ul {}
.navlist  ul li{ float:left; position:relative; line-height:90px;transition: .4s;position:relative; text-align: center; min-width:120px}
.navlist ul li a{ display:block;padding:0 15px; color:#000; font-size:16px;}
.navlist  ul li.active a{ color:#05c}
.navlist  ul li.active:after {width:100%}
.navlist  ul li{ position:relative}
.navlist ul li:after{ content:""; width:0;display: block; height: 2px;background: #05c;  position: absolute;  bottom: 0;left:50%; transform: translateX(-50%);transition: all 0.2s;}
	.navlist ul li:hover:after {width:100%}
.navlist ul li a:hover{color: #05c;}

    .navlist ul>li .two{display: none;box-shadow: 0 4px 12px 0 rgba(20, 92, 204, .2); } 
	.navlist ul li.active:hover .two li a{background: #05c; color:rgba(255,255,255,0.8); display:block}
	.two li a:hover,.nav ul li .two li a:hover{background:#2386ee;color:rgba(255,255,255,1); }	
 	.navlist ul>li:hover .two{ z-index:99; position:absolute;display: block; width:100%;background: #05c;}  
    .navlist  ul>li .two li{transition: .4s;cursor: pointer; line-height:45px; }
	.navlist  ul>li .two li a{color:#fff}
	.navlist  ul>li .two li:after{ display:none}

.language{ float: right; padding-right:4%; padding-right:40px;  position:relative; height:90px}
.bsls{ background:url(../images/langue.png) left center no-repeat; line-height:90px;padding:40px; }
.language ul { position: absolute;  padding:5px 0;  z-index: 9999;  width:140px;  background: #fff;  visibility: hidden;  opacity: 0;  border-top: 3px solid #05c;  box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .1);   -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .1);   -webkit-transform: translateZ(0);   text-align: left;transition: all 0.5s}
.language:hover ul{opacity: 1;    visibility: visible;}
.language ul li{  margin-left:10px}
.language ul li a{padding:5px 0 5px 40px; display:block; background-repeat:no-repeat; background-size:32px auto; background-position:left center}



.wapmenu{display:none}


.banner{ width:100%;background: linear-gradient(to right, #25136f, #16151b); margin-top:90px;  height:650px;overflow: hidden; }
.banimg{ margin:0 auto; top:0px; width:100%}
.banimg img{  display:block; margin:0 auto; }
.banntxt{ color:#fff; text-align:center; font-size:50px; position: absolute; width:100%; top:30%; margin:auto; z-index: 2 }
.antstive {animation: rotate 30s linear infinite alternate;}

.bandt { width:70%; margin:0 auto }
.bandt h3{ font-size:2.5rem}
.bandt p{ font-size:1.5rem}


@keyframes rotate {
 from {
     transform:rotate(0) scale(1,1);
  }
  to {
    transform:rotate(360deg) scale(0.3,0.3);
  }
}



.newscht{ background:url(../images/newscht.webp) left  center no-repeat #282828; height:80px; margin-top:50px; border-radius:40px; padding-left:218px; color:#fff}
.newscht h4{ padding:20px 0 10px 0; font-size:1.2rem; line-height:1rem; font-weight:normal}


.icont{ padding:80px 0 30px 0;}
.bigt{font-size:36px;font-weight:600;line-height: 46px; text-align:center}
.bintro{font-size: 18px; color: #999;  max-width:900px;  line-height: 30px; margin:10px auto; text-align:center}


.solcon{ float:left; width:60%}
.solcon h3{ font-size:18px; font-weight:700; color:#333; margin:30px 0 20px 0;}
.solmore{ margin-top:40px; padding-left:10px}
.solmore p{ display:block; margin-right:30px; float:left;line-height:40px;height:40px;}
.arr_r{ background:url(../images/arr_r.png) right center no-repeat; padding-right:40px;}
.arr_r a{ color:#05c;display:block;}
.more_b{line-height:40px;height:40px;font-size: 16px;color: #FFF;  border-radius:20px; width: 160px;  background: #0055cc; text-align:center;box-shadow: 0px 0px 8px 0 rgb(0 85 204 / 50%)}
.more_b a{ color:#fff;display:block; color:#05c; background: url(../images/arr_r.png) 110px center  no-repeat #f2f7ff;border-radius:30px;border:1px solid #05c;}
.more_b a:hover{ color:#fff;background: url(../images/arr_ron.png)  120px center  no-repeat #05c; box-shadow: 0px 0px 8px 0 rgb(0 85 204 / 50%)}
.solimg{ float:right; width:35%}
.solimg img{ max-width:100%; height:auto; max-height:300px; width:auto; border-radius:15px;}

	.sol_tabmin{width:80%; max-width:950px; margin:0 auto; padding:20px; margin-top:40px;background: #fff; border: 1px solid #f6f7f8;  border-radius: 9px; box-shadow: 0px 0px 6px 0 rgb(163 178 255 / 23%); height:150px}
	.sol_tabmin div{ width: calc(100% / 6 - 4px); display:inline-block; border-right:1px solid rgba(0,0,0,0.1); text-align:center;  font-size:16px; cursor:pointer}
	
	.sol_tabmin div p{padding-top:80px; transition: all 0.4s ease; width:80%; margin:0 auto;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background-position:center 10px; background-repeat:no-repeat}
	.sol_tabmin .cur p{ color:#05c;border-radius:5px;transition: all 0.4s ease;background-position:center -100px; background-color:#f2f7ff}
	
	.sol_tabmin div p.sol141{background-image: url(../images/sol141.png)}	
	.sol_tabmin div p.sol142{background-image:url(../images/sol142.png)}	
	.sol_tabmin div p.sol143{background-image:url(../images/sol143.png)}	
	.sol_tabmin div p.sol144{background-image: url(../images/sol144.png)}	
	.sol_tabmin div p.sol145{background-image:url(../images/sol145.png)}	
	.sol_tabmin div p.sol146{background-image:url(../images/sol146.png) }
	
	
	.sol_box{ background:#fcfcfd; padding:15px 15px 15px 0; margin-top:30px; min-height:365px;}
 	.sol_tabcon{overflow: hidden;display: none; padding:30px 0;}
	
.fadeInRight {animation:fadeInRight 1s}
@keyframes fadeInRight {0% {opacity: 0;transform: translateX(20px)}100% {opacity: 1;transform: translateX(0)}}
.fadeInLeft {animation:fadeInLeft 1s}
@keyframes fadeInLeft {0% {opacity: 0;transform: translateX(-20px)}100% {opacity: 1;transform: translateX(0)}}


.kalay_c { padding:15px 0 30px 0; display:flex; justify-content: center; }	
.kalay_c dl{ width:calc(100% / 3 - 1.5%); border-radius:15px; background:#f2f7ff;transition: all .4s ease; padding:25px 20px;}	
.kalay_c dl:nth-child(2){ margin:0 1.8%}
 	.kalay_c dl dt{ font-size:18px; font-weight:600; margin:15px 0; text-align:center; display:none}
	.kalay_c dl dt i{ width:30px; height:30px; display:inline-block;transition: all .4s ease; background:url(../images/arr_r.png) -30px  7px no-repeat;}
	.kalay_c dl dd {}
	.kalay_c dl dd.icoimg{ width:100px; height:100px; overflow:hidden; position:relative;margin:0 auto;}
	.kalay_c dl dd.icoimg img{width:100px; height: auto; position:absolute; left:0; right:0; margin:0 auto; top:0px;transition: all 0.4s ease;}
	.kalay_c dl:hover dd.icoimg img{ top:-100px}
	
	.kalay_c dl dd ul {display: grid; justify-content: center;flex-wrap: wrap;justify-content: center; width:100%;grid-template-columns: 1fr  1fr; margin-top:20px}
	.kalay_c dl dd ul li{text-align:left; background: url(../images/ic_select.png) left  center no-repeat; background-size:20px auto; padding-left:30px;color: #606266; margin-top:5px;margin-left:20px}
	.kalay_c dl dd ul li p{ width:100%;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
	.kalay_c dl:last-child dd ul { width:80%; margin:20px auto 0 auto}
	.kalay_c dl:last-child dd ul li{ }
	
.kalay_c dl:hover{box-shadow: 0px 0px 6px 0 rgb(163 178 255 / 23%); background:#fff;transform: translateY(-10px);}	
.kalay_c dl:hover dt{ color:#05c;  }
.kalay_c dl:hover dt i{background:url(../images/arr_r.png) -2px  7px no-repeat;}





.kalaybox{box-shadow: 0px 0px 6px 0 rgb(163 178 255 / 23%); margin-top:30px; width:95%; max-width:1100px; border-radius:15px; margin:20px auto 30px auto }
.kalay_tabmin{ background:#f2f7ff; width:100%; line-height:80px; height:80px;font-size:18px;}
.kalay_tabmin  div{ width:calc(100%/ 3); float:left; text-align:center; font-weight:550}
	.kalay_tabmin  div.cur { background:#fff; color:#05c;cursor:pointer}
.kalay_tabcon{ width:100%; padding:20px;hidden;display: none;}
	.kalay_tabcon ul {}
	.kalay_tabcon ul li{ width:25%; float:left; background: url(../images/gou.png) left  center no-repeat; background-size:30px auto; padding-left:35px; margin-top:15px; font-size:16px;color: #131415; font-weight: 600}
	
.sollist{ padding:15px 0}
	.sollist dl{ width:calc(100%/ 3 - 2%); float:left; border-radius:8px;box-shadow: 0px 0px 6px 0 rgb(163 178 255 / 50%); background:#fff; overflow:hidden;transition: all 0.5s ease-in-out; margin-bottom:25px;}
	.sollist dl:nth-child(2){ margin:0 3% 25px 3%}

	.sollist dl dt{ padding:18px 15px; color:#333; font-size:18px;}
	.sollist dl dd.solpic{ width:100%; height:225px; overflow:hidden;}
	.sollist dl dd.solpic img{width:100%; height:225px;transition: all 0.5s ease-in-out;}
	.solis{ padding:0 15px 10px 15px; color:#999;}
	.sollist dl dd span{background:url(../images/arr_r.png) 63px center no-repeat; padding-right:40px;transition: all 0.5s ease-in-out;color:#05c;display: inline-block; float:right}
	.sollist dl:hover{transform: translateY(-10px);}
	.sollist dl:hover dt{ color:#05c}
	.sollist dl:hover dd.solpic img { transform: scale(1.05);}
	.sollist dl:hover dd span{background:url(../images/arr_r.png) 73px center no-repeat; }
	
	.solimore{ width:270px; margin:30px auto;  height:50px; line-height:50px;  text-align:center;}
	.solimore a{ display:block; color:#05c; background: url(../images/arr_r.png) 200px center  no-repeat #f2f7ff;border-radius:30px;border:1px solid #05c;}
	.solimore a:hover{ color:#fff;background: url(../images/arr_ron.png) 210px center  no-repeat #05c; box-shadow: 0px 0px 8px 0 rgb(0 85 204 / 50%)}
	
.casebg{ background:url(../images/cabg.png) center center no-repeat #fcfcfd; padding-bottom:60px}
.case_h {padding-left: 1px; padding-top: 1px;}
.case_h li{ width:20%;  float: left;  border: 1px solid #E5E5E5;  margin-left: -1px; margin-top: -1px;  background: #fff;display: block; height: 5.6vw; position: relative;}
.case_h li img { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);    max-width: 80%;   max-height: 80%;  width: auto;  height: auto;}



.news_i{ padding:30px 0}
.newsh{ float:left; width:49%}
	.newimg{ width:40%; float:left; overflow:hidden;}
	.newimg img{width:100%; height:145px;transition: all 0.5s ease-in-out;}
	.newis{ float:right; width:56%}
	.newis h4{ font-weight:600; color:#333}
	.newis p{ font-size:14px; margin-top:20px; color:#999}
	.nmore{ color:#05c}
	.news_i:hover img {  transform: scale(1.05);}
.newsli{ float: right; width:49%;}
.newsli li{ height:36px; line-height:36px; position:relative; padding-left:15px;   }
.newsli li:after{ position:absolute; content:""; width:4px; height:4px; border-radius:2px; background:#05c; left:0; top:17px}
.newsli span{ float:right}





.ftlx{background: #05c  url(../images/ftlxbg.jpg) no-repeat center bottom; padding: 3.5vw 15px 3.5vw;    color: #fff;   text-align: center;}
.ftlx p{  font-size: 32px;   line-height: 46px; }
.ftbut{text-align: center;  display: inline-block; height: 54px;  width: 240px;  border: 2px solid #FFF; margin-top:40px;  color: #FFF!important; border-radius:10px;   font: 20px/50px Arial; background:rgba(255,255,255,0.2)}
.ftbut:hover{transform: translateY(-10px);}

.foot{ background:#131415; padding:50px 0 20px 0}
.fttype{}
.fttype dl{ width:25%; float:left}
.fttype dl a{ color:#fff}
.fttype dl dt{ font-size:18px; margin-bottom:20px;}
.fttype dl dd{ font-size:14px;}

.ftx{ border-top:1px solid rgba(255,255,255,0.3); margin-top:45px; padding-top:20px;color:#fff}
.ftleft{ float:left}
.fttel{ font-size:30px;}
.ft_title { color: rgba(255, 255, 255, 0.5);}
.ftrg{ float:right;width:350px;align-items:center; font-size:14px; display: flex}
	.ftrg img{ width:100px;height:auto;display:inline-block;padding:7px;}
	.ftcdt{display:inline-block;margin-left:12px;}
.ftcy{ background:#212121; padding:15px 0; text-align:center; color:#fff; font-size:14px;}
.ftcy a{ color:#fff}
.channel-banner {background-repeat:no-repeat;background-position:center center;background-size:cover;padding:0;margin-top:90px}
.channel-banner .banner-info{position:relative;height:450px; }
.channel-banner .banner-info h3{font-size:40px;font-weight:600;position:relative;margin-bottom:30px;}
.text-center{ position:absolute;top:20%; left:0; width:50%}
.channel-banner .banner-info h3 span{ background: linear-gradient(to right, #c157f5, #05c);-webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.channel-banner .banner-info p{font-size:18px; margin-bottom:20px;}
.bannerd{ width:50%; height:400px; position:absolute; right:0; top:115px; overflow:hidden}
.banerimg{width:100%; transform:skew(-10deg,0);   border-radius:10px 0 0 10px; overflow:hidden; height:100%; margin-left:200px; }
.banerimg img{ width:100%;transform:skewX(10deg); margin-left:-40px; min-height:100% }

.prods{ padding:40px 0}
.prodsimg{ float:left; width:40%; }
.prodsimg img{ width:95%; height:auto; display:block; text-align:center}

.prodst{ float:right; width:50%}
	.prodst h2{font-size:36px;line-height: 50px; font-weight: 600; display: block; padding-top:15%;}
	.prodst p{ font-size: 16px;line-height: 28px; color: #747774;   margin-top: 20px;}

.prods_2{ padding:50px 0}
	.prods_2 h2{font-size:36px;line-height: 50px; font-weight: 600; text-align:center}
	.prods_2p{ font-size:18px;line-height: 28px; color: #747774;   margin-top: 20px;text-align:center}
	.prodsins{border-radius: 9px; box-shadow: 0px 0px 6px 0 rgb(163 178 255 / 23%); overflow:hidden; margin-top:40px; display: flex;align-items: center;}
	.prodsins img{display:inline-block;}
	.prosz{display:inline-block; text-align:left ; padding: 0 20px}
	.prohot{ width:80%; margin:30px  auto 0 auto}
	.prohot ul li{ float:left; text-align:center;width:calc(100%/ 3 - 4%);}
	.prohot ul li:nth-child(2){ margin:0 6%}
	.prohot ul li p{ border-radius:8px;  padding:5px; background:url(../images/prohot.png) center center no-repeat #f7f8ff; height:130px; margin-bottom:15px; }
	
	.proadv{ padding-bottom:60px;}
	.proadv ul{ margin-top:30px}
	.proadv ul li{ width:45%; float:left; display: flex;align-items: center; margin-bottom:80px}
	.proadv ul li:nth-child(2n){ float:right}
	.proadv ul li img{display:inline-block; width:80px; height:auto; margin-right:40px;}
	
.prosafe{ background:url(../images/sbg.jpg) no-repeat; background-size:cover; padding:20px 0;}

	.safe_tabmin{ margin:50px 0 30px 0; border-bottom:5px solid rgba(0,85,204,0.2); height:45px; line-height:45px;}
	.safe_tabmin div{float:left; width:25%; text-align:center;  font-size:16px; cursor:pointer; font-size:18px;line-height:40px; font-weight:600}
	.safe_tabmin div.cur{ border-bottom:5px solid #05c; color:#05c}
	.safe_tabcon{ display:none;}
	.safein{display: flex;align-items: center; }
	.safein img{ display:inline-block; margin-right:30px; width:420px; height:300px}
	.safecon{ display:inline-block;}
.pdbt60{ padding:60px 0}
.btmore{  text-align:center;}
	.btmore a{ padding:12px 60px; color:#05c; background: url(../images/arr_r.png) 95%  center  no-repeat #f2f7ff;border-radius:30px;border:1px solid #05c;}
	.btmore a:hover{ color:#fff;background: url(../images/arr_ron.png) 95%  center  no-repeat #05c; box-shadow: 0px 0px 8px 0 rgb(0 85 204 / 50%)}

.esgitem{align-items:center;   display: flex; margin-bottom:40px}
	.esgimg{ width:33%;display:inline-block;border-radius:8px; overflow: hidden;}
	.esgimg img{width: 100%; height: 100%; object-fit: cover;}
	.esgcon { width:62%;display:inline-block;}
	.esgcon h4{ border-bottom:1px solid #e0e4f6; font-weight:600; font-size:18px; color:#333; margin:20px 0 10px}
.sgitem{ align-items:center;   display: flex; margin-bottom:40px}
.bgimg{ width:48%; display:inline-block;border-radius:8px; overflow: hidden;}
	.bgimg img{width: 100%; height: 100%; object-fit: cover;}

.ceobg{ background:#e0e0e0}
.ceoitem{background-image: linear-gradient(#fff,#d6d6d6,#fff); margin:60px 0;padding: 54px;box-shadow: 0px 12px 18px -6px rgba(0,0,0,0.3);}
	.ceoitem table tr td img{ width:90%; display:block; }
.scobg{ background:#cccccc; padding:50px 0}
.scotop{ width:95%; margin:0 auto }
	.scoti{     width: 40%;background-color: #007773;  border-radius: 0 50px 0 50px;    overflow: hidden;  padding-top: 10px!important; margin-left:5%; text-align:center;font-size: 40px;
    color: #FFFFFF!important;
    text-shadow: 0em 0.1em 0.1em rgba(0,0,0,0.4);}
	.scotbod{background-color: #ffffff;    align-items: center; border-radius: 50px 50px 50px 50px; overflow: hidden; box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3); display: flex;padding: 27px;}
	.scotxt{ width:60%; font-size:18px}
	.scoimg{ width:30%; margin-left:5%}
	.scoimg img{ width:100%; height:auto}
.socitem{ padding-top:50px; box-shadow:0px -20px 20px 0px rgba(0,0,0,0.1);}	
	.socpib{ padding:30px 0;}
	.socht{font-size: 42px; letter-spacing: 5px;  line-height: 1.4em;  text-align: center; margin-bottom:20px}
	.socul{display: flex; border-bottom:2px solid #d6d6d6; margin-bottom:20px; padding:30px 0 20px 0}
	.socpib .socul:last-child{border-bottom: none; padding-bottom:60px}
	.socul li{ width:48%; font-size:18px}
	.socul li img{ width:100%; height:auto}
	.socul li:nth-child(2){margin-left:4%}
	.soctx{background-image: linear-gradient(180deg,#efefef 0%,#ffffff 100%); padding: 20px;}
	.soctx h3{font-size: 26px;color: #333; margin-bottom:30px; }
	.soctimg{ ;border-radius: 50px 50px 50px 50px;    overflow: hidden;}
.socgov{box-shadow: 0 -20px 18px 0 rgba(0,0,0,.1); padding:70px 0; }
	.sogovt{ font-size: 42px;  letter-spacing: 5px;  line-height: 1.4em; text-align:center; margin-bottom:30px}
	.socgovit img{ display:block; width:80%; max-width:600px; height:auto; margin:0 auto}
	
	.sogbgw{ background:#fff}
	.sogbgg{ background:#eaeaea}

.sgcon { width: 48%;display:inline-block;}
.sgcon h4{ border-bottom:1px solid #e0e4f6; font-weight:600; font-size:18px; color:#333; margin:20px 0 10px}
.mart{ margin-right:4%;}
.malt{ margin-left:4%;}
.martb20{ margin:50px 0}
.sgul{}
.sgul ul li{ background:url(../images/gou.png) left center no-repeat; background-size:28px auto; padding-left:35px}
.liw ul  li{ width:33%; float:left; font-size:14px; margin:6px 0;verflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.sgbg{ background:#fcfcfd}
.sgsit{ }
.sgsit li.sgsco{ float:left;}

.sgsit li.sgsimg{ float:right; }

.sgsitlf{ }
.sgsitlf li.sgsco{ float: right;}
.sgsitlf li.sgsimg{ float:left;}
.sgsitlf li.sgsco,.sgsit li.sgsco{width:calc(100% - 550px); padding-top:100px}
.sgsitlf li.sgsimg,.sgsit li.sgsimg{width:500px;}
.sgsitlf li.sgsimg img,.sgsit li.sgsimg img{ width:500px; height:309px;border-radius:8px;}
.sgsit li h3,.sgsitlf li h3{ font-size:24px; margin-bottom:15px; font-weight:700}

.sgsty{width: 100%;  height: 70px; background: hsla(0,0%,100%,.75);  box-shadow: 0 6px 12px 0 rgba(0,0,0,.05); }
.sgsty ul li{ float:left; line-height:70px;}
.sgsty ul li a{ padding:0 15px; display:block; font-size:18px; font-weight:650}
.sgsty ul li a:hover,.sgsty ul li.hover a{ color:#05c}

.acyimg{ width:100%; background-size: cover; height:400px; margin-top:90px;padding-top: 50px; position:relative}
.priimg{ width:100%; background-size: cover; height:150px; padding-top:30px; position:relative}

.acyimg h2,.priimg h2{  width: 100%;  font-size: 35px;  margin: 0 auto;  color: #FFF;  text-align: center;  text-shadow: 2px 2px 3px #222;  position:absolute; bottom:30%}
.acybody{ border-bottom:1px solid #e0e4f6; border-top:1px solid #e0e4f6; margin:50px 0; padding:30px 0 ; width:95%; margin:0 auto}
.acyls{display: flex; justify-content: center; margin-top:50px}
.acyls li{ margin:0 10px;line-height:35px; display:none}
.acyls li a{display:block; color: #05c;   background: url(../images/arr_ron.png) 95% 50px no-repeat #f2f7ff;border-radius: 30px; padding:0  25px 0 25px;   border: 1px solid #05c;}
.acyls li a:hover{color: #fff;   background: url(../images/arr_ron.png) 95%  center no-repeat #05c; padding:0  40px 0 25px;  box-shadow: 0px 0px 8px 0 rgb(0 85 204 / 50%);}


.newscon{ float:left; width:75%;}
.newsty{ border-bottom:1px solid #e0e4f6; height:35px; margin:50px 0 10px;}
.newsty ul{}
.newsty ul li{ float:left; padding:0 20px; font-size:18px; line-height:33px  }
.newsty ul li.hover{  border-bottom:3px solid #05c}
	.newsty ul li.hover a{color:#05c;}

.newsbox{ padding:20px 0}
.newsbox ul{}
.newsbox ul li{ height: 176px;  padding: 10px 0; border-bottom:1px solid #e0e4f6;  transition: all .2s;}
.newspic{ float:left;width: 198px; margin-right:35px;}
.newspic img { width: 198px;height: 125px; }
.newsci{height: 100%; }
.newsci h3{color: #282828; font-size: 22px;  letter-spacing: 0;  line-height: 32px;
    overflow: hidden;  text-overflow: ellipsis;   white-space: nowrap;}

.newsins{ color: #777; font-size: 15px; letter-spacing: 0; line-height: 22px;  margin: 10px 0; }
.newsci span{color: #b8b8b8; display:block; font-size: 14px; line-height: 14px; margin-right: 20px;}

.newsreco{ width:23%; float:right; box-shadow: 0px 0px 6px 0 rgb(163 178 255 / 23%); padding:15px 10px; margin-top:20px;}
.newsreco h4{border-bottom: 1px dashed #e6e8eb; color: #000; font-size: 16px;font-weight: 600;  height: 50px;  line-height: 50px;  text-align: center;}
.newsreco ul{ padding-top:15px}
.newsreco ul li{  overflow: hidden;  text-overflow: ellipsis;   white-space: nowrap;font-size: 14px;  line-height: 22px; height:35px;}
.newsreco ul li span{ width:20px; height:20px; border-radius:3px; display:inline-block; margin-right:5px;background:#ababab;text-align: center; font-size:12px; color:#fff}
.newsreco ul li:nth-child(1) span{ background:#c7361c}
.newsreco ul li:nth-child(2) span{ background:#e26e10}
.newsreco ul li:nth-child(3) span{ background:#f39e29}
.newsbody{border-bottom:1px solid #e0e4f6;border-top:1px solid #e0e4f6;  padding:20px 0; margin-top:10px}
.newsbody img{ max-width:95% !important; height:auto}

.site{background:url(../images/site.png) left center no-repeat; background-size:24px auto; margin-bottom:20px; padding-left:35px; margin-top:130px; font-size:14px;} 
.newstit{ color: #282828; font-size: 22px; line-height: 30px;  padding: 20px 0 14px;}
.newstime{ color: #b8b8b8; font-size:12px; font-weight: 400;  line-height: 18px;}
.newcbox{border-bottom: 1px solid #e0e4f6; border-top:1px solid #e0e4f6; padding:15px 0; margin:15px 0}


.newsnp{padding:20px 0;}
.newsnp li{width:45%; max-width:420px;  font-size: 13px;  overflow: hidden; display:inline-block; text-overflow: ellipsis;vertical-align: top;white-space: nowrap;}
.newsnp a,.newsnp span{color: #777;  height: 16px; line-height: 16px; }
.newsnp li:nth-child(2){ text-align:right}
.newsnp a:hover{ color:#05c}

.puser{ margin-top:120px}
.pusertit{ text-align: center;color: #282828; font-size: 32px; line-height: 32px;  padding: 20px 0 14px;}
.puserbox{border-bottom:1px solid #e0e4f6;border-top:1px solid #e0e4f6;  padding:20px 0; margin-top:10px}
.puserbox h2,.puserbox h3,.puserbox h4{ font-weight: 700; position: relative;}

.puseft{ margin-top: 5px}
.puseft a{ color: rgba(255,255,255,0.8); position: relative; font-size: 14px;border-right: 1px solid rgba(255,255,255,0.8);padding-right:10px;margin-right: 10px}
.puseft a:last-child{ border-right: none;}


.cloudbox{ float:left; width:75%;}
.cloudtit{text-align:center;color: #282828; font-size: 32px; line-height: 32px;  padding:50px 0 50px;}
.cloudbox h2{ position: relative;  margin: 30px 0; padding-bottom:15px;     font-weight: 600; font-size:30px;  line-height: 44px;}
.cloudbox h2:after{ position: absolute; content: ""; width: 48px;   height: 6px;border-radius: 4px;background: #05f; left: 0; bottom:0 }
.clys li{ width:50%; display: inline-block; background: url("../images/gous.png") left center no-repeat ; background-size: 24px auto;padding-left: 35px; height: 45px; line-height: 45px;vertical-align:middle; }

.clts li{ width:calc(100% / 3 - 20px); margin: 10px 10px; height: 250px;border-radius: 8px;  box-shadow: 0 4px 15px 0 rgb(37 60 126 / 12%); display: inline-block; color: #fff; text-align: center; vertical-align:middle; padding: 80px 20px 0 20px; background: #f39f29 }
.clts li h3{ font-size: 24px;}
.clts li:nth-child(1){ background: #c7381d}
.clts li:nth-child(2){ background: #f39f29}
.clts li:nth-child(3){ background: #2b2f49}
.clts li:nth-child(4){ background: #2b2f49}
.clts li:nth-child(5){ background: #e26e0d}
.clts li:nth-child(6){ background: #f39f29}

.cybot{ padding:20px 0}
	.cybot h2{font-size:36px;line-height: 50px; font-weight: 600; text-align:center}
	.cybot p{ font-size:18px;line-height: 28px; color: #747774;   margin-top: 20px;text-align:center}
	
.pplist{ padding:15px 0}
	.pplist dl{ width:calc(100%/ 3 - 2%); background:url(../images/pplistbg.jpg)  right bottom   no-repeat; float:left; border-radius:8px;box-shadow: 0px 0px 6px 0 rgb(163 178 255 / 50%);  overflow:hidden;transition: all 0.5s ease-in-out; margin-bottom:25px; padding:10px 20px 20px 20px}
	.pplist dl:nth-child(2){ margin:0 3% 25px 3%}
	.pplist dl:hover{transform: translateY(-10px);}
	.pplist dl dt{ padding:18px 0; color:#333; font-size:24px;}
	.pppic{ width:80%; }
	.pppic img{ width:100%; height:auto; max-width:300px;}
	.pplis{ color:#a3a3a3; height:180px;}
	
.hisct{background:url(../images/lcbg.jpg) no-repeat #cad9f3; background-size: cover; height:684px; padding:60px 0}
	
	.his_tabmin{ height:50px; position:relative; padding-top:20px; margin-top:65px}
	.his_tabmin:before{ content:''; border-bottom:2px dotted #999; position: absolute; height: 4px; top:0; position: absolute; width:100%}
	.his_tabmin div{ width:25%; float:left;  position:relative; cursor:pointer; text-align:center}
	.his_tabmin div:before{ background:rgba(0,0,0,0.5);content:''; height:20px; width:20px;position: absolute; left:0; right:0; top:-25px; margin:auto; border-radius:10px;transition: all 0.4s ease}
	.his_tabmin div:after{ background:rgba(0,0,0,1);content:''; height:10px; width:10px;position: absolute; left:0; right:0; top:-20px; margin:auto; border-radius:10px; z-index:2}
		.his_tabmin div.cur {  color:#05c;cursor:pointer}
		.his_tabmin div.cur:before{background:rgba(0,85,204,0.5);}
		.his_tabmin div.cur:after{background:rgba(0,85,204,1);}
		.his_tabmin div.cur p{ position:relative;transition: all 0.4s ease}
		
		.his_tabmin div.cur p:before{content:''; position:absolute;height:32px; width:32px; background:url(../images/hsbgp.png) center  center no-repeat; left:0; right:0; top:-65px; margin:auto;}
		 
		 .hiscon h3 { text-align:center}
		 .hiscon h3 span{font-size:70px; line-height: 140px; font-weight:800px;background: linear-gradient(to right, #c157f5, #05c);-webkit-background-clip:text; -webkit-text-fill-color:transparent; }
		 .hisbox{ margin:0 auto; width:80%; text-align:center; font-size:18px; height:180px;}
	.his_tabcon{ display:none}
.lxbox{background:url(../images/mapbg.jpg) no-repeat #cad9f3; background-size: cover; padding:60px 0;}
	.lxcont{display: flex;align-items: center; }
	.lxcord{margin-left:3%; display:inline-block;border-radius: 9px;box-shadow: 0px 0px 6px 0 rgb(163 178 255 / 23%); padding:20px 15px; background:#fff; text-align:center}
	.lxcord h3{ color:#05c; font-size:24px; width:80%; margin:0 auto }
	.lxcord img{ width:250px; height:auto; display:block; margin:0 auto }
	.lxcord p{ color:#cecece; font-size:16px;}
	.szlx{ display:inline-block; margin-left:3%;}
	.szlx dt{ color:#000; font-size:24px;}
	.szlx dd{ padding:20px 0 20px 80px;}
	.szlx dd.mpdz{ background:url(../images/mpdz.png) left center no-repeat;}
	.szlx dd.mptel{ background:url(../images/mptel.png) left center no-repeat;}
	.lxlist{ padding:30px 0}
	.lxlist dl{ float:left;box-shadow: 0px 0px 6px 0 rgb(163 178 255 / 23%); height:235px;border-radius:8px; padding:20px 30px; width:48%; margin:35px 0; background-position:right bottom; background-repeat:no-repeat; background-color: #f4f7fa}
	.lxlist dl:nth-child(2n+1){ float:right}
	.lxlist dl dt{color:#000; font-size:24px; margin-bottom:20px}
	.lxlist dl dd{ padding:5px 0}
	.pagination {margin-bottom:20px;text-align: center;height: 28px;}
	.pagination a,.pagination span{padding:0 10px;height:35px; min-width:35px;line-height: 35px; display:block;background: #ddd; border-radius:3px;color: #666;margin: 0 3px;font-size: 14px;}
	.pagination .current, .pagination a:hover {background: #05c;color: #fff;}
	.pagination em {padding: 0 10px;color: #999;font-size: 12px;}
	.pagination ul li {display:inline-block; height:35px;line-height: 35px;}
	
	
	
	.floating_ck{position:fixed;right:20px;bottom:10%; font-size:12px; }
	.floating_ck dl dd{position:relative;width:65px;height:65px;text-align:center;cursor:pointer; background-color:#f5f6f7; border: 1px solid #dfe5eb; transition: all 0.4s ease-out;}
	.floating_ck dl dd:hover{background: linear-gradient(135deg, #0068dd, #00aeee);  color: #fff;border-bottom:1px solid #dfe5eb; border:none}
	.floating_ck dl dd:hover .floating_left{display:block;}
	.consult{ border-radius:10px 10px 0 0;}
	.return { border-radius: 0 0 10px 10px;}
	.consult span{background-image:url(../images/kfqq.png);}
	
	.qrcord span{background-image:url(../images/kfwx.png);}
	.return span{background-image:url(../images/kftop.png);}
	.floating_ck dd span{color:#05c;display:block;padding-top:40px;background-repeat:no-repeat;background-position:center -50px; background-repeat:no-repeat;transition: all 0.4s ease-out;}
	.floating_ck dl dd:hover span{ background-position:center 5px; color:#fff}
	.floating_left{position:absolute;left:-170px;top:0px;width:170px;height:65px;display:none;box-shadow: 2px 2px 12px rgb(40 61 128 / 30%); border-radius:5px;background: #fff;}
	.floating_left a{color:#252B3A;line-height:80px;}
	.floating_ewm{height:260px;top:-80px;left:-180px;}
	.floating_ewm img{display:block;width:145px;height:145px;margin:auto;margin-top:7px;}
	.floating_ewm p{color:#252B3A;margin-top:5px;}
	.floating_ewm .qrcord_p01{font-size:12px;line-height:20px;}
	.floating_ewm .qrcord_p02{font-size:18px;}
	.kalaysc{ font-size:16px; width:90%; margin:0 auto}
.kalaysc h4{ font-size:20px}
.kalaysc td{ padding:8px}

.kalaysc td:nth-child(2n){ overflow:hidden; width:20%}
.kalaysc td:nth-child(3n){ overflow:hidden; width:10%}
.kalaysc td:nth-child(4n){ overflow:hidden; width:10%}
.kalaysc td:nth-child(5n){ overflow:hidden; width:50%}


.helpbody{ display:flex; padding-top:90px;font-size:16px  }
.helpsite{background:url(../images/site.png) left center no-repeat; background-size:20px auto; margin-bottom:20px; padding-left:30px; font-size:14px; line-height:20px} 
	.helpsite a{ color:#05c}
.helpmat{ margin:30px}
   .help_left{  width: 280px;box-shadow: 2px 0 8px rgba(0,0,0,0.1); display: flex; flex-direction: column;min-height: 100vh; }
   
        .help_scroll{ overflow-y: auto;padding: 20px; flex-grow: 1;}
		.helph2{ color:#333; font-weight:500;    padding: 20px 0;}
		.biglink { color:#05c}
  		
   .left_ul_1{    margin:10px 0; position: relative; height: auto; font-size:14px;}
   .left_ul_1 li{ min-height:36px}
   .leftcl{ display:none}
		.left_ul_1:after { content: ""; position: absolute;  left: 0;  top: 0;  height: 100%;  width: 2px;   background-color: #e5e8ed;}
		.left_ul_1 ul li{ display:none; padding:5px 0;}	
		.left_ul_1 li a{  line-height:30px; padding-left:20px;border-left:2px solid rgba(0,0,0,0) }
	
	.left_ul_2 li a{ padding-left:35px;}
	.left_ul_3 li a{ padding-left:50px;}
	
	
 .help_right {flex: 1;padding: 30px; background: #fff;margin: 20px; max-width: calc(100vw - 280px);  background-color: #fff;    flex: 1;    min-height: 800px;    padding-top:60px;}
 	.helprcon{   padding:25px 40px;}
	.helprcon h1{ font-size:32px; font-weight:500; line-height:45px; margin:20px 0}
		
	
@media  (max-width:850px){
	.navlist,.language{ display:none}
	
	.wapmenu{display: block; width:100% }
	 button{ border:0;outline: none; -webkit-tap-highlight-color: rgba(0, 134, 209, 0); -webkit-focus-ring-color: rgba(0, 0, 0, 0);}
	
	.leftMenu a{text-decoration:none; font-size:1rem}
	.leftMenu{left:-1000px;position:fixed;top:90px;display:block;height:100%;width: calc(100%  - 49px);min-width:140px;z-index:90002;transition:all .4s ease;-moz-transition:all .4s ease;-webkit-transition:all .4s ease;-o-transition:all .4s ease;position:fixed;overflow:auto;}
	.leftMenu.menu-open{left:0;}
	.f1bg{background:#fcfcfd;}
	.leftMenu ul{list-style:none;padding:0;overflow:hidden}
	.leftMenu ul li{position:relative;padding:0 15px ;line-height:41px;overflow:hidden; border-bottom:1px solid #fff}
	.leftMenu ul li a{ display:block}
	.menu-dark-backdrop{background:transparent;transition:all .4s ease;-moz-transition:all .4s ease;-webkit-transition:all .4s ease;-o-transition:all .4s ease;width:100%;position:fixed;top:50px;left:0;right:0;bottom:0;overflow:hidden}
	.menu-dark-backdrop.in{}
	.menubtn{ float:right; width:50px;height:50px;  z-index:80; border-left:1px solid #fff;  padding:10px; box-sizing:border-box; margin-top:20px}
	.menubtn button{ width:100%; height:100%; padding:0; margin:0; cursor:pointer;background: none}
	.menubtn button span{width:22px; height:3px;background: #0086d1;display: block;margin-top:4px; margin-left:4px;position: relative;transform-origin: center;transition: transform .3s;}
	.menubtn .onhover{ }
	.menubtn .onhover span.line3{transform: rotate(-45deg); margin-top:3px;top:-3px;transform-origin: center;	transition: transform .3s;background:#0086d1}
	.menubtn .onhover span.line1 { transform: rotate(45deg);margin-top:1px; top:3px; background:#0086d1}
	.menubtn .onhover span.line2 { display:none}
	.menubtn .onhover button{ border:0}
	.banntxt{font-size:3vw;} 
	.sol_tabmin{width:90%; margin:0 auto; padding:10px 0; height:auto}
	.sol_tabmin div { min-width:50%; float:left}
	.sol_tabmin div p{padding-top:0; padding-left:65px; background-position:left 0px; text-align:left; height:65px; line-height:65px}
	.sol_tabmin .cur p{ background-position:left -110px; background-color:#f2f7ff; color:#05c}
	.sol_tabp{ height:1px;}
	.solcon{ float:none; width:95%; margin:0 auto 15px auto}
	.solmore p { float:none}
	.solimg{ float:none; width:95%;; margin:0 auto}
	
	.kalay_c{display: block;}
	.kalay_c dl{ float:none; width:95%; margin:8px auto;  height:auto; display: block;align-items: center;}
	.kalay_c dl:nth-child(2){  margin:8px auto; margin-bottom:8px ;}
	.kalay_c dl dd.srf{ width:100%;}
	
	
	.bintro{font-size: 18px; color: #999;  max-width:80%;  line-height: 30px; margin:10px auto; text-align:center}
	.case_h li{ width:25%; }
	.newsh{ height:180px;}
	.newsh,.newsli{ float: none; width:95%; margin:0 auto}
	.sollist dl { float:none; width:95%; margin:15px auto }
	.sollist dl:nth-child(2){ margin:10px auto  15px auto }
	.safein,.prodsins,.sgitem{ display:block !important}
	.text-center{  left:15px;}
	.banerimg{margin-left:100px; }
	.prodsimg,.prodst{ float: none; width:95%; margin:0 auto}
	.proadv ul li{ float: none; width:95%; margin:10px auto; border-bottom:1px solid rgab(0,0,0,0.1)}
	.proadv ul li:nth-child(2n){ float: none}
	.sgcon { float: none; width:95%; margin:0 auto}
	.sgsitlf li.sgsco,.sgsit li.sgsco,.sgsit li.sgsimg{ float: none; width:95%; margin:0 auto}
	.newscon,.newsreco{ float: none; width:95%; margin:0 auto 15px auto }
	.pplist dl,.lxlist dl{ width:98%;  float: none; margin:20px auto}
	.lxlist dl:nth-child(2n+1){ float: none}
}