#pro-title {
width:100%;
height:340px;
background:none;
padding-top:66px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:relative;
}
#pro-title:before {
content:"";
display:block;
width:0;
height:100%;
background:#ffbc1b;
position:absolute;
top:0;
left:0;
z-index:0;
}
#pro-title.start:before {
width:100%;
-webkit-transition:all 1000ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
-moz-transition:all 1000ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
transition:all 1000ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
}
#pro-title .cont-in {
padding:0 6.243% 0 20.33%;
}
#pro-title .tit {
position:relative;
}
#pro-title .tit .icon {
padding:10px 0;
}
#pro-title .tit .icon svg {
width:68px;
height:14px;
}
#pro-title .tit .icon svg polyline {
stroke-width:5px;
stroke:#fff;
fill:none;
stroke-dashoffset:100;
stroke-dasharray:100;
-webkit-transition:all 1000ms cubic-bezier(0.7, 0, 0.3, 1) 500ms;
-moz-transition:all 1000ms cubic-bezier(0.7, 0, 0.3, 1) 500ms;
transition:all 1000ms cubic-bezier(0.7, 0, 0.3, 1) 500ms;
}
#pro-title.enter-animate.start .tit .icon svg polyline {
stroke-dashoffset:0;
}
#pro-title .tit p {
width:100%;
line-height:148px;
overflow:hidden;
}
#pro-title .tit p span {
display:inline-block;
color:#fff;
font-size:122.83px;
line-height:148px;
font-family:"Conv_Montserrat-Black";
text-transform:uppercase;
-webkit-transform:translateX(-100%);
-moz-transform:translateX(-100%);
transform:translateX(-100%);
-webkit-transition:all 1000ms cubic-bezier(0.7, 0, 0.3, 1) 500ms;
-moz-transition:all 1000ms cubic-bezier(0.7, 0, 0.3, 1) 500ms;
transition:all 1000ms cubic-bezier(0.7, 0, 0.3, 1) 500ms;
}
#pro-title.enter-animate.start .tit p span {
-webkit-transform:translateX(0);
-moz-transform:translateX(0);
transform:translateX(0);
}
#pro-title .cont {
opacity:0;
-webkit-transition:all 1000ms cubic-bezier(0.7, 0, 0.3, 1) 800ms;
-moz-transition:all 1000ms cubic-bezier(0.7, 0, 0.3, 1) 800ms;
transition:all 1000ms cubic-bezier(0.7, 0, 0.3, 1) 800ms;
}
#pro-title.enter-animate.start .cont {
opacity:1;
}
#pro-title .cont .all-procatg {
display:inline-block;
*display:inline;
*zoom:1;
vertical-align:top;
margin-right:36px;
}
#pro-title .cont .all-procatg .catg-tit {
width:150px;
height:27px;
line-height:27px;
border:5px solid rgba(255,255,255,0.42);
position:relative;
cursor:pointer;
}
#pro-title .cont .all-procatg .catg-tit:after {
content:"";
display:block;
width:0;
height:27px;
background:rgba(255,255,255,0.42);
position:absolute;
top:0;
left:0;
-webkit-transition:all 400ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
-moz-transition:all 400ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
transition:all 400ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
}
#pro-title .cont .all-procatg .catg-tit:hover::after {
width:100%;
}
#pro-title .cont .all-procatg .catg-tit span {
display:block;
width:150px;
height:27px;
line-height:27px;
text-align:center;
color:#fff;
font-size:12px;
font-weight:bold;
}
#pro-title .cont .all-procatg .catg-tit .icon {
position:absolute;
top:4.5px;
right:5px;
}
#pro-title .cont .all-procatg .catg-tit .icon svg {
-webkit-transform:rotate(-90deg);
-moz-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
-o-transform:rotate(-90deg);
transform:rotate(-90deg);
}
#pro-title .cont .all-procatg .catg-tit .icon svg path {
fill:#fff;
}
#pro-title .cont .all-procatg .catg-cont {
display:none;
background:#fff;
position:absolute;
z-index:10;
}
#pro-title .cont .all-procatg .catg-cont .ul-sup {
position:relative;
}
#pro-title .cont .all-procatg .catg-cont .li-sup {
line-height:37px;
}
#pro-title .cont .all-procatg .catg-cont .li-sup p a {
display:block;
padding:0 24px;
height:37px;
color:#1a1a1d;
font-size:12px;
line-height:37px;
font-weight:bold;
position:relative;
z-index:1;
-webkit-transition:all 400ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
-moz-transition:all 400ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
transition:all 400ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
}
#pro-title .cont .all-procatg .catg-cont .li-sup:hover p a {
color:#fff;
}
#pro-title .cont .all-procatg .catg-cont .li-sup p a:after {
content:"";
display:block;
width:0;
height:37px;
background:#ffd87b;
position:absolute;
top:0;
left:0;
z-index:-1;
-webkit-transition:all 400ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
-moz-transition:all 400ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
transition:all 400ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
}
#pro-title .cont .all-procatg .catg-cont .li-sup:hover p a:after {
width:100%;
}
#pro-title .cont .all-procatg .catg-cont .ul-sub {
position:absolute;
left:100%;
top:0;
width:100%;
min-height:100%;
background:#ffd87b;
opacity:0;
z-index:-1;
-webkit-transform:translateX(-100%);
-moz-transform:translateX(-100%);
-ms-transform:translateX(-100%);
-o-transform:translateX(-100%);
transform:translateX(-100%);
-webkit-transition:all 400ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
-moz-transition:all 400ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
transition:all 400ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
}
#pro-title .cont .all-procatg .catg-cont .ul-sub.active {
opacity:1;
z-index:1;
-webkit-transform:translateX(0);
-moz-transform:translateX(0);
-ms-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0);
-webkit-transition:all 400ms cubic-bezier(0.7, 0, 0.3, 1) 200ms;
-moz-transition:all 400ms cubic-bezier(0.7, 0, 0.3, 1) 200ms;
transition:all 400ms cubic-bezier(0.7, 0, 0.3, 1) 200ms;
}
#pro-title .cont .all-procatg .catg-cont .ul-sub li {
line-height:37px;
}
#pro-title .cont .all-procatg .catg-cont .ul-sub li a {
display:block;
color:#fff;
font-size:12px;
font-weight:bold;
padding:0 14px;
line-height:37px;
-webkit-transition:all 400ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
-moz-transition:all 400ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
transition:all 400ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
}
#pro-title .cont .all-procatg .catg-cont .ul-sub li a:hover {
background:#e8a504;
}
#pro-title .cont .search {
display:inline-block;
*display:inline;
*zoom:1;
vertical-align:top;
width:206px;
height:21px;
line-height:21px;
border-bottom:7px solid rgba(255,255,255,0.42);
position:relative;
z-index:1;
font-size:0; 
}
#pro-title .cont .search:after {
content:"";
display:block;
position:absolute;
bottom:-7px;
left:0px;
right:0px;
height:7px;
background:#fff;
z-index:-1;
-webkit-transform-origin:left center;
-moz-transform-origin:left center;
-ms-transform-origin:left center;
-o-transform-origin:left center;
transform-origin:left center;
-webkit-transform:scaleX(0);
-moz-transform:scaleX(0);
-ms-transform:scaleX(0);
-o-transform:scaleX(0);
transform:scaleX(0);
-webkit-transition:-webkit-transform 400ms cubic-bezier(1, 0, 0, 1) 0ms;
-moz-transition:-moz-transform 400ms cubic-bezier(1, 0, 0, 1) 0ms;
transition:transform 400ms cubic-bezier(1, 0, 0, 1) 0ms;
}
#pro-title .cont .search:hover::after {
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
-ms-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1);
}
#pro-title .cont .search input {
display:inline-block;
*display:inline;
*zoom:1;
vertical-align:middle;
width:187px;
width:185px;
height:21px;
line-height:21px;
border:0 none;
background:none;
outline:none;
color:#fff;
font-size:14px;
font-family:"Microsoft Yahei";
}
#pro-title .cont .search input::-webkit-input-placeholder {
color:#fff;
text-transform:capitalize;
}
#pro-title .cont .search a {
display:inline-block;
*display:inline;
*zoom:1;
vertical-align:middle;
width:19px;
height:21px;
}

