@charset "utf-8";
/* CSS Document */

body,html{ width:100%; height:100%;}
body,html,div{ margin:0; padding:0; border:0;}
body,html,div,a,p,span,ul,li,dl,dd,h1,h2,h3,h4,h5,h6,input,textarea{ margin:0; padding:0;border:0; font:14px "微软雅黑"; color:#555;  list-style:none;}
img { border:0; }
a{ text-decoration:none; outline: none;}
textarea{  resize: none;}
@font-face{font-family:"Impact";src:url(fonts/Impact.ttf);font-style:normal;}

.middle{width:1200px; height:auto; overflow:hidden;margin:0 auto;}
.left{ float: left;}
.right{ float: right;}

/* 咨询 */
.consult{width:100%; height:auto; overflow:hidden; margin: 0 auto; padding:40px 0px 60px 0px;background: url(../images/bg5.jpg) center center no-repeat; text-align: center;}
.consult h1{ font-size: 38px; color: #fff; font-weight: bold; margin-bottom: 8px;}
.consult p span{font-size: 18px; color: #fff;}
.consult div{ margin-top: 23px;}
.consult div a{ display: inline-block; width: 190px; height: 45px; overflow: hidden; text-align: center; line-height: 43px; background: #fff; font-size: 16px; color: #1c70c6;}



/* 内页banner */
.ban1{width:100%; height:auto; overflow:hidden;margin:0 auto; position: relative;} 
.ban1 .ban1az-a{ position:relative; left:50%; top:0px; width:1920px; margin-left:-960px ; text-align:center;} 
/* .ban1 .ban1az-a img{animation: gt 20s infinite linear;} */


/* 行业资讯 */
.news{width:100%; height:auto; overflow:hidden;margin:0 auto; padding: 50px 0px 70px 0px;}
.navgLef{ width: 250px;height:auto; overflow:hidden;}
.nagLTop{width:100%; height:104px; overflow:hidden; line-height: 102px; font-size: 24px; color: #fff; font-weight: bold; background: #f05a00 ; text-indent: 25px;}
.nagLCent1{width:100%; height:auto; overflow:hidden; margin-top: 20px;}
.nagLCent1 ul li{width:100%; height:48px; overflow:hidden; background: #e4e4e4; border-bottom: 1px #fff solid;}
.nagLCent1 ul li a{ display: block;}
.nagLCent1 ul li a span{ line-height: 48px; font-size: 16px; color: #717171; margin-left: 23px; background:url(../images/btx1.png) left center no-repeat; padding-left: 25px;}
.nagLCent1 ul li.on{ background: #f05a00;}
.nagLCent1 ul li.on a span{ color: #fff; background:url(../images/btx2.png) left center no-repeat;}

.nagLCent2{width:100%; height:auto; overflow:hidden; margin-top: 20px;}
.nagLCent2 ul li{width:100%; height:auto; overflow:hidden; border-bottom: 1px #fff solid;}
.nagLCent2 ul li h3{ display:block; text-align: center; color: #fff; font-size: 18px; font-weight: normal; width:100%; height:48px; line-height: 47px; overflow:hidden;background: #0c3c73 url(../images/dej1.png) 215px center no-repeat; cursor: pointer;}
.nagLCent2 ul li .sub{display:none;}
.nagLCent2 ul li .sub li{width:100%; height:48px; overflow:hidden; background: #e4e4e4; border-top: 1px #fff solid;}
.nagLCent2 ul li .sub li a{ display: block;}
.nagLCent2 ul li .sub li a span{ line-height: 48px; font-size: 16px; color: #717171; margin-left: 22px; background:url(../images/btx1.png) left center no-repeat; padding-left: 23px;}
.nagLCent2 ul li .sub li.onb{ background: #dff1ff;}
.nagLCent2 ul li .sub li.onb span{color: #0c3c73; background:url(../images/btx3.png) left center no-repeat;}
.nagLCent2 ul li.on .sub{display: block;}
.nagLCent2 ul li.on h3{background: #0c3c73 url(../images/dej2.png) 215px center no-repeat;}

.nagLBot{width:100%; height:auto; overflow:hidden;margin-top: 20px;}
.nagLBot1{width:248px; height:73px; overflow:hidden; line-height: 72px; font-size: 20px; color: #fff; font-weight: bold; background:#f05a00 url(../images/bthg2.jpg) right center no-repeat; text-indent: 23px; border: 1px #f05a00 solid;}
.nagLBot2{width:248px;height:auto; overflow:hidden; padding:8px 18px 35px 18px; border: 1px #e8e8e8 solid; border-top: 0px;}
.nagLBot2 .on1{ width:180px; margin: 0 auto; background: url(../images/xtb1.png) left center no-repeat; padding: 16px 0px 16px 0px; border-bottom: 1px #e0e0e0 solid;}
.nagLBot2 .on1 p span{ font-size: 14px; color: #000;}
.nagLBot2 .on1 p font{ font-size: 20px; color: #000; font-weight: bold;}
.nagLBot2 .on2{ width:180px;height:auto; overflow:hidden; margin: 0 auto; background: url(../images/xtb2.png) left center no-repeat; padding: 16px 0px 16px 32px; font-size: 15px; color: #010101; line-height: 24px;}
.nagLBot2 .on3{ width: 150px;height:auto; overflow:hidden; margin: 0 auto; text-align: center; margin-top: 6px;}
.nagLBot2 .on3 div{ width:150px; height: auto; overflow: hidden;}
.nagLBot2 .on3 div img{ width: 100%;}
.nagLBot2 .on3 p{ font-size: 16px; color: #000; margin-top: 10px;}

.infRig{ width: 910px; height: auto; overflow: hidden;}
.infRTop{width:100%;height: auto; overflow: hidden; border-bottom: 1px #e4e4e4 solid; padding-bottom: 10px;}
.infRTop .on1{ padding-left: 12px; border-left: 3px #f05a00 solid; height: 20px; line-height: 20px; font-size: 20px; color: #f05a00;}
.infRTop .on2 a{ float: left; font-size: 14px; color: #333;}
.infRTop .on2 span{ float: left; font-size: 14px; color: #333; margin: 0px 8px;}
.infRTop .on2 font{ float: left; font-size: 14px; color: #333;}
.infRTop .on2 a:hover{ color: #0c3c73;}
.newList{width:100%; height:auto; overflow:hidden;}
.newList ul li{height:auto; overflow:hidden; border-bottom: 1px #f1f1f1 solid; padding:22px 0px;}
.newList ul li a{ display: inline-block;width:100%; height:auto; overflow:hidden;}
.newList ul li span{ float: left; display: inline-block; width: 775px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; color: #000;}
.newList ul li font{ float: right; font-size: 18px; color: #8b8b8b;}
.courPag{width:100%; height:auto; overflow:hidden; text-align:center; margin-top:40px;}
.courPagz{display:inline-table;}
.courPagz .upper{ margin-right:30px; width:120px; height:44px; overflow:hidden; }
.courPagz .lower{ margin-left:30px; width:120px; height:44px; overflow:hidden; }
.courPagz a{float:left; display:inline-block; height:44px; width:46px; overflow:hidden; text-align:center; 
	line-height:42px;border:1px #ccc solid; margin:0px 5px; background:#fdfdfd; font-size:14px; border-radius:4px;}
.courPagz span{float:left; display:inline-block; height:44px; width:48px; overflow:hidden; text-align:center; line-height:46px; margin:0px 5px; font-size:14px; color:#666; }
.courPagz a.on{background:#da251e; border:1px #da251e solid; color:#fff;}
.courPagz a:hover{background:#da251e; border:1px #da251e solid; color:#fff;transition: all 0.2s;}
.courPagz a.on:hover{background:#da251e; border:1px #da251e solid; color:#fff;}

/* 行业资讯详情 */
.newDate{width:100%; height:auto; overflow:hidden; margin-top: 55px;}
.newDate1{width:100%; height:auto; overflow:hidden; text-align: center;}
.newDate1 h1{ font-size: 26px; color: #000; font-weight: bold;}
.newDate1 div{ margin-top:15px;}
.newDate1 div span{ font-size: 14px; color: #a5a5a5; margin: 0px 10px;}
.newDate2{width:100%; height:auto; overflow:hidden; margin-top:45px;}


/* 检测服务 */
.tesDate{width:100%; height:auto; overflow:hidden; margin-top: 55px;}
.tesDate1{width:100%; height:auto; overflow:hidden; text-align: center; font-size: 24px; color: #0c3c73;}
.tesDate2{width:100%; height:auto; overflow:hidden; margin-top:45px;}

/* 客户案例列表 */
.caseList{width:100%; height:auto; overflow:hidden; margin-top:5px; padding-bottom: 15px;}
.caseList ul li{ float: left; width: 278px; height: auto; overflow: hidden; margin-top: 39px; margin-left: 37px;}
.caseList ul li div{width:100%; height:auto; overflow:hidden;}
.caseList ul li p{ text-align: center; font-size: 18px; color: #000; margin-top: 15px;}
.caseList ul li:nth-of-type(3n-2){margin-left: 0px;}

/* 客户案例详情 */
.caseDate{width:100%; height:auto; overflow:hidden; margin-top: 65px;}
.caseDate1{ width: 100%; height: auto; overflow: hidden; margin: 0 auto; text-align: center;}
.caseDate1 div{width:100%; height:auto; overflow:hidden;}
.caseDate1 div img{ max-width: 100%;}
.caseDate1 p{ font-size: 20px; color: #333; font-weight: bold; margin-top: 22px;}
.caseDate2{width:100%; height:auto; overflow:hidden; margin-top: 55px;}
.caseDate2 .con1{width:100%; height:auto; overflow:hidden; background: url(../images/btx.jpg) bottom left repeat-x; margin-bottom: 30px;}
.caseDate2 .con1 span{ display: inline-block; font-size: 18px; color: #f05a00; font-weight: bold; padding: 13px 0px; border-bottom: 2px #f05a00 solid;}
.caseDate2 .con2{width:100%; height:auto; overflow:hidden; }

/* 了解中质环 */
.ljDate{width:auto; height:auto; overflow:hidden;margin-top: 65px; margin-left: 20px;}
.ljDate1{width: 100%; height: auto; overflow: hidden;}
.ljDate1 .jon1{ width: 139px;height: auto; overflow: hidden;}
.ljDate1 .jon1 img{ max-width: 100%;}
.ljDate1 .jon2{ margin-left: 25px;height: auto; overflow: hidden;}
.ljDate1 .jon2 h1{ font-size: 30px; color: #f05a00; font-weight: bold; padding-bottom:6px;}
.ljDate1 .jon2 p{ margin-top: 7px;}
.ljDate1 .jon2 p span{ font-size: 18px; color: #333;}
.ljDate2{width: 100%; height: auto; overflow: hidden;margin-top: 60px;}


/* 中质环_了解中质环_仪器设备 */
.instList{width:100%; height:auto; overflow:hidden; margin-top:5px; padding-bottom: 15px;}
.instList ul li{ float: left; width: 285px; height: auto; overflow: hidden; margin-top: 39px; margin-left:20px;}
.instList ul li div{width:283px; height:187px; overflow:hidden; border: 1px #f2f2f2 solid; position: relative;}
.instList ul li div img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
.instList ul li p{ text-align: center; font-size: 16px; color: #666; margin-top: 15px;}
.instList ul li:nth-of-type(3n-2){margin-left: 5px;}

/* 中质环_了解中质环_详情 */
.instDate{width:100%; height:auto; overflow:hidden; text-align: center; margin-top: 55px;}
.instDate .on1{ display: inline-block; border: 1px #ebebeb solid;}
.instDate p{ font-size: 26px; color: #000; font-weight: bold; margin-top: 45px;}
.instDate .on2{width:100%; height:auto; overflow:hidden; margin-top: 20px; font-size: 16px; color: #000; line-height: 30px; text-align: left;}

/* 中质环_了解中质环_实验环境 */
.instList2{width:100%; height:auto; overflow:hidden; margin-top:15px; padding-bottom: 15px;}
.instList2 ul li{ float: left; width: 283px; height: auto; overflow: hidden; margin-top:25px; margin-left:22px;}
.instList2 ul li div{width:283px; height:187px; overflow:hidden; position: relative;}
.instList2 ul li div img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
.instList2 ul li p{ text-align: center; font-size: 16px; color: #666; margin-top: 15px;}
.instList2 ul li:nth-of-type(3n-2){margin-left: 5px;}

/* 中质环_了解中质环_实验环境 */
.instList3{ height:auto; overflow:hidden; margin-top:50px; margin-left: 80px; }
.instList3 .dpy2{ width:100%; height:auto; overflow:hidden; }
.instList3 .dpy2 .prev,.instList3 .dpy2 .next{float:left; width: 53px; height: 131px; cursor: pointer; margin-top:275px;}
.instList3 .dpy2 .prev{ margin-right:65px;}
.instList3 .dpy2 .next{ margin-left: 65px;}
.instList3 .dpy2 .con2{float:left; width:470px;height:auto; overflow:hidden; }
.instList3 .dpy2 .con2 ul{ overflow:hidden; }
.instList3 .dpy2 .con2 li{ float:left;width:470px; height:703px; }
.instList3 .dpy2 .con2 li .cet1{ width:470px; height:703px;display: table;text-align: center;}
.instList3 .dpy2 .con2 li .cet1 span{display: table-cell;vertical-align: middle;}
.instList3 .dpy2 .con2 li .cet1 span img{max-height:100%;}
.instList3 .dpy2 .con2 li .cet2{ width: 100%; height: auto;overflow:hidden; text-align: center; font-size: 16px; color: #fff; margin-top: 20px;}


/* 联系方式 */
.contact{width:100%; height:auto; overflow:hidden; margin: 0 auto;padding:70px 0px 80px 0px;}
.contTit{width:1200px; height:auto; overflow:hidden; margin:0 auto; text-align: center;}
.contTit h1{ font-size: 32px; color: #f05a00; font-weight: bold; margin-bottom: 15px;}
.contTit div{ display: inline-table;}
.contTit div i{ float: left; display: inline-block; width: 243px;height: 1px;background-color: #bbb; margin-top: 16px;}
.contTit div span{float: left; font-size: 26px;line-height: 30px;color: #7d7d7d; margin: 0px 17px;}

.contTop{width:505px; height:auto; overflow:hidden; margin:0 auto; margin-top: 50px;}
.contTop ul li{ float: left; width: 144px; height: 144px; overflow: hidden; border-radius: 144px; border: solid 2px #c8c8c8;font-size: 20px;color: #323232; text-align: center; line-height: 144px; margin-left: -29px;}
.contTop ul li:nth-of-type(1){ margin-left: 0px;}
.contCent{width:1200px; height:auto; overflow:hidden; margin:0 auto; text-align: center; margin-top: 35px; margin-bottom: 80px;}
.contCent h1{font-size: 22px;color: #848484;}
.contCent div{font-size: 16px;line-height: 30px;color: #848484; margin-top: 10px;}
.contBot{ width:1202px;  height:auto; overflow:hidden; margin:0 auto; margin-top:60px;}
.contBot ul li{ float:left; width:355px; height:auto; overflow:hidden; margin:0px 22px;}
.contBot ul li .cont1{ width:180px; height:85px; overflow:hidden; margin:0 auto; background:url(../images/cont2.png) center center no-repeat;display: table;text-align: center;}
.contBot ul li .cont1 div{display: flex;justify-content: center;align-items: center;}
.contBot ul li .cont2{width:100%; height:auto; overflow:hidden; margin-top:20px;}
.contBot ul li .cont2 p{ text-align:center; font-size:16px; color:#666; margin-top:10px;}
.contBot ul li .cont3{width:100%; height:auto; overflow:hidden; text-align:center; margin-top:30px; font-size:20px; color:#666;}
.contMap{ width:1060px;  height:auto; overflow:hidden; margin:0 auto; margin-top:50px;}

/* 产品展示详情 */
.picDate{ height: auto; overflow: hidden; padding:4.5rem 5.5rem; }
.picDate1{width:100%;height:auto; overflow: hidden; }
.picDat1Lef{ width:46%; position: relative;}
.picDat1Lef .gallery-top{ width: auto; border: 3px #eee solid;}
.picDat1Lef .gallery-top .swiper-slide {width: 100%;}
.picDat1Lef .gallery-top .swiper-slide img{ width: 100%;}
.picDat1Lef .gallery-thumbs {width:85%;height: 20%;box-sizing: border-box;margin-top:3%;}
.picDat1Lef .gallery-thumbs .swiper-slide{width:100%;height:94px; border:2px #d5d5d5 solid; position: relative;}
.picDat1Lef .gallery-thumbs .swiper-slide img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
.picDat1Lef .gallery-thumbs .swiper-slide-thumb-active {border:2px #f05a00 solid;}
.picDat1Lef .swiper-button-next{ width: 35px; height:94px; right: 0px!important; top: auto; bottom:0px; background:#f05a00 url(../images/rig2.png) center center no-repeat !important;}
.picDat1Lef .swiper-button-prev{ width: 35px; height:94px; left: 0px!important; top: auto; bottom:0px;background:#f05a00 url(../images/lef2.png) center center no-repeat !important;}
.picDat1Lef .swiper-button-next.swiper-button-disabled{background: url(../images/rig1.jpg) center center no-repeat !important;}
.picDat1Lef .swiper-button-prev.swiper-button-disabled {background: url(../images/lef1.jpg) center center no-repeat !important;}
.picDat1Rig{ width:612PX; margin-top: 3%;}
.picDat1Rig .picDa1{ height: auto; overflow: hidden; border-bottom: 1px #c1c1c1 solid;}
.picDat1Rig .picDa1 h1{ font-size: 32px; color: #343434; font-weight: bold; margin-bottom:20px;}
.picDat1Rig .picDa2{ height: auto; overflow: hidden; margin-top:85px;}
.picDat1Rig .picDa2a{width:32%;}
.picDat1Rig .picDa2a div{ width: 100%;}
.picDat1Rig .picDa2a div img{width: 100%;}
.picDat1Rig .picDa2a p{ font-size: 18px; color: #333; text-align: center; margin-top: 15px;}
.picDat1Rig .picDa2b{ border: 1px #c1c1c1 solid; border-radius: 4px; margin-top:8%; margin-left: 5%; padding: 1.2rem 2rem;}
.picDat1Rig .picDa2b div{ background: url(../images/dh3.png) left center no-repeat; padding-left:55px;}
.picDat1Rig .picDa2b div p{ font-size: 18px; color: #333; line-height: 18px;}
.picDat1Rig .picDa2b div h1{ font-size: 32px; color: #f05a00; font-weight: bold; line-height: 32px; margin-top:8px;}
.picDate2{width:100%;height:auto; overflow: hidden; margin-top: 75px;}
.picDTit{width:100%;height:auto; overflow: hidden; border-bottom: 1px #f05a00 solid;}
.picDate .picDTit{ margin-bottom: 40px;}
.picDTit span{ display: inline-block; width: 173px; height: 52px; text-align: center; line-height: 50px; border: 1px #f05a00 solid;border-bottom:0px; font-size: 18px; color: #f05a00; font-weight: bold;}
.picDTit a{ float: right; font-size: 16px; color: #333; margin-top: 19px;}
.picDTit a:hover{ color: #f05a00;}

.picDate2a{width:100%;height:auto; overflow: hidden; margin-top:45px;}
.picDate3{width:100%;height:auto; overflow: hidden; margin-top:60px;}
.picDate3a{width:100%;height:auto; overflow: hidden;margin-top:40px;}
.picDate3a ul li{ float: left; width: 32%; height: auto; overflow: hidden; margin-left: 2%; background: #f8f8f8; margin-bottom:2%;}
.picDate3a ul li .pic1{width:100%;height:329px; overflow:hidden; position: relative;}
.picDate3a ul li .pic1 img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
.picDate3a ul li .pic1 div{width: 100%; padding:14px; position: absolute; top: 0px; left: 0px; opacity: 0;-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.picDate3a ul li .pic1 div i{border: 1px #fff solid; height: 299px; width: 100%; display: inline-block;}
.picDate3a ul li p{ height: 80px; text-align: center; font-size: 1.5rem; color: #5a5a5a;line-height:78px;}
.picDate3a ul li:nth-of-type(3n-2){ margin-left: 0%;}
.picDate3a ul li:hover .pic1 div{opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.picDate3a ul li:hover{box-shadow: 3px 1px 10px 0px rgba(0, 0, 0, 0.23);transition: all 0.2s;}


.picDate4{width:100%;height:auto; overflow: hidden; margin-top:60px;}
.picDate4a{width:100%;height:auto; overflow: hidden;margin-top:40px;}
.picDate4a ul li{ float: left; width: 23.5%; height: auto; overflow: hidden; background: #f8f8f8; margin-left: 2%; text-align: center;transition: all 0.2s;}
.picDate4a ul li div{width:100%;height:auto; overflow: hidden;}
.picDate4a ul li div img{width: 100%;transition: all 0.2s;}
.picDate4a ul li p{height: 70px; font-size: 22px; color: #717171; line-height: 68px;}
.picDate4a ul li:nth-of-type(1){ margin-left: 0%;}
.picDate4a ul li:hover div img{transform: scale(1.1);transition: all 0.2s;}
.picDate4a ul li:hover{transition: all 0.2s; background: #c41002; border-radius:8px;}
.picDate4a ul li:hover p{ color: #fff;}

/* 新闻资讯 */
.newsList{ width: 100%;height: auto; overflow: hidden;}
.newLisTop{width: 100%;height: auto; overflow: hidden; padding-bottom:30px;}
.newLisTop ul li{width: 100%;height: auto; overflow: hidden; margin-top: 25px;}
.newLisTop ul li .on1{ float: left; width:18.5%; height:10.3em; overflow: hidden; position: relative;}
.newLisTop ul li .on1 img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;}

.newLisTop ul li .on2{ float: left; width:79%; margin-left:1.5%; margin-top: 10px;}
.newLisTop ul li .on2 p{ margin-bottom:10px;overflow: hidden;}
.newLisTop ul li .on2 p a{ font-size: 24px; color: #333;}
.newLisTop ul li .on2 p span{ float:left; font-size: 16px; color: #939393;}
.newLisTop ul li .on2 p font{float: left; padding-left:25px; background: url(../images/con1.png) left center no-repeat; font-size: 16px; color: #939393; margin-left: 8px;}
.newLisTop ul li .on2 div{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; font-size: 16px; color: #565656; margin-top:10px; line-height: 28px;}
.newLisTop ul li .on3{ float: right; width:60px;height:10.3em; overflow: hidden; border: 1px #f2efef solid; border-radius: 0.3em; background: url(../images/kz.png) center center no-repeat;}
.newLisTop ul li .on3 a{ display: inline-block;width:60px;height:10.2em; overflow: hidden;}

.newLisTop ul li:hover{background:#f2efef;}
.newLisTop ul li:hover .on1 img{transform: scale(1.1);transition: all 0.3s;}
.newLisTop ul li:hover .on2 p a{color: #00923f;transition: all 0.3s;}
.newLisTop ul li:hover .on2 p a{ color: #000;transition: all 0.3s;}
.newLisTop ul li:hover .on2 p span{ color: #000;transition: all 0.3s;}
.newLisTop ul li:hover .on2 p font{ background: url(../images/con2.png) left center no-repeat;  color: #000; transition: all 0.3s;}
.newLisTop ul li:hover .on3{ border-left: 1px #fff solid;transition: all 0.3s;}