#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;
}

#pro-detail {
padding-top:80px;
position:relative;
}
#pro-detail .cont-in {
display:-webkit-flex;
display:flex;
justify-content:space-between;
align-items:flex-start;
flex-wrap:wrap;
padding:0 20.33%;
}
#pro-detail .cont-left {
width:32.1875vw;
}
#pro-detail .cont-left img {
display:block;
width:100%;
}
#pro-detail .cont-right {
width:20.9375vw;
}
#pro-detail .cont-right .pro-detail-tit {
border-bottom:7px solid #ffbc1b;
padding-bottom:16px;
}
#pro-detail .cont-right .pro-detail-tit p {
color:#1a1a1d;
font-size:33px;
line-height:48px;
font-family:"Conv_Montserrat-Extra-Bold";
}
#pro-detail .cont-right .pro-detail-tit span {
display:block;
color:#1a1a1d;
font-size:17.64px;
line-height:30px;
font-family:"Conv_Montserrat-Extra-Bold";
}
#pro-detail .cont-right .pro-detail-piclist {
padding-bottom:10px;
}
#pro-detail .cont-right .pro-detail-piclist ul {
padding:14px 0;
}
#pro-detail .cont-right .pro-detail-piclist ul li {
display:inline-block;
*display:inline;
*zoom:1;
vertical-align:middle;
margin-right:5px;
width:76px;
height:76px;
overflow:hidden;
}
#pro-detail .cont-right .pro-detail-piclist ul li.active {
box-shadow:0 0 0 2px #ffbc1b;
}
#pro-detail .cont-right .pro-detail-piclist ul li img {
display:block;
width:100%;
}
#pro-detail .cont-right .pro-detail-desc {
height:170px;
padding-bottom:5px;
overflow:auto;
}
/*凹槽宽度*/
#pro-detail .cont-right .pro-detail-desc::-webkit-scrollbar {
width:7px;
display:none;
}
#pro-detail .cont-right .pro-detail-desc:hover::-webkit-scrollbar {
display:block;
}
/*拖动条*/
#pro-detail .cont-right .pro-detail-desc::-webkit-scrollbar-thumb {
background-color:#ffbc1b;
}
/*背景槽*/
#pro-detail .cont-right .pro-detail-desc::-webkit-scrollbar-track {
background-color:#dbdbdb;
}
#pro-detail .cont-right .pro-detail-desc .canshu_en {
display:none;
}
#pro-detail .cont-right .pro-detail-desc p {
color:#1a1a1d;
font-size:12px;
line-height:24px;
}
#pro-detail .cont-right .pro-detail-desc p strong {
font-size:14px;
line-height:34px;
font-weight:normal;
font-family:"Conv_Montserrat-Extra-Bold";
}
#pro-detail .cont-right .pro-detail-btn {
margin-top:67px;
}
#pro-detail .cont-right .pro-detail-btn ul {
display:-webkit-flex;
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}
#pro-detail .cont-right .pro-detail-btn ul li {
margin-bottom:10px;
}
#pro-detail .cont-right .pro-detail-btn ul li a {
display:block;
height:37px;
line-height:27px;
text-align:center;
border:5px solid #ffbc1b;
padding:0 20px;
color:#ffbc1b;
font-size:12px;
font-weight:bold;
position:relative;
z-index:1;
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-transition:all 400ms cubic-bezier(1, 0, 0, 1) 0ms;
-moz-transition:all 400ms cubic-bezier(1, 0, 0, 1) 0ms;
transition:all 400ms cubic-bezier(1, 0, 0, 1) 0ms;
}
#pro-detail .cont-right .pro-detail-btn ul li:nth-child(1) a {
background:#ffbc1b;
color:#fff;
}
#pro-detail .cont-right .pro-detail-btn ul li:nth-child(1) a:hover {
background:#e8a504;
border:5px solid #e8a504;
}
#pro-detail .cont-right .pro-detail-btn ul li:nth-child(2) a:after {
content:"";
display:block;
width:0;
height:100%;
background:#ffbc1b;
position:absolute;
top:0;
left:0;
z-index:-1;
-webkit-transition:all 400ms cubic-bezier(1, 0, 0, 1) 0ms;
-moz-transition:all 400ms cubic-bezier(1, 0, 0, 1) 0ms;
transition:all 400ms cubic-bezier(1, 0, 0, 1) 0ms;
}
#pro-detail .cont-right .pro-detail-btn ul li a:hover {
color:#fff;
}
#pro-detail .cont-right .pro-detail-btn ul li:nth-child(2) a:hover::after {
width:100%;
}
#pro-detail .cont-right .pro-detail-share {
padding-top:23px;
}
#pro-detail .cont-right .pro-detail-share .at-icon-wrapper, #pro-detail .cont-right .pro-detail-share .at-icon-wrapper svg {
width:25px !important;
height:25px !important;
line-height:25px !important;
}
#preAndNextPro {
font-size:0;
}
#preAndNextPro .mod_links>span .icon {
display:inline-block;
width:40px;
position:relative;
}
#preAndNextPro .mod_links>span .icon .line {
width:100%;
height:2px;
display:block;
overflow:hidden;
}
#preAndNextPro .mod_links>span .icon .line .inner {
background:#1c1b20;
width:100%;
height:2px;
display:block;
}
#preAndNextPro .mod_links>span .icon svg {
position:absolute;
top:50%;
right:0px;
-webkit-transform:translate(2px, -50%);
-moz-transform:translate(2px, -50%);
-ms-transform:translate(2px, -50%);
-o-transform:translate(2px, -50%);
transform:translate(2px, -50%);
}
#preAndNextPro .mod_links>span:nth-child(1) .icon svg {
left:-5px;
-webkit-transform:translate(2px, -50%) rotate(180deg);
-moz-transform:translate(2px, -50%) rotate(180deg);
-ms-transform:translate(2px, -50%) rotate(180deg);
-o-transform:translate(2px, -50%) rotate(180deg);
transform:translate(2px, -50%) rotate(180deg);
}
#preAndNextPro .mod_links>span .txt {
color:#1a1a1d;
font-size:14px;
font-weight:bolder;
margin-left:10px;
vertical-align:middle;
}
#preAndNextPro .mod_links>span a {
position:absolute;
top:70vh;
padding:10px 0;
}
#preAndNextPro .mod_links>span a:hover {

}
#preAndNextPro .mod_links>span:nth-child(1) a {
left:14.27vw;
}
#preAndNextPro .mod_links>span:nth-child(2) a {
right:14.27vw;
}
#preAndNextPro .mod_links>span:last-child {
display:none;
}

