@media (min-width: 768px){
.container {
    width: 750px;
}
}
@media(min-width: 992px){
.container {
    width: 970px;
}
}
@media(min-width: 1200px){
.container {
    width: 1170px;
}
}
@media(min-width: 1439px){
    .container{
        width: 1380px;
    }
}
@media(min-width:1720px){
    .container{
        width: 1560px;
        padding: 0px 15px;
    }
}

@media (max-width: 1200px){
.container {
    width: 970px;
}
}
.fw-header{
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 999;
}
.headers{
    max-width: 1700px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0px auto;
}

.ind_can {
	background: url() no-repeat bottom;
	padding: 50px 0px 20px 0px;
	text-align: center;
	margin-bottom: 50px;
}
.ind_can b {
	font-size: 32px;
	color: #3d3d3d;
}
.ind_can p {
	font-size: 15px;
	color: #888888;
}
.ind_about {
	overflow: hidden;
	float: center;
	text-align:center;
}
.ind_jj {
	border-top: 31px solid #f0f0f0;
	padding-top: 40px;
	color: #626161;
	font-size: 15px;
	line-height: 30px;
	margin: 0 auto; /* Center the block */
	width: 70%;
}
.ind_jj p {
	padding: 8px;
}

/*导航开始*/

.fw-nav{
    width: 42%;
}
.x-menus > li>a{
    font-size: 17px;
    color: #fff;
    font-weight: bold;
    line-height: 120px;
}
.x-menus > li:hover >a{
    color: #073763;
}
.box1{
    background-color: #fff;
    transition: all 1s;
    height: 80px !important;
}
.fw-header{
    transition: all 1s;
}
.x-menus .lis .lia{
    transition: all .5s;
    position: relative;
}
.x-menus .lis .lia::before{
    background-color: #073763;
    height: 2px;
    width: 110%;
    position: absolute;
    bottom: -28px;
    left: -5%;
    content: '';
    opacity: 0;
    transition: all .5s;
}
.x-menus .lis:hover .lia::before{
    opacity: 1;
    transition: all .5s;
}
.box2{
    line-height: 80px !important;
    transition: all .5s;
    color: #333 !important;
}
.box2:hover{
    color: #073763 !important;
}
.fw-logo img{
    transition: all 1s;
}
.box3{
    filter: invert(1);
    transition: all 1s;
}
.box4{
    line-height: 120px;
    transition: all .5s;
}
.x-menus {
    width: 100%;
    float: none;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.x-menus::before,.x-menus::after{
    display: none;
}
.fw-nav {
    width: 45%;
}
.fw-hdad{
    position: relative;
}
.two-nav{
    position: absolute;
    background-color: #f2f2f2;
    width: 100%;
    left: 0;
    z-index: 99999;
}
.two-navs{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.two-navs-left{
    width: 30%;
}
.aboutme-list{
    padding-left: 20px;
}
.aboutme-list ul{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.aboutme-list li{
    width: 50%;
    margin-top: 30px;
}
.aboutme-list li a{
    font-size: 16px;
    color: #333;
    transition: all .5s;
    position: relative;
}
.aboutme-list li a::before{
    background-color: #000;
    width: 5px;
    height: 5px;
    position: absolute;
    content: '';
    border-radius: 50%;
    left: -20px;
    top: 8px;
    transition: all .5s;
}
.aboutme-list li a:hover{
    color: #073763;
    transition: all .5s;
    font-weight: bold;
}
.aboutme-list li a:hover::before{
    background-color: #073763;
    transition: all .5s;
}
.two-navs-right{
    width: 30%;
    padding: 30px 0;
}
.two-navs-right img{
    width: 100%;
}
.two-navs-left h3{
    font-size: 24px;
    color: #333;
    font-weight: bold;
}
.two-navs-left h4{
    font-size: 18px;
    color: #333;
    font-weight: bold;
    margin-top: 25px;
}
.two-nav{
    display: none;
    transition: all .5s;
}
.shows{
    display: block;
    transition: all .5s;
}
.x-banner .owl-nav{
    display: none;
}
/*导航结束*/


.swiper-slide img{
    width: 100%;
}

.fw-box1{
    margin-top: 115px;
}
.fw-about{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.fw-aboutleft{
    width: 50%;
}
.fw-aboutleft img{
    width: 100%;
}
.fw-aboutright{
    width: 50%;
}
.fw-aboutright h3{
    color: #000;
    font-size: 30px;
    font-weight: bold;
    text-align: right;
}
.fw-aboutright h4{
    font-size: 100px;
    color: #ddd;
    text-transform: uppercase;
    font-family: "Arial";
    font-weight: bold;
    text-align: right;
    margin-top: 30px;
}
.fw-aboutright h5{
    color: #adadad;
    font-size: 16px;
    margin-top: 40px;
    line-height: 32px;
    padding-left: 10%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
}
.kiss{
    display: block;
    width: 150px;
    line-height: 40px;
    background-color: #073763;
    color: #fff;
    text-align: center;
    font-size: 14px;
    margin-top: 50px;
    margin-left: 10%;
    transition: all 1s;
}
.kiss span{
    margin-left: 8px;
}
.kiss:hover{
    background-color: #000;
    transition: all 1s;
    color: #fff;
}




/*产品中心*/

.fw-products{
    background: url(../images/6ffcd1370bf6862f267cd788af48c2fca4f15e26.jpg) no-repeat center;
    background-size: cover;
    margin-top: 95px;
    padding: 110px 0;
}
.fw-title{
    text-align: center;
}
.fw-title h3{
    font-size: 48px;
    color: #000;
    font-weight: bold;
    font-family: "Arial";
}
.fw-title h3 span{
    color: #073763;
}
.fw-title h4{
    font-size: 36px;
    color: #333;
    margin-top: 20px;
}
.product-list{
    margin-top: 30px;
}
.product-list .owl-carousel .owl-dots{
    display: block;
    bottom: -15%;
}
.product-list .owl-carousel .owl-dots button.owl-dot{
    background-color: #073763;
}
.product-list li a .p-img{
    background-color: #fff;
    padding: 10px;
    position: relative;
    overflow: hidden;
}
.product-list li a .p-img .mask{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 0%;
    background-color: rgba(0,47,165,.6);
    transition: all .4s;
}
.product-list li a .p-img img{
    width: 100%;
    transition: all .4s;
}
.product-list li:hover a .p-img img{
    transition: all .4s;
    transform: scale(1.2);
}
.product-list li:hover a .p-img .mask{
    height: 100%;
    transition: all .4s;
}
.product-list li a h3{
    text-align: center;
    font-size: 18px;
    color: #333;
    line-height: 55px;
    background-color: #f2f2f2;
    text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.product-list li a .p-img .p-text{
    opacity: 0;
    transition: all .4s;
}
.product-list li a .p-img .p-text h4{
    font-size: 18px;
    color: #fff;
    text-align: center;
    position: relative;
}
.product-list li a .p-img .p-text h4::before{
    position: absolute;
    content: '';
    height: 2px;
    background-color: #eee;
    width: 30%;
    top: -10px;
    left: 35%;
    transition: all .5s;
}
.product-list li a .p-img .p-text h4::after{
    position: absolute;
    content: '';
    height: 2px;
    background-color: #eee;
    width: 30%;
    bottom: -10px;
    left: 35%;
    transition: all .5s;
}
.product-list li:hover a .p-img .p-text{
    opacity: 1;
    transition: all .4s;
}
.product-list li:hover a .p-img .p-text h4::before{
    width: 10%;
    left: 45%;
    transition: all .5s;
}
.product-list li:hover a .p-img .p-text h4::after{
    width: 10%;
    left: 45%;
    transition: all .5s;
}
.product-list li a .p-img .p-text{
    text-align: center;
    width: 95%;
    top:46%;
    z-index: 9999;
    position: absolute;
}







/*我们的优势*/

.fw-youshi{
    padding-top: 60px;
}
.fw-title2{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.fw-title2 h3{
    font-size: 36px;
    color: #333;
    font-family: "Arial";
}
.fw-title2 h3 span{
    font-weight: bold;
    color: #073763;
}
.kiss{
    display: block;
    width: 150px;
    line-height: 40px;
    background-color: #073763;
    color: #fff;
    text-align: center;
    font-size: 14px;
    margin-top: 50px;
    margin-left: 10%;
    transition: all 1s;
}
.kiss span{
    margin-left: 8px;
}
.kiss:hover{
    background-color: #000;
    transition: all 1s;
}
.honor-list{
    margin-top: 40px;
    display: flex;
    align-items: center;
    flex-wrap: width;
    justify-content: space-between;
}
.honor-list li{
    width: 32%;
    position: relative;
}
.honor-list li::before{
    width: 100%;
    position: absolute;
    height: 0%;
    content: '';
    background-color: rgba(225, 16, 11, .8);
    transition: all .5s;
    z-index: 999;
}
.honor-list li:hover::before{
    height: 100%;
    transition: all .5s;
}
.honor-list li .honor-img img{
    width: 100%;
    transition: all .5s;
}
.honor-list li .honor-img{
    overflow: hidden;
}
.honor-list li:hover .honor-img img{
    transform: scale(1.2);
    transition: all .5s;
}
.honor-list li .honor-text{
    position: absolute;
    width: 100%;
    text-align: center;
    top: 33%;
    left: 0;
    z-index: 9999;
}
.honor-list li .honor-text img{
    width: 60px;
}
.honor-list li .honor-text h3{
    font-size: 16px;
    color: #fff;
    margin-top: 30px;
    position: relative;
}
.honor-list li .honor-text h3::before{
    position: absolute;
    left: calc(50% - 20px);
    top: -15px;
    content: '';
    height: 2px;
    width: 40px;
    background-color: #fff;
}
.honor-list li .honor-text h4{
    font-size: 14px;
    color: #fff;
    margin-top: 10px;
    font-weight: bold;
    font-family: "Arial";
    text-transform: uppercase;
}








/*专业值得信赖*/

.fw-xinlai{
    padding-top: 100px;
    padding-bottom: 75px;
}
.xinlai{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.xinlai-left{
    padding-top: 20px;
    width: 24%;
}
.xinlai-left h3{
    font-size: 40px;
    color: #333;
    margin-top: 8px;
}
.xl-list{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.xl-list li{
    margin-top: 80px;
    width: 50%;
}
.xl-list li h4{
    font-size: 42px;
    color: #073763;
    font-weight: bold;
    font-family: "Arial";
}
.xl-list li h5{
    font-size: 16px;
    color: #333;
    margin-top: 5px;
}
.xinlai-right{
    width: 75%;
    position: relative;
}
.xinlai-right img{
    width: 100%;
}
.kiss2{
    margin-left: 0;
    margin-top: 66px;
}
.tel-address{
    width: 30%;
    background-color: rgb(224, 1, 1);
    position: absolute;
    right: 0;
    bottom: 14%;
    padding: 35px 25px;
    border-radius: 5px
}
.tel-address h3{
    text-align: center;
    font-size: 16px;
    color: #fff;
}
.tel-address h4{
    text-align: center;
    font-size: 14px;
    color: #fff;
    margin-top: 10px;
}
.ssb{
    margin-top: 15px;
    padding-top: 10px;
    border-top: 1px solid #fff;
}
.ssb .adte-img{
    display: flex;
    align-items: center;
    margin-top: 10px;
}
.ssb .adte-img img{
   width: 20px; 
   margin-right: 15px;
}
.ssb .adte-img h5{
    color: #fff;
    font-size: 14px;
}


/*新闻中心*/

.fw-news{
    margin-top: 80px;
    padding-top: 100px;
    padding-bottom: 250px;
    background: url(../images/9cb199d35f1f66807b06cd2b421b54fbaf6f9a5e.png) no-repeat center;
}
.fw-news .fw-title h3{
    color: #fff;
}
.fw-news .fw-title h4{
    color: #fff;
}
.news-list{
    margin-top: 45px;
    position: absolute;
    width: 100%;
    left: 0;
}
.kiss3{
    position: relative;
}
.new-img{
    overflow: hidden;
    position: relative;
}
.new-img::before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #e20516;
    transition: all .5s;
    z-index: 9999;
}
.news-list li:hover .new-img::before{
    width: 0%;
    transition: all .5s;
}
.new-img img{
    transition: all .5s;
    width: 100%;
}
.news-list li:hover .new-img img{
    transform: scale(1.1);
    transition: all .5s;
}
.new-text{
    background-color: rgb(248, 248, 248);
    padding: 30px 15px;
}
.new-text p{
    font-size: 12px;
    color: #898989;
    font-weight: bold;
}
.new-text h3{
    color: #333;
    font-size: 16px;
    margin-top: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.new-text h4{
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    margin-top: 50px;
    text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}





/*底部样式*/
.fw-floor{
    border-top: 8px solid #073763;
    background-color: rgb(28, 28, 28);
    padding-top: 65px;
    margin-top: 400px;
}
.footer-all{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: 35px;
    border-bottom: 1px solid rgb(255, 255, 255, .14);
}
.footer-left{
    width: 24%;
}
.footer-center{
    width:56%;
}
.footer-right{
    width: 20%;
}
.footer-left h3{
    font-size: 14px;
    color: #fdfdfd;
}
.footer-left h4{
    font-size: 19px;
    color: #1890ff;
    font-weight: bold;
    margin-top: 10px;
}
.fw-share{
    margin-top: 40px;
}
.social-share .social-share-icon{
    margin-right: 10px
}
.footer-left h5{
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    margin-top: 25px;
}
.footer-center{
    display: flex;
    justify-content: space-between;
    padding-left: 3%;
    padding-right: 8%;
    border-left: 1px solid rgb(255, 255, 255, .14);
    border-right: 1px solid rgb(255, 255, 255, .14);
}
.fd-cfn h3 a{
    font-size: 16px;
    color: rgb(255, 255, 255, .7);
    transition: all 1s;
}
.fd-cfn h3 a:hover{
    color: rgb(255, 255, 255, 1);
    transition: all 1s;
}
.fd-name{
    line-height: 32px;
    margin-top: 10px;
}
.fd-name .nnn a{
    font-size: 14px;
    color: rgb(255, 255, 255, .4);
    transition: all 1s;
}
.fd-name .nnn a:hover{
    color: rgb(255, 255, 255, 1);
    transition: all 1s;
}
.fd-cfns{
    line-height: 36px;
}
.fd-cfns a{
    font-size: 16px;
    color: rgb(255, 255, 255, .7);
    transition: all 1s;
    width: 100%;
    display: block;
}
.fd-cfns a:hover{
    color: rgb(255, 255, 255, 1);
    transition: all 1s;
}
.footer-right{
    display: flex;
    justify-content: right;
}
.fw-ewm{
    width: 48%;
}
.fw-ewm .ewm-img img{
    width: 100%;
}
.fw-ewm h4{
    font-size: 12px;
    color: rgb(255, 255, 255, .5);
    text-align: center;
    margin-top: 20px;
}
.wangdefa{
    padding-top: 40px;
    padding-bottom: 60px;
}
.over{
    text-align: center;
    font-size: 14px;
    color: rgb(255, 255, 255, .5);
}
.over a{
    color: rgb(255, 255, 255, .5);
    transition: all 1s;
}
.over a:hover{
    color: rgb(10, 140, 233,1);
    transition: all 1s;
}



.md-foot{
    display: none;
}

@media(max-width:768px){
    .aboutimg{
        width: 100% !important;
        height: auto !important;
    }
    .ny-all p span{
        font-size: 16px !important;
    }
    .snls-footer{
        display: none;
    }
    .qs-footer{
        display: none;
    }
    .qs-floors{
        display: none;
    }
    .footer-flo{
        display: none;
    }
    .jrw-footer{
        display: none;
    }
    .md-foot{
    display: block;
}

  .md-foot{
    background: #232324;
  }
  .h-footer{
      display: none;
  }
  .hm-floor{
      display: none;
  }
  .mod-logo{
      text-align: center;
        padding-top: 20px;
        /* padding-bottom: 10px; */
  }
  .mod-logo a{
    display: block;
  }
  .mod-logo a img{
    max-width: 100%;
  }
  .fd-cfn{
  border-bottom: solid 1px #ccc;
  margin-top: 10px;
  padding: 0 20px;
  }
  .fd-cfn h3{
  font-size: 16px;
  color: #fff;
  line-height: 2.5;
  }
  .fd-cfn h3 span{
  padding-right: 10px;
  }
  .fd-cfn .fd-name{
  display: none;
  padding-left: 13px;
  }
  .fd-cfn .fd-name a{
  display: block;
  line-height: 28px;
  color: #fff;
  opacity: .8;
  }

  .fd-ly .copyright a{
  color: #fff;
  opacity: .8;
  }

  .box3 {
      top:125px!important;
  }
  .box3 .lis1{
      width: 25% !important;
  }

}



@media(max-width:1720px){

    .headers{
        max-width: 1660px;
        padding: 0 30px;
    }
    .tel-address{
        bottom: 9%;
    }
}


@media(max-width: 1439px){
    .fw-aboutright h4{
        font-size: 66px;
        margin-top: 20px;
    }
    .aboutme-list li{
        margin-top: 10px;
    }
    .two-navs-left{
        width: 50%;
    }
    .fw-aboutright h5{
        margin-top: 30px;
    }
    .kiss{
        margin-top: 40px;
    }
    .tel-address{
        bottom: -6%;
    }
    .xinlai-left{
        width: 26%;
    }
    .xinlai-right{
        width: 74%;
    }
}


@media(max-width: 1199px){
    .fw-nav{
        width: 62%;
    }
    .fw-aboutright h3{
        font-size: 26px;
    }
    .fw-aboutright h4{
        font-size: 60px;
        margin-top: 15px;
    }
    .fw-aboutright h5{
        margin-top: 15px;
        font-size: 14px;
        line-height: 28px;
    }
    .kiss{
        margin-top: 25px;
    }
    .fw-box1{
        margin-top: 80px;
    }
    .fw-products{
        margin-top: 80px;
        padding: 80px 0;
    }
    .fw-title h3{
        font-size: 32px;
    }
    .fw-title h4{
        font-size: 26px;
        margin-top: 10px;
    }
    .fw-title2 h3{
        font-size: 32px;
    }
    .xinlai-left{
        width: 30%;
    }
    .xinlai-right{
        width: 70%;
    }
    .xinlai-left h3{
        font-size: 28px;
    }
    .xl-list li{
        margin-top: 40px;
    }
    .xl-list li h4{
        font-size: 32px;
    }
    .xl-list li h5{
        font-size: 14px;
    }
    .tel-address{
        bottom: -19%;
        width: 40%;
    }
    .fw-news{
        padding-top: 80px;
    }
    .fw-floor{
        margin-top: 300px;
    }
}


.fw-aboutleft2{
    display: none;
}


@media(max-width:991px){
    .fw-aboutleft{
        width: 0%;
        display: none;
    }
    .fw-aboutright{
        width: 100%;
        margin-top: 30px;
    }
    .fw-aboutright h3{
        text-align: left;
    }
    .fw-aboutright h4{
        text-align: left;
    }
    .fw-aboutright h5{
        padding-left: 0;
    }
    .kiss{
        margin-left: 0;
    }
    .fw-aboutleft2{
        display: block;
        width: 100%;
        margin-top: 30px;
    }
    .fw-aboutleft2 img{
        width: 100%;
    }
    .fw-box1{
        margin-top: 40px;
    }
    .kiss{
        width: 120px;
    }
    .fw-products {
        margin-top: 50px;
        padding: 50px 0;
    }
    .fw-youshi{
        padding-top: 50px;
    }
    .fw-xinlai{
        padding-top: 60px;
        padding-bottom: 50px
    }
    .xinlai-left{
        width: 100%;
    }
    .xinlai-right{
        width: 100%;
        margin-top: 50px;
    }
    .kiss2{
        margin-top: 50px;
    }
    .tel-address{
        bottom: -12%;
    }
    .fw-news{
        margin-top: 50px;
        padding-top: 50px;
    }
    .new-text{
        padding: 20px 10px;
    }
    .new-text h3{
        font-size: 14px;
        margin-top: 10px;
    }
    .new-text h4{
        margin-top: 25px;
    }
    .fw-news{
        padding-bottom: 286px;
    }
    .fw-floor{
        margin-top: 210px;
    }
    .footer-center{
        display: none;
    }
    .footer-left{
        width: 35%;
    }
    .footer-right{
        width: 35%;
    }
    .fw-floor{
        padding-top: 50px;
    }
    .wangdefa {
        padding-top: 20px;
        padding-bottom: 30px;
    }
    body{
        padding-top: 60px;
    }
    .fw-header{
        display: none;
    }
}

@media (max-width: 768px){
    .container {
        width: 100%;
    }
    
    .fw-floor{
        display: none;
    }
    .md-foot{
        margin-top: 200px;
        padding-bottom: 70px;
        padding-top: 20px;
    }
    .fw-products{
        padding-bottom: 100px;
    }
    .tel-address{
        position: relative;
        width: 100%;
        margin-top: 30px;
    }
    .ssb .adte-img{
        justify-content: center;
    }
    .fw-xinlai{
        padding-bottom: 0;
    }
}
@media (max-width: 600px){
    .honor-list li{
        width: 100%;
        margin-top: 20px;
    }
    .honor-list{
        flex-wrap: wrap;
    }
}
@media (max-width: 520px){
    .fw-aboutright h4{
        font-size: 48px;
    }
    .fw-products{
        padding-bottom: 50px;
    }
    .fw-title2 h3{
        width: 100%;
        font-size: 30px;
    }
    .fw-title2 .kiss{
        width: 50%;
        margin-top: 30px;
    }
    .fw-title2{
        flex-wrap: wrap;
    }
    
}































.xypg-left-nav>li + li::before {
    position: absolute;
    content: "";
    width: 1px;
    height: 16px;
    background-color: #d2d2d2;
    top: 32px;
    left: 0;
}

.page-product-detail-effect .big-img{
    width:100%;
}
.ny-left{
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    margin-bottom: 60px;
}

.xypg-left-nav > li{
    min-width: 140px;
    border: none;
    position: relative;
    text-align: center;
    float: left;
    transition: all .5s ease;
    padding: 0 20px;
}

   

.xypg-left-nav > li > a{
    padding:0;
}
.ny-right{
    margin-top:12vh;
    padding-bottom: 5vh;
}
.xypg-left-nav > li{
    border: none;
}
.xypg-left-nav > li > a{
    line-height: 78px;
}
.xypg-left-nav{
    display: flex;
    align-items: center;
}
.first-nav-btn{
    display: none;
}
.page-wrap-right{
    width: 100%;
    margin-top: 0vh;
}
.page-wrap-left{
    width: 100%;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.xypg-left-con{
    border: none
}
.xypg-left-nav {
    display: flex;
    align-items: center;
}
.xypg-left-box{
    margin-bottom: 0;
}
.xypg-left-nav li {
    margin: 0;
    /* display: flex;
    flex-wrap: wrap; */
}

.xypg-left-nav>li {
    /*width: 140px;*/
    min-width: 140px;
    border: none;
    position: relative;
    text-align: center;
    float: left;
    transition: all .5s ease;
    padding: 0 20px;
}
.xypg-left-nav>li + li::before{
    position: absolute;
    content: "";
    width: 1px;
    height: 16px;
    background-color: #d2d2d2;
    top: 32px;
    left: 0;
}
.xypg-left-nav>li::after {
    width: 100px;
    content: "";
    background: url(../images/bae183b6dc333a7585827ac0327898761c97e7c8.png) no-repeat center bottom;
    height: 14px;
    position: absolute;
    bottom: -6px;
    left: 50%;
    margin-left: -50px;
    opacity: 0;
}

tround.png .xypg-left-nav>li .first-nav-btn {
    display: none;
}

.xypg-left-nav>li>a {
    padding: 0;
    line-height: 78px;
    text-align: center;
    transition: all .5s ease;
    position: relative;
    z-index: 9999;
    color: #333;
    font-size: 16px;
    display: block;
}

.xypg-left-nav>li.clicked::after {
    opacity: 1;
}

.xypg-left-nav>li.clicked>a {
    color: #018ff5;
}

.xypg-left-nav>li:hover>a{
    color: #018ff5;
}
.xypg-left-nav>li:hover::after {
    opacity: 1;
}

.xypg-left-nav>li.clicked a {
    color: #018ff5;
}

.xypg-left-nav>li.linshi {
    width: 140px;
    border: none;
    position: relative;
    text-align: center;
    float: left;
    transition: all .5s ease;
    padding: 0 20px;
}

.xypg-left-nav>li::after {
    width: 100px;
    content: "";
    background: url(../images/tround.png) no-repeat center bottom;
    height: 14px;
    position: absolute;
    bottom: -6px;
    left: 50%;
    margin-left: -50px;
    opacity: 0;
}


.xypg-left-nav>li.linshi::after {
    opacity: 1;
}

.xypg-left-nav>li.linshi>a {
    color: #018ff5;
}

.xypg-left-nav>li:hover>a{
    color: #018ff5;
}
.xypg-left-nav>li:hover::after {
    opacity: 1;
}

.xypg-left-nav>li.linshi a {
    color: #018ff5;
}


li{
    list-style: none;
}