@media screen and (max-width: 900px) {
.pc-content{
display: none !important;
}
body{
padding-top: 60px;
}
body.ajax-page-active{
padding-top: 0px;
}
.mobile-header{
position: fixed;
width: 100%;
height: 60px;
background: #fff;
top: 0px;
display: flex;
align-items: center;
z-index: 33;
box-shadow: 0 0 10px rgba(0,0,0,0.06);
}
.mobile-header-left img{
height: 36px;
width: auto;
}
.mobile-header-left{
margin-left: 15px;
}
.mobile-header-middle{
}
.mobile-header-right{
}
.phone-icon-holder{
display: flex;
color: #333;
background: rgba(255,255,255,0.6);
border-radius: 50px;
padding: 2px;
align-items: center;
}
.phone-text{
font-size: 14px;
line-height: 1.4em;
padding-right: 15px;
padding-left: 6px;
margin-top: 0px;
color: #666;
}
.phone-text .phone-number{
font-size: 16px;
font-weight: bolder;
margin-bottom: 5px;
color: #EB661B;
}
.phone-icon{
width: 24px;
height: 24px;
border-radius: 40px;
font-size: 24px;
background: none;
color: #EB661B;
text-align: center;
line-height: 22px;
}
.mobile-tab-bars{
position: fixed;
width: 100%;
left: 0;
bottom: 0;
height: 60px;
display: flex;
background: #fff;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
z-index: 9;
}
.mobile-tab-bar-item{
flex: 1;
text-align: center;
margin-top: 11px;
}
.mobile-tab-bar-icon{
font-size: 20px;
color: #333;
height: 23px;
line-height: 20px;
}
.mobile-tab-bar-icon .icon-font.filled{
display: none;
}
.mobile-tab-bar-item.active .icon-font{
display: none;
}
.mobile-tab-bar-item.active .icon-font.filled{
display: block;
color: #EB661B;
}
.mobile-tab-bar-icon.bigger{
font-size: 22px;
margin-top: -2px;
height: 25px;
line-height: 23px;
}
.mobile-tab-bar-icon.large{
font-size: 24px;
margin-top: -2px;
height: 25px;
line-height: 23px;
}
.mobile-tab-bar-icon.small{
font-size: 19px;
margin-top: 0px;
height: 23px;
line-height: 20px;
}
.mobile-tab-bar-text{
font-size: 13px;
color: #666;
margin-top: 1px;
}
.mobile-tab-bar-item.active .mobile-tab-bar-text{
color: #EB661B;
}
.home-slider-holder{
width: 100%;
top: 0;
z-index: 1;
}
.home-slider{
overflow: hidden;
}
.home-slider-item-media{
width: 100%;
height: auto;
}
.main{
position: relative;
z-index: 8;
}
.main-section-inner{
max-width: 1400px;
width: 90%;
margin: auto;
}
.full-section-inner{
width: 90%;
margin: auto;
}
.product-section{
background: #F6AC19;
overflow: hidden;
}
.product-section .main-section-inner{
height: 650px;
position: relative;
width: 100%;
}
.product-arrow{
position: absolute;
text-align: center;
color: rgba(0,0,0,0.5);
width: 40px;
height: 40px;
line-height: 40px;
font-size: 30px;
opacity: 0.5;
border-radius: 50px;
}
.product-arrow-left{
left: 10px;
top: 380px
}
.product-arrow-right{
right: 10px;
top: 380px
}
.product-section-left{
padding-top: 100px;
}
.product-section-inner{
justify-content: center;
}
.product-section-right{
position: relative;
display: flex;
justify-content: center;
}
#main-circle{
width: 180vw;
height: 180vw;
background: #EFEBE4;
border-radius: 600px;
transform-origin: center center;
transition: transform 1s;
position: absolute;
top: -50px
}
.index-1 #main-circle{
transform: translateY(250px) rotate(90deg);
}
.index-2 #main-circle{
transform: translateY(250px) rotate(180deg);
}
.index-3 #main-circle{
transform: translateY(250px) rotate(270deg);
}
.index-4 #main-circle{
transform: translateY(250px) rotate(0deg);
}
.index-1 .circle-info-a{
opacity: 1;
}
.index-2 .circle-info-b{
opacity: 1;
}
.index-3 .circle-info-c{
opacity: 1;
}
.index-4 .circle-info-d{
opacity: 1;
}
.index-1 .circle-info-a .circle-item-title,
.index-1 .circle-info-a .circle-item-tag,
.index-1 .circle-info-a .circle-item-summary{
opacity: 1;
transform: translateY(0);
}
.index-2 .circle-info-b .circle-item-title,
.index-2 .circle-info-b .circle-item-tag,
.index-2 .circle-info-b .circle-item-summary{
opacity: 1;
transform: translateY(0);
}
.index-3 .circle-info-c .circle-item-title,
.index-3 .circle-info-c .circle-item-tag,
.index-3 .circle-info-c .circle-item-summary{
opacity: 1;
transform: translateY(0);
}
.index-4 .circle-info-d .circle-item-title,
.index-4 .circle-info-d .circle-item-tag,
.index-4 .circle-info-d .circle-item-summary{
opacity: 1;
transform: translateY(0);
}
.circle-item-bubble{
position: absolute;
border-radius: 100px;
opacity: 0;
transform: translate3d(0,100px,0);
transition: opacity 500ms, transform 500ms;
}
.circle-item-a .circle-item-bubble-1{
background-color: #F1C71A;width:90px;height:90px; left:0px;top:80px
}
.circle-item-a .circle-item-bubble-2{
background-color: #A2C31D;width:40px;height:40px; left:50px;top:-50px
}
.circle-item-a .circle-item-bubble-3{
background-color: #fff;width:100px;height:100px; right:-10px;top:-30px
}
.circle-item-a .circle-item-bubble-4{
background-color: #F4B3B2;width:70px;height:70px; right:40px;top:100px
}
.circle-item-b .circle-item-bubble-1{
background-color: #FF6800;width:60px;height:60px; left:15px;top:50px
}
.circle-item-b .circle-item-bubble-2{
background-color: #FF6800;width:50px;height:50px; left:-10px;top:-30px
}
.circle-item-b .circle-item-bubble-3{
background-color: #F4B3B2;width:90px;height:90px; right:0px;top:70px
}
.circle-item-b .circle-item-bubble-4{
background-color: #fff;width:20px;height:20px; right:40px;top:90px
}
.circle-item-c .circle-item-bubble-1{
background-color: #fff;width:20px;height:20px; left:30px;top:0px
}
.circle-item-c .circle-item-bubble-2{
background-color: #FFA101;width:40px;height:40px; right:0px;top:80px
}
.circle-item-c .circle-item-bubble-3{
background-color: #A6CD6C;width:80px;height:80px; right:-30px;top:30px
}
.circle-item-c .circle-item-bubble-4{
background-color: #F0832B;width:60px;height:60px; left:0px;top:-50px
}
.circle-item-d .circle-item-bubble-1{
background-color: #fff;width:50px;height:50px; left:10px;top:80px
}
.circle-item-d .circle-item-bubble-2{
background-color: #F4B3B2;width:60px;height:60px; left:0px;top:20px
}
.circle-item-d .circle-item-bubble-3{
background-color: #A6CD6C;width:20px;height:20px; right:0px;top:-30px
}
.circle-item-d .circle-item-bubble-4{
background-color: #fff;width:30px;height:30px; right:-20px;top:0px
}
.index-1 .circle-item-a .circle-item-bubble,
.index-2 .circle-item-d .circle-item-bubble,
.index-3 .circle-item-c .circle-item-bubble,
.index-4 .circle-item-b .circle-item-bubble{
opacity: 1;
transform: translate3d(0,0px,0);
}
.index-1 .circle-item-a .circle-item-bubble-1{
animation: floating-1 16s infinite;
}
.index-1 .circle-item-a .circle-item-bubble-2{
animation: floating-2 13s infinite;
}
.index-1 .circle-item-a .circle-item-bubble-3{
animation: floating-3 10s infinite;
}
.index-1 .circle-item-a .circle-item-bubble-4{
animation: floating-4 12s infinite;
}
.index-2 .circle-item-d .circle-item-bubble-1{
animation: floating-1 16s infinite;
}
.index-2 .circle-item-d .circle-item-bubble-2{
animation: floating-2 13s infinite;
}
.index-2 .circle-item-d .circle-item-bubble-3{
animation: floating-3 10s infinite;
}
.index-2 .circle-item-d .circle-item-bubble-4{
animation: floating-4 12s infinite;
}
.index-4 .circle-item-b .circle-item-bubble-1{
animation: floating-1 16s infinite;
}
.index-4 .circle-item-b .circle-item-bubble-2{
animation: floating-2 13s infinite;
}
.index-4 .circle-item-b .circle-item-bubble-3{
animation: floating-3 10s infinite;
}
.index-4 .circle-item-b .circle-item-bubble-4{
animation: floating-4 12s infinite;
}
.index-3 .circle-item-c .circle-item-bubble-1{
animation: floating-1 16s infinite;
}
.index-3 .circle-item-c .circle-item-bubble-2{
animation: floating-2 13s infinite;
}
.index-3 .circle-item-c .circle-item-bubble-3{
animation: floating-3 10s infinite;
}
.index-3 .circle-item-c .circle-item-bubble-4{
animation: floating-4 12s infinite;
}
.circle-item{
width: 90vw;
height: 90vw;
border-radius: 300px;
background: rgba(255,255,255, 0.1);
position: absolute;
display: flex;
align-items: center;
justify-content: center;
}
.circle-item-info-holder{
display: flex;
justify-content: center;
text-align: center;
height: 120px;
}
.circle-item-info{
opacity: 0;
position: absolute;
top:80px;
left: 0;
width: 100%;
transition: opacity 0.5s;
}
.circle-item-a{
left: -25%;
top: 25%;
transform: rotate(-90deg);
}
.circle-item-b{
left: 25%;
top: -25%;
transform: rotate(0deg);
}
.circle-item-c{
left: 75%;
top: 25%;
transform: rotate(90deg);
}
.circle-item-d{
left: 25%;
top: 75%;
transform: rotate(180deg);
}
.circle-item-photo{
height: 120%;
width: auto;
}
.circle-item-tag{
font-size: 20px;
color: #fff;
display: block;
padding: 5px 0px;
opacity: 0;
transform: translateY(50px);
transition: 0.8s;
margin-bottom: 10px;
font-weight: bold;
}
.circle-item-tag-icon{
display: inline-block;
text-align: center;
height: 20px;
width: auto;
vertical-align: middle;
margin-top: -4px;
line-height: 30px;
color: #fff;
font-weight: normal;
}
.circle-item-title{
font-size: 26px;
font-weight: bold;
color: #EB661B;
opacity: 0;
transform: translateY(150px);
transition: 0.8s;
background: #fff;
padding: 6px 12px;
border-radius: 8px;
display: inline-block;
}
.circle-item-summary{
font-size: 14px;
color: #fff;
opacity: 0;
transform: translateY(150px);
margin: 10px auto 0px auto;
transition: 0.8s;
width: 70%;
}
.circle-item-pagination{
margin-top: 50px;
position: relative;
left: 0;
bottom: 20px;
z-index: 9;
width: 100%;
text-align: center;
}
.circle-item-pagination div{
display: inline-block;
width: 30px;
height: 30px;
border-radius: 50px;
border: 2px solid rgba(255,255,255,0);
margin-right: 15px;
background-color: rgba(255,255,255,0.6);
background-size: auto 150%;
background-repeat: no-repeat;
background-position: center -20%;
cursor: pointer;
transform: scale3d(1,1,1);
transition: transform 500ms, border 500ms;
}
.circle-item-pagination div.active, .circle-item-pagination div:hover{
border: 2px solid rgba(255,255,255,1);
transform: scale3d(1.2,1.2,1.2);
}
.circle-item-pagination .circle-item-pagination-item:last-child{
margin-right: 0;
}
.jiameng-items-section{
padding: 50px 0;
background: #fff;
}
.section-title-holder{
text-align: center;
}
.section-title span{
}
.supply-chain-section .section-title span{
display: block;
}
.section-tag{
margin-bottom: 10px;
}
.d-flex{
display: flex;
}
.flex-grow-1{
flex-grow: 1;
}
@keyframes bg-color-1 {
0% {
background: #EB661B;
}
20% {
background: #F5AB1A;
}
40% {
background: #21b8c5;
}
60% {
background: #A2C31D;
}
80% {
background: #EB661B;
}
}
@keyframes bg-color-2 {
0% {
background: #21b8c5;
}
20% {
background: #A2C31D;
}
40% {
background: #F5AB1A;
}
60% {
background: #EB661B;
}
80% {
background: #21b8c5;
}
}
@keyframes bg-color-3 {
0% {
background: #E23354;
}
20% {
background: #EB661B;
}
40% {
background: #A2C31D;
}
60% {
background: #F4B3B2;
}
80% {
background: #E23354;
}
}
@keyframes move-left-right {
from { background-position-x: 0; }
to { background-position-x: -813.5px }
}
.date{
color: #999;
display: block;
}
.job-wrap p{
margin-top: 0;
margin-bottom: 10px;
display: none;
}
.job-wrap .work-info{
color: #444;
background: #f3f3f3;
border-radius: 4px;
border: 1px solid #EC6A00;
}
.job-wrap .work-info h3{
font-size: 20px !important;
}
.job-wrap .work-info:hover {
box-shadow: 0 0 8px rgba(0,0,0,0.2);
background: #EC6A00;
color: #fff;
}
.work-item{
position: relative;
}
.work-item-container{
position: relative;
}
.work-info{
padding: 15px;
background: #fff;
text-align: center;
}
.work-info{
text-align: left;
}
.work-info h1{
font-size: 2.5rem;
}
.work-info h3{
font-size: 16px;
font-weight: bold;
}
.work-info.caption{
position: absolute;
padding: 0;
background: none;
left: 0;
top: 0;
width: 100%;
height: 100%;
text-shadow: 0 0 5px rgba(0,0,0,0.8);
}
.work-info.caption .work-info-inner{
position: absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
}
.work-info-inner p{
font-size: 13px;
margin-top: 10px;
}
.item-margin-none .work-item-inner{
margin-right: 0px;
margin-bottom: 0px;
}
.item-margin-line .work-item-inner{
margin-right: 1px;
margin-bottom: 1px;
}
.item-margin-tiny .work-item-inner{
margin-right: 10px;
margin-bottom: 10px;
}
.item-margin-small .work-item-inner{
margin-right: 20px;
margin-bottom: 20px;
}
.item-margin-large .work-item-inner{
margin-right: 40px;
margin-bottom: 40px;
}
.work-image{
overflow: hidden;
position: relative;
}
.work-overlay{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #000 ;
opacity: 0.3;
-webkit-transition: opacity 300ms;
transition: opacity 300ms;
}
.work-item:hover .work-overlay{
opacity: 0.1;
-webkit-transition: opacity 300ms;
transition: opacity 300ms;
}
.work-image img{
width: 100%;
height: auto;
}
.work-item-zoom .work-image img{
transition: transform 300ms;
}
.work-item-zoom:hover img{
-webkit-transition: transform 300ms;
-webkit-transform: scale(1.2, 1.2);
-ms-transform: scale(1.2, 1.2);
transition: transform 300ms;
transform: scale(1.2, 1.2);;
}
.col-4 .work-item{
width: 50%;
float: left;
}
.jiaru .work-info-inner h3{
font-size: 15px;
}
.jiaru .work-info-inner p{
margin-top: 0px;
margin-bottom: 10px;
font-size: 10px;
}
.responsive-item-list{
}
.responsive-item{
padding: 20px;
}
.responsive-item-icon-holder{
display: flex;
justify-content: center;
}
.responsive-item-icon-inner{
width: 100px;
height: 100px;
background: #F55E23;
border-radius: 100px;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.responsive-item-icon{
position: absolute;
z-index: 2;
}
.responsive-item-icon .icon-font{
font-size: 40px;
color: #fff;
}
.responsive-item-icon .icon-font.large{
font-size: 55px;
}
.responsive-item-icon .number{
font-size: 30px;
height: 30px;
line-height: 30px;
color: #fff;
}
.responsive-item-icon-bg-1{
position: absolute;
width: 86px;
height: 86px;
background: rgba(0,0,0,0.1);
border-radius: 100px;
}
.responsive-item-icon-bg-2{
position: absolute;
width: 72px;
height: 72px;
background: rgba(0,0,0,0.1);
border-radius: 100px;
}
.responsive-item-list.color .responsive-item-icon-inner{
border-radius: 20px;
background: none;
width: 40px;
height: 40px;
}
.responsive-item-list.color .responsive-item-icon-bg-1{
border-radius: 5px;
transform: rotate(22deg);
width: 30px;
height: 30px;
background: #F7AC14;
z-index: 1;
}
.responsive-item-list.color .responsive-item-icon-bg-2{
border-radius: 5px;
transform: rotate(-22deg);
width: 30px;
height: 30px;
background: #F7AC14;
z-index: 1;
}
.responsive-item-list.color .number{
font-size: 20px;
z-index: 2;
}
.responsive-item-list.orange .responsive-item-icon-inner{
background: rgba(255,255,255, 0.5);
}
.responsive-item-list.orange .responsive-item-icon-bg-1{
background: rgba(255,255,255, 0.5);
}
.responsive-item-list.orange .responsive-item-icon-bg-2{
background: rgba(255,255,255, 0.5);
}
.responsive-item-list.orange .responsive-item-icon .icon-font{
color: #EB661B;
}
.responsive-item-title{
text-align: center;
font-size: 16px;
margin-top: 20px;
letter-spacing: 1px;
}
.responsive-item-summary{
text-align: center;
font-size: 13px;
opacity: 0.6;
margin-top: 0px;
}
.responsive-item-icon-inner:after{
content: '';
position: absolute;
height: 1px;
background: #ccc;
width: 1px;
height: 50%;
right: 50%;
bottom: -50%;
}
.responsive-item-icon-inner:before{
content: '';
position: absolute;
height: 1px;
background: #ccc;
width: 1px;
height: 30%;
right: 50%;
top: -30%;
}
.color .responsive-item-icon-inner:before{
height: 130%;
top: -130%;
}
.color .responsive-item-icon-inner:after{
height: 60%;
bottom: -60%;
}
.color.responsive-item-list .responsive-item:first-child .responsive-item-icon-inner:before{
content: '';
display: none;
}
.color.responsive-item-list .responsive-item:last-child .responsive-item-icon-inner:after{
content: '';
display: none;
}
.orange .responsive-item-icon-inner:after, .factory .responsive-item-icon-inner:after{
display: none;
}
.orange .responsive-item-icon-inner:before, .factory .responsive-item-icon-inner:before{
display: none;
}
.responsive-holder{
}
.col-1{
}
.col-2{
}
.partner-story-section{
background: #333;
padding: 80px 0 120px 0;
color: #fff;
}
.partner-story-section .section-tag{
margin-top: -30px;
}
.partner-avatar img{
width: 100%;
height: auto;
}
.partner-stories-holder{
}
.partner-stories{
height: 380px;
}
.partner-story{
margin: auto;
padding-top: 30px;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.partner{
display: flex;
margin-top: 60px;
}
.partner-quote{
line-height: 1.6em;
position: relative;
width: 90%;
font-size: 13px;
margin-top: 20px;
padding: 40px 20px 10px 20px;
position: relative;
}
.partner-quote:before{
content: '“';
position: absolute;
left: 0px;
top: 0px;
font-size: 60px;
color: #666;
}
.partner-quote:after{
content: '”';
position: absolute;
right: 20px;
bottom: -40px;
font-size: 60px;
color: #666;
}
.partner-avatar{
width: 60px;
height: 60px;
background-color: #ccc;
border-radius: 100px;
overflow: hidden;
}
.partner-info{
display: flex;
align-items: center;
margin-left: 15px;
}
.partner-name{
font-size: 18px;
font-weight: bold;
}
.partner-note{
font-size: 14px;
}
.partner-stories .slick-dots{
width: 100%;
text-align: center;
}
.partner-stories .slick-dots li{
display: inline-block;
margin: 0 10px;
}
.partner-stories .slick-dots li button{
display: inline-block;
border-radius: 20px;
width: 18px;
height: 18px;
text-align: center;
line-height: 18px;
font-size: 12px;
border: none;
background: #666;
color: #333;
cursor: pointer;
}
.partner-stories .slick-dots li.slick-active button{
background: #EB661B;
color: #fff;
}
.partner-stories .slick-dots li:hover button{
background: #EB661B;
color: #fff;
}
.store-gallery-section{
background: #fff;
}
.store-gallery-section-inner{
display: flex;
flex-wrap: wrap;
}
.store-gallery-photo{
width: 50%;
padding-bottom: 33%;
background-size: cover;
background-position: center center;
}
.store-feature-section{
padding: 60px 0;
background-color: #fff;
background-image: url("http://www.hongtaosan.com/bingxue/assets/images/big-bg-pattern.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.store-feature-section .full-section-inner{
padding: 0;
width: 100%;
}
.featured-stores-holder{
}
.featured-stores{
flex-grow: 1;
height: 270px;
margin-top: 50px;
}
.featured-stores .slick-list{
overflow: visible !important;
}
.featured-store{
margin: 0 5px;
}
.featured-store img{
display: block;
width: 100%;
height: auto;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
transition: transform 0.5s, opacity 0.5s;
opacity: 0.7;
position: relative;
transform: scale3d(0.7,0.7,0.7);
}
.featured-store.slick-center{
z-index: 33;
}
.featured-store.slick-center img{
transform: scale3d(1.3,1.3,1.3);
opacity: 1;
z-index: 33;
}
.featured-stores-navs-holder{
text-align: center;
}
.featured-stores-navs{
text-align: center;
background: rgba(202,135,27,0.2);
display: inline-block;
border-radius: 100px;
}
.bigger .featured-stores-navs{
border-radius: 8px;
background: none;
}
.bigger.featured-stores-navs-holder {
margin: 16px;
}
.featured-stores-nav{
display: inline-block;
color: #EB661B;
padding: 8px;
margin: 2px;
border-radius: 20px;
font-size: 16px;
height: 29px;
line-height: 15px;
cursor: pointer;
transition: background-color 0.5s, color 0.5s;
}
.bigger .featured-stores-nav{
padding: 8px;
font-size: 12px;
height: 12px;
line-height: 12px;
background: rgba(202,135,27,0.2);
}
.featured-stores-nav.active{
background: #EB661B;
color: #fff;
}
.text-12{
font-size: 12px;
}
.text-14{
font-size: 12px;
}
.text-16{
font-size: 14px;
}
.text-18{
font-size: 16px;
}
.text-24{
font-size: 20px;
}
.text-32{
font-size: 26px;
}
.text-40{
font-size: 24px;
}
.text-48{
font-size: 30px;
}
.text-bold{
}
.text-spacing-1{
letter-spacing: 1px;
}
.text-spacing-2{
letter-spacing: 2px;
}
.text-spacing-4{
letter-spacing: 4px;
}
.opacity-10{
opacity: 0.1;
}
.opacity-20{
opacity: 0.2;
}
.opacity-30{
opacity: 0.3;
}
.opacity-40{
opacity: 0.4;
}
.opacity-60{
opacity: 0.6;
}
.opacity-80{
opacity: 0.8;
}
.opacity-90{
opacity: 0.9;
}
.text-gradient-color-orange{
background-image: linear-gradient(to right,#EC6A00,#F5AB1A);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
}
.text-gradient-color-yellow{
background-image: linear-gradient(to right,#F5AB1A,#FFFFFF);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
}
.text-color-white{
color: #fff;
}
.text-color-blue{
color: #21b8c5;
}
#store-highlight-section{
background-color: #F0832B;
padding: 60px 0 50px 0;
background-image: url("/static/image/big-bg-pattern-4.png");
background-size: 100% auto;
background-position: left -100px;
background-repeat: no-repeat;
}
#store-highlight-section .section-title{
text-align: left;
}
.highlight-store.d-flex{
display: block;
}
.highlight-stores{
margin-top: 20px;
height: 400px;
}
.highlight-store-image{
width: 100%;
height: auto;
}
.highlight-store .col-2:last-child{
border-radius: 12px;
border: 8px solid #fff;
overflow: hidden;
}
.highlight-store-info{
text-align: left;
margin-left: 5px;
}
.highlight-store-info .icon-font{
display: none;
}
.highlight-store-info .d-flex{
display: block;
text-align: left;
}
.highlight-store-info .text-24{
margin-bottom: 8px;
}
.h-store-icon-2{
display: none;
}
.h-store-info-2 {
margin-bottom: 20px;
}
.h-store-info-2 .text-18, .h-store-info-2 .text-14{
font-size: 12px;
opacity: 0.6;
display: inline;
}
.h-store-icon img{
height: 30px;
width: auto;
margin-bottom: 8px;
}
#highlight-stores-navs{
text-align: center;
}
#highlight-stores-navs .slick-dots{
display: inline-block;
}
#highlight-stores-navs li{
display: inline-block;
margin: 8px;
width: 8px;
height: 8px;
overflow: hidden;
font-size: 1px;
line-height: 1000px;
border: 1px solid #fff;
border-radius: 20px;
cursor: pointer;
}
#highlight-stores-navs li.slick-active{
background: #fff;
}
#highlight-stores-navs button{
display: none;
}
.product-list-section{
padding: 60px 0 0px 0;
background: #fff;
}
.product-list-section .main-section-inner{
width: 100%;
padding: 0;
position: relative;
}
.products-list{
height: calc(100vw * (244/350));
}
.products-new-list .product-list-item-inner{
border-radius: 5px;
margin: 2px;
}
.products-new-list .product-list-item{
width: 50%;
}
.product-image{
width: 100%;
height: auto;
}
.product-list-item-inner{
overflow: hidden;
position: relative;
}
.product-main-title{
position: absolute;
left: 0;
top: 0;
height: 60px;
display: flex;
width: 100%;
justify-content: center;
align-items: center;
text-align: center;
font-size: 16px;
font-weight: 300;
letter-spacing: 2px;
opacity: 0.8;
transition: opacity 0.5s;
}
.product-info{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(237,106,0,0);
color: #fff;
transition: background-color 0.5s;
cursor: pointer;
}
.product-info-inner{
margin: 16px;
}
.product-info-title{
font-weight: bold;
font-size: 14px;
opacity: 0;
transform: translateY(90px);
transition: opacity 0.5s, transform 0.5s;
transition-delay: 0.2s;
}
.product-info-summary{
font-size: 13px;
opacity: 0;
transform: translateY(90px);
transition: opacity 0.5s, transform 0.5s;
transition-delay: 0.3s;
}
.product-icon{
position: absolute;
right: 30px;
bottom: 30px;
height: 40px;
opacity: 0;
transform: translateY(90px);
transition: opacity 0.5s, transform 0.5s;
transition-delay: 0.4s;
}
.active .product-list-item-inner .product-main-title,.active .product-list-item-inner .product-main-title{
opacity: 0;
}
.active .product-list-item-inner .product-info,.active .product-list-item-inner .product-info{
background-color: rgba(237,106,0,0.8);
}
.active .product-list-item-inner .product-info-summary,.active .product-list-item-inner .product-info-summary{
opacity: 1;
transform: translateY(0);
transition-delay: 0s;
}
.active .product-list-item-inner .product-info-title,.active .product-list-item-inner .product-info-title{
opacity: 1;
transform: translateY(0);
transition-delay: 0s;
}
.active .product-list-item-inner .product-icon,.active .product-list-item-inner .product-icon{
opacity: 1;
transform: translateY(0);
transition-delay: 0ms;
}
.products-header{
margin: 20px;
}
.products-header.responsive-holder{
display: flex;
}
.products-category-title{
font-size: 20px;
}
.products-arrows{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
z-index: 9;
}
.products-arrows button{
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: none;
width: 30px;
height: 30px;
background-size: 100% 100%;
opacity: 0.5;
position: absolute;
bottom: calc(((100vw*(244/350))/2));
margin-top: 30px;
opacity: 1;
}
.products-arrows .slick-next{
background-image: url("/static/image/arrow-next.png");
background-size: 80% auto;
background-position: center center;
background-repeat: no-repeat;
right: 0;
}
.products-arrows .slick-prev{
background-image: url("/static/image/arrow-prev.png");
margin-right: 10px;
background-size: 80% auto;
background-repeat: no-repeat;
background-position: center center;
left: 0;
}
.products-list-navs{
bottom: 10px;
z-index: 3;
display: flex;
position: absolute;
width: 100%;
justify-content: center;
}
.products-list-navs .slick-dots{
display: inline-block;
}
.products-list-navs .slick-dots li{
display: inline-block;
width: 8px;
height: 8px;
color: transparent;
margin: 6px;
border-radius: 20px;
background: rgba(0,0,0,0.1);
cursor: pointer;
}
.products-list-navs .slick-dots li:hover, .products-list-navs .slick-dots li.slick-active{
background: rgba(0,0,0,0.5);
}
.products-list-navs .slick-dots button{
opacity: 0;
cursor: pointer;
}
.supply-section{
padding: 80px 0;
background: #333;
}
.supply-section-bg{
height: 400px;
width: 827px;
overflow: hidden;
}
.supply-section-bg-holder{
animation: move-left-right 15s linear infinite;;
position: absolute;
overflow: hidden;
height: 400px;
width: 827px;
}
.supply-section .main-section-inner{
width: 100%;
}
.about-section {
padding: 70px 0;
background-image: url("http://www.hongtaosan.com/bingxue/assets/images/big-bg-pattern-2.png");
background-size: auto 100%;
background-position-x: -10%;
background-position-y: -20%;
background-repeat: no-repeat;
}
.about-section .col-2{
margin-bottom: 15px;
}
.about-section .col-2 .text-16{
font-size: 12px;
line-height: 1.8em;
margin-top: 15px;
opacity: 0.8;
}
.footer{
padding: 50px 0 80px 0;
background-color: #EC6A00;
background-image: url("http://www.hongtaosan.com/bingxue/assets/images/vi-bg.png");
background-size: 300% auto;
background-position: left bottom;
background-repeat: no-repeat;
color: #fff;
position: relative;
margin-bottom: 60px;
}
.footer-holder{
text-align: center;
margin-bottom: 10px;
}
.footer-holder .col-1{
margin-bottom: 20px;
}
.footer-logo{
height: 35px;
width: auto;
}
.footer-website-url{
letter-spacing: 0.9px;
font-size: 11px;
margin-top: 10px;
opacity: 0.7;
}
.footer-website-note{
letter-spacing: 0.5px;
font-size: 11px;
margin-top: 5px;
opacity: 0.7;
}
.mobile-social-link-list{
flex: 1;
}
.social-link-list{
display: flex;
justify-content: right;
opacity: 0.7;
}
.social-link{
width: 25px;
height: 25px;
border-radius: 40px;
line-height: 25px;
text-align: center;
font-size: 17px;
background: #fff;
color: #D6630D;
margin: 0 0 0 16px;
vertical-align: baseline;
}
.social-link.douyin{
font-size: 15px;
}
.social-link-image{
width: 25px;
height: 25px;
vertical-align: bottom;
}
.footer-contact{
text-align: center;
width: 75%;
margin: auto;
opacity: 0.7;
display: none;
}
.footer-info {
background: #F6AC19;
color: rgba(0,0,0,0.8);
padding: 20px;
display: none;
}
.footer-info .col-2{
text-align: right;
}
.footer-application{
padding: 80px 0;
background-image: url("http://www.hongtaosan.com/bingxue/assets/images/application-cover.jpg");
background-size: cover;
background-position: center center;
position: relative;
}
.footer-application .main-section-inner{
width: 60%;
margin: auto;
text-align: center;
}
.footer-application .main-section-inner.big-leaf{
border-radius: 0;
}
.footer-application{
color: #333;
}
.footer-application .main-section-inner .col-2{
position: relative;
margin-bottom: 20px;
font-weight: bold;
line-height: 2.2em;
}
.footer-application .main-section-inner .col-2 .text-18{
font-weight: normal;
margin-top: 15px;
}
.footer-application .main-section-inner .col-1{
position: relative;
}
.application-icon{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.6);
}
.application-button{
display: inline-block;
padding: 12px 25px;
background: #EB661B;
color: #fff;
font-size: 18px;
border-radius: 30px;
font-weight: bold;
}
.application-button .icon-font{
font-size: 20px;
}
.big-leaf{
border-top-left-radius: 40px;
border-bottom-right-radius: 40px;
overflow: hidden;
}
.supply-chain-section{
padding: 80px 0 0px 0;
background: #eee;
}
.supply-chain-section .big-leaf{
border-radius: 0;
}
.supply-chain-section .main-section-inner{
padding-top: 0;
width: 100%;
}
.supply-chain-section .section-title-holder{
margin-bottom: 50px;
}
.supply-chain-item-holder{
margin: 0px;
}
.supply-chain-item{
position: relative;
}
.supply-chain-inner{
background: #fff;
position: relative;
}
.supply-chain-bg{
position: absolute;
left: 10px;
top: 10px;
width: 100%;
height: 100%;
background: #21B8C5;
border-top-left-radius: 47px;
border-bottom-right-radius: 47px;
display: none;
}
.supply-chain-cover img{
width: 100%;
height: auto;
}
.supply-chain-info{
position: relative;
}
.info-icon{
position: absolute;
width: 34px;
height: 34px;
line-height: 34px;
font-size: 20px;
text-align: center;
border-radius: 30px;
background: #fff;
color: #EB661B;
left: 30px;
top: -20px;
}
.supply-chain-info-inner{
padding: 20px;
}
.supply-chain-info-inner .text-12{
line-height: 1.5em;
opacity: 0.6;
margin-top: 10px;
}
.supply-chain-info-inner .text-18{
font-size: 18px;
}
.supply-chain-info-header{
display: flex;
}
.supply-chain-info-header .text-18{
font-weight: bold;
}
.supply-chain-info-header .icon-font{
font-size: 20px;
color: #EC6A00;
}
.supply-chain-info-detail{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.7);
color: #fff;
opacity: 0;
transition: opacity 300ms;
}
.supply-chain-cover {
position: relative;
}
.supply-chain-info-detail-inner{
padding: 30px;
font-size: 12px;
line-height: 18px;
transform: translateY(100px);
transition: transform 300ms;
}
.supply-chain-item.active .supply-chain-info-detail{
opacity: 1;
}
.supply-chain-item.active .supply-chain-info-detail-inner{
transform: translateY(0px);
}
.home-number-section{
padding: 36px 0px 36px 0px;
background: #EC6A00;
}
.home-number-section .responsive-holder{
display: flex;
}
.home-number-section .col-1{
flex: 1;
}
.home-number-section .main-section-inner{
width: 100%;
}
.home-number-section .main-section-inner .col-1:last-child{
}
.home-number-section .col-1{
}
.home-number-item.d-flex{
display: block;
}
.home-number-item{
font-size: 18px;
color: #fff;
display: flex !important;
justify-content: center;
flex-wrap: wrap;
}
.hom-number-body{
width: 100%;
text-align: center;
}
.home-number span{
font-size: 18px;
display: inline-block;
font-weight: bold;
}
.hom-number-icon{
font-size: 20px;
width: 30px;
height: 30px;
margin-bottom: 8px;
line-height: 30px;
text-align: center;
color: #0BB8C5;
background: #fff;
border-radius: 18px;
display: flex;
align-items: center;
justify-content: center;
}
.hom-number-icon img{
height: 18px;
width: auto;
}
.number-note{
opacity: 0.6;
font-size: 16px;
}
.number-note{
opacity: 0.6;
font-size: 10px;
}
.jiameng-items-section .section-title-holder{
margin-bottom: 40px;
}
.section-tag-image{
height: 50px;
width: auto;
}
.jiameng-section-4{
padding: 80px 0;
background: #B28247;
}
.ip-gallery-section-inner{
display: flex;
flex-wrap: wrap;
}
.ip-gallery-photo{
width: 33.3%;
}
.ip-gallery-photo img{
width: 100%;
height: auto;
}
.ip-photo-1{
animation: bg-color-1 3s infinite;
background: #EB661B;
}
.ip-photo-2{
background: #21b8c5;
animation: bg-color-2 3s infinite;
}
.ip-photo-3{
background: #E23354;
animation: bg-color-3 3s infinite;
}
.ip-photo-4{
background: #EB661B;
animation: bg-color-1 3s reverse infinite;
}
.factory-section{
padding: 120px 0;
background-image: url(http://www.hongtaosan.com/bingxue/assets/images/factory.jpg);
background-size: cover;
background-position: center center;
position: relative;
color: #fff;
}
.factory-section .main-section-inner{
position: relative;
}
.factory-section .section-title{
font-weight: normal;
}
.factory-section .section-summary{
font-weight: normal;
}
.section-bg-overlay{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0.6;
}
.factory-section .section-title-holder{
margin-bottom: 50px;
}
.factory-section .responsive-item{
padding: 0;
display: flex;
text-align: left;
margin-bottom: 20px;
}
.factory-section .responsive-item-info{
margin-left: 20px;
}
.factory-section .responsive-item-title{
margin-top: 0;
text-align: left;
}
.factory-section .responsive-item-icon-inner{
width: 70px;
height: 70px;
}
.factory-section .responsive-item-icon-bg-1{
width: 60px;
height: 60px;
}
.factory-section .responsive-item-summary{
font-size: 12px;
text-align: left;
}
.jiameng-items-section .responsive-item{
padding: 0;
display: flex;
text-align: left;
margin-bottom: 20px;
}
.jiameng-items-section .responsive-item-info{
margin-left: 20px;
}
.jiameng-items-section .responsive-item-title {
margin-top: 0;
text-align: left;
}
.jiameng-items-section .responsive-item-icon .icon-font{
font-size: 20px;
}
.jiameng-items-section .responsive-item-icon-inner{
width: 50px;
height: 50px;
}
.jiameng-items-section .responsive-item-icon-bg-1{
width: 40px;
height: 40px;
}
.jiameng-items-section .responsive-item-icon-bg-2{
width: 30px;
height: 30px;
}
.jiameng-items-section .responsive-item-summary{
font-size: 12px;
text-align: left;
}
.news-section{
padding: 60px 0 60px 0;
background: #eee;
}
.news-section .main-section-inner{
width: 100%;
padding: 0;
}
.news-item-holder{
margin: 20px;
}
.news-item{
position: relative;
}
.news-inner{
background: #fff;
position: relative;
border-radius: 8px;
overflow: hidden;
}
.news-bg{
position: absolute;
left: 6px;
top: 6px;
width: 100%;
height: 100%;
background: #21B8C5;
border-radius: 8px;
}
.news-cover img{
width: 100%;
height: auto;
}
.news-info{
min-height: 100px;
position: relative;
}
.news-info-inner{
padding: 20px;
}
.news-info-inner .text-12{
line-height: 1.5em;
opacity: 0.6;
margin-top: 10px;
}
.news-section .responsive-item{
padding: 0;
}
.news-section .responsive-holder{
margin-top: 50px;
}
.fl-item{
float: left;
width: 100%;
}
.fl-inner{
height: 150px;
margin: 6px 0px;
background-size: cover;
background-position: center center;
position: relative;
color: #fff;
border-radius: 3px;
overflow: hidden;
}
.fl-inner:before{
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0.5;
}
.fl-inner h3{
padding: 20px;
font-size: 18px;
position: relative;
}
.fl-inner p{
padding: 0px 20px;
position: relative;
}
.job-page-intro{
background: #f3f3f3;
padding-bottom: 80px;
padding-top: 80px;
}
.job-page-intro .section-caption h1{
color: #333;
}
.job-page-intro .section-caption p{
color: #666;
font-size: 16px;
margin-top: 15px;
}
.job-page-intro .section-caption{
margin-bottom: 20px;
}
.job-code {
text-align: center;
width: 350px;
margin: auto;
padding: 15px 15px;
border-radius: 4px;
margin-top: 35px;
background: rgba(255,255,255,0.1);
}
.job-code img{
float: left;
width: 100px;
height: auto;
display: inline-block;
}
.job-code p{
float:left;
height: 80px;
width: 240px;
margin-left: 10px;
margin-top: 2px !important;
text-align: left;
font-size: 16px;
}
.works-section{
padding: 80px 0 80px 0;
}
.section-summary{
opacity: 0.8;
margin-bottom: 15px;
}
.pinpai-summary{
margin-top: 20px;
line-height: 1.5em;
text-align: justify;
}
.value-section{
background: #D6630D;
}
.core-value-list{
margin-top: 20px;
}
.core-value-item{
padding: 14px 0;
font-size: 18px;
border-bottom: 1px solid #ddd;
color: #666;
}
.core-value-item .icon-font{
color: #EC6A00;
font-size: 20px;
}
.core-value-item span{
margin-right: 15px;
}
.core-value-list .core-value-item:last-child{
border-bottom: none;
}
.history-section{
padding: 80px 0 120px 0;
background: #B28247;
}
.history-list{
position: relative;
}
.history-item{
position: absolute;
left: 0;
top: 0;
opacity: 0;
width: 100%;
transform: translate3d(0,100px,0);
transition: opacity 500ms, transform 500ms;
}
.history-item.active{
opacity: 1;
transform: translate3d(0,0,0);
}
.history-section .col-1{
}
.years{
width: 100%;
}
.history-cover{
width: 100%;
height: 200px;
background-color: #ccc;
background-position: center center;
background-size: cover;
}
.history-info{
background: #fff;
padding: 20px;
line-height: 1.8em;
font-size: 12px;
}
.history-holder{
display: flex;
margin-top: 20px;
}
.timeline{
padding-right: 10px;
font-size: 18px;
font-weight: 200;
margin-right: 20px;
border-right: 1px solid #fff;
}
.timeline-year{
margin-bottom: 35px;
position: relative;
height: 20px;
line-height: 13px;
color: #fff;
}
.timeline-year:after{
content: '';
position: absolute;
right: -17px;
top: 0px;
width: 5px;
height: 5px;
background: #F5AB1A;
border: 4px solid #fff;
border-radius: 20px;
transform: scale3d(0.5,0.5,0.5);
transition: transform 500ms;
}
.timeline-year.active,.timeline-year:hover{
font-weight: bold;
}
.timeline-year.active:after{
transform: scale3d(1,1,1);
}
.jiameng-yaoqiu{
padding: 50px 0px 60px 0;
background: #eee;
}
.jiameng-yaoqiu{
padding: 50px 0 50px 0;
background: #eee;
}
.yaoqiu-col{
}
.yaoqiu-title-col{
}
.yaoqu-list{
margin-top: 20px;
opacity: 0.8;
}
.yaoqu-list li{
margin-bottom: 10px;
}
.yaoqu-list li span.icon-font{
margin-right: 10px;
color: #EB661B;
}
.yaoqiu-title{
margin-top: 20px;
color: #EB661B;
font-weight: bold;
font-size: 18px;
}
.yaoqiu-title .icon-font{
font-weight: normal;
margin-right: 8px;
font-size: 18px;
}
.feiyong-section{
padding: 80px 0;
background: #EC6A00;
}
.feiyong-section .section-title-holder{
width: 80%;
margin: auto;
}
.feiyong-list{
display: flex;
width: 95%;
margin: 60px auto 0 auto;
flex-wrap: wrap;
}
.feiyong-list li{
width: 50%;
margin-bottom: 20px;
height: auto;
align-items: stretch;
box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
border-radius: 10px;
background: #fff;
border-top: 5px solid #F5AB1A;
}
.feiyong-item{
margin: 0px;
padding: 0px 15px 0 15px;
height: auto;
}
.feiyong-item h3{
padding-top: 20px;
}
.feiyong-info{
font-size: 12px;
opacity: 0.6;
padding-bottom: 20px;
}
.feiyong-money{
margin-top: 10px;
font-size: 18px;
margin-bottom: 20px;
}
.feiyong-money span{
font-size: 11px;
}
.jiameng-liucheng{
padding: 80px 0;
background: #eee;
}
.liucheng-list{
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: auto;
}
.liucheng-item{
margin: 10px;
width: 90px;
text-align: center;
}
.liucheng-number{
font-size: 20px;
border-radius: 30px;
display: inline-block;
width: 40px;
height: 40px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
position: relative;
}
.liucheng-number-holder{
position: absolute;
width: 16px;
height: 16px;
left: -5px;
top: -5px;
background: #fff;
border: 2px solid #EC6A00;
color: #EC6A00;
font-size: 12px;
line-height: 16px;
text-align: center;
z-index: 1;
border-radius: 20px;
font-weight: bolder;
}
.liucheng-number .icon-font{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #EC6A00;
color: #fff;
line-height: 40px;
text-align: center;
font-size: 20px;
border-radius: 30px;
}
.liucheng-holder{
margin-top: 0;
}
.liucheng-title{
font-size: 16px;
margin-top: 6px;
font-weight: bold;
}
.fuchi-section{
padding: 80px 0;
}
.fuchi-section .section-title-holder{
margin-bottom: 30px;
}
.fuchi-section .supply-chain-item{
box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.fuchi-section .supply-chain-item .supply-chain-bg{
display: none;
}
.fuchi-section .supply-chain-item .big-leaf{
border-radius: 0;
}
.fuchi-section .supply-chain-info{
min-height: 150px;
}
.fullscreen-video-wrap{
height: 100%;
overflow: hidden;
display: flex;
justify-content: center;
}
.page-cover{
height: 220px;
}
#video{
height: 100%;
width: auto;
position: relative;
z-index: 1;
transition: opacity 300ms;
transform: translateY(0);
}
.loading #video{
opacity: 0;
transform: translateY(-1000px);
}
.supply-section{
padding: 80px 0;
position: relative;
font-weight: bold;
}
.supply-section .main-section-inner{
position: relative;
}
.supply-section-bg-holder{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.supply-section-bg{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #eee;
background-position: center center;
background-image: url(http://www.hongtaosan.com/bingxue/assets/images/supply-bg-2.jpg);
background-size: cover;
background-repeat: no-repeat;
opacity: 0;
transition: opacity 1500ms;
}
.supply-section-bg.active{
opacity: 1;
transition: opacity 500ms;
}
.supply-section-bg img{
width: 100%;
height: auto;
}
.supply-section .section-tag-image{
animation: fly 5s infinite;
}
.supply-list{
display: flex;
flex-wrap: wrap;
margin-top: 50px;
padding-left: 40px;
justify-content: center;
}
.supply-item{
width: 33.3%;
}
.supply-item-inner{
margin: 10px 40px 10px 0px;
}
.supply-item-photo{
padding-bottom: 100%;
border-radius: 150px;
background-position: left top;
background-size: cover;
display: flex;
justify-content: center;
position: relative;
border:2px solid #fff;
box-shadow: 0 0 15px rgba(0,0,0,0.3);
}
.supply-item-flag{
width: 25px;
height: 25px;
border-radius: 80px;
background-position: left top;
background-size: cover;
position: absolute;
bottom: -14px;
border: 1px solid #fff;
}
.supply-item-info{
padding-top: 20px;
text-align: center;
font-size: 14px;
color: #fff;
margin-left: -10%;
width: 120%;
}
.section-summary{
margin-top: 10px;
}
.page-cover{
position: relative;
z-index: 1;
}
.page-cover-overlay{
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(236,106,0,0.6);
display: flex;
justify-content: center;
align-items: center;
}
.page-cover-overlay.no-bg-color{
background: transparent;
}
.page-cover-overlay.black-bg-color{
background: rgba(0,0,0,0.3);
}
.page-cover-overlay.dark-black-bg-color{
background: rgba(0,0,0,0.5);
}
.page-cover-title{
color: #fff;
font-size: 30px;
}
.footer-contact-mobile{
text-align: left;
opacity: 0.6;
font-size: 12px;
line-height: 1.8em;
}
.mobile-footer{
display: flex;
align-items: center;
}
.jiameng-page-cover{
background-image: url("http://www.hongtaosan.com/bingxue/assets/images/cover-11.jpg");
}
.mendian-page-cover{
background-image: url("http://www.hongtaosan.com/bingxue/assets/images/cover-18.jpg");
}
.pinpai-page-cover{
background-image: url("/static/image/cover-pinpai.jpg");
}
.news-page-cover{
background-image: url("/static/image/cover-news.jpg");
}
.jiaru-page-cover{
background-image: url("http://www.hongtaosan.com/bingxue/assets/images/cover-19.jpg");
}
.home-news-holder{
overflow-x: visible;
overflow-y: hidden;
}
.home-news-holder .responsive-holder{
}
.home-news-holder .responsive-item{
float: left;
}
.page-cover .image-holder{
width: 100%;
height: 100%;
}
.home .page-cover{
height: 60vh;
}
.home .page-cover{
height: 60vh;
}
.home-slide-wrap{
height: 60vh;
}
.home-slide-wrap-holder{
height: 60vh;
position: relative;
}
#home-slide-pagination{
position: absolute;
bottom: 20px;
text-align: center;
width: 100%;
}
.home-slide-image {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
position: relative;
}
.home-slide-image-inner {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
position: absolute;
width: 100%;
height: 100%;
}
#home-slide-pagination .slick-dots{
display: inline-block;
}
#home-slide-pagination li{
display: inline-block;
margin: 8px;
width: 8px;
height: 8px;
overflow: hidden;
font-size: 1px;
line-height: 1000px;
border: 1px solid #fff;
border-radius: 20px;
cursor: pointer;
}
#home-slide-pagination li.slick-active{
background: #fff;
}
#home-slide-pagination button{
display: none;
}
.home-slide-image-inner {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
position: absolute;
width: 100%;
height: 100%;
}
#wrap{
position: relative;
width: 100%;
background: #eee;
}
.ajax-page-active #wrap{
position: fixed;
}
#ajax-page{
position: fixed;
z-index: -2;
opacity: 0;
width: 100vw;
}
#ajax-page-overlay{
position: fixed;
left: 0;
bottom: 0;
width: 100vw;
padding: 10px 0;
z-index: -3;
background: rgba(0,0,0,0);
text-align: center;
}
.ajax-page-active #ajax-page-overlay{
z-index: 99999;
background: rgba(0,0,0,0.5);
-webkit-transition: background 300ms;
transition: background 300ms;
}
.ajax-page-active #ajax-page{
position: relative;
opacity: 1;
z-index: 9999;
}
.close-button{
font-size: 40px;
text-align: center;
}
#ajax-page-wrap{
position: relative;
margin-left: -100vw;
width: 100vw;
min-height: 100vh;
background: #fff;
}
.ajax-page-active #ajax-page-wrap{
margin-left: 0;
-webkit-transition: margin-left 300ms;
transition: margin-left 300ms;
}
#ajax-page-content{
color: #333;
padding: 30px;
padding-bottom: 80px;
}
.post{
color: #333;
font-size: 16px;
line-height: 22px;
}
.post p{
line-height: 28px;
margin-bottom: 15px;
}
.post img{
width: 100%;
height: auto;
}
.post-title{
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #ccc;
}
.post-title h1{
float: left;
width: 70%;
font-size: 18px;
}
.post-date{
float: right;
width: 30%;
height: 30px;
line-height: 30px;
text-align: right;
color: #666;
}
.close-button{
color: #fff;
}
.post-page-holder{
margin-top: 0px !important;
padding-top: 10px !important;
padding: 10px;
}
}