#category_nav_online {
padding:60px 20.33% 32px 20.33%;
}
#category_nav_online ul {

}
#category_nav_online ul li {
margin:0 9px 14px 0;
}
#category_nav_online ul li a {
display:block;
width:140px;
height:37px;
line-height:37px;
text-align:center;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
padding:0 10px;
margin:0;
color:#1a1a1d;
font-size:12px;
font-weight:bold;
background-color:#fff !important;
position:relative;
z-index:1;
-webkit-transition:all 400ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
-moz-transition:all 400ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
transition:all 400ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
}
/*#category_nav_online ul li:last-child a {
width:auto;
padding:0 30px;
}*/
#category_nav_online ul li a:hover {
color:#fff;
}
#category_nav_online ul li a:after {
content:"";
display:block;
width:0;
height:37px;
background:#ffbc1b;
position:absolute;
top:0;
left:0;
z-index:-1;
-webkit-transition:all 400ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
-moz-transition:all 400ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
transition:all 400ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
}
#category_nav_online ul li a:hover::after {
width:100%;
}

#products {
padding-bottom:145px;
}

.pagination {
text-align:center;
padding:61.5px 0;
margin:0;
line-height:normal;
overflow:hidden;
}
.pagination a.danaiPageUp, .pagination a.danaiPageDown {
background:none;
display:inline-block;
*display:inline;
*zoom:1;
width:auto;
height:auto;
line-height:normal;
border:0 none;
overflow:hidden;
padding:0;
margin:0 20px;
font-weight:normal;
font-size:0;
font-family:"samsun";
color:#bfbfbf;
-webkit-transition:-webkit-transform 400ms cubic-bezier(1, 0, 0, 1) 0ms;
-moz-transition:-moz-transform 400ms cubic-bezier(1, 0, 0, 1) 0ms;
transition:transform 400ms cubic-bezier(1, 0, 0, 1) 0ms;
}
.pagination a.danaiPageUp:before {
-webkit-transition:-webkit-transform 400ms cubic-bezier(1, 0, 0, 1) 0ms;
-moz-transition:-moz-transform 400ms cubic-bezier(1, 0, 0, 1) 0ms;
transition:transform 400ms cubic-bezier(1, 0, 0, 1) 0ms;
}
.pagination a.danaiPageDown:before {
-webkit-transition:-webkit-transform 400ms cubic-bezier(1, 0, 0, 1) 0ms;
-moz-transition:-moz-transform 400ms cubic-bezier(1, 0, 0, 1) 0ms;
transition:transform 400ms cubic-bezier(1, 0, 0, 1) 0ms;
}
.pagination a.danaiPageUp:hover, .pagination a.danaiPageDown:hover {
background:none;
border:0 none;
}
.pagination a.danaiPageUp:hover::before, .pagination a.danaiPageDown:hover::before {
color:#1a1a1d;
}
.danaiPageCurrent {
background:none;
width:auto;
height:auto;
line-height:normal;
color:#ff3f1f;
font-size:37.73px;
text-align:center;	
border:0 none;
margin:0 21px;
font-weight:normal;
cursor: pointer;
font-family:"Conv_Montserrat-Black";
-webkit-transition:-webkit-transform 400ms cubic-bezier(1, 0, 0, 1) 0ms;
-moz-transition:-moz-transform 400ms cubic-bezier(1, 0, 0, 1) 0ms;
transition:transform 400ms cubic-bezier(1, 0, 0, 1) 0ms;
}
.danaiPageCurrent:hover {
color:#ff3f1f;
background:none;
text-decoration:none;
}
a.danaiPageNum {
width:auto;
height:auto;
line-height:normal;
border:0 none;
background:none;
margin:0 21px;
color:#1a1a1d;
font-size:37.73px;
text-align:center;
background:none;
font-weight:normal;
font-family:"Conv_Montserrat-Black";
-webkit-transition:-webkit-transform 400ms cubic-bezier(1, 0, 0, 1) 0ms;
-moz-transition:-moz-transform 400ms cubic-bezier(1, 0, 0, 1) 0ms;
transition:transform 400ms cubic-bezier(1, 0, 0, 1) 0ms;
}
a.danaiPageNum:hover {
border:0 none;
color:#ff3f1f;
background:none;
}
.pagination .fl {
float:none;	
}
.danaiPageDes {
display:none;
}

#index-news {
width:100%;
background:#ffbc1b;
padding-top:10vh;
padding-bottom:23vh;
}
#index-news .cont-in {
padding:0 6.243% 0 20.33%;
display:-webkit-flex;
display:flex;
justify-content:space-between;
align-items:flex-start;
flex-wrap:wrap;
}
#index-news .tit {
display:inline-block;
*display:inline;
*zoom:1;
vertical-align:top;
color:#fff;
font-size:29.97px;
line-height:normal;
font-family:"Microsoft Yahei";
text-transform:uppercase;
}
#index-news .tit span {
color:#ff3f1f;
font-size:47.95px;
}
#index-news .cont {
display:inline-block;
*display:inline;
*zoom:1;
vertical-align:top;
}
#index-news .cont ul {
display:inline-block;
*display:inline;
*zoom:1;
vertical-align:top;
width:375px;
}
#index-news .cont ul.ul-right {
margin-left:50px;
}
#index-news .cont ul li {
height:25px;
line-height:25px;
border-bottom:1px solid #fff;
position:relative;
z-index:1; 
}
#index-news .cont ul li:after {
content:"";
display:block;
position:absolute;
top:50%;
left:0px;
right:0px;
height:15px;
background:#ff3f1f;
opacity:0.5;
z-index:-1;
-webkit-transform-origin:left center;
-moz-transform-origin:left center;
-ms-transform-origin:left center;
-o-transform-origin:left center;
transform-origin:left center;
-webkit-transform:scaleX(0) translateY(-50%);
-moz-transform:scaleX(0) translateY(-50%);
-ms-transform:scaleX(0) translateY(-50%);
-o-transform:scaleX(0) translateY(-50%);
transform:scaleX(0) translateY(-50%);
-webkit-transition:-webkit-transform 400ms cubic-bezier(1, 0, 0, 1) 0ms;
-moz-transition:-moz-transform 400ms cubic-bezier(1, 0, 0, 1) 0ms;
transition:transform 400ms cubic-bezier(1, 0, 0, 1) 0ms;
}
#index-news .cont ul li:hover::after {
-webkit-transform: scaleX(1) translateY(-50%);
-moz-transform: scaleX(1) translateY(-50%);
-ms-transform: scaleX(1) translateY(-50%);
-o-transform: scaleX(1) translateY(-50%);
transform: scaleX(1) translateY(-50%);
}
#index-news .cont ul li a {
font-size:0;
}
#index-news .cont ul li a .news-title {
display:inline-block;
*display:inline;
*zoom:1;
vertical-align:top;
width:calc(100% - 130px);
height:25px;
padding-right:50px;
overflow:hidden;
color:#fff;
font-size:14px;
text-overflow:ellipsis;
}
#index-news .cont ul li a .news-time {
display:inline-block;
*display:inline;
*zoom:1;
vertical-align:top;
width:80px;
height:25px;
overflow:hidden;
color:#fff;
font-size:14px;
}
#index-news .cont .more {
display:block;
width:100%;
padding-left:calc(100% - 375px);
margin-top:34px;
}
#index-news .cont .more a {
display:inline-block;
width:auto;
height:35px;
line-height:35px;
position:relative;
color:#fff;
font-size:21.34px;
font-family:"Microsoft Yahei";
z-index:1;
}
#index-news .cont .more a:before {
content:"";
display:block;
position:absolute;
top:50%;
left:0px;
right:0px;
height:15px;
background:#ff3f1f;
opacity:0.5;
z-index:-1;
-webkit-transform-origin:left center;
-moz-transform-origin:left center;
-ms-transform-origin:left center;
-o-transform-origin:left center;
transform-origin:left center;
-webkit-transform:scaleX(0) translateY(-50%);
-moz-transform:scaleX(0) translateY(-50%);
-ms-transform:scaleX(0) translateY(-50%);
-o-transform:scaleX(0) translateY(-50%);
transform:scaleX(0) translateY(-50%);
-webkit-transition:-webkit-transform 400ms cubic-bezier(1, 0, 0, 1) 0ms;
-moz-transition:-moz-transform 400ms cubic-bezier(1, 0, 0, 1) 0ms;
transition:transform 400ms cubic-bezier(1, 0, 0, 1) 0ms;
}
#index-news .cont .more a:hover::before {
-webkit-transform: scaleX(1) translateY(-50%);
-moz-transform: scaleX(1) translateY(-50%);
-ms-transform: scaleX(1) translateY(-50%);
-o-transform: scaleX(1) translateY(-50%);
transform: scaleX(1) translateY(-50%);
}
#index-news .cont .more a:after {
content:"";
width:100%;
height:2px;
background:#fff;
position:absolute;
right:0;
bottom:0;
-webkit-transition: all 400ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
-moz-transition: all 400ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
transition: all 400ms cubic-bezier(0.7, 0, 0.3, 1) 0ms;
}
#index-news .cont .more a:hover::after {
width:0;
}