#content:before {
content:"";
background:rgba(0,0,0,0.5);
position:fixed;
top:0;
left:0;
display:block;
width:100%;
height:100%;
opacity:0;
z-index:-1;
-webkit-transition:all 400ms cubic-bezier(1, 0, 0, 1) 0ms;
-moz-transition:all 400ms cubic-bezier(1, 0, 0, 1) 0ms;
transition:all 400ms cubic-bezier(1, 0, 0, 1) 0ms;
}
#content.active:before {
z-index:999;
opacity:1;
}
#detail_msg {
position:fixed;
top:20%;
left:20%;
right:20%;
background:#f7f7f7;
text-align:center;
opacity:0;
z-index:-1;
-webkit-transition:all 400ms cubic-bezier(1, 0, 0, 1) 0ms;
-moz-transition:all 400ms cubic-bezier(1, 0, 0, 1) 0ms;
transition:all 400ms cubic-bezier(1, 0, 0, 1) 0ms;
}
#detail_msg.active {
z-index:1000;
opacity:1;
}
#detail_msg .cont-in {
font-size:0;
padding:10%;
}
#detail_msg .msg-left {
display:inline-block;
*display:inline;
*zoom:1;
vertical-align:top;
width:35.1%;
padding-right:14px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
#detail_msg .msg-left p {
margin-bottom:17px;
position:relative;
}
#detail_msg .msg-left p input {
width:100%;
height:60px;
line-height:60px;
box-shadow:0 0 0 5px #e8e8e8 inset;
padding:0 13px;
border:0 none;
background:#fff;
outline:none;
color:#1a1a1d;
font-size:14px;
font-family:"Conv_Montserrat-Bold";
-webkit-box-sizing:border-box;
box-sizing:border-box;
-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;
}
#detail_msg .msg-left p input:hover, #detail_msg .msg-left p input:focus {
box-shadow:0 0 0 5px #ffbc1b inset;
}
#detail_msg .msg-left p .randCode {
position:absolute;
top:5px;
right:5px;
height:50px;
}
#detail_msg .msg-right {
display:inline-block;
*display:inline;
*zoom:1;
vertical-align:top;
width:64.9%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
#detail_msg .msg-right textarea {
display:inline-block;
*display:inline;
*zoom:1;
vertical-align:top;
width:calc(100% - 114px);
height:291px;
line-height:60px;
box-shadow:0 0 0 5px #e8e8e8 inset;
padding:0 13px;
border:0 none;
background:#fff;
outline:none;
color:#1a1a1d;
font-size:14px;
font-family:"Conv_Montserrat-Bold";
-webkit-box-sizing:border-box;
box-sizing:border-box;
-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;
}
#detail_msg .msg-right textarea:hover, #detail_msg .msg-right textarea:focus {
box-shadow:0 0 0 5px #ffbc1b inset;
}
#detail_msg .msg-right a {
display:inline-block;
*display:inline;
*zoom:1;
vertical-align:top;
text-align:center;
width:100px;
height:291px;
line-height:291px;
background:#ffbc1b;
margin-left:14px;
color:#1a1a1d;
font-size:18px;
font-family:"Conv_Montserrat-Bold";
-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;
}
#detail_msg .msg-right a:hover {
box-shadow:0 0 0 5px #ffbc1b inset;
}
#detail_msg .close {
text-align:right;
padding:20px;
color:#1a1a1d;
font-size:24px;
line-height:normal;
font-family:"Simsun";
cursor:pointer;
float:right;
}

#newProducts {
padding:11.166vh 0 12.5vh 0;
}
#newProducts .glitzBody ul {
max-height:429px;
overflow:hidden;
}