body{font-size: 16px;font-family: Arial, Helvetica, sans-serif;padding: 0;margin: 0;}
a{color: #333333;text-decoration:none;}
a:hover{}
ul{margin: 0;padding: 0;}
li{list-style: none;}
.width-top{width:1250px;margin:0 auto}
.width-menu{width:1620px;margin:0 auto}
.width{width:1400px;margin:0 auto}
.top-tool{background-color:#0e80d8;line-height:32px}
.top-tool .wp-block-media-text{grid-template-columns: 40px auto!important;width:22.4%}
.top-tool .wp-block-media-text img{width:auto}
.top-tool .wp-block-media-text .wp-block-media-text__content{padding:0;color:white;display:inline-block;vertical-align:middle}
.top-tool div>div{display:inline-block;vertical-align:middle}
.top-tool div>p{display:inline-block;vertical-align:middle;color:white;margin:0;font-size:12px}
.top-tool div .wp-block-media-text__media{display:inline-block;vertical-align:middle}
.top-tool div>p .tadv-color{font-size:16px;font-style:italic}
.top-tool>div>p{margin-left:100px}
.menu-top .logo{display:inline-block;vertical-align:middle;width:36%}
.menu-top .logo a{display:inline-block;vertical-align:middle;margin-right:10px}
.menu-top .logo>div{display:inline-block;vertical-align:middle}
.menu-top .logo>div p{margin:5px 0;color:#0e80d8;font-size:14px}
.menu-top .logo>div p:first-child{font-weight:600;color:black;font-size:16px}
.menu-top .menu-menu-a-container{display:inline-block;vertical-align:middle;width:55%;text-align:center}
.menu-top .menu-menu-a-container>ul>li{display:inline-block;vertical-align:middle;margin-left:30px}
.menu-top .menu-menu-a-container>ul>li:first-child{margin-left:0}
.menu-top .menu-menu-a-container>ul>li a{font-size:14px}
.menu-top .menu-menu-a-container>ul>li a:hover{color:#e90707}
.menu-top .lan{display:inline-block;vertical-align:middle;width:6%;border:1px solid #e90707;}
.menu-top .lan:after{display:table;}
.menu-top .lan>div{display:table-cell;padding:10px;width:calc(50% - 20px);text-align:center}
.menu-top .lan .cn{background-color:#e90707;color:white}
.menu-top .sub-menu{display:none}
.phonemenu{display:none}
.sub-list{background-color:rgba(14,128,216,0.5);text-align:center;display:none;position:absolute;width:100%;z-index:99}
.sub-on{display:block}
.sub-list .width-menu>div{display:inline-block;vertical-align:middle;color:white}
.sub-list .width-menu>div:first-child{padding:26px 60px 26px 0;font-size:24px;font-weight:600;border-right:2px dashed white}
.sub-list .width-menu>a{display:inline-block;vertical-align:middle}
.sub-list .width-menu a{color:white}
.sub-list ul{margin:0 30px}
.sub-list ul li{display:inline-block;vertical-align:middle;margin-left:30px}
.sub-list ul li:first-child{margin-left:0}
.sub-list ul li a:hover{color:#e90707}
.slideshow .m{display:none}
.slideshow img{vertical-align:top}
.slideshow .swiper-pagination-bullet{background-color:rgba(255,255,255,0.2);width:10px;height:10px;border:2px solid white;opacity:1}
.slideshow .swiper-pagination-bullet-active{background-color:rgba(255,255,255,1)}
.product-con-list{margin-right:-22px}
.product-con-list .con{float:left;width:calc(25% - 22px);margin-right:16px;border:3px solid #0e80d8;margin-bottom:56px;text-align:center;}
.product-con-list .con>div{position:relative;overflow:hidden}
.product-con-list .con img{width:100%;transition:all 0.5s;vertical-align: top;}
.product-con-list .con:hover img{width:100%;transform:scale(1.1)}
.product-con-list .con .title{position:absolute;width:100%;z-index:9;bottom:0;background-color:#0e80d8b0;color:white;padding-bottom:0px;transition:all 0.5s;cursor:pointer}
.product-con-list .con .title .btn{display:inline-block;padding:5px 10px;border:3px solid #0e80d8;border-radius:6px;display:none}
.product-con-list .con .title p{display:none}
.product-con-list .con:hover .title{background-color:white;padding-bottom:30px;color:#333}
.product-con-list .con:hover .title .btn{display:inline-block;color:#333}
.product-con-list .con:hover .title p{display:block}
.product-con-list .con .title .btn:hover{background-color:#0e80d8;color:white}
.products{text-align:center;background:url(https://ygdmyi.com/hyt/wp-content/uploads/2021/11/bgf.jpg) bottom no-repeat;background-size:100%;padding:50px 0 70px 0}
.products .width>h2{position:relative}
.products .width>h2 p{font-size:40px;position:relative;z-index:1}
.products .width>h2 span{position:absolute;top:50%;left:50%;z-index:0;font-size:100px;width:100%;opacity: 0.4;text-transform:uppercase;
	color: #ccc;	
    background-image: -webkit-linear-gradient(92deg, #fff, #ccc);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	 -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.product-con-list-but{display:inline-block;padding:15px 25px;background-image: linear-gradient(#f5b3b3, #ea1717);color:white;border-radius:6px}
.product-con-list-but span{font-size:24px;margin-left:20px}
.about{padding:100px 0 170px;position:relative}
.about .title{text-align:center;position:relative;z-index:2;color:white}
.about .title>div{display:inline-block;vertical-align:middle}
.about .title .line{margin:0 20px}
.about .title>div:first-child{font-size:30px;font-weight:600}
.about .title .line{width:5px;background-color:white;height:70px}
.about .title .date p:first-child{font-size:30px;font-weight:600}
.about .title .date p{margin:0}
.about-bg{position:absolute;top:0;left:0;z-index:1}
.about-con{z-index:2;text-align:center;position:relative;margin-top:50px}
.about-con .nav{position:relative;z-index:9}
.about-con .nav>div{display:table-cell;vertical-align:middle;background-color:white;text-align:center;width:260px;padding:20px;position:relative;cursor:pointer}
.about-con .nav>div p{margin:0}
.about-con .nav>div:hover{background-color:#e90707;color:white}
.about-con .nav>div:hover p{color:white}
.about-con .nav{text-align:center;display:inline-block;border-radius: 6px;}
.about-con .nav .about-nav{border-top-left-radius: 6px;border-bottom-left-radius: 6px;}
.about-con .nav .factory-nav{border-top-right-radius: 6px;border-bottom-right-radius: 6px;}
.about-con .nav{box-shadow:0 0 10px 0 #313131;}
.about-con .nav .nav-on p{color:white}
.about-con-content{background-color:white;border-radius:6px;box-shadow:0 0 10px 0 #313131;padding:60px 20px;margin-top: -30px;}
.about-con-content .text{text-align:left;line-height:36px;color:#666;padding-right:20px;box-sizing:content;}
.about-con-content .on1{background:url(https://ygdmyi.com/hyt/wp-content/uploads/2021/12/a-bg1.jpg) no-repeat bottom left}
.about-con-content .on1>div{display:inline-block;vertical-align:top;width:49%}
.about-con-content .text a{display:inline-block;vertical-align:middle;margin-right:20px;padding:10px 15px;border-radius:6px;color:white}
.about-con-content .text .about-con-content-btn1{background-color:#e90707}
.about-con-content .text .about-con-content-btn2{background-color:#0e80d8}
.about-con-content .text .company{padding-left:30px;border-left:25px solid #e90707}
.about-con-content .text .company p{margin:0;font-size:24px;font-weight:600;color:#0e80d8;}
.about-con-content .text .company p:first-child{font-size:10px;font-weight:normal;letter-spacing:3px}
.triangle-down {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 20px solid #e90707;
	position: absolute;
    left: 50%;
    margin-left: -10px;
    bottom: -20px;
	display:none
}
.about-con .nav>div:hover .triangle-down{display:block}
.about-con .nav .nav-on{background-color:#e90707;color:white}
.about-con .nav .nav-on .triangle-down{display:block}
.feature{margin:100px 200px 0 200px;}
.feature .wp-block-column p .tadv-color strong{color:#e90707;font-size:24px;}
.news>h2{position:relative}
.news>h2 p{font-size:40px;position:relative;z-index:1}
.news>h2 span{position:absolute;top:50%;left:50%;z-index:0;font-size:100px;width:100%;opacity: 0.4;text-transform:uppercase;
	color: #ccc;	
    background-image: -webkit-linear-gradient(92deg, #fff, #ccc);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	 -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.news h2{text-align:center}
.news .title{padding:50px 0 80px 0}
.news .title>div{display:inline-block;vertical-align:middle}
.news .title .icon{width:10%}
.news .title .icon img{display:inline-block;vertical-align:bottom}
.news .title .icon span{display:inline-block;vertical-align:bottom;font-size:18px;font-weight:600;color:#0e80d8}
.news .title .nav{width:82%;text-align:center}
.news .title .nav ul li{display:inline-block;vertical-align:middle;margin-left:30px}
.news .title .nav ul li:first-child{margin-left:0}
.news .title .nav ul li a{display:block;border:2px solid #0e80d8;padding:5px 40px;border-radius:100px;cursor:pointer}
.news .title .nav ul li a:hover{color:white;background-color:#0e80d8}
.news .title .nav ul .nav-but-on{color:white;background-color:#0e80d8}
.news .title .more{width:7%;text-align:center}
.news .title .more a{display:block;background-color:#3f434b;padding:5px 15px;color:white}
.news .title .more a:hover{background-color:#0e80d8}
.news .content{background-color:#f6f6f6;padding:50px 0 70px 0}
.news .content .con{padding:0px 100px}
.news .content .con img{width:100%}
.news .content .con .arrow{position:absolute;top:50%;margin-top:-17px;z-index:99;cursor:pointer}
.news .content .con .arrow span:before{width:34px;color:#0e80d8}
.news .content .con .arrow span:after{width:34px;color:#0e80d8}
.news .content .con .arrow span:hover{color:#005699}
.news .content .con .prev-but{left:-80px;}
.news .content .con .next-but{right:-80px;}
.news .content .con>div{position:relative;display:none}
.news .content .con .con-on{display:block}
.news .time-data span{font-size:10px;display:inline-block;vertical-align:middle}
.news .time-data .time{color:#b2b3b3;margin-left:20px}
.news .swiper-slide a p{font-weight:600;color:#0e80d8}
.case .width>h2{position:relative}
.case .width>h2 p{font-size:40px;position:relative;z-index:1;margin:0}
.case .width>h2 span{position:absolute;top:50%;left:50%;z-index:0;font-size:100px;width:100%;opacity: 0.4;text-transform:uppercase;
	color: #ccc;	
    background-image: -webkit-linear-gradient(92deg, #fff, #ccc);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	 -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.case{position:relative;text-align:center;padding-top:50px}
.case h2{text-align:center;position:relative;z-index:2;color:white;margin:0px 0 180px 0;font-size:30px}
.case-list{position:relative;z-index:2;}
.case .case-con{float:left;margin-right:35px;width:calc(33.33% - 35px);z-index:1;position:relative}
.case .case-con img{width:100%;vertical-align: top;}
.case .case-con p{margin:0;padding:15px 10px;background-color:#e907078c;position:absolute;bottom:0;left:0;width:calc(100% - 20px);color:white;text-align:left}
.case .case-con .cover{background-color:rgba(0,0,0,0.7);position:absolute;top:0;left:0;height:100%;width:100%;opacity:0;transition:all 0.5s}
.case .case-con .cover .icono-plusCircle{margin-top:30px}
.case .case-con .cover>div{display:inline-block;min-width:0;vertical-align:middle;height:100%;color:white}
.case .case-con .cover>div:first-child{height:unset!important}
.case .case-con:hover>p{opacity:0!important}
.case .case-con:hover .cover{opacity:1!important}
.case .case-bg{position:absolute;top:0;left:0;width:100%}
.case-btn{color:#e90707;margin:60px 0;display:inline-block}
.foot{padding:20px 0;color:white}
.foot h3{margin-top: -5px;}
.foot .foot-logo{display:inline-block;vertical-align:middle;width:35%}
.foot .foot-menu{display:inline-block;vertical-align:middle;width:50%}
.foot .foot-code{display:inline-block;vertical-align:middle;width:13%}
.foot-menu>div{display:table-cell;vertical-align:top;padding:0 25px;border-left:2px solid white}
.foot-menu div a{color:white;font-size:12px}
.foot .foot-menu li{margin-bottom:20px}
.foot .foot-menu h2{font-size:18px;margin-bottom:30px}
.copyright{background-color:#434343;color:white;line-height:70px}
.copyright p{margin:0}
.product-list-cat>.title>h2{position:relative}
.product-list-cat>.title>h2 p{font-size:40px;position:relative;z-index:1;margin:0}
.product-list-cat>.title>h2 span{position:absolute;top:50%;left:50%;z-index:0;font-size:100px;width:100%;opacity: 0.4;text-transform:uppercase;
	color: #ccc;	
    background-image: -webkit-linear-gradient(92deg, #fff, #ccc);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	 -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.product-list-cat{width:1670px;margin:0 auto 110px auto}
.product-list-cat>.title{text-align:center;margin:40px 0 90px 0}
.product-list-cat .celan{display:inline-block;vertical-align:top;width:25%;background-color:#d7d5d5}
.product-list-cat .celan .title{background-color:#0e80d8;color:white;font-size:35px;font-weight:600;padding:10px}
.product-list-cat .celan .title img{display:inline-block;vertical-align:middle}
.product-list-cat .celan .title span{display:inline-block;vertical-align:middle}
.product-list-cat .celan .menu-product-side-container{padding:12px}
.product-list-cat .celan .menu-product-side-container>ul{background-color:white}
.product-list-cat .celan .menu-product-side-container>ul>li{border-bottom:3px solid #d7d5d5;padding:20px 10px}
.product-list-cat .celan .menu-product-side-container .sub-menu{display:none}
.product-list-cat .celan .menu-product-side-container .sub-menu li a{background-color:#f0f0f0;margin-bottom:3px;padding:15px 10px;display:block}
.product-list-cat .celan .menu-product-side-container .sub-menu li:first-child{margin-top:20px}
.product-list-cat .celan .menu-product-side-container .current-menu-item .sub-menu{display:block}
.product-list-cat .celan .menu-product-side-container>ul>.current-menu-item>a{color:#0e80d8}
.product-list-cat .celan .menu-product-side-container>ul>.current-menu-parent .sub-menu{display:block}
.product-list-cat .celan .menu-product-side-container>ul>.current-menu-parent>a{color:#0e80d8}
.product-list-cat .celan .menu-product-side-container>ul>li>a:hover{color:#0e80d8}
.menu-product-side-container .menu-item-has-children>a{display:inline-block;vertical-align:middle;width:90%}
.menu-product-side-container .menu-item-has-children>i{display:inline-block;vertical-align:middle;text-align:right;transition:all 0.5s}
.menu-product-side-container .menu-item-has-children>i:before{width:8px}
.menu-product-side-container .menu-item-has-children>i:after{width:8px}
.product-list-cat .product-list-body{display:inline-block;vertical-align:top;width:calc(74% - 25px);padding-left:25px}
.product-list-cat .product-list-body .title{background-color:#d7d5d5;margin-bottom:30px}
.product-list-cat .product-list-body .title h1{padding:5px;margin:0;font-size:16px;font-weight:normal}
.product-list-cat .product-list-body .list{margin-right:-18px;display:flex;flex-wrap:wrap}
.product-list-cat .product-list-body .list>div{width:calc(25% - 20px);margin-right:18px;min-height:420px;text-align:center;margin-bottom:30px}
.product-list-cat .product-list-body .list>div a{display:block;padding:30px 0 20px 0}
.product-list-cat .product-list-body .list>div a img{width:100%;vertical-align:top;transition:all 0.5s}
.product-list-cat .product-list-body .list>div a:first-child{border:1px solid #d7d5d5;padding:0px;overflow:hidden}
.product-list-cat .product-list-body .list>div a .btn{padding:15px;display:inline-block;background-color:#0e80d8;color:white;display:none;border-radius:60px}
.product-list-cat .product-list-body .list>div a p{display:none;padding:0 30px}
.product-list-cat .product-list-body .list>div:hover{box-shadow:0px 0px 9px 0px #bbbbbb;background-color:white}
.product-list-cat .product-list-body .list>div:hover a{border:1px solid white;background-color:white;padding:0px 0 0px 0}
.product-list-cat .product-list-body .list>div a img:hover{transform:scale(1.1)}
.product-list-cat .product-list-body .list>div:hover a .btn{display:inline-block}
.product-list-cat .product-list-body .list>div:hover a p{display:block;color:#0e80d8;}
.product-list-cat .product-list-body .list>div:hover a div{display:none}
.product-list-body>span{display:block}
.list-contact{background-color:#e90707;color:white;padding:10px 0;text-align:center;margin-top:100px}
.list-contact p{margin:0;font-size:22px;font-weight:600}
.recomend{margin-top:30px}
.recomend .r-title{background-color:#e90707;color:white;padding:10px}
.recomend .r-title span{font-size:22px;font-weight:600;}
.recomend .r-title img{display:inline-block;vertical-align:middle;margin-right:10px}
.recomend .r-title span{display:inline-block;vertical-align:middle}
.fenye{text-align:center}
.fenye .total{display:block}
.fenye a span{display:inline-block}
.mianbaoxie{text-align:right;padding:15px 0}
.news-list .nav a{display:inline-block;vertical-align:middle;margin-right:20px;padding:5px 25px;border:2px solid #0e80d8;border-radius:100px;}
.news-list .nav a:hover{background-color:#0e80d8;color:white}
.news-list .nav{padding:15px 0;border-bottom:1px solid #ccc;margin-bottom:30px}
.news-page-list{margin-bottom:30px;border-bottom:1px solid #ccc;padding-bottom:30px}
.news-page-list .img{display:inline-block;vertical-align:top;width:22%}
.news-page-list .img img{width:100%}
.news-page-list .text{display:inline-block;vertical-align:middle;width:calc(76% - 30px);padding-left:30px}
.news-page-list .text .title a{font-weight:600}
.news-page-list .text .con{margin-top:30px}
.case-solution .title{text-align:center;margin:30px 0}
.top-about-banner img{width:100%;vertical-align:middle}
.about-feature{background-color:#eeeeee;overflow:hidden;padding-top:40px}
.about-feature .feature{margin:0 auto}
.content-con1 h1{text-align:right}
.slide{position:relative}
.slide .lunbotu img{vertical-align:middle;width:100%}
.about-arrow{position:absolute;bottom:0;left:0;text-align:center;z-index:99;width:100%}
.about-arrow>div{display:inline-block;vertical-align:middle;background-color:white;padding:10px;cursor:pointer}
.about-arrow>div:hover{background-color:#0e80d8;color:white}
.followus>div{background-color:#0e80d8;color:white;width:70px;text-align:center;margin-bottom:5px;padding:10px 0;cursor:pointer}
.followus>div>img{width:40%}
.followus>div:hover{background-color:#0b67af}
.followus>div span{font-size:12px;display:block;color:white}
.wechat-i{position:relative}
.wechat-i:hover .code{display:block}
.wechat-i .code{position:absolute;left:-130px;display:none;top:20px}
.tel-i{position:relative}
.tel-i .tel-ii{position:absolute;right:0;top:0;display:none;z-index:99;background-color:#e90707;width:200px;padding:22px;}
.tel-i:hover{}
.tel-i:hover .tel-ii{display:block}
.tel-ii>img{display:inline-block;vertical-align:middle}
.tel-ii .mess{vertical-align:middle;display:inline-block}
.tel-ii .mess p{margin:0;text-align:left}
.search{margin:50px auto 50px auto;width:620px;background-color:#e90707;border-radius:15px;border:1px solid white;box-shadow:0px 5px 3px 1px #989898;}
.search form{}
.search .search-key{width:calc(85% - 64px);height:50px;padding:0;display:inline-block;vertical-align:middle;margin:5px 0 5px 20px;border-radius:10px;border:none;outline:none;padding:0 20px}
.search .search-btn{height:60px;right:0;top:0;display:inline-block;vertical-align:middle;width:14%;background:none;outline:none;border:none;cursor:pointer}
.floatform{position:fixed;bottom:50px;right:50px;z-index:99;display:none}
.floatform>div{width:55px;height:55px;display:inline-block;vertical-align:top}
.floatform .upto{background-color:#b2b2b2;line-height:55px;text-align:center}
.floatform .upto:hover{background-color:#0b67af}
.floatform .upto .icono-caretUp{color:white}
.floatform .from-chat{text-align:center;background-color:#1f89db;position:relative}
.floatform .from-chat img{vertical-align:middle;margin-top:10px}
.floatform .from-chat .chat-i{position:absolute;top:-100%;right:0;display:none}
.floatform .from-chat .from{background-color:rgba(31,137,219,0.9);position:absolute;right:0;bottom:0px;width:300px;padding:20px;display:none}
.floatform .from-chat .from p{line-height:22px;text-align:left;font-size:14px}
.floatform .from-chat .from textarea{border-radius:6px!important;box-shadow: inset 0 0 4px 2px #ccc;}
.floatform .from-chat .from input{box-shadow: inset 0 0 4px 2px #ccc;}
.floatform .from-chat .from .close{position:relative}
.floatform .from-chat .from .close .close-but{position:absolute;right:-15px;top:-15px;color:white;cursor:pointer}
.floatform .from-chat .from .close .close-but span{color:white}