body{
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    height: 100vh;
}
body a{text-decoration:none;color: #ffffff;/* font-size: 16px; */font-family: Segoe UI;}
body h3{
    color: black;
    margin:10px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
body h2{
    margin:20px;
    color: black;
    font-weight: bold;
}

/*清除浮动*/
.clearfloat{clear:both;height:0;font-size:1px;line-height:0;}
.clearright{clear:right;height:0;font-size:1px;line-height:0;}
.clearleftt{clear:right;height:0;font-size:1px;line-height:0;}

.banner{ position: relative;}
.bannerlong{ width: 100%; height: 650px; background:rgb(0,0,0,0.3); overflow: hidden}
.bannerlong li{ float: left; height: 650px; width: 100%;}
#pagination1{ position: absolute; margin: 0 auto;bottom: 34px; text-align: center; width: 100%}
#pagination1 li{display: inline-block; border-radius: 25px; background: #fff; width: 15px; height: 15px; border:3px solid #fff; margin:0 20px 0 0; }
#pagination1 li.current{background: #104C97; border:3px solid #fff;}
#pagination1 li a{ text-indent: -999999px; display: block;}
.main {width: 1680px;margin: 0 auto;overflow: hidden;}
.jump_icon{display: block;width: 30px;height: 30px;margin: 5px auto;}

/*============翻页===============*/
#pages {margin: 40px 1px 0px 1px;padding:4px;text-align:right;overflow:hidden;/* border-bottom: #999 1px solid; */}

.product-function{clear:both;}
.page-guide {float:left;margin:0 auto;padding:0;display:table;}/*设置display+margin属性，可以实现居中*/
.page-guide a{display:block;border: solid 1px #CCC!important;margin:2px;background-color: #ffffff;color: #000000!important;/* border: solid; */}
.page-guide a:hover{background-color: #104c97;color: #ffffff!important;border:none;text-decoration:none;}
.page-guide span{border:1px solid #CCC;margin:2px;background-color:#e9e9e9; }

.page-guide span,
.page-guide a       {float:left;margin:0 10px 0 0;width: 35px;height: 35px;line-height: 35px;text-align:center;border:none;font-size: 17px;padding:2px 8px 2px 8px;color:#000000;border-radius: 5px;}

.pages_num          {float:left; overflow:hidden; }
/*=========翻页==================*/

.yd_body{  width: 1600px;height:auto; background: #ffffff; margin: 0 auto }
.main_1600{width: 1600px;margin: 0 auto}
.yd_body_1680{  width: 1680px;height:auto; background: #ffffff; margin: 0 auto; padding: 0 0 40px 0; }
.yd_nav_bar{display: flex;height: 30px;width: 1600px;color: #ffffff;flex-direction:row-reverse;line-height: 24px;cursor: pointer;}
.yd_nav_bar >a{display: block;width: auto;margin: 0 10px;}

.yd_icon_25{width: 25px;height: 25px!important;margin: 2px auto;}
.yd_icon_30{width: 30px;height: 30px;margin: auto;}
.yd_icon{line-height: 22px!important;/* margin: 10px 0px 10px 10px; */display: inline-block;height: 20px!important;/* position: absolute; *//* right: 150px; *//* color: #104c97; */bottom: 14px;/* border: solid 1px #929eaa; */padding: 5px;width: 150px;}
.diy{display: block;line-height: 22px!important;margin: 10px 0px 10px 10px;/* display: inline-block; */height: 20px!important;/* position: absolute; *//* right: 150px; *//* color: #104c97; *//* bottom: 14px; */border: solid 1px #929eaa;padding: 5px;width: 115px;}


.diy >div{float: left;margin-right: 0px;font-size: 15px;}
.yd_icon >div{float: left;margin-right: 7px;font-size: 15px;line-height: 31px!important;}
.yd_icon >div img{width: 100%}
.yd_width_300{width: 300px}
.yd_elip_3{
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 3;
     overflow: hidden;
     height: 63px;
     font-size: 16px;
     padding-left: 8px;
     margin-top: 10px;
 }
.yd_elip_4{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.clearfix:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
}
.clearfix {
    zoom: 1;
}
.yida_icon{margin: 2px;width: 20px;height: 20px;float: left;}
.link_icon{margin: 8px 0 8px 3px;width: 25px;height: 25px;float: left;}

.yd_title{text-transform: uppercase;display: flex;justify-content:center;height: 50px;font-size: 42px;font-weight: bold;text-align: center;color: #104C97;margin: 60px 20px 60px 20px;line-height: 50px;}
.yd_title .solid{line-height: 35px;margin: 0 10px;color: #104C97;}
.yd_title .min_solid{height: 2px; width: 50px; position: relative; top: 24px; margin: 0 15px; background:#104C97 }
.yd_product_recommend{display: flex;flex-wrap: wrap; height: 800px;}
.yd_product_recommend>a{display: flex;width: 770px;height: 300px;margin: 10px;}

.yd_product_recommend>a> .left{width: 300px;height: 100%;}
.yd_product_recommend>a> .right{padding:10px 20px;  width: 426px;  height: 276px;  font-size: 16px;  color: #aaaaaa; border: 2px solid #ececec; }

.yd_operating{height: 66px;width: auto;display: flex;margin-top: 30px;}
.yd_operating >div{width: 60px;
    /* margin: 20px; */
    text-align: center;}

    .yd_operating > div:nth-child(2) {
        margin-left: 30px;
    }

.point_list{display: flex;justify-content: center;height: 30px;margin: 30px 150px 100px 150px;}
.point_list>a{display:block;width:20px;height: 20px;border-radius: 10px;margin:5px; background:#2d2d2d; }

.upperlayer_div{
    z-index: 10;
    position: relative;
    bottom: 40px;
    height: 40px;
    width: 100%;
    background: rgba(0,0,0,0.5);
    text-align: left;
    color: #ffffff;
    font-size: 16px;
    line-height: 40px;
    text-indent: 2em;
}
.fixed-bg{/* top: -47px; */width: 100%;height: 100vh;position: fixed;z-index: -1;overflow: hidden;background-position-x: center!important;background-size: cover!important;}
.upperlayer_bg{  background: rgba(0,0,0,0.3);  width: 100%;  height: auto; }

.head_detail{padding: 200px 420px 130px 420px;color: white;text-align: center;font-size: 18px;height: 400px;}
.head_detail>p:first-of-type{font-size: 50px;margin-bottom: 30px;margin-top: 100px;}
.head_detail>p:last-of-type{line-height: 30px;margin-bottom: 30px;}


.product_list_item{height: 680px!important;}
.product_list_item_image{width: 100%;/* height: 100% */ }
.product_list_item_image img{width: 100%;/* height: 100% *//* object-fit: contain; */}
.index  .parameter{padding: 15px;}
.index  .parameter>div{ padding: 0px;font-size: 18px;height: 31px;/* border: solid 1px #cccccc; */}

.index  .parameter .content{
    height: 76px;
    overflow: hidden;
    line-height: 28px;
}


.index  .parameter div:first-of-type{font-weight: bold;padding-top: 15px;}

.index  .product_list{width: 100%; padding: 20px 0 40px 0;/* border: solid 1px #cccccc; */}

.index  .product_hot_list{display: flex;justify-content:space-between;}
.index  .product_hot_list .product_list_item{
    width: 377px;
    overflow: hidden;
    height: auto !important;
    border: solid 1px #707070;
    margin: 0px 0 30px 0;
}
.index  .product_hot_list .product_list_item .product_list_item_image{ width: 377px; height: 377px; overflow: hidden}
.index  .product_list .product_box{display: flex;justify-content:space-between;}
.index  .product_list .item.big{width:785px;height: 525px;margin: 0 0 80px 0}
.index  .product_list .item{width: 517px;height: 254px;position: relative;}
.index  .product_list .item a{width: 100%;display:block;height: 100%;background-size: contain!important;}
.index  .product_list .big .ptext{font-size: 38px; height: 82px; line-height: 82px;}
.index  .product_list .ptext{
    font-size: 26px;
    font-weight: bold;
    position: absolute;
    bottom: 0;
    height: 67px;
    background: rgba(0,0,0,0.6);
    line-height: 67px;
    text-align: center;
    width: 100%;
    color: #fff;
}

.index  .hots{width: 1580px;margin: 40px 10px; height: 700px;  }
.index  .hots>div{float: left; width: 480px; height: 340px;  margin: 0 20px 20px 0 ;overflow:hidden;  }
.index  .hots .big{width: 1055px;height: 100%;}
.index  .hots a{
    background-size: cover;
    height: 100%;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    }

.index  .service{height: 450px;width: 100%;}
.index  .service .detail{padding: 0 500px; text-align: center;  color: black;font-size: 16px;
    line-height: 24px;}
.index  .service .sort{display: flex;}
.index  .service .sort>div{width: 505px;height: 300px;margin: 10px; }

.service .sort img{-webkit-filter: brightness(50%); /*��������������ԣ����� Chrome, Safari, Opera */
    filter: brightness(50%);}
.service .sort div:hover img{-webkit-filter: brightness(100%); /*��������������ԣ����� Chrome, Safari, Opera */
    filter: brightness(100%);}


.index  .service .sort>div>div{position: relative;color: #ffffff;font-size: 30px;font-weight: bold;bottom: 60px;text-shadow: #333333 2px 2px 8px;}
.index  .service .sort>div>div.float1{left:230px;}
.index  .service .sort>div>div.float2{left: 143px;}
.index  .service .sort>div>div.float3{left:170px;}
.index  .service .sort>div:hover >div{bottom: 160px}

.index  .introduce{ display: flex; justify-content: space-between;}
.index  .introduce .graphic{width: 653px;}
.index  .introduce .graphic img{width:100%}
.index  .introduce .text{margin: 20px 0 0 0;font-size: 16px;line-height: 24px;}
.index  .introduce .more{display: block;background: #242424;width: 135px;height: 40px;line-height: 40px;text-align: center;}

.index  .introduce .video{ width:926px; margin: 0; float: none; }
.index  .information{height: 550px;display: flex;flex-wrap: wrap;}
.index-news  {height: 570px!important;}
.index  .information > div{display: flex;width: 750px;height: 200px;margin: 10px 10px 0 10px;box-shadow: 0 0 5px 3px #C0C0C0;padding: 10px;}
.index  .information > div .left{width: 500px;height: 100%;}
.index  .information > div .left>div:last-of-type{margin-top: 56px;}
.index  .information > div .right{width: 250px;height: 100%;}

.index  .information .link{color: #104C97;text-decoration: underline;}

.index  .swiper1 {margin-bottom: 80px;}
.index  .swiper2 {margin-bottom: 56px;}
.index  .swiper-pagination-bullet {width: 15px;height: 15px;border-radius: 9px;}

.index-bullet-active{
    background: #104C97;
    opacity: 1;
}
.swiper-pagination-bullet{
     opacity: 0.4;
}
.index_contact .index_contact_box{ display: flex; justify-content: space-between;}
.index_contact .index_contact_box .index_contact_info{  width:497px;height: 178px; background: #ECECEC; padding: 10px 10px; }
.index_contact .index_contact_box .tel{ background:  url('/front/yidavanity/images/tel.png') no-repeat 10px 12px  ; width: 100%; padding: 92px 0 0 10px;}
.index_contact .index_contact_box .email{ background:  url('/front/yidavanity/images/email.png') no-repeat  10px 12px;width: 100%;  padding: 92px 0 0 10px;}
.index_contact .index_contact_box .location{ background:  url('/front/yidavanity/images/location.png') no-repeat  0px 0px;width: 100%;  padding: 92px 0 0 10px;}

.index_contact_info h4{font-weight: bold; font-size: 24px; line-height: 46px;}
.index_contact_info p{font-size: 18px;}

.menu{background: rgba(0,0,0,0.7);width: 100%;height: 80px;color: #ffffff;position: fixed;top: 0;z-index:99999;/* top: 0; */}
.menu .main{margin-right: 0;width: 100%;z-index: 99999999;}
.menu .nav{float: right}
.menu .nav-l{float: left;margin-left: 190px;}
.menu .nav-l>li{border-right: solid 1px #ffffff;padding: 0 15px;margin: 25px 0!important;height: 30px!important;line-height: 30px;}
.menu .nav-l>li>a{height: 51px!important;line-height: 30px!important;/* border: solid 1px; */}
.menu .nav-l>li>a:hover{height: 50px!important;line-height: 30px!important;/* border: solid 1px; */}

.index_send_email{margin:40px 0 0px 0; display:flex; background: #ECECEC; padding: 40px 16px;}
.index_send_email .left_box{width: 744px;margin:0  57px 0 0;}
.index_send_email .right_box{width:720px;}
.index_send_email .right_box h5{ font-weight: bold; font-size: 45px;}
.index_send_email .right_box .desc{ font-size: 18px;line-height: 40px;}
.index_send_email .right_box .form_box{  font-size: 18px;}
.index_send_email .right_box .form_input{ height: 80px; border-bottom: 1px solid #707070; line-height: 80px;}
.index_send_email .right_box .form_input i{ font-style: normal; color: #ff0000;}
.index_send_email .right_box .form_input.text_content{ height: 120px; line-height: 120px;}
.index_send_email .right_box .form_input.text_content i{ float: left;}
.index_send_email .right_box .form_input.text_content span{ float: left;}
.index_send_email .right_box .form_input.text_content textarea{
    width: 600px;
    height: 100px;
    overflow: hidden;
    border: none;
    float: left;
    margin: 12px 0 0 20px;
    background: none;
}

.index_send_email .right_box .form_input input{ border:none; background: none;width: 600px; margin: 0 0 0 20px; height: 60px;}


.index_send_email .right_box .form_box .sub_btn{width: 279px; height: 59px; text-align: center; color: #fff; background: #104C97; border-radius: 5px; margin: 60px 0 0 0;border:none;}
.news-menu-2nd{
    position: absolute;
    background-color: rgba(0,0,0,0.7);
    margin-top: 5px;
    width: 300px;
    margin-left: -99px;
    padding-bottom: 24px;
    display: none;
}
.news-menu-2nd ol{}
.news-menu-2nd ol li{
    float: none!important;
    font-size: 19px;
    border-bottom: solid 1px #ffffff;
    height: 60px!important;
    line-height: 60px;
}


.menu .nav-l .project-menu-2nd {
    margin: 80px auto 0 auto;
    background-color: #ffffff;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
}

.menu .nav-l .project-menu-2nd ol {
    height: 490px;
    border: solid 1px;
    /* z-index: -1; */
    margin: 0 auto;
    width: 1600px;
}

.menu .nav-l .project-menu-2nd ol li .menu-2nd-box {
    padding: 0 15px;
}

.menu .nav-l .project-menu-2nd ol .title {
    font-size: 30px;
    color: #104C97;
    margin-top: 55px;
    line-height: 48px;
    text-align: left;
    font-weight: 700;
}

.menu .nav-l .project-menu-2nd ol .image {
    width: 500px;
    height: 300px;
    margin-bottom: 11px;
    background-color: #cccccc;
}

.menu .nav-l .project-menu-2nd ol .content {
    color: #666666;
    line-height: 20px;
    text-align: left;
    font-size: 16px;
}

.menu .nav-l .project-menu-2nd li {
    width: 33%;
    /* border: solid 1px #cccccc; */
    float: left;
    height: 100%;
    margin: 0;
}



/*二级菜单栏，产品*/

.menu .nav-l .product-menu-2nd {
    margin: 80px auto 0 auto;
    background-color: #ffffff;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
}

.menu .nav-l .product-menu-2nd ol {
    height: 490px;
    border: solid 1px;
    /* z-index: -1; */
    margin: 0 auto;
    width: 1600px;
}

.menu .nav-l .product-menu-2nd ol li .menu-2nd-box {
    padding: 0 15px;
}

.menu .nav-l .product-menu-2nd ol .title {
    font-size: 30px;
    color: #104C97;
    margin-top: 55px;
    line-height: 48px;
    text-align: left;
    font-weight: 700;
}

.menu .nav-l .product-menu-2nd ol .image {
    width: 100%;
    height: 255px;
    margin-bottom: 11px;
    background-color: #cccccc;
}

.menu .nav-l .product-menu-2nd ol .content {
    color: #666666;
    text-align: left;
    font-size: 16px;
    line-height: 24px;
}

.menu .nav-l .product-menu-2nd ol>li {
    width: 25%;
    /* border: solid 1px #cccccc; */
    float: left;
    height: 100%;
    /* color: #cccccc; */
    margin: 0;
}

.menu .nav-l .product-menu-2nd .product_term{
    padding-top: 6px!important;
}
.menu .nav-l .product-menu-2nd .product_term ul{
    /* margin-top: 5px; */
    overflow: hidden;
}
.menu .nav-l .product-menu-2nd .product_term ul li{
    float: none;
    width: 100%;
    height: 36px!important;
    /* padding: 10px 0; */
    text-align: left;
    line-height: 36px!important;
    margin: 0;
    /* border: solid 1px #cccccc; */
}

.menu .nav-l>ul>li{/* padding: 0 30px; */margin: 6px -16px 0px 15px;height: 69px!important;line-height: 27px;}
.menu .nav-l ul li a{height: 25px!important;line-height: 25px!important;border-left: solid 1px #ffffff;border-right: solid 1px #ffffff;display: block;padding: 5px 15px;margin: 15px 0;}

.menu .nav-l .product-menu-2nd .product_term ul li a{color: #000000;font-size: 19px;/* height: 33px; */line-height: 29px;}
.menu .nav-l .product-menu-2nd .product_term ul li a:hover{color: #cccccc;color: #000000;font-size: 19px;border:none;line-height: 29px;}

/*二级菜单栏，产品*/





.menu .nav li {width: auto;list-style: none;float: right;height: 80px;text-align: center;margin: 0 15px;}
.menu .nav ul>li {height: 75px;line-height: 75px;display: block;font-size: 18px;}

.menu .nav ul>li:hover {border-bottom: solid 5px #104C97;color: #D8D8D8 !important;/* height: 70px; *//* line-height: 70px; */}

.menu .logo{position: fixed;top: 0;left: 10px;width: 160px;height: 60px;padding: 10px}
.menu .search{display: block;float: right;width: 70px;height: 37px;border-left: 1px #ffffff solid;margin: 20px;}
.menu .search img {margin: 5px 20px;width: 25px;height: 25px;}

.footer{background: #2d2d2d;color: #ffffff;text-align: center;width: 100%;height: auto;padding: 20px 0px 40px 0px;margin-bottom: 100px;}
.footer h3{color: #ffffff;font-size: 26px;}
.footer .icon_list{padding-top:10px;width:100%;/* height:50px; */display: flex;justify-content :center;}
.footer .icon_list a>img{margin: 0 20px;width: 40px;height: 40px;border-radius: 3px;}
.footer .nav_list{margin: 30px 250px; display: flex;justify-content:space-around;text-align: left;}
.footer .nav_list .title{font-size: 20px !important;margin-bottom: 20px;}

.footer .nav_list .detail > div{margin: 3px 0;font-size: 16px;}

.footer .nav_list_box{width: 275px;overflow: hidden;padding: 5px 16px;}
.footer .nav_list_box a{
    display: block;
    font-size: 16px;
    height: 14px;
    line-height: 16px;
    padding: 5px 0;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    }


.contact  .contact-bg{height: 530px;margin-bottom: 30px;}
.introduce-box .comment{
    margin-top: 30px;
}
.introduce-box .comment, .contact .comment{display: flex}
.introduce-box .comment .left, .contact .comment .left{width: 1050px;}

.introduce-box h3, .contact h3{margin: 10px 0;font-size: 24px;}
.introduce-box .comment .right, .contact .comment .right{width: 500px;height: 375px;margin: 20px 8px;border: 1px solid #A0A0A0;}
.introduce-box .comment .right .logo_bj, .contact .comment .right .logo_bj{margin: 12px 30px;width: 430px;height: 180px;}
.introduce-box .comment .right .introduction, .contact .comment .right .introduction{padding-top: 15px;margin:0 30px;border-top: 1px solid #aaaaaa;}
.introduce-box .comment .right .introduction p, .contact .comment .right .introduction p{margin-top:8px;line-height: 18px;}

.contact  .list{margin: 50px 0;height: 455px;}
.contact  .list .contact-facebook{
    position: relative;
}

.contact  .list .contact-facebook a{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.contact  .list>div{float: left;width: 445px;margin:10px;padding: 20px;background: #ECECEC;height: 150px;}

.contact  .icon{width: 40px;height: 40px;}
.contact  .icon >img{width: 100%;height: 100%;}
.contact  .map_bj{height: 600px;margin-bottom: 30px;}

.recruitment .imageList{display: flex;flex-wrap: wrap;}
.recruitment .imageList .imageItem{display: block;margin: 20px;width: 480px;height: 250px;border-bottom: 2px solid #aaaaaa;}
.recruitment .imageList .imageItem .left{width: 150px;float: left;margin: 10px;height: 230px;}
.recruitment .imageList .imageItem .left > img{width: 100%;height: 100%}
.recruitment .imageList .imageItem .right{width: 270px;float: left;margin: 10px;height: 230px;}
.recruitment .imageList .imageItem .right .yd_elip_4{margin: 10px;color: #aaaaaa;}
.recruitment .imageList .jump_icon{margin: 0;}
.recruitment .imageList a:hover{background: #F0F0F0;}
.recruitment #pagination{margin: 50px 20px;}

.recruitment_detail .imageList{display: flex;flex-wrap: wrap;}
.recruitment_detail .imageList>div{margin: 17px;width: 492px;height: 400px;box-shadow: 0px 0px 6px 3px #aaaaaa;}
.recruitment_detail .imageList>div img{height: 350px;}

.news  .recommend{ overflow: hidden}
.news  .recommend .item{width: 768px;float: left;border: solid 1px #CCCCCC;overflow: hidden;display: flex;}
.news  .recommend>div{height: 280px;margin: 25px 10px;}
.news  .recommend>div a{display: block;width: auto;height: 100%;}
.news  .recommend>div a:hover{background: 	#F0F0F0;}
.news  .recommend>div .left{float: left;width: 299px;height: 100%;}
.news  .recommend>div .right{float: left;padding: 10px 20px;width: 429px;height: 256px;font-size: 16px;color: #aaaaaa;/* border: 2px solid #ececec; */}
.news  .recommend .operating >div{width: 60px;float: left;margin: 40px 20px;text-align: center;}

.news_detail>div:first-of-type{display: flex;
flex-direction: column;
padding: 25px 10px;border-bottom: 1px solid #000000;}
.news_detail>div .detail{width: 100%;overflow: hidden;}

.news_detail>div .more{width: 400px;margin-left: 40px;border: 1px solid #000000;height: 100%;padding-bottom: 25px;}
.news_detail div .more h2{font-size: 26px;}
.news_detail div .more .item a{/* width:150px; */margin: 20px;font-size: 26px;color: #333333;}
.news_detail div .more .item a:hover{ color: #104C97}

.project .nav{height: 50px;margin:30px 10px;border-bottom: 2px solid #D0D0D0;}
.project .nav a{margin: 0 15px;padding: 5px;color: #000000;font-size: 22px;}
.project .nav a:hover{color: #aaaaaa}
.project .nav>div{float: left;height: 30px}
.project .nav>div:first-of-type{width: 1260px;margin-left: 150px;display: flex;justify-content: center;}
.project .nav>div:last-of-type{width: 150px;}

.project .list{/* display: flex; */flex-wrap: wrap;overflow: hidden;}
.project .list .item a{background-size:cover;/* background-color: white; */height: 100%;display: block;background-repeat: no-repeat;background-position: center;}
.project .list>div{height: 853px;width: 766px;margin: 10px;border: 1px solid #D0D0D0;float: left;}
.project .list .img{height: 530px;}
.project .list .imgs{height: 180px;}
.project .list .imgs>div{margin: 15px 8px;width: 239px;height: 165px;float: left;}
.project h3{margin: 20px 10px;font-weight: bold;}
.project p{margin: 10px;color:#D0D0D0; }

.product_detail  .introduction{display: flex;margin: 10px;border-bottom: solid 1px #cccccc;padding: 0 0 70px 0;}
.product_detail  .introduction .left{height: 842px;width: 700px;margin-right: 100px;}
.product_detail  .introduction .left .img{height: 700px;}
.product_detail  .introduction .left .img img{width: 100%;height: 100%;}
.product_detail  .introduction .left .imgs  img{width: 100%;height:100%}
.product_detail  .introduction .left .imgs{display: flex;margin-left: -10px;/* border: solid 1px; */margin-right: -15px;height: 120px;}
.product_detail  .introduction .left .imgs>div{width: 120px;height: 120px;margin: 10px;margin-right: 15px;}
.product_detail  .introduction .right{/* height: 600px; */width: 760px;}
.product_detail  .introduction .right h3{margin: 20px 0;}


.product_detail  .album{height: 270px;border-top: 1px solid #D0D0D0;margin: 20px 0;}
.product_detail  .album>div{float: left;width: 150px; height: 200px;margin: 10px 20px;text-align: center;}
.product_detail  .album>div>img{width: 100px; height: 140px;}

.product_detail  .serial{height: 600px;overflow-x: auto;}
.product_detail  .serial .image{background-size: cover;width: 100%;height: 100%;}
.product_detail  .serial>div{float:left;width: 498px;height: 480px;margin: 10px;border: 1px solid #D0D0D0;}
.product_detail  .serial img{height: 400px;width:100%;}
.product_detail  .imgList>div{padding:10px;height: 600px;}

.productcomments_block{display: flex;height: 600px;margin-bottom: 80px;}
.productcomments_block .left{margin: 10px;padding:20px;width: 640px;height: 440px;}
.productcomments_block .right{margin: 10px;width: 840px;height: 600px;}
.productcomments_block .right .comment{overflow-y:auto;    height: 420px;margin-bottom: 20px;}
.productcomments_block .right .comment>div{background: #aaaaaa;margin-bottom: 20px;padding: 10px;width: 800px;height: 150px;}
.productcomments_block .right .comment .date{display: flex}
.productcomments_block .right .comment .date>div:first-of-type{color: #aaaaaa;padding: 10px;line-height: 25px;}
.productcomments_block .right .comment .content{margin: 0 10px;white-space:normal; word-break:break-all;overflow:hidden; color:#000000;font-size:24px;border:none}

.productcomments_block .layui-btn{    background-color: #104c97;}



.product .nav{height: 50px;margin: 30px 10px 0px 10px;border-bottom: 1px solid #D0D0D0;}
.product .nav a{margin: 0 15px;padding: 5px;color: #000000;font-size: 20px;}
.product .nav a:hover{color: #aaaaaa}
.product .nav>div{/* float: left; */height: 30px;/* position: absolute; *//* right: 0px; */}
.product .nav>div:first-of-type{/* width: 1600px; *//* margin-left: 150px; */display: flex;justify-content: center;}
.product .nav>div:last-of-type{width: 165px;/* position: absolute; *//* right: -2px; */margin-top: -25px;float: right;/* margin: -15px; */margin-right: -27px;}

.product .list {display: flex;flex-wrap: wrap;/* margin: auto; */justify-content: center;}
.product .list>a{display: block;width: 500px;height: 735px;border: 1px solid #aaaaaa;margin: 10px;color: #232323;}
.product .list>a .img{height: 500px;}
.product .list .operating{height: 66px;width: auto;display: flex;}
.product .list .operating >div{margin: 0 30px;text-align: center;}
.product .list .operating .yd_icon_30{margin-top: 8px;margin-bottom: 8px}


.product_list .select{}
#selector{
    width: 12px;
    height: 12px;
    margin-left: 5px;
}



.product_list .select .select-item{/* float: left; *//* overflow: hidden; */display: inline-block;/* justify-content:center; */width: 222px;/* overflow: hidden; */height: auto;/* border: solid; *//* flex: auto; */}
.product_list .select .select-item h3{height: 27px;/* width: 100%; *//* clear: both; *//* float: none; */text-align: left!important;padding-left: 0px!important;margin-left: 0px;}
.product_list .select ul{/* width: 380px; *//* margin-right: 50px; *//* clear: both; *//* margin: 0 auto; */}
.product_list .select ul li{/* line-height: 23px */height: 36px;float: left;width: 100%;margin-right: 15px;text-align: left;}
.product_list .select ul li input{width: 23px;height: 23px;float: left;margin-right: 5px;/* ; *//*  */}

.product_list .select ul li span{/* width: 23px; *//* height: 23px; */line-height: 25px;/* margin-top: -10px; */display: block;float: left;}



.product_list .select ul li input[type=checkbox]{
    cursor: pointer;
    position: relative;
    width: 23px;
    height: 23px;
    font-size: 14px;
    border: solid 1px #000000;
    text-align: left;
    margin-right: 9px;
}

.product_list .select ul li input[type=checkbox]::after{
    position: absolute;
    top: 0;
    background-color: #ffffff;
    color: #000;
    width: 23px;
    height: 23px;
    display: inline-block;
    visibility: visible;
    padding-left: 0px;
    text-align: left;
    content: ' ';
    border: solid 1px #000000;
}

.product_list .select ul li input[type=checkbox]:checked::after{
    content: "✓";
    font-size: 17px;
    font-weight: bold;
    text-align: center;
}





#selectfliter{display:none;}



.select-box{
    border-bottom: solid 1px #cccccc;
    height: 70px; line-height: 70px;}
.select-box .title{ text-align: center}

.select .function{ text-align: center}
.select .function button{border: solid 1px #929eaa;padding: 10px 20px;border-radius: 2px;}
.select .function button:hover{background-color:  #cccccc; cursor: pointer }


.hover.flash_type1{width: 0px}
.hover.flash_type2{height: 0px;margin-bottom: 0px;margin-top: 0px;}
.hover.flash_type3{ opacity: 0}




.flash_box{background:#18a69d; color:#fff; text-align:left;height:40px;line-height:40px; opacity:1;overflow: hidden;padding-left: 15px;margin-top: 15px;margin-bottom: 15px;}









.product .product_rate {/* width: auto; */margin-left: 110px!important;margin-top: 7px!important;/* border: solid 1px #cccccc; */}
.product .product_rate img{width: 170px;}


.product .select{padding: 20px 0;overflow: hidden;}


.product_detail h1{font-size: 28px;}
.product_detail .attr{font-size: 28px;border-bottom: solid 1px #cccccc;padding-bottom: 10px;margin: 10px 0;overflow: hidden;}

.product_detail .attr h6{ cursor: pointer}

.product_detail .attr h6 img{/* float: left; */width: 22px;height: 22px;margin-top: -5px;}

.product_detail .attr ul{padding-top: 15px;overflow: hidden;height: 0px;}
.product_detail .attr ul li{width: 199px;border: solid 1px #cccccc;height: 220px;float: left;margin-right: 30px;margin-bottom: 15px;padding: 5px;}
.product_detail .attr ul li .images{height: 187px;overflow: hidden;background-size: cover;}
.product_detail .attr ul li .title{font-size: 14px;margin-top: 5px;color: #565656;text-align: center;}






.product_detail .content{margin: 8px 0;border-top: solid 1px #cccccc;border-bottom: solid 1px #cccccc;padding: 10px 0;color: #232323;}
.product_detail .function{margin-top: 25px;font-size: 18px;}
.product_detail .function .yd_width_300{font-size: 18px;}



.diy_menu{
    display: flex;
    height: 50px;
    width: auto;
    text-align: center;
    line-height: 50px;
    font-size: 24px;
    background: #707070;
    color: #ffffff;
}

.diy_menu .scenes{display: flex; width: 150px;height: 50px;}
.diy_menu .scenes:hover{cursor:pointer;}
.diy_menu .scenes .icon{
    margin: 10px;
    width: 28px;
    height: 28px;
    background-image: url(/front/yida/images/icon/icon_tp.png);
    background-size: 100% 100%;
}
.diy_menu .title{width: 1600px;}

.diy_body{display: flex;
    /* height: 646px; */
    width: auto;background: #CCCCCC;padding: 10px 150px 10px 20px;
    flex: 1;
}
.diy_body .left{overflow-y:auto;width: 100px;
    /* height: 610px; */
    /* margin-right:20px;padding-left: 3px; */
    padding: 0;
    margin: 0 auto;
}
.diy_body .left>div{width: 70px;height: 70px;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 10px;margin-top: 15px;margin-bottom: 5px;border: 2px solid #ffffff;box-shadow: #232323 2px 2px 8px;}
.diy_body .left>p{text-align:center;color: #ffffff;font-size: 14px;width: 75px;}
.diy_body .bg{
    /* min-width: 1150px; */
    /* height:646px; */
    /* max-width: 1000px; */
    width: 1000px;
    margin: 0 auto;border-radius: 5px;box-shadow: #666666 0px 2px 8px;
}

.main_bg_box{
    position: relative;
}

.main_bg_box .sub_bg_box{
    height: 100%;
}
.diy_body .bg>div{position: absolute;}
.diy_footer{background: #707070;
    /* height: 200px; */
    width: auto;padding: 5px 0;}
.diy_footer>div{width: 1500px;margin: 0 auto;display: flex;}

.diy_footer .color_row .icon{width:51px;height: 51px;margin: 5px;border: 0;}
.diy_footer .color_row .color_list{display: flex;width: 1437px;}
.diy_footer .color_row .color_list .button{border-radius: 10px;width:45px;height: 45px;margin: 5px;border: 2.5px solid #ffffff;}
.diy_footer .color_row .color_list .icon{width:51px;height: 51px;border: 0;}
.diy_footer .color_row p{text-align: center;color: #ffffff;font-size: 12px;}

.diy_footer .img_row .button{min-width: 64px;width: 64px;height: 85px;margin: 8px 10px;}
.diy_footer .img_row .icon{width: 64px;height: 64px;border-radius: 10px;border: 0;}
.diy_footer .img_row .button p{margin-top:3px;text-align: center;color: #ffffff;font-size: 12px;}

.diy_footer .img_row .img_list{display: flex;min-width: 1265px;}
.diy_footer .img_row .img_list .icon{border: 2px solid #FFFFFF}





body .introduce-box .layui-tab-bar{display: none}
body .introduce-box .layui-tab-content{ padding: 0px}
body .introduce-box .layui-tab-title{
    background-color: #ffffff;height: 58px;
}
body .introduce-box .layui-tab-title .layui-this:after{height: 60px}
body .introduce-box .layui-tab-title .layui-this{
    background-color: #000000;
    color: #ffffff;
    font-size: 20px;
    height: 60px;
    line-height: 60px;
}
body .introduce-box .layui-tab-title li{
    width: 32%;
    border-right: solid 1px #cccccc!important;
    font-size: 20px;
    color: #989898;
}


body .introduce-box   {  overflow: hidden}
body .introduce-box  .video{float: left;width: 800px;overflow: hidden;}
body .introduce-box  .videocontent{float: left;width: 700px;}

.introduce .video{
    margin-right: -105px;
    /* border: solid; */
    /* right: 151px; */
    /* position: absolute; */
    float: right;
}

.history{background: #F6F6F6;margin-top: 80px;padding-bottom: 80px;margin-bottom: 15px;padding-left: 35px;}
.history .five_title{margin-top: 0;padding-top: 80px;font-size: 40px;color: #104c97;margin-bottom: 15px;}


.introduce-box .partners{display: flex;margin: 20px 20px 100px 20px;}
.introduce-box .partners > div{width: 500px;height: 500px;margin: 0 20px;}
.introduce-box .partners > div>img{width: 100%;height: 480px;}
.introduce-box .partners > div> .text{text-align: center;margin: 15px;font-size: 24px;}

.introduce-box .history .swiperbox{/* width: 1230px; */margin: 0 250px 0 0;border-right: 2px solid #999;}
.introduce-box .history .swiper-container {
    width: 100%;
    height: 645px;
}
.introduce-box .history .swiper-slide {
    display: -webkit-box;
    display: flex;
}
.introduce-box .history .swiper-slide img{
    width: 405px;
    height: 405px;
}
.introduce-box .history .swiper-slide div{
    /* width: 63px; */
    font-size: 16px;
    color: #333333;
    line-height: 36px;
    margin-left: 48px;
    height: 464px;
    overflow: hidden;
}
.introduce-box .history .swiper-slide div h1{
    font-size: 86px;
    color: #666666;
    line-height: 135px;
    font-weight: 600;
}
.introduce-box .history .swiper-container-vertical>.swiper-pagination-bullets{
    right: 0;
}
.introduce-box .history .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin: 0;
    width: 72px;
    font-size: 20px;
    line-height: 40px;
    border-right: solid 4px #CFB881;
}
.introduce-box .history .swiper-pagination-bullet{
    width: 3px;
    height: 40px;
    border-radius: 0;
    background: #F6F6F6;
}

.introduce-box .history .swiper-pagination-bullet-active{
    /* background: #CFB881; */
    opacity: 0.9 !important;
}
.timestu{
    position: absolute;
    right: 20px;
    top: 0%;
    /* margin-top: -65px; */
    z-index: 99999;
    height: 311px;
    /* border: solid 1px; */
}
.timestu p{
    margin: 0;
    padding: 0;
    line-height: 40px;
    font-size: 22px;
    color: #232323;
}