@charset "utf-8";
/*new*/
code{font-size:3rem;color:inherit;font-family:inherit;word-wrap:break-word;}
.s-doc{font-size:1.2rem;line-height:1.625em;color:#333;}
.mark, mark{padding:.2em;background-color:#fcf8e3;}

.home-brand{padding:4.3rem 0 4rem;}
.home-brand .ax-container{width:90vw;height:100%;margin:0 auto;position:relative;display:block;z-index:5;}
.hmsect-head{width:100%;display:block;padding:0 0.9rem;}
.home-brand .hmsect-head{margin-bottom:3rem;}
h2.s-heading{font-size:3rem;line-height:1.35em;color:#222222;}
.hmsect-head .s-heading mark, .hmsect-head .s-heading code{height:2.1rem;padding:0;margin:0;line-height:2.5rem;display:block;background-color:transparent;color:inherit;}
.hmsect-head .s-heading span{color:#ff6c00;}
.hmsect-head .s-doc{width:60%;max-width:73%;margin-top:0.75em;}

.hmsect-head .markline{width:304px;max-width:25%;height:2px;background-color:#333333;position:absolute;right:3.4rem;top:6rem;}
.hmsect-head .markline .mark, .hmsect-head .markline code{font-size:2.3rem;line-height:1em;color:#222;font-weight:bold;position:absolute;left:calc(100% + 1.4rem);top:-.15em;padding:0;margin:0;background-color:transparent;}

.hmsect-columns dl.hmsect-item{}
.hmsect-columns ul.hmsect-item{}
.hmsect-columns.ax-container{width:100%;padding-right:0;padding-left:0;}
.hmsect-columns{overflow:hidden;}
.hmsect-columns dd{ float:left; width:50%; position:relative; overflow:hidden;}
.hmsect-columns dd a{ display:block; border-left:1px solid #e9e9e9; margin-left:-1px;transition:0.3s ease-in-out;}
.hmsect-columns dd .txt{ position:absolute; top:50%; margin-top:-64px; left:68.125%;}
.hmsect-columns dd:nth-child(2n) .txt{ left:6.77%;}
.hmsect-columns dd img{ display:block; width:100%; transition:0.3s;}
.hmsect-columns dd:hover img{ opacity:0.1; transform:scale(1.3); -webkit-transform:scale(1.3); -ms-transform:scale(1.3);}
.hmsect-columns dd:hover a{ background:#ff6c00;}
.hmsect-columns dd .txt *{ font-weight:normal; margin:0;}
.hmsect-columns dd .txt h2{color:#000; font-size:36px; padding-bottom:16px; line-height:56px;}
.hmsect-columns dd .txt h5{ line-height:28px;color:#777;}
.hmsect-columns dd .txt .more{ display:block; width:60px; height:30px; background:url(../images/home/more.png) no-repeat; margin:0 auto; transform:translateY(30px); -webkit-transform:translateY(30px); -ms-transform:translateY(30px); opacity:0;transition:0.3s 0.3s ease-in-out}
@media(max-width:1600px){
	.hmsect-columns dd .txt h2{ font-size:28px; line-height:40px;}
	.hmsect-columns dd .txt h5{ font-size:16px;}
	.hmsect-columns dd .txt{ margin-top:-70px;}
}
.hmsect-columns dd:hover .txt{ text-align:center; left:0; width:100%; text-align:center;}
.hmsect-columns dd:hover .txt h2{color:#fff; font-size:36px; font-weight:bold;}
.hmsect-columns dd:hover .txt h5{ opacity:0; height:56px;}
.hmsect-columns dd:hover .txt .more{ opacity:1;transform:translateY(10px); -webkit-transform:translateY(10px); -ms-transform:translateY(10px);}

.hmsect-columns .ul-1{ border-bottom:1px solid #eee;}
.hmsect-columns .ul-1 li{ padding-bottom:13.3999%;}
.hmsect-columns .ul-2 li{padding-bottom:13.3999%; /*padding-bottom:8.671%*/}

.hmsect-columns li{ float:left; width:25%; position:relative;padding-bottom:13.3999%;}
.hmsect-columns li > *{position:absolute;}
.hmsect-columns li a{  top:0; bottom:0; width:100%; border-left:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; left:-1px; z-index:10;}
.hmsect-columns li .icon_on{ z-index:1; overflow:hidden; top:1px; left:0; width:100%; height:100%;opacity:0; }
.hmsect-columns li .icon_on img{ position:absolute; left:-50px; top:-30px; filter:alpha(opacity=10);opacity: 0.1;-moz-opacity:0.1;-khtml-opacity: 0.1; width:300px; height:300px;transform:scale(0.4); -webkit-transform:scale(0.4); -ms-transform:scale(0.4);  transition:0.3s ease-in-out;}
.hmsect-columns li .icon{ left:7.5%; top:50%; margin-top:-45px; z-index:2;transition:0.3s ease-in-out}
.hmsect-columns li .icon img{ height:70px; width:70px;}
.hmsect-columns li .txt{ z-index:4; left:7.5%; margin-left:90px; max-width:286px; top:50%; margin-top:-42px;transition:0.3s ease-in-out;}
.hmsect-columns .ul-2 li .txt{max-width:325px;}
.hmsect-columns li .txt *{ margin:0; }
.hmsect-columns li .txt h4{  color:#000; padding-bottom:5px;}
.hmsect-columns li .txt h4 i{font-family:'Streetvertising';}
.hmsect-columns li .txt p{ line-height:24px; font-size:18px;}
.hmsect-columns li .more{ display:block; width:60px; height:30px; background:url(../images/home/more.png) no-repeat; margin:0 auto; transform:translateY(30px); -webkit-transform:translateY(30px); -ms-transform:translateY(30px); opacity:0;transition:0.3s 0.3s ease-in-out}

.hmsect-columns li:hover{background:#ff6c00; }
.hmsect-columns li:hover .icon_on{ opacity:1; -webkit-opacity:1;}
.hmsect-columns li:hover .icon_on img{transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1);}
.hmsect-columns li:hover .icon{opacity:0; -webkit-opacity:0;transform:scale(0); -webkit-transform:scale(0); -ms-transform:scale(0);}
.hmsect-columns li:hover .txt{ left:0; text-align:center; color:#fff; margin-left:0; max-width:none !important; width:100%;margin-top:-52px;}
.hmsect-columns li:hover .txt p{ opacity:0;}
.hmsect-columns .ul-2 li:hover .txt p{ display:none;}
.hmsect-columns li:hover .txt h4{color:#fff; font-size:36px; font-weight:bold;}
.hmsect-columns li:hover .more{ opacity:1;transform:translateY(10px); -webkit-transform:translateY(10px); -ms-transform:translateY(10px);}
@media(max-width:1600px){
	.hmsect-columns li .icon{ margin-top:-35px;}
	.hmsect-columns li .icon img{ height:50px; width:50px;}
	.hmsect-columns li .txt{ margin-left:60px; width:60%; margin-top:-40px;}
	.hmsect-columns .ul-2 li .txt{ width:69%;}
	.hmsect-columns .ul-2 li:hover .txt{margin-top:-30px;}
	.hmsect-columns li .txt h4{ font-size:20px;}
	.hmsect-columns li:hover .txt{ width:100%;}
	.hmsect-columns li:hover .txt h4{font-size:28px;}
	.hmsect-columns li .txt p{ font-size:14px;}
	.hmsect-columns li .icon_on img{ width:260px; height:260px;}
}
.home-brand.aboutBg{background-image:url(../images/yinuo/1591572757887.jpg);background-position:center top;background-repeat:no-repeat;background-size:cover;margin-top:-4rem;}
.hmsect-page .hmsect-about .hmsect-body .hmsect-box .hmbrand-list h3{color:#1f1f1f;font-weight:normal;font-size:3rem;padding-bottom:1.5rem;}
.hmsect-about .about-txt{color:#777;font-size:1.35rem;line-height:2;}

.hmbrand-bot{
    width: 100%;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    margin-top: 2.3rem;
}
.hmbrand-bot a{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    font-size: 1.5rem;
    line-height:2;
    color: #b2b2b2;
}
.hmbrand-bot a i{border:2px solid #b2b2b2;line-height:0.8;font-size:2rem;width:30px;height:30px;text-align:center;border-radius:15px;margin:0 10px;}
.hmbrand-bot a:hover{color:#000;}
.hmbrand-bot a:hover i{border-color:black;}