*{margin: 0;padding: 0;box-sizing: border-box;}
body{margin: 0px auto; padding: 0px; font-size: 14px; line-height:28px; color: #1f1119; font-family:Microsoft YaHei;box-sizing: border-box;overflow-x:hidden;}
div{margin: 0px; padding: 0px;}
span, p{margin: 0px; padding: 0px;}
html, body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, textarea, th, td, select {margin: 0;padding: 0;}
dl,dt,dd,ol,ul,li {margin: 0px; padding: 0px; list-style: none;}
h1, h2, h3, h4, h5, h6{font-weight:normal;}
address, caption, cite, code, dfn, em, strong, th, var, optgroup, i{font-style: inherit;font-weight: inherit;}
input, textarea{outline: none;border: none;}
img{border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}
tr,td{padding:0 !important;}
em,i{text-transform: uppercase;font-family: arial;vertical-align: top;display:inline-block;}
ul{list-style-type: none;}
a{text-decoration: none; color:#333333; font-size: 14px;}
a:hover{color:#ed5623; text-decoration:blink; font-size: 14px;}
a:visited, a:link{font-size: 14px;}
.fr{ float:right;}
.fl{ float:left;}
.db,.lb,.dd{font-size: 0;}
.db>div,.lb>li,.dd>dl{display: inline-block;vertical-align: top;}
.page,.gy,.w1300{max-width: 1300px; min-width: 1300px; width: 100%; margin: 0 auto;}
.clear,.cl{height: 0; overflow: hidden; clear: both;}
.top30{width: 100%;height: 30px;margin: 0 auto;overflow: hidden;}
.dfc{display:flex;align-items:end;justify-content:center;}
.dfss{display:flex;align-items:center;justify-content:space-between;}
.dfv{display:flex;align-items:center;justify-content:center;}
.dfs{display:flex;align-items:end;justify-content:space-between;}
.dfe{display:flex;align-items:end;justify-content:end;}

/*header*/
.header{min-width: 1300px;width: 100%;}
.htop{height: 50px;background:#4caf50;display: flex;
    justify-content: space-around;}
.htop .weco{float: left;padding-left: 110px;}
.htop,.htop a{ font-size:14px;line-height: 50px; color:#effef6;}
.htop>p{float: right;display:flex;}
.htop a:hover{ color:#fff;}
.htop a{ padding-left:22px; display:inline-block;}
.weco a {
    padding-left: 10px!important;
}
.weco a:first-child {
    padding-left: 0!important;
}
.htop span:nth-child(1) a{ background:url(../images/20201126172544_796228210.png) no-repeat left center;}
.htop span:nth-child(2) a{ background:url(../images/20201126172544_121997905.png) no-repeat left center;}
.htop span:nth-child(3) a{ background:url(../images/20201126172544_1419123992.png) no-repeat left center;}
.htop span em{ display:inline-block;font-size:20px; color:#fff; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.htop span{ padding:0 12px; border-right:1px solid #338636;}
.htop span:last-child{ padding-right:0; border-right:none;}
.hsecond{padding: 0 1%;height: 128px;position: relative;display: flex;justify-content: space-between;}
.hlogo{margin-top: -42px;position: relative;z-index: 1;padding-left: 10px;padding-top: 10px;}
.hlogo:after{content: '';position: absolute;width: 110px;height: 110px;background: #ffffff;left: 0;top: 0;z-index: -1;border-radius: 100%;}
.hlogo img {width: 90px;}
.hmean{font-size:0.83vw; font-weight:lighter; color:#666666;margin-left: 30px;margin-top: 34px;line-height: 30px;display: flex; width: 43%; flex-direction: column;}
.hmean b{ display:block; font-size:1.67vw; color:#222; margin-bottom:4px; letter-spacing:2.6px;}
.hmean i{color:#4caf50;}

.nav_c{width: 50%;display: flex;align-items: center;justify-content: flex-end;}
.nav_c ul{width:730px;display: flex;justify-content: space-between;height: 100%;align-items: center;}
.nav_c ul li{position: relative;height: 100%;display: flex;align-items: center;}
.nav_c ul li:before{position: absolute;content: "";width: 0;height: 2px;background:#fd8e01;bottom: 34px;left: 50%;transition: all .5s;}
.nav_c ul li.on:before,.nav_c ul li:hover:before{width: 24px;margin-left: -12px;}
.nav_c ul li a{text-align: center;color: #1d1819;font-size: 16px;}
.nav_c>ul>li.on>a{color: #fd8e01;}
.nav_c>ul>li:hover>a{color: #fd8e01;}
.head_pho{display: flex;align-items: center;justify-content: space-between;width: 25px;margin-left: 4%;}
.pho_wz p,.pho_wz b{color: #fff;}
.pho_wz p{font-size: 1rem;}
.pho_wz b{font-size: 1.4rem;}
.pho_ic{width: 37px;height: 37px;border-radius: 100%;border:1px solid #fff;display: flex;align-items: center;justify-content: center;}
.hlf {
  font-family: "lgf" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media screen and (max-width: 1550px){
	.htop, .htop a {font-size: 12px;}
	.htop span{padding: 0 8px;}
	.htop .weco{padding-left: 21px;}
	.hlogo img{width: 70px;}
	.hlogo:after{width: 92px;}
        .hlogo{margin-top:2px;}
        .htop{justify-content: space-between;}
        .htop>p{padding: 0px 10px 0px 0px;}
}

/*关键词*/
.dfs{display:flex;align-items:center;justify-content:space-between;width: 100%;height: 100%;}
.icon>div i{user-select:none;transition:all 0.5s;position: relative;height: 128px;line-height: 128px;}
.icon>div i span{    width: 24px;height: 24px; display: block;  position: absolute;bottom: 0;top: 0;margin: auto;}
.iser_box,.itel_box{background:rgba(255,255,255,0.8);position:absolute;top:128px;right:0;padding:30px;transform-origin:top;transform:rotateX(90deg);transition:all 0.5s;z-index: 9;width: 484px;}
.icon>div:hover .iser_box,.icon>div:hover .itel_box{transform:rotateX(0deg);}
.search_l{display:flex;align-items:center;justify-content:end;}
.search_l span+span{margin-left:4px;}
.search_l a{color: #333;font-size: 14px;}
.search_r{margin-top:20px;position:relative;}
#infoname{width:424px;height:38px;line-height: 38px;border:1px solid #eee;text-indent:12px;}
.z_img{width:38px;height:38px;position:absolute;top:0;right:0;background: no-repeat;}
.itel_box{width:228px;text-align:center}
.itel_box p{color:#333;position:relative;}
.itel_box p:before{position:absolute;left:0;color:#333;}
.itel_box em{font-family:'arial';font-size:26px;font-weight: bold;color:#0f7404;margin-top:10px;}
.search_l .iconfont{font-size: 16px;}
.icon_tel i{display: block;width: 98px;height: 30px;line-height: 28px;text-align: center;border:2px solid #b2b2b2;font-size: 14px;color: #7f7f7f;border-radius: 15px;font-style: normal;}
.icon_pho i span{font-size: 27px!important;display: block;margin-top: -3px;}
.hx_bg{background: url(../images/20200917113326_368575269.png) no-repeat;height: 142px;position: relative;margin-top: -142px;z-index: 99;}
.dh_c {
    width: 315px;text-align: left;
}
.dh_h,.dh_h b{font-size:18px;}

/*banner*/
.slider {width: 100%;}
.slick-slide{height: auto;}
.slick-slide img {width: 100%;}
.slick-prev {left: 38px;z-index: 99;}
.slick-next {right: 40px;}
.slick-dots{bottom: 32px;}
.slick-dotted.slick-slider{margin-bottom: 0;}
.slick-prev:before, .slick-next:before{font-size: 34px;}
.slick-dots li{margin:0 2px !important;}
.slick-dots li button{font-size:0 !important;}
.slick-dots li button:before{color: #fff;opacity: 1;font-size:42px;}
.slick-dots li.slick-active button:before{color:#fd8e01;}
.slick-prev:before, .slick-next:before{font-family: "jnf";display: none!important;}
.slick-prev:before {content: '\e6cd';display: block;transform: rotate(-180deg);}
.slick-next:before{content: '\e6cd'}


.title{ text-align:center; font-size:40px; color:#333333;line-height: 42px; font-weight: bold;}
.title i{color:#4caf50;}
.title span{ display:block; font-size:18px; color:#666666; font-weight:lighter; margin:5px 0 15px 0;}
.title  em{ display:inline-block; width:94px; height:3px; background:url(../images/20210419105252_1962738376.png) no-repeat left center;-webkit-animation: 'flymove' 5s linear infinite;-moz-animation: 'flymove' 5s linear infinite;-ms-animation: 'flymove' 5s linear infinite;}
@-webkit-keyframes flymove{
            from{background-position:-194px 0px;}
            to{background-position:0 0;}
        }
        @-moz-keyframes flymove{
            from{background-position:-194px 0px;}
            to{background-position:0 0;}
        }
        @-ms-keyframes flymove{
            from{background-position:-194px 0px;}
            to{background-position:0 0;}
        }

/*产品中心*/
.product{padding-top: 80px;}
.protab{ margin:40px 0;display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:flex-start;}
.protab a{ width:16.6666%; transition:all .3s ease; box-sizing:border-box; line-height:75px; background:#edf1f3; text-align:center; font-size:18px; color:#666666; font-weight:lighter;}
.protab a+a{ border-left:1px solid #fff;}
.protab a.on{ background:#00a2e8; color:#fff;}
.proshow td{ display:inline-block; vertical-align:top; width:406px; border:1px solid #f1f1f1; padding:0 !important;}
.proshow td>a img{ transition:all .6s ease; width:100%; height:303px;}
.proshow{ font-size:0;}
.proshow td a{ display:block; position:relative; overflow:hidden;}
.proshow td span a{ line-height:60px; background:#f1f1f1; font-size:18px; color:#666666;}
.proshow td:hover span a{ color:#00a2e8;}
.proshow tr{display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:flex-start; }
.proshow td:hover a img{ transform:scale(1.1);}
.proshow tr+tr{ margin-top:28px;}
.proshow td+td{ margin-left:30px;}
.proshow td br{display: none;}

/*一站式系统化工程 品质把控严*/
.proadv{ height:851px; padding-top:80px; background:url(../images/20210419110624_576140648.jpg) no-repeat center; margin-top: 80px;}
.pacenter{}
.paleft{ border:1px solid #eeeeee; font-size:0; margin-left: 30px;} 
.paleft li{display: block;}
.proadv b{color: #4caf50;}
.pacenter{ margin-top:80px;}
.paul{ width:734px; background:url(../images/20201228155744_1300314444.png) no-repeat top center; padding-top:27px;}
.paul li{ font-size:0; display:inline-block; vertical-align:top; margin-bottom:60px;position: relative;z-index: 1;}
.paul li:nth-child(even){ margin-left:75px;}
.paul li p{ display:inline-block; vertical-align:top;}
.paul li p.pa_num {position: absolute;z-index: -1;left: 0px;top: -14px;}
.pa_t{ width:310px; font-size:15px; color:#999999; font-weight:lighter; line-height:25px;}
.pa_t span{ display:block; font-size:26px; color:#343434; line-height:48px; font-weight:normal; transition:all .3s ease;}
.pa_num{ position:relative;}
.pa_num span{display: block;line-height: 48px;  font-size: 68px;  color:#c1c1c1; position: relative; z-index: 3; font-weight: bold;opacity: .2;}


/*艾唯-经典案例*/
.case{ padding:60px 0 88px 0;}
.caseshow{ margin-top:45px;}
.caseshow td{ display:inline-block; padding:0 !important; vertical-align:top; width:425px;margin: 0px 6px 6px 0px;} 
/* .caseshow td+td{ margin-left:12px;} */
.caseshow tr+tr{ display:block; margin-top:12px;}
.caseshow td a{ display:block; position:relative; overflow:hidden;}
.caseshow td br{ display:none;}
.caseshow td>a{ border:2px solid #f3f3f3;}
.caseshow td>a img{ width:100%; height:auto; transition:all .6s ease;}
.caseshow td div{ padding:0 !important; margin-top:1px;}
.caseshow td div a{ line-height:82px; background:#f3f3f3; font-size:16px; color:#666666; padding:0 30px; text-align:left;transition:all .3s ease;}
.caseshow td div a:after{ content:''; display: block; position:absolute; width:82px; height:82px; right:0; top:0; background:#e8e8e8 url(../images/20210419162155_1756009535.png) no-repeat center; transition:all .3s ease;}
.caseshow td>a:after{ content:''; display:block; position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,.1); opacity:0;}
.caseshow td:hover>a:after{ opacity:1;}
.caseshow td:hover>a img{ transform:scale(1.1);}
.caseshow td:hover div a{ color:#4caf50;}
.caseshow td:hover div a:after{ background:#4caf50 url(../images/20210419162655_2133881248.png) no-repeat center;}

/*公司优势*/
.adv{ height:900px; background:url(../images/sy-bj-1.png) no-repeat center; }

.tratit2{text-align: center;font-size: 42px;color: #fff;    padding-top: 80px; padding-bottom:15px;}
.tratit2 b{color: #fff; position: relative;}
.tratit2 span{display: block;font-size: 20px;color: #f0f0f0;font-weight: lighter;margin: 15px 0 30px 0;}

.tratit2 b:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 6px;
    z-index: 1;
    left: 0;
    bottom: 4px;
}

.advtab{ font-size:0; margin-bottom:9px; }
.advtab li{ display:inline-block; vertical-align:top; cursor:pointer; position:relative; width:321px; height:100px; line-height:100px; font-size:30px; color:#d7e0f1; transition:all .3s ease; background:#003e58;}
.advtab li p{ padding-left:130px;}
.advtab li span{ position:absolute; left:60px; top:0; bottom:0; margin:auto 0; width:40px; height:55px; background:url(../images/20210126105735_819569833.png) no-repeat top left; transition:all .5s ease;}
.advtab li:nth-child(2) span{ background-position-x:-49px; width:60px;}
.advtab li:nth-child(3) span{ background-position-x:-111px; height:44px;}
.advtab li:nth-child(4) span{ background-position-x:-166px; width:45px;}
.advtab li+li{ border-left:1px #00a3e8 solid; margin-left: 5px;}
.advtab li.on{ background:#fd8e01; color:#fff; font-weight:bold;}
.advtab li.on span{ background-position-y:-65px;}
.advcon{ margin-top:42px !important;}
.advcon ul{ width:1300px !important;     background: rgba(255,255,255,.8); padding:50px 50px 58px 50px;      box-shadow: 0 0 10px rgba(0,0,0,.1);}
.advtop{ font-size:35px; color:#4caf50; white-space:nowrap; padding-bottom:23px; margin-bottom:15px;}
.advleft{ margin:25px 0 0 0px; width:580px;}
.advtop i{ font-size:50px; color:#fff; font-family:fontDin1; border-radius:15px; display:block; width:85px; line-height:85px; text-align:center; background:#4caf50;}
.advtop em{ display:block; font-size:16px; color:#b6b6b6; font-family:fontDin2; margin-top:3px;}
.advtop p{ display:inline-block; vertical-align:middle;line-height: 34px;}
.advtop p+p{ margin-left:15px;}
.advwa p{ position:relative; font-size:16px; color:#666; font-weight:lighter; line-height:35px; padding-left:22px;}
.advwa p+p{ margin-top:20px;}
.advwa p:after{ content:''; display:block; position:absolute; width:8px; height:8px; background:#fd8e01; border-radius:50%; left:0; top:14px;}

/* 生产实力 */
.case1{ width:100%; padding:80px 0 80px 0; margin:auto 0; height:auto;}
.case_cont{margin-top: 50px;}
.post_m{position: relative;}
.post_m .swiper-slide {position: relative;background-repeat: no-repeat;background-position: center top;background-size: cover;
-webkit-transition: transform 1s;-moz-transition: transform 1s;-ms-transition: transform 1s;-o-transition: transform 1s;}
.swiper-container{padding:0 !important;}
.post_m .swiper-slide img { width: 100%;height:auto;}
.post_m .text {box-sizing:border-box;width: 100%; line-height:65px; opacity:1; color:#666; text-align:center;font-size:15px;background-color:#fff; transition:all .3s ease;} 
.post_m .text h4 {color: #333;font-size: 18px;line-height: 18px;font-weight: 700;padding-bottom: 5px}
.post_m .text p {color: #5f5f5f; font-size: 14px; line-height: 26px; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical}
.post_m .text a {display: none;color: #fff; font-size: 12px; line-height: 12px;}
.post_m .swiper-slide-active {box-shadow: 0px 0px 10px #eee;}
.post_m .swiper-slide-active h4, .post_m .swiper-slide-active p, .post_m .swiper-slide-duplicate-active h4, .post_m .swiper-slide-duplicate-active p { color: #333;}
.post_m .swiper-slide-active a, .post_m .swiper-slide-duplicate-active a { display: block; width:100%; height:100%;position: relative;}
.post_m .swiper-button-prev{ width:70px; height:70px; left:30.2%; top:40%; background:url(../images/20201130170812_433858928.jpg);}
.post_m .swiper-button-next{ width:70px; height:70px; right:30.2%; top:40%; background:url(../images/20201130170812_433858928.jpg);transform: rotate(180deg);}
.post_m .swiper-button-prev:hover{ background:url(../images/20201130170746_633203787.jpg);}
.post_m .swiper-button-next:hover{background:url(../images/20201130170746_633203787.jpg);transform: rotate(180deg)}
.post_m .swiper-slide:hover .text{ background:#4caf50;color:#fff;}
.post_m .swiper-button-next:after,.post_m .swiper-button-prev:after{display:none;}

/*广州东精流体设备有限公司 */
.about{ height:644px; padding-top:100px; background:url(../images/20210419224407_1652782962.jpg) no-repeat center;    box-sizing: content-box;}
.about *{box-sizing: content-box;}
.abcon{ padding:60px 55px; background:#fff;    border-radius: 15px;}
.ableft{ width:590px;}
.ableft h2 em{ font-size:50px; color:#e4e4e4; text-transform:uppercase; line-height:50px; display:block; margin-bottom:12px;}
.ableft h2{ font-size:26px; color:#4caf50; font-weight:bold;}
.ableft p{ font-size:15px; color:#666666; line-height:36px; margin:20px 0 30px 0;}
.abbtn { font-size:0;}
.abbtn a{ display:inline-block; vertical-align:top; text-align:center; transition:all .3s ease;width:190px; height:142px; border:1px solid #eeeeee; transition:all .3s ease; font-size:12px; color:#bbbbbb;}
.abbtn a+a{ margin-left:4px;}
.abbtn a span{ display:block; font-size:15px; color:#666666; margin-bottom:3px;}
.abbtn a:hover{ background:#f9f9f9;}
.abbtn a i{ display:block; padding-top:24px; height:55px;}

/*新闻动态*/
.news{ padding:60px 0; background:#fff;    box-sizing: content-box;}
.news *{box-sizing: content-box;}
.newstop{ border-bottom:1px solid #eeeeee; font-size:25px; color:#999999; text-transform:uppercase; margin-bottom:30px;}
.newstop strong{ font-size:35px; color:#4caf50;}
.newstab a{ display:inline-block; line-height:70px; font-size:18px; color:#666666; position:relative;}
.newstab a:after{ content:''; display:block; position:absolute; width:0px; height:1px; bottom:-1px; background:#4caf50; transition:all .4s ease; margin:0 auto; left:0px; right:0px;}
.newstab a.on{ color:#4caf50;}
.newstab a.on:after{ width:100%;}
.newstab a+a{ margin-left:35px;}
.nbcl_le{width:700px;}
.nbcl_le .news_div_item{width:326px;display: inline-block;vertical-align:top;}
.nbcl_le .news_div_item+.news_div_item{margin-left:40px;}
.nbcl_le .news_div_item_pic img{width:324px; height:220px;}


.news_div_item_pic  {
    border: 1px solid #f5f5f5;
}
.news_div_item_title a{font-size:18px; color:#333333;}
.news_div_item_title a:hover{ color:#4caf50;}
.nbcl_le .news_div_item_content{margin-top:30px;}
.nbcl_le .news_div_item_body{margin-top:20px;line-height:24px;color:#888; font-size:14px; font-weight:lighter;display: -webkit-box;-webkit-line-clamp:3;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.nbcl_le .news_div_item_date,.new_more{display:inline-block;vertical-align:top;font-size:14px;margin-top:25px; color:#696d71;}
.nbcl_le .news_div_item_date>div{display:inline-block;vertical-align:top;color:#999;}
.new_more{width:28px;height:28px;border-radius:50%;background:url(../images/20200907141019_562755506.jpg) no-repeat right center;float: right;margin-top:17px;}
.nbcr_ri{width:570px; padding-right:10px;}
.nbcr_ri .news_div_item_pic{display: none;}
.nbcr_ri .news_div_item{font-size:0;border:1px solid #f2f5f5;padding:23px 0;position:relative;transition:300ms; height:99px;}
.nbcr_ri .news_div_item:hover{box-shadow:0 0 10px rgba(0, 119, 201, 0.26);z-index:1;transition:300ms;}
.nbcr_ri .news_div_item_date,.nbcr_ri .news_div_item_content{display:inline-block;vertical-align:top;}
.nbcr_ri .news_div_item_date{width:115px;text-align: center;font-size:0;}
.nbcr_ri .news_div_item_content{width:424px;padding-left:20px;border-left:1px solid #f2f5f5;}
.nbcr_ri .news_div_item_date>div{font-family:Arial;}
.nbcr_ri .news_div_item_year,.nbcr_ri .news_div_item_month{display:inline-block;vertical-align:top;color:#333; font-size:14px;}
.nbcr_ri .news_div_item_day{font-size:46px;font-weight: bold; color:#333;    line-height: 50px;}
.nbcr_ri .news_div_item_body{margin-top:10px;line-height:30px; height:60px;color:#888;padding-right:20px; font-size:14px;display: -webkit-box;-webkit-line-clamp:2;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.nbcr_ri .news_div_item+.news_div_item{ border-top:none;}
.nbc_list{ padding:10px 0px;}

/*版权*/
.copyright{ background:#222222;}
.links{ background:#3b923f;}
.links .w1300{ height:90px;display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:center;}
.links .w1300>p{ font-size:16px; color:#fff; font-weight:bold; padding-left:35px; background:url(../images/20201231115239_691631580.png) no-repeat left center; line-height:40px; margin-right:20px;}
.links .w1300>p span{ font-size:18px; padding:0 20px 0 5px;}
.end,.end a{ font-size:15px; color:#888888;}
.end a:hover{ color:#fff;}
.end{ border-top:1px solid #000000; line-height:127px;}
.crcon{ padding:75px 0 60px 0; border-bottom:1px solid #383838;}
.crcon .w1300,.kslj{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start;}
.kslj p{ font-size:20px; color:#ffffff; margin-bottom:18px;}
.kslj a{ display:block; font-size:14px; color:#898989; line-height:30px;}
.kslj a:before{ display:inline-block; content:'-'; margin-right:15px; vertical-align:middle;}
.kslj p:before{ content:''; display:inline-block; width:3px; height:16px; background:linear-gradient(to bottom,#00a2e8 50%,#fd8e01 50%); margin-right:15px;}
.kslj a:hover{ color:#fff;}
.kslj li+li{ margin-left:110px;}
.crcode{display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:flex-start;}
.crcodeleft img{ width:166px; height:166px; padding:15px; background:#fff; position:relative; border-radius:5px;}
.crcodeleft>div{ position:relative;}
.crcodeleft>div:after{ content:''; display:block; position:absolute; left:100%; top:16px; width:0; height:0; border-top:8px solid transparent; border-bottom:8px solid transparent; border-left:9px solid #fff;}
.crright{ margin:0 0 0 30px;}
.crcodeleft>div:nth-child(2):after{ top:76px;}
.crcodeleft>div:nth-child(3):after{ top:135px;}
.crright p{ cursor:pointer;  width:205px; height:46px; transition:all .3s ease; padding-left:25px; font-size:16px; color:#545556; font-weight:lighter; line-height:46px; border-radius:23px; background:linear-gradient(to right,#eaf0f5,#fefeff);}
.crright p i{ display:inline-block; vertical-align:middle; transition:all .3s ease; margin-right:15px; width:20px; height:20px; background:url(../images/20201231115239_377696897.png) no-repeat center;}
.crright p+p{ margin-top:14px;}
.crright p.on{ background:linear-gradient(to right,#4caf50,#31393c); color:#fff;}
.crright p.on i{ background-image:url(../images/20201231115239_1957143487.png);}

/*二级*/
.ej_menu {
    position: absolute;
    top: 128px;
    left: -26px;
    width: 124px;
    z-index: 2;
    background: #fff;
    transition: all .5s;
    transform: rotateX(90deg);
    transform-origin: top;
}

.ej_menu a {
    display: block;
    text-align: center;
    width: 100%;
    font-size: 18px;color:#666 !important;
    height: 50px;
    line-height: 50px;
    border-top: 1px solid #999;
    transition: all .5s;
}

.ej_menu a:hover {
    background: #fd8e01;
    color: #fff !important;
}
.nav_c ul li:hover .ej_menu {
    transform: rotateX(0deg);
}