@charset "utf-8";
* { box-sizing:border-box; }
blockquote, body, button, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, td, textarea, th, ul { margin:0; padding:0; }
body { background:#fff; color:#333; font-size:14px; font-family:Arial, Helvetica, sans-serif; overflow-x:hidden; line-height:25px; }
caption, td, th { }
h1, h2, h3, h4, h5, h6 { font-weight:400; font-size:100%; }
.h4, .h5, .h6, h4, h5, h6 { margin:0; }
address, caption, cite, code, var { font-style:normal; font-weight:400; }
a { color:#333; text-decoration:none; }
a:link { text-decoration:none; }
a:hover { text-decoration:none; color:#000; }
img { border:none; max-width:100%; }
li, ol, ul { list-style:none; }
button, input, select, textarea { font:14px Verdana, Helvetica, Arial, sans-serif; }
table { border-collapse:collapse; }
html { overflow-y:scroll; }
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; -webkit-tap-highlight-color: transparent; }
html::-webkit-scrollbar {
width:7px;
height:7px;
background-color:#ececec;
}
html::-webkit-scrollbar-track {
border-radius:0;
background-color:#ececec;
}
html::-webkit-scrollbar-thumb {
border-radius:0;
width:17px;
height:17px;
background-color:#fcb026;
}
::-moz-selection {
background: #fcb026;
color: #fff;
text-shadow: none;
}
::selection {
background: #fcb026;
color: #fff;
text-shadow: none;
}
i { font-style:normal; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { *zoom:1;
}
.clear { clear: both; }
section { position:relative; z-index:1; }
header .top { height:40px; width:100%; background:#222; color:#fff; position:relative; z-index:9999; }
header { background:#fcb026; position:relative; z-index:999; }
.container { width:1400px; margin:0 auto; }
.top .container { justify-content:space-between; align-items:center; height:40px; }
.link-way { display:flex; float:left; display:-webkit-flex; justify-content:flex-start; }
.link-way i { color:#fcb026; font-size:18px; padding:0 7px; }
.link-way a { color:#939393; }
.link-way a:hover { color:#fcb026; }
.link-way span { display:flex; height:40px; align-items:center; position:relative; border-left:1px #3a3a3a solid; padding:0 10px; }
.header-share, .header-share ul { display:flex; display:-webkit-flex; height:40px; align-items:center; justify-content:flex-end; color:#939393; font-size:15px; }
.header-share ul { margin-left:10px; }
.header-share ul li { margin:0 10px; cursor:pointer; }
.header-share ul li i { color:#7e7e7e; font-size:18px; }
.header-share ul li:hover i { color:#fcb026; }
.header-share span { text-transform:capitalize; color:#fcb026; }
.inner-banner img { display:block; }
#xyz { position:relative !important; color:#afafaf; border-left:1px #3a3a3a solid; border-right:1px #3a3a3a solid; }
#xyz li a { color:#afafaf; display:flex; display:-webkit-flex; height:20px; align-items:center; }
header .xyz12 span { padding:0 10px; height:40px; }
header .xyz12 li img { width:28px; }
header .xyz12 { padding:0; }
header #xyz #liDropD_En a { height:40px; line-height:40px; }
header #xyz ul li { margin:0; width:100%; background:#fff; padding:0 4px; }
#xyz ul { margin-left:0; display:block; }
#xyz img { display:block; padding-right:5px; }
.header-nav-list > .container { height:110px; display:flex; display:-webkit-flex; justify-content:space-between; }
.header-nav-list { position:relative; z-index:999; background:#fcb026; }
.header-nav .logo { height:100%; display:flex; display:-webkit-flex; align-items:center; padding:10px 0; max-width:240px; }
.header-nav .logo img { max-height:100%; display:block; max-width:100%; }
header.down .header-nav { position:fixed; top:0; left:0; width:100%; background:#fcb026; z-index:999999; }
.header-nav { position:relative; z-index:999; background:#fcb026; }
.search-from.active { top:100%; }
.search-from { position:absolute; top:0; left:0; background:#222; width:100%; z-index:9; padding:30px 0; opacity:0; visibility:hidden; transition:.3s all ease-in-out;
-webkit-transition:.3s all ease-in-out;
-o-transition:.3s all ease-in-out;
-moz-transition:.3s all ease-in-out;
}
.search-from.active { top:100%; opacity:1; visibility:visible; transition:.3s all ease-in-out;
-webkit-transition:.3s all ease-in-out;
-o-transition:.3s all ease-in-out;
-moz-transition:.3s all ease-in-out;
}
.search-from .form { width:700px; margin:0 auto; display:flex; display:-webkit-flex; position:relative; z-index:10; }
.search-from .form .searchtxt { flex-basis:calc(100% - 80px); height:48px; padding-left:20px; border:none; outline:0; }
.search-from .form .searchbtn { flex-basis:80px; height:48px; border:none; background:#fcb026; cursor:pointer; text-transform:capitalize; }
@media (min-width:992px) {
.search-from.active .searchOff {
position:fixed;
width:100%;
height:100%;
top:110px;
left:0;
opacity:.5;
background-color:#000;
z-index:9;
}
.nav-active > a {
color:#fff;
}
#nav > ul > li {
float:left;
}
#nav {
float:right;
}
#nav {
display:flex;
justify-content:flex-end;
}
.search-icon {
width:60px;
display:flex;
display:-webkit-flex;
justify-content:flex-end;
align-items:center;
height:100%;
}
.search-icon i {
display:flex;
display:-webkit-flex;
align-items:center;
justify-content:center;
width:40px;
height:40px;
background:#222;
color:#fff;
font-size:20px;
cursor:pointer;
}
.nav-btn {
display:none;
}
#nav > ul > li > a {
font-size:16px;
font-family:Microsoft Yahei, Tahoma, Arial, Helvetica, sans-serif;
display:flex;
display:-webkit-flex;
align-items:center;
height:110px;
padding:0 20px;
position:relative;
text-transform:uppercase;
}
#nav > ul > li {
position:relative;
}
.submenu {
position:absolute;
top:100%;
border:none;
border-radius:0;
background-color:#fcb026;
box-shadow:none;
left:0;
z-index:99999;
display:none;
transition:.3s all ease-in-out;
-moz-transition:.3s all ease-in-out;
-o-transition:.3s all ease-in-out;
-webkit-transition:.3s all ease-in-out;
}
.nav-list:hover .submenu {
top:100%;
opacity:1;
visibility:visible;
transition:.3s all ease-in-out;
-moz-transition:.3s all ease-in-out;
-o-transition:.3s all ease-in-out;
-webkit-transition:.3s all ease-in-out;
}
#nav li .submenu a {
white-space:nowrap;
font-size:16px;
line-height:48px;
color:#333;
padding:0 30px;
display:block;
}
#nav li .submenu li:hover {
background:#222;
}
#nav li:hover > a {
color:#fff;
}
#nav .nav-list > a:after {
content:' ';
position:absolute;
bottom:20px;
left:50%;
margin-left:-3px;
border:2px solid #fff;
display:inline-block;
width:6px;
height:6px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
border-top:none;
border-right:none;
opacity:0;
visibility:hidden;
}
#nav .nav-list:hover > a:after {
opacity:1;
visibility:visible;
}
#banner img {
display:block;
}
.banner-btn > div {
background:#fcb026 url(../images/m247/yellow/banner-btn.png) no-repeat center;
width:53px;
height:112px;
margin-top:-56px;
left:-53px;
transition:.3s all ease-in-out;
-webkit-transition:.3s all ease-in-out;
-o-transition:.3s all ease-in-out;
-moz-transition:.3s all ease-in-out;
}
.banner-btn > div:hover {
background-color:#fff;
}
.banner-btn .swiper-button-next {
left:auto;
right:-53px;
transform:rotate(180deg);
-webkit-transform:rotate(180deg);
}
#banner:hover .banner-btn > div {
left:0;
transition:.3s all ease-in-out;
-webkit-transition:.3s all ease-in-out;
-o-transition:.3s all ease-in-out;
-moz-transition:.3s all ease-in-out;
}
#banner:hover .banner-btn .swiper-button-next {
right:0;
left:auto;
}
#banner .swiper-pagination-bullet {
background:#fcb026;
width:30px;
border-radius:4px;
}
}
.section { padding-bottom:80px; }
#banner .swiper-pagination-bullet-active { background:#fcb026; }
.tit-h2 { font-size:45px; line-height:1.6; position:relative; width:100%; text-align:center; padding-bottom:10px; padding-top:40px; }
.tit-h2:after { content:' '; position:absolute; bottom:0; width:30px; left:50%; margin-left:-20px; height:3px; background:#222; }
.tit-h2:before { content:' '; position:absolute; bottom:0; width:30px; left:50%; height:3px; background:#fcb026; margin-left:10px; }
.tit-h2 span { color:#fcb026; padding-left:15px; }
.tit-p { font-size:16px; color:#cbcbcb; max-width:710px; margin:20px auto 0; text-align:center; }
.ca-list { display:flex; display:-webkit-flex; justify-content:space-between; flex-wrap:wrap; margin-top:30px; }
.ca-list li { width:calc(33.3% - 20px); text-align:center; background:#f3f3f3; padding:20px 60px 40px; overflow:hidden; position:relative; z-index:1; margin-bottom:110px; -webkit-transition:all .5s ease-out;
-moz-transition:all .5s ease-out;
-o-transition:all .5s ease-out;
transition:all .5s ease-out;
}
.ca-list li:hover { box-shadow:0 0 10px rgba(0, 0, 0, .3); transform:translateY(-10px); -webkit-transform:translateY(-10px); -moz-transform:translateY(-10px); -o-transform:translateY(-10px); -webkit-transition:all .5s ease-out;
-moz-transition:all .5s ease-out;
-o-transition:all .5s ease-out;
transition:all .5s ease-out;
}
.ca-list li h3 { color:#222; font-size:20px; text-transform:capitalize; margin:15px 0 20px; }
.ca-list li p { font-size:16px; color:#777; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; height:66px; line-height:1.4; }
.ca-list li:after { content:' '; position:absolute; top:0; left:-210%; width:186%; height:160%; background:#fcb026; transform:skew(-45deg); z-index:-1; transition:.4s left ease-in-out;
-webkit-transition:.4s left ease-in-out;
-o-transition:.4s left ease-in-out;
-moz-transition:.4s left ease-in-out;
}
.ca-list li:hover:after { left:-69%; transition:.4s left ease-in-out;
-webkit-transition:.4s left ease-in-out;
-o-transition:.4s left ease-in-out;
-moz-transition:.4s left ease-in-out;
}
.ca-list li:hover p { color:#222; }
.pro-ca { display:flex; display:-webkit-flex; justify-content:space-between; margin-top:50px; }
.pro-ca > li { width:calc(25% - 30px); flex-basis:calc(25% - 30px); }
.pro-ca > li img { display:block; }
.pro-ca > li > a { display:block; position:relative; border-bottom:1px #eaeaea solid; }
.pro-ca > li > a span { display:block; position:absolute; bottom:0; right:0; padding:10px 20px; background:#fcb026; }
.pro-ca > li ul { padding:30px 20px; }
.pro-ca > li ul li { padding:5px 0; }
.pro-ca > li ul li a { position:relative; padding-left:15px; transition:.3s ease-in-out all;
-webkit-transition:.3s ease-in-out all;
-o-transition:.3s ease-in-out all;
-moz-transition:.3s ease-in-out all;
}
.pro-ca > li { border:1px #eaeaea solid; }
.pro-ca > li ul li a:before { content:' '; position:absolute; top:7px; left:0; border:1px solid #6c6c6c; display:inline-block; width:6px; height:6px; -webkit-transform:rotate(-135deg); transform:rotate(-135deg); border-top:none; border-right:none; transition:.3s ease-in-out all;
-webkit-transition:.3s ease-in-out all;
-o-transition:.3s ease-in-out all;
-moz-transition:.3s ease-in-out all;
}
.pro-ca > li ul li a:hover { padding-left:30px; color:#fcb026; transition:.3s ease-in-out all;
-webkit-transition:.3s ease-in-out all;
-o-transition:.3s ease-in-out all;
-moz-transition:.3s ease-in-out all;
}
.pro-ca > li ul li a:hover:before { left:15px; border-color:#fcb026; transition:.3s ease-in-out all;
-webkit-transition:.3s ease-in-out all;
-o-transition:.3s ease-in-out all;
-moz-transition:.3s ease-in-out all;
}
.recommended-products { background:url(../images/m247/yellow/recommended-products-bg.jpg); background-size:cover; width:100%; padding-bottom:60px; }
.recommended-products .tit-h2 { color:#fff; }
.recommended-products .tit-h2:after { background-color:#fff; }
.recommended-products-list { position:relative; padding-bottom:80px; }
.recommended-img img { display:block; transition:.3s transform ease-in-out;
-webkit-transition:.3s transform ease-in-out;
}
.recommended-con { background:#f6f6f6; padding:20px; }
#recommended-products-list li:hover h3 a { color:#fcb026; }
#recommended-products-list li:hover .recommended-con h3:after, .pro-list .pro-item:hover .recommended-con h3:after { width:100%; transition:.6s width ease-in-out;
-webkit-transition:.6s width ease-in-out;
}
.recommended-con h3 { line-height:1.6; color:#303030; font-size:18px; position:relative; padding-bottom:10px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin-bottom:10px; }
.recommended-con h3:after { content:' '; position:absolute; bottom:0; left:0; width:50px; height:3px; background:#fcb026; transition:.6s width ease-in-out;
-webkit-transition:.6s width ease-in-out;
}
.recommended-con p { font-size:14px; color:#4f4f4f; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; line-height:1.6; height:50px; }
.recommended-btn { width:100%; height:48px; display:flex; justify-content:center; }
.recommended-btn span { text-transform:uppercase; width:calc(100% - 68px); flex-basis:calc(100% - 68px); background:#eaebec; color:#1d1d1d; font-size:15px; display:flex; display:-webkit-flex; align-items:center; padding-left:20px; height:100%; position:relative; z-index:1; overflow:hidden; transition:.3s all ease-in-out;
-webkit-transition:.2s all ease-in-out;
}
.recommended-btn span:after { content:' '; position:absolute; left:-100%; width:100%; top:0; height:100%; background:#fcb026; transition:.3s all ease-in-out .2s;
z-index:-1; }
.recommended-btn:hover .btn { color:#fff; background:#222; transition:.2s .2s all ease-in-out;
-webkit-transition:.2s .2s all ease-in-out;
}
.recommended-btn:hover span:first-child:after { left:0; transition:.3s all ease-in-out;
-webkit-transition:.2s all ease-in-out;
}
.recommended-btn .btn { width:68px; flex-basis:68px; background:#fcb026; justify-content:center; padding:0; font-size:30px; }
.recommended-products-list { margin-top:40px; }
.recommended-list-btn > div { width:48px; height:48px; border-radius:50%; left:-100px; outline:0; border:3px #fff solid; background:0 0; display:flex; display:-webkit-flex; align-items:center; justify-content:center; }
.recommended-list-btn { color:#fff; font-size:20px; }
.recommended-list-btn .swiper-button-next { left:auto; right:-100px; }
.recommended-list-btn > div:hover { border-color:#fcb026; background:#fcb026; color:#333; }
.pro-list .recommended-img, .recommended-products-list .swiper-slide > a { width:100%; background:#fff; display:flex; display:-webkit-flex; align-items:center; justify-content:center; overflow:hidden; }
#recommended-products-list .recommended-img:hover img, .pro-item .recommended-img:hover img { transform:scale(1.2); -webkit-transform:scale(1.2); transition:.3s transform ease-in-out;
-webkit-transition:.3s transform ease-in-out;
}
.pro-btn { text-align:center; }
.pro-btn a { display:inline-block; padding:16px 48px; border:1px #fff solid; font-size:15px; color:#fff; text-transform:uppercase; }
.pro-btn a i { padding-left:15px; }
.about:after { content:' '; position:absolute; top:0; left:0; bottom:0; z-index:1; background:#f2f2f2; width:50%; }
.idx-about { position:relative; background:#fff; z-index:2; display:flex; display:-webkit-flex; justify-content:space-between; }
.idx-about > div { padding:175px 0; }
.idx-about-img { width:535px; flex-basis:535px; position:relative; z-index:1; }
.idx-about-img i { display:contents; padding:5px; background:#fff; }
.idx-about-img i img { padding:5px; background:#fff; }
.idx-about-img:after { content:' '; position:absolute; top:0; left:0; bottom:0; width:50%; z-index:-1; background:#f2f2f2; }
.idx-about-con { width:calc(100% - 620px); }
.idx-about-con h3 { font-size:36px; padding:15px 0 20px; position:relative; }
.idx-about-con h3:after { content:''; position:absolute; bottom:0; height:5px; width:70px; background:#fcb026; left:0; }
.idx-about-con h4 { font-size:18px; margin:20px 0; text-transform:uppercase; letter-spacing:3px; }
.idx-about-con p { color:#8a8a8a; font-size:16px; line-height:1.8; margin-bottom:20px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5; overflow:hidden; height:140px; }
.about-list { display:flex; display:-webkit-flex; justify-content:flex-start; padding-top:20px; border-top:1px #ebebeb solid; }
.about-list li { margin-right:20px; display:flex; justify-content:center; height:65px; align-items:center; }
.about-list li i { margin-right:10px; }
.about-list li strong { display:block; font-family:Lato-black; font-size:25px; margin-bottom:5px; }
.about-btn { margin-top:40px; }
.about-btn a { display:inline-block; padding:18px 30px; background:#fcb026; color:#222; font-size:16px; text-transform:uppercase; font-family:Roboto-Bold; }
.about-btn a i { padding-left:10px; font-size:18px; font-weight:700; }
.video { background:url(../../../images/m247/yellow/video-bg.jpg) no-repeat; background-size:cover; width:100%; padding:80px 0; }
.contain { width:1200px; margin:0 auto; text-align:center; }
.video h2 { font-size:40px; color:#fff; margin:20px 0 10px; }
.video p { font-size:16px; line-height:1.6; color:#fff; }
.play img { cursor:pointer; }
.idx-news { background:#f6f6f6; }
.idx-news .tit-p { max-width:1200px; color:#848484; }
.idx-news-con { padding:18px 25px; background:#fff; }
.idx-news-list li { width:calc(50% - 15px); flex-basis:calc(50% - 15px); margin-bottom:40px; display:-webkit-flex; display:flex; justify-content:center; transition:.3s all ease-in-out;
}
.idx-news-list li a { background:#fff; }
.idx-news-list li > a { width:44%; flex-basis:44%; }
.idx-news-list li > .idx-news-con { width:56%; flex-basis:56%; }
.idx-news-list { margin-top:100px; display:flex; display:-webkit-flex; justify-content:space-between; flex-wrap:wrap; }
.idx-news-list li img { display:block; max-height:100%; }
.idx-news-list li:hover {
transition:.3s all ease-in-out; box-shadow:0 5px 10px #e3e3e3; transform:translateY(-5px); -webkit-transform:translateY(-5px); -moz-transform:translateY(-5px); -o-transform:translateY(-5px); }
.idx-news-con h3 { padding-bottom:25px; position:relative; }
.idx-news-con h3 a { font-size:20px; color:#050713; display:block; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; height:48px; margin-bottom:5px; position:relative; }
.idx-news-list li:hover h3 a { color:#fcb026; }
.idx-news-con h3:after { content:' '; position:absolute; width:50px; background:#fcb026; height:2px; bottom:12px; left:0; }
.idx-news-con p { font-size:16px; line-height:1.6; color:#848484; height:75px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; }
.display { background:#fcb026; width:100%; padding:40px 0; }
.display-list li a { height:110px; width:205px; border:2px #fff solid; display:flex; display:-webkit-flex; align-items:center; justify-content:center; }
.display .hover { display:none; }
.display li:hover i { display:none; }
.display li:hover .hover { display:block; }
.display li { float:left; margin-right:90px; }
.display li:last-child { margin-right:0; }
.foot-content { width:100%; background:url(../images/m247/yellow/foot-bg.jpg) no-repeat; background-size:cover; padding:50px 0 30px; }
.foot-content > .container { display:flex; display:-webkit-flex; justify-content:space-between; flex-wrap:wrap; }
.foot-contact .date { color:#ececec; display:flex; margin-top:15px; line-height:1.6; }
.foot-contact .date p { color:#ececec; padding-left:5px; }
.foot-contact { max-width:400px; }
.company-contact { width:180px; }
.inquiry p { color:silver; font-size:16px; line-height:28px; margin-top:5px; margin-bottom:5px; }
.subscribe-form { position:relative; width:100%; display:block; }
.foot-content .inquiry { max-width:250px; }
.subscribe-form .subscribe-ipt { display:block; width:100%; text-indent:8px; border:0; color:#fafafa; background-color:#2b2b2d; height:28px; line-height:28px; font-style:italic; color:#5d5d5d; }
input[type=button], input[type=submit], input[type=file], button { -webkit-appearance:none; }
.foot-contact p { font-size:15px; color:silver; line-height:1.6; }
.foot-logo { margin-bottom:20px; }
.foot-logo img { max-height:55px; }
.foot-phone { display:flex; display:-webkit-flex; align-items:center; position:relative; margin-top:20px; height:56px; }
.foot-phone i { width:46px; height:46px; position:relative; top:0; left:5px; z-index:2; }
.foot-phone span { color:#fcb026; font-size:30px; display:block; margin-left:30px; }
.foot-phone span a { color:#fcb026; font-size:30px; }
.blingbling { background:#fcb026; width:56px; height:56px; border-radius:50%; position:absolute; z-index:1; top:0; left:0; -webkit-animation:scaleout 2.5s infinite ease-in-out; animation:scaleout 2.5s infinite ease-in-out; }
@-webkit-keyframes scaleout { 0% {
-webkit-transform:scale(1.1);
opacity:0;
}
50% {
-webkit-transform:scale(1);
opacity:.8;
}
100% {
-webkit-transform:scale(1.1);
opacity:0;
}
}
@keyframes scaleout { 0% {
transform:scale(1.1);
-webkit-transform:scale(1.1);
opacity:0;
}
50% {
transform:scale(1);
-webkit-transform:scale(1);
opacity:.8;
}
100% {
transform:scale(1.1);
-webkit-transform:scale(1.1);
opacity:0;
}
}
.foot-tit { position:relative; font-size:23px; color:#fff; text-transform:capitalize; padding-bottom:10px; }
.foot-tit:after { content:' '; position:absolute; bottom:0; left:0; width:40px; height:1px; background:#fcb026; }
.company-contact li a { font-size:16px; color:silver; padding:5px 10px 5px 15px; display:inline-block; }
.company-info li { position:relative; }
.company-info li:after { position:absolute; content:' '; top:11px; left:0; width:4px; height:4px; border:1px silver solid; border-left:none; border-top:none; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); }
.company-info ul, .contact-us ul { margin:10px 0; }
.company-contact li:hover a { color:#fcb026; }
.company-contact li:hover:after { border-color:#fcb026; }
.company-contact .contact-us li { padding:10px 0; display:flex; display:-webkit-flex; color:silver; }
.company-contact .contact-us i { flex-basis:36px; text-align:center; font-size:18px; color:#fcb026; }
.company-contact .contact-us li a { padding:0; }
.code img { display:block; margin-top:20px; width:148px; }
.copy { font-size:16px; width:100%; background:#111; color:#595959; display:flex; display:-webkit-flex; position:relative; border-top:1px #272727 solid; }
.copy .container { position:relative; padding:20px 0; display:flex; display:-webkit-flex; justify-content:space-between; }
.copy .header-share, .copy .header-share ul { height:auto; }
.copy .header-share { margin-right:50px; }
.top-btn { position:absolute; top:-25px; right:0; width:50px; height:50px; border-radius:50%; cursor:pointer; background:#fcb026; }
.top-btn:after { content:' '; position:absolute; top:50%; left:50%; border:2px #2d2d2d solid; border-bottom:none; border-left:none; width:8px; height:8px; margin-top:-3px; margin-left:-5px; transform:rotate(-45deg); }
.addresss { background-color:#f2f2f2; height:88px; width:100%; color:#303030; font-size:16px; }
.addresss .container { display:flex; height:100%; display:-webkit-flex; align-items:center; justify-content:space-between; text-transform:capitalize; }
.addresss span { padding:0 7px; }
.addresss .current { font-size:21px; color:#151515; }
.inner { padding-top:50px; margin-bottom:80px; }
.inner-l { float:left; width:320px; }
.inner-r { float:right; width:calc(100% - 380px); }
.inner-l .tit { width:100%; height:70px; font-size:23px; color:#141414; text-transform:capitalize; line-height:70px; background-color:#fcb026; padding-left:17px; }
.inner-l li a { display:block; padding:20px; }
.inner-l li a i { display:block; float:left; width:82px; }
.inner-l li a .con { float:right; width:calc(100% - 102px); }
.inner-l .contact-list li a { padding:0; }
.inner-l .con h3 { font-size:15px; color:#050713; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; display:-webkit-box; margin-bottom:5px; line-height:1.2; height:36px; }
.inner-l .con p { color:#848484; font-size:14px; }
.inner-l > ul { border:4px #fcb026 solid; border-top:none; }
.inner-l > ul > li { border-bottom:1px #e2e2e2 solid; position:relative; }
.inner-l li:hover h3 { color:#fcb026; }
.lContact { margin-top:20px; color:#333; }
.lContact li:hover a { color:#fcb026; }
.lContact li:hover:after { border-color:#fcb026; }
.lContact .lContact-list, .lKeyword-list { border:4px #fcb026 solid; border-top:none; padding:10px; }
.lKeyword { margin-top:20px; }
.lKeyword-list a { display:inline-block; margin-right:10px; margin-bottom:10px; padding:5px 10px; background:#f6f6f6; white-space:nowrap; }
.lContact .lContact-list li { padding:10px 0; display:flex; display:-webkit-flex; color:#333; }
.lContact .lContact-list a, .lContact .lContact-list span { display:block; flex-basis:calc(100% - 36px); width:calc(100% - 36px); }
.lContact .lContact-list i { flex-basis:36px; width:36px; text-align:center; font-size:18px; color:#fcb026; }
.lContact .lContact-list li a { padding:0; }
.inner-r .tit { height:70px; display:flex; display:-webkit-flex; align-items:center; justify-content:center; }
.inner-r .tit a { font-size:20px; color:#050713; display:inline-block; margin:0 5px; text-transform:uppercase; }
.inner-r .tit a.active { color:#fcb026; }
.inner-r .tit a:after { content:' / '; padding-left:5px; color:#050713; }
.inner-r .tit a:hover { color:#fcb026; }
.inner-r .tit a:last-child:after { content:' '; }
.news-date { width:60px; position:absolute; top:0; left:-60px; }
.news-date p { font-size:17px; text-align:center; color:#222; background-color:#222; line-height:38px; }
.news-date .day { background-color:#fcb026; font-size:23px; line-height:32px; }
.news-date .month { font-size:18px; line-height:32px; background-color:#fcb026; }
.news-date .year { color:#fff; }
.news-img { width:340px; float:left; }
.news-img a { display:flex; display:-webkit-flex; height:100%; justify-content:center; align-items:center; }
.news-img img { max-height:100%; display:block; }
.news-con { float:right; width:calc(100% - 340px); padding:30px; }
.news-con h3 a { font-size:20px; color:#050713; line-height:1.4; height:58px; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; display:-webkit-box; }
.pro-con h3 a { font-size:20px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:block; }
.news-con h3, .pro-con h3 { position:relative; padding-bottom:20px; margin-bottom:20px; }
.news-con h3:after, .pro-con h3:after { content:' '; position:absolute; bottom:0; left:0; width:50px; height:2px; background:#fcb026; }
.news-con p { font-size:16px; color:#848484; line-height:1.6; height:75px; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; display:-webkit-box; }
.new-list .news-con { border-left:none; }
.new-list > ul > li { display:flex; display:-webkit-flex; margin-bottom:60px; height:257px; position:relative; margin-left:60px; border:1px #e3e3e3 solid; }
.new-list > ul > li:hover { box-shadow:0 0 10px rgba(222, 222, 222, .75); }
.new-list > ul > li:hover .news-con h3 a { color:#fcb026; }
.no-img-news-date { width:108px; float:left; text-align:center; padding:22px 0; background:#fcb026; color:#fff; }
.no-img-news-date .day { font-size:24px; line-height:1.6; font-weight:700; margin-bottom:5px; }
.no-img-news-date .year { font-size:18px; }
.no-img-news-con { width:calc(100% - 108px); float:left; padding:10px 0 10px 20px; }
.no-img-news-con a { display:block; font-size:20px; color:#050713; line-height:1.4; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.no-img-news-con p { margin-top:10px; font-size:16px; color:#848484; line-height:1.6; height:50px; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; display:-webkit-box; }
.page-nav, .page-nav ul { display:flex; justify-content:center; }
.new-list > ul > .no-img-news { height:108px; margin-left:0; margin-bottom:20px; }
.new-list > ul > .no-img-news:hover .no-img-news-con a { color:#fcb026; }
.page-nav { margin-top:60px; }
.page-nav, .page-nav ul { display:flex; justify-content:center; flex-wrap:wrap; }
.page-nav a { display:inline-block; width:55px; height:55px; font-size:20px; border:1px solid #e5e5e5; line-height:55px; text-align:center; color:#b1b1b1; margin:5px; }
.page-nav a:hover { background-color:#fcb026; color:#222; }
.page-nav ul li:nth-child(1) a:hover:after, .page-nav ul li:nth-last-child(1) a:hover:after {
border-color:#222;
}
.page-nav ul li:nth-child(1) a, .page-nav ul li:nth-last-child(1) a {
width:120px;
text-align:right;
padding:0 30px;
font-size:20px;
text-transform:capitalize;
position:relative;
}
.page-nav ul li:nth-last-child(1) a {
text-align:left;
}
.page-nav ul li:nth-child(1) a:after, .page-nav ul li:nth-last-child(1) a:after {
content:'';
border:2px solid #b1b1b1;
display:block;
width:8px;
height:8px;
margin:auto;
position:absolute;
top:23px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
border-top:none;
border-right:none;
left:25px;
}
.page-nav ul li.disabled:nth-child(1) a:after, .page-nav ul li.disabled:nth-last-child(1) a:after {
border-color:#b1b1b1;
}
.page-nav ul li:nth-last-child(1) a:after {
-webkit-transform:rotate(-135deg);
transform:rotate(-135deg);
left:auto;
right:25px;
}
.page-nav ul li.disabled a { cursor:not-allowed; color:#b1b1b1; font-size:20px; background-color:#efefef; text-transform:capitalize; }
.page-nav ul li.active a { background:#fcb026; color:#222; }
.news-content h1 { font-size:25px; color:#050713; margin-top:40px; line-height:1.6; margin-bottom:10px; }
.news-con-date { color:#fcb026; font-size:16px; }
.news-con-date i { font-size:24px; padding-right:10px; }
.news-content-p { padding:10px 0; margin-top:20px; }
.news-content-p p { font-size:16px; line-height:1.6; margin-bottom:10px; }
.news-page { display:flex; display:-webkit-flex; }
.news-page > div { width:50%; flex-basis:50%; position:relative; }
.news-page > div .news-p { font-size:22px; color:#000; margin-bottom:8px; }
.news-page > div .news-a { display:flex; display:-webkit-flex; height:36px; align-items:center; color:#777; font-size:16px; margin-top:32px; position:relative; z-index:1; }
.news-page > div .news-a i { margin-right:10px; display:block; width:36px; height:36px; background:#222; position:relative; color:#fff; }
.news-page > div .news-a i:after { content:' '; width:8px; height:8px; border:2px #fff solid; border-right:none; border-top:none; position:absolute; top:50%; margin-top:-5px; margin-left:-4px; left:50%; transform:rotate(45deg); }
.news-page .next { text-align:right; }
.news-page > div > a:first-child { margin:10px 0; display:inline-block; }
.news-page > .next .news-a { justify-content:flex-end; }
.news-page > .next .news-a i { margin-left:10px; margin-right:0; }
.news-page > .next .news-a i:after { transform:rotate(-135deg); margin-left:-7px; }
.news-page { border-top:1px #e2e2e2 solid; padding-top:30px; }
.news-page > div:hover .news-a i { background:#fcb026; }
.news-page > div:hover .news-a i:after { border-color:#181818; }
.inner-l .sf-menu { border:4px #fcb026 solid; border-top:none; margin-bottom:20px; }
.inner-l .sub-menu { display:none; padding-left:30px; border:none; }
.inner-l .sf-menu .currentProType { color:#fcb026; }
.inner-l .sf-menu a { padding:14px 50px 14px 20px; font-size:16px; color:#7c7c7c; overflow:hidden; display:block; white-space:nowrap; text-overflow:ellipsis; }
.inner-l .sf-menu li:hover > a { color:#fcb026; }
.pro-tit { color:#363636; border-bottom:1px #e2e2e2 solid; border-left:4px #fcb026 solid; height:40px; line-height:40px; padding-left:20px; font-size:25px; margin-bottom:30px; }
.pro-p { font-size:15px; color:#606060; line-height:1.6; margin:20px 0; }
.pro-list > ul { margin-bottom:30px; }
.pro-list > ul > li { width:100%; display:flex; display:-webkit-flex; justify-content:space-between; flex-wrap:wrap; margin-bottom:50px; border:1px #eee solid; }
.pro-list > ul > li:hover h3 a { color:#fcb026; }
.pro-list > ul > li .pro-img { display:flex; display:-webkit-flex; flex-basis:280px; width:280px; height:280px; align-items:center; justify-content:center; }
.pro-list > ul > li .pro-img img { display:block; max-height:100%; }
.pro-list > ul > li .pro-con { flex-basis:calc(100% - 280px); width:calc(100% - 280px); background:#f6f6f6; padding:35px; }
.pro-list > ul > .pro-item { float:left; width:31%; margin:0 1% 20px; display:block; padding:0; }
.pro-con p { color:#4f4f4f; font-size:16px; line-height:1.6; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; display:-webkit-box; height:75px; }
.pro-con .pro-btn { display:inline-block; margin-top:30px; font-size:15px; color:#1d1d1d; line-height:40px; padding:0 20px 0 0; transition:.3s all ease-in-out;
-webkit-transition:.3s all ease-in-out;
-o-transition:.3s all ease-in-out;
-moz-transition:.3s all ease-in-out;
text-transform:uppercase; }
.pro-con .pro-btn i { padding-left:10px; font-size:20px; padding-top:5px; }
.pro-list li:hover .pro-con .pro-btn { background:#fcb026; padding:0 20px; transition:.3s all ease-in-out;
-webkit-transition:.3s all ease-in-out;
-o-transition:.3s all ease-in-out;
-moz-transition:.3s all ease-in-out;
}
.inner-l .nav-list { position:relative; }
.inner-l .nav-list i { position:absolute; content:' '; top:0; right:0; width:50px; height:47px; cursor:pointer; display:block; }
.about-left-list li:hover:before { border-color:#fcb026; }
.about-left-list li:before, .inner-l .nav-list i:before { position:absolute; content:' '; top:17px; right:21px; width:8px; height:8px; border:2px #707070 solid; border-top:none; border-left:none; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transition:.3s transform ease-in-out;
-webkit-transition:.3s -webkit-transform ease-in-out;
cursor:pointer; }
.inner-l .nav-list.active i:before { transform:rotate(45deg); -webkit-transform:rotate(45deg); transition:.3s transform ease-in-out;
-webkit-transition:.3s -webkit-transform ease-in-out;
}
.latest-products li { float:left; width:50%; display:flex; align-items:center; justify-content:center; }
.inner-l > .latest-products > li { border:none; margin-bottom:18px; }
.latest-products li a { width:132px; height:132px; border:1px #eee solid; display:flex; display:-webkit-flex; align-items:center; justify-content:center; position:relative; }
.latest-products li a:after { content:' '; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(11, 11, 11, .8) url(../../../images/m247/yellow/search.png) no-repeat center; visibility:hidden; opacity:0; transition:.3s all ease-in-out;
-webkit-transition:.3s all ease-in-out;
}
.latest-products li:hover a:after { visibility:visible; opacity:1; transition:.3s all ease-in-out;
-webkit-transition:.3s all ease-in-out;
}
.latest-products li a img { display:block; max-width:100%; max-height:100%; }
.latest-products { padding:18px 9px 0; }
.jq-zoom { width:392px; float:left; position:relative; }
.pro-btn > span { display:block; width:36px; height:36px; position:absolute; top:177px; left:0; z-index:11; cursor:pointer; }
.pro-btn .next { right:0; left:auto; transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg); -moz-transform:rotate(180deg); }
.img-zoom { width:400px; height:400px; border:1px #d2d2d2 solid; }
#product-s-show li { border:1px #d2d2d2 solid; }
#product-s-show ul { margin:15px 0; }
.pro-info-pic { float:left; }
.pro-info-con { float:right; width:calc(100% - 450px); }
.pro-info-con h1 { font-size:24px; color:#141414; padding-bottom:20px; }
.pro-info-con p { font-size:16px; color:#5f5f5f; line-height:1.8; padding-top:10px; border-top:1px #eee solid; }
.pro-info-con .btn { margin-top:30px; }
.pro-info-con .LayImAhrefNode, .pro-info-con .btn > div, .pro-info-con .sendInquiry { font-size:18px; display:flex; display:-webkit-flex; height:60px; justify-content:center; align-items:center; color:#222; text-align:center; background:#fcb026; border-radius:3px; width:45%; margin-right:5%; float:left; margin-bottom:20px; text-transform:uppercase; }
.pro-info-con .LayImAhrefNode { background:#222; color:#fcb026; }
.pro-info-con .btn > div { background:#fff; border:1px #d2d2d2 solid; position:relative; }
.pro-info-con .btn > div:after { content:" "; position:absolute; left:0; top:0; width:2px; height:100%; background:#fcb026; }
.pro-info-con .btn > div a { display:flex; align-items:center; height:100%; justify-content:center; }
.pro-info-con .btn > div a i { padding:0 10px; }
.pro-detaile p { font-size:16px; line-height:1.6; margin-bottom:5px; }
.pro-detaile .pro-name, .prolistrandom .pro-name { width:100%; border-bottom:1px #d2d2d2 solid; margin-bottom:15px; }
.prolistrandom { margin-top:30px; }
.rollPro1 { display:flex; flex-wrap:wrap; }
.rollPro1 li { width:calc(33.3% - 20px); flex-basis:calc(33.3% - 20px); margin-bottom:20px; margin-right:30px; }
.rollPro1 li:nth-child(3n) {
margin-right:0;
}
.rollPro1 li .pbox { border:1px #d2d2d2 solid; }
.rollPro1 li .pbox a { width:100%; display:block; height:200px; position:relative; }
.rollPro1 li .pbox a img { max-width:100%; max-height:100%; position:absolute; top:50%; left:50%; -o-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); transform:translate(-50%, -50%); }
@media (max-width:1365px) {
.rollPro1 li .pbox a {
height:160px;
}
}
.rollPro1 li p { text-align:center; padding:10px 0; font-size:16px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.pro-detaile .pro-name h3, .prolistrandom .pro-name h3 { font-size:18px; background:#fcb026; padding:18px 35px; display:inline-block; }
.pro-detaile { margin-top:50px; padding-bottom:30px; border-bottom:1px #d2d2d2 solid; }
.pro-inquiry .pro-name { color:#050713; font-size:34px; text-transform:capitalize; position:relative; padding-bottom:10px; margin-bottom:20px; }
.pro-inquiry .pro-name:after { content:' '; position:absolute; bottom:0; width:50px; height:3px; left:0; background:#fcb026; }
.pro-inquiry { margin-top:50px; }
.pro-inquiry > p { padding:15px 0; color:#5b5b5b; font-size:16px; margin-bottom:30px; }
.input-boxs { display:flex; display:-webkit-flex; justify-content:space-between; flex-wrap:wrap; }
.input-boxs .input-box { flex-basis:calc(50% - 10px); width:calc(50% - 10px); }
.input-box { width:100%; margin-bottom:15px; }
.input-box input { width:100%; height:58px; border:1px #e8e8e8 solid; padding:0 20px; }
.input-box textarea { width:100%; border:1px #e8e8e8 solid; padding:20px 10px; }
.fsbtn .submita { color:#222; font-size:24px; padding:13px 90px; border:none; background-color:#fcb026; text-transform:uppercase; cursor:pointer; }
.inner-l .contact-list { border:1px #d2d2d2 solid; }
.inner-l .contact-list li { text-align:center; padding:30px 20px; }
.inner-l .contact-list .icon { font-size:24px; color:#969696; }
.inner-l .contact-list li h3 { color:#363636; font-size:18px; padding:5px 0; }
.inner-l .contact-list li p { font-size:16px; color:#616161; }
.contact-us { margin-top:0; }
#map { width:100%; height:528px; }
.about-img { margin-bottom:45px; }
.about-img img { display:block; }
.about-con .tit_h2 { font-size:36px; color:#2f2f2f; position:relative; padding-bottom:20px; margin-bottom:15px; }
.about-con .tit_h2:before { content:' '; position:absolute; left:0; bottom:0; width:70px; height:5px; background:#fcb026; }
.about-con p { font-size:16px; color:#8a8a8a; line-height:1.6; }
.about-display { margin-top:60px; }
.about-display li { width:50%; padding-right:20px; float:left; margin-bottom:10px; }
.about-display a { display:block; }
.about-display a i { display:block; float:left; width:150px; }
.about-display .con { width:calc(100% - 150px); float:left; padding-left:10px; }
.about-display .con h3 { font-size:15px; color:#050713; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin:5px 0 8px; line-height:1.4; }
.about-display a .con p { font-size:16px; color:#8a8a8a; height:50px; overflow:hidden; }
@media (max-width:1600px) {
.idx-news-con h3 a {
font-size:18px;
height:42px;
}
.idx-news-con p {
line-height:1.4;
height:66px;
}
.container {
width:90%;
}
.recommended-con h3 {
font-size:18px;
}
.pro-list > ul > li .pro-img {
width:280px;
flex-basis:280px;
height:280px;
}
.pro-list > ul > li .pro-con {
width:calc(100% - 280px);
flex-basis:calc(100% - 280px);
padding:23px 35px;
}
.ca-list li:after {
top:-75px;
width:190%;
}
.ca-list li:hover:after {
left:-50%;
}
.display li {
float:left;
margin-right:36px;
}
.idx-news-con {
padding:14px 20px;
background:#fff;
}
.idx-about > div {
padding:120px 0;
}
}
@media (max-width:1365px) and (min-width:992px) {
.pro-info-con {
width:100%;
margin-top:20px;
}
.about-display li {
width:100%;
}
.idx-news-con h3 a {
font-size:16px;
height:38px;
}
.idx-news-con p {
font-size:14px;
height:57px;
}
.idx-news-con h3 {
padding-bottom:10px;
}
.idx-news-con h3:after {
bottom:5px;
}
.pro-list > ul > .pro-item {
width:48%;
}
}
@media (max-width:1365px) {
.container {
width:90%;
}
.pro-ca > li {
width:calc(25% - 20px);
flex-basis:calc(25% - 20px);
}
#nav > ul > li > a {
padding:0 5px;
}
.display li {
margin-bottom:30px;
}
.company-contact, .foot-contact {
width:200px;
flex-basis:200px;
}
.blingbling {
width:38px;
height:38px;
}
.code {
width:150px;
flex-basis:150px;
}
.idx-about-img {
width:400px;
flex-basis:400px;
position:relative;
z-index:1;
}
.idx-about-con {
width:calc(100% - 430px);
}
.idx-about-con p {
-webkit-line-clamp:3;
height:80px;
}
.idx-about-con h4 {
margin:15px 0 10px;
}
.about-btn {
margin-top:20px;
}
.idx-about > div {
padding:70px 0;
}
.tit-h2 {
font-size:40px;
}
.idx-news-list {
margin-top:50px;
}
.recommended-btn {
height:52px;
}
.recommended-btn span {
width:calc(100% - 52px);
flex-basis:calc(100% - 52px);
}
.recommended-btn .btn {
width:52px;
flex-basis:52px;
}
.contain {
width:970px;
}
.video {
padding:50px 0;
}
.ca-list li {
padding:20px 30px;
}
.ca-list li h3 {
font-size:18px;
margin:10px 0 15px;
}
.ca-list li:hover:after {
left:-48%;
}
.news-img {
width:250px;
}
.news-con {
width:calc(100% - 250px);
}
.news-con h3 a {
font-size:18px;
height:48px;
}
.new-list > ul > li {
height:188px;
}
.news-con {
padding:10px 30px;
}
.pro-con p {
-webkit-line-clamp:3;
height:75px;
}
.pro-con .pro-btn {
margin-top:14px;
}
.pro-list > ul > li .pro-img {
width:240px;
flex-basis:240px;
height:240px;
}
.pro-list > ul > li .pro-con {
width:calc(100% - 240px);
flex-basis:calc(100% - 240px);
padding:23px 35px;
}
.pro-con h3 a {
font-size:18px;
}
.about-con .tit_h2 {
font-size:34px;
}
}
@media (max-width:1200px) {
.recommended-products .container {
max-width:800px;
}
.recommended-list-btn .swiper-button-next {
right:-70px;
}
.recommended-list-btn .swiper-button-prev {
left:-70px;
}
.about-con .tit_h2 {
font-size:32px;
}
}
@media (max-width:991px) {
.pro-list > ul > li .pro-img {
width:200px;
flex-basis:200px;
height:200px;
}
.copy .header-share, .copy .header-share ul {
display:flex;
margin-top:5px;
}
.company-contact, .foot-contact {
width:330px;
flex-basis:330px;
}
.blingbling {
width:56px;
height:56px;
}
.copy .container {
display:block;
}
.header-share, .header-share ul {
justify-content:flex-start;
}
.pro-list > ul > li .pro-con {
width:calc(100% - 200px);
flex-basis:calc(100% - 200px);
}
.pro-con p {
font-size:14px;
height:66px;
}
.pro-con .pro-btn {
display:none;
}
.page-nav {
margin-top:0;
}
.recommended-con h3 {
font-size:16px;
}
.recommended-con p {
font-size:14px;
height:44px;
}
.news-body .inner-l, .product-body .inner-l {
display:none;
}
.inner-r {
width:100%;
}
.addresss {
height:42px;
}
.contact-body .inner-l {
width:100%;
margin-bottom:30px;
}
.inner-l .contact-list {
display:flex;
display:-webkit-flex;
justify-content:space-between;
flex-wrap:wrap;
}
.inner-l .contact-list li {
width:33.3%;
flex-basis:33.3%;
border-right:1px #d2d2d2 solid;
}
.inner-l .contact-list li:last-child {
border-right:none;
}
.inner.container {
padding-top:30px;
}
.pro-inquiry .pro-name {
font-size:28px;
}
.ca-list li:after {
top:0;
width:100%;
left:-150%;
}
.ca-list li:hover:after {
left:-150%;
}
.contain, .container {
padding:0 50px;
width:100%;
}
.idx-about {
width:calc(100% - 100px);
padding:0;
}
.header-nav-list > .container {
height:72px;
}
.nav-btn {
position:absolute;
right:50px;
bottom:0;
height:72px;
display:flex;
align-items:center;
z-index:99999;
justify-content:center;
}
.nav-r-btn {
position:relative;
width:40px;
height:40px;
}
.nav-btn span {
position:absolute;
top:11px;
right:0;
display:block;
width:25px;
height:3px;
border:0 solid #333;
background-color:#333;
-webkit-transition:top .2s .2s, background .2s, opacity 0s .2s, -webkit-transform .2s;
transition:top .2s .2s, transform .2s, background .2s, opacity 0s .2s;
}
.nav-btn span:nth-of-type(2) {
top:19px;
}
.nav-btn span:nth-of-type(3) {
top:auto;
bottom:10px;
-webkit-transition:bottom .2s .2s, background .2s, -webkit-transform .2s;
transition:bottom .2s .2s, transform .2s, background .2s;
}
.nav-btn.toggle-animate span:nth-of-type(1) {
top:19px;
transform:rotate(45deg);
transition:top .2s, transform .2s .2s, background .2s;
-webkit-transform:rotate(45deg);
-webkit-transition:top .2s, -webkit-transform .2s .2s, background .2s;
}
.nav-btn.toggle-animate span:nth-of-type(2) {
opacity:0;
transition:opacity .2s;
-webkit-transition:opacity .2s;
}
.nav-btn.toggle-animate span:nth-of-type(3) {
bottom:18px;
transform:rotate(-45deg);
transition:bottom .2s, transform .2s .2s, background .2s;
-webkit-transform:rotate(-45deg);
-webkit-transition:bottom .2s, -webkit-transform .2s .2s, background .2s;
}
#nav > ul {
position:absolute;
top:100%;
width:300px;
background:#222;
right:-300px;
overflow-y:auto;
height:calc(100vh - 112px);
transition:.3s right ease-in-out;
-webkit-transition:.3s right ease-in-out;
-o-transition:.3s right ease-in-out;
-moz-transition:.3s right ease-in-out;
z-index:999;
}
#nav.actived > ul {
right:0;
transition:.3s right ease-in-out;
-webkit-transition:.3s right ease-in-out;
-o-transition:.3s right ease-in-out;
-moz-transition:.3s right ease-in-out;
}
.down #nav > ul {
height:calc(100vh - 72px);
}
#nav > ul li a {
display:block;
font-size:16px;
line-height:48px;
}
#nav > ul > li > a {
padding:0 20px;
color:rgba(255, 255, 255, .8);
}
.nav .icon-right {
position:absolute;
right:0;
width:48px;
height:48px;
}
.nav .icon-right:after {
content:'';
border:2px solid rgba(255, 255, 255, .8);
display:block;
width:8px;
height:8px;
margin:auto;
position:absolute;
top:20px;
-webkit-transform:rotate(-135deg);
transform:rotate(-135deg);
border-top:none;
border-right:none;
right:20px;
transition:.3s all ease-in-out;
}
.nav .submenu {
display:none;
}
.nav li.actived .icon-right:after {
transform:rotate(-45deg);
-o-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
transition:all .3s cubic-bezier(.66, .53, .65, 1);
-o-transition:all .3s cubic-bezier(.66, .53, .65, 1);
-moz-transition:all .3s cubic-bezier(.66, .53, .65, 1);
-webkit-transition:all .3s cubic-bezier(.66, .53, .65, 1);
}
#nav > ul .submenu li a {
padding:0 20px 0 30px;
color:rgba(255, 255, 255, .7);
}
.nav-btn.toggle-animate span:nth-of-type(1) {
top:19px;
transform:rotate(45deg);
transition:top .2s, transform .2s .2s, background .2s;
-webkit-transform:rotate(45deg);
-webkit-transition:top .2s, -webkit-transform .2s .2s, background .2s;
}
.nav-btn.toggle-animate span:nth-of-type(2) {
opacity:0;
transition:opacity .2s;
-webkit-transition:opacity .2s;
}
.nav-btn.toggle-animate span:nth-of-type(3) {
bottom:18px;
transform:rotate(-45deg);
transition:bottom .2s, transform .2s .2s, background .2s;
-webkit-transform:rotate(-45deg);
-webkit-transition:bottom .2s, -webkit-transform .2s .2s, background .2s;
}
.search {
position:absolute;
right:90px;
height:100%;
display:flex;
align-items:center;
padding:0 20px;
}
.search i {
font-size:20px;
}
.banner-btn {
display:none;
}
.mask.mask-block {
position:fixed;
top:0;
width:100%;
bottom:0;
background:rgba(0, 0, 0, .6);
z-index:99;
}
.tit-h2 {
font-size:34px;
}
.ca-list li {
margin-bottom:50px;
}
.pro-ca {
margin-bottom:60px;
}
.pro-ca > li {
width:calc(25% - 10px);
flex-basis:calc(25% - 10px);
}
.idx-about-img {
width:320px;
flex-basis:320px;
}
.idx-about-con {
width:calc(100% - 360px);
}
.idx-about-con h3 {
font-size:30px;
padding:10px 0 15px;
}
.idx-about-con h3:after {
height:3px;
}
.idx-about-con h4 {
font-size:16px;
}
.idx-about-con p {
line-height:1.6;
height:72px;
}
.recommended-products .container {
padding:0 90px;
width:auto;
}
.idx-news-list li {
width:100%;
flex-basis:100%;
}
.display-list li a {
height:85px;
width:175px;
}
.foot-contact {
width:70%;
flex-basis:70%;
max-width:70%;
margin-bottom:30px;
}
.copy .container {
padding:10px;
}
.top-btn {
right:50px;
}
.foot-logo {
margin-bottom:20px;
}
.foot-content {
padding:50px 0 30px;
}
.recommended-products-list {
padding-bottom:40px;
margin-top:30px;
}
.about-list li {
display:block;
height:auto;
flex-basis:30%;
width:30%;
text-align:center;
}
.video h2 {
font-size:30px;
}
.new-list > ul > li {
margin-bottom:30px;
}
.news-page > div .news-p {
font-size:18px;
}
.news-content h1 {
font-size:22px;
}
.news-content-p {
margin-top:0;
}
.about-con .tit_h2 {
font-size:30px;
}
}
@media (max-width:767px) {
.pro-info-con {
width:100%;
margin-top:20px;
}
.inner.container {
padding-top:15px;
}
.tit-h2 {
font-size:30px;
}
.contain, .container {
padding:0 15px;
}
.idx-about-img {
display:none;
}
.idx-about-con {
width:100%;
}
.idx-about {
width:100%;
}
.company-contact, .foot-contact {
width:100%;
flex-basis:100%;
}
.blingbling {
width:56px;
height:56px;
}
.display li {
margin-right:10px;
margin-bottom:10px;
}
.section {
padding-bottom:30px;
}
.video h2 {
font-size:24px;
}
.header-nav-list > .container {
height:60px;
}
#xyz {
display:none;
}
.link-way {
width:100%;
justify-content:space-between;
}
.link-way span {
padding:0;
border:none;
}
.nav-btn {
right:15px;
height:60px;
}
.search {
right:40px;
}
.header-nav .logo img {
}
.search-from .form {
width:100%;
padding:0 30px;
}
#nav > ul {
width:260px;
height:calc(100vh - 100px);
}
.down #nav > ul {
height:calc(100vh - 60px);
}
.news-con, .news-img {
width:50%;
}
.new-list > ul > li {
height:auto;
margin-left:0;
}
.news-date {
width:48px;
left:0;
}
.page-nav ul li.disabled a {
font-size:14px;
}
.page-nav a {
height:38px;
line-height:38px;
font-size:16px;
}
.page-nav ul li:nth-child(1) a, .page-nav ul li:nth-last-child(1) a {
width:80px;
padding:0 10px;
}
.page-nav ul li:nth-child(1) a:after, .page-nav ul li:nth-last-child(1) a:after {
top:13px;
left:18px;
}
.page-nav ul li:nth-child(1) a, .page-nav ul li:nth-last-child(1) a {
font-size:16px;
}
.page-nav ul li:nth-last-child(1) a:after {
right:-22px;
}
.page-nav {
margin-top:30px;
}
.inner {
margin-bottom:30px;
}
.foot-tit {
font-size:18px;
}
}
@media (max-width:767px) and (min-width:640px) {
.contain, .container {
padding:0 30px;
}
.ca-list li {
width:calc(33.3% - 10px);
flex-basis:calc(33.3% - 10px);
padding:10px 15px;
}
}
@media (max-width:640px) {
.recommended-products .container {
padding:0 15px;
}
.pro-list > ul > .pro-item {
width:48%;
}
.about-display li {
width:100%;
}
.about-con .tit_h2 {
font-size:24px;
}
.ca-list li {
width:100%;
flex-basis:100%;
}
.pro-ca {
flex-wrap:wrap;
margin-bottom:0;
}
.tit-h2 {
line-height:1.2;
}
.pro-ca > li {
width:calc(50% - 5px);
flex-basis:calc(50% - 5px);
margin-bottom:10px;
}
.idx-about > div {
padding:30px 0;
}
.idx-news-con h3 a {
font-size:16px;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
height:38px;
overflow:hidden;
margin-bottom:7px;
}
.idx-news-con {
padding:8px;
}
.idx-news-con h3 {
padding-bottom:2px;
margin-bottom:7px;
}
.idx-news-con h3:after {
bottom:0;
}
.idx-news-con p {
font-size:14px;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
overflow:hidden;
height:41px;
}
.idx-news-list li {
margin-bottom:20px;
}
.display-list {
display:flex;
display:-webkit-flex;
justify-content:space-between;
flex-wrap:wrap;
}
.company-contact, .foot-contact {
flex-basis:100%;
width:100%;
max-width:100%;
}
.top-btn {
width:40px;
height:40px;
right:15px;
}
.display-list li {
width:calc(50% - 10px);
flex-basis:calc(50% - 10px);
}
.display-list li a {
width:100%;
}
.display {
padding:20px 0;
}
.foot-phone span {
font-size:24px;
}
.idx-about-con h3 {
font-size:24px;
}
.news-con {
padding:5px;
}
.news-con h3 a {
font-size:16px;
}
.news-con p {
font-size:14px;
height:42px;
-webkit-line-clamp:2;
}
.news-con h3 {
padding-bottom:7px;
margin-bottom:7px;
}
.inner-l .contact-list li {
width:100%;
flex-basis:100%;
}
.inner-l .contact-list li {
padding:15px;
}
.input-box input {
height:48px;
}
.input-box {
margin-bottom:10px;
}
.input-boxs .input-box {
width:100%;
flex-basis:100%;
}
.fsbtn .submita {
width:100%;
}
.addresss {
display:none;
}
.pro-list > ul > li {
width:50%;
float:left;
padding:8px;
}
.pro-list > ul > li .pro-con, .pro-list > ul > li .pro-img {
width:100%;
flex-basis:100%;
}
.pro-list > ul > li .pro-con {
padding:10px;
margin-top:0;
}
.pro-con h3 a {
font-size:16px;
}
.pro-list .pro-con .pro-btn, .pro-list .pro-con p {
display:none;
}
.pro-list .pro-con h3 {
padding-bottom:10px;
margin-bottom:10px;
}
.pro-list > ul > li {
margin-bottom:15px;
}
}
@media (max-width:480px) {
.pro-con .LayImAhrefNode, .pro-con .btn > div, .pro-con .sendInquiry {
width:100%;
height:48px;
margin-bottom:10px;
}
.pro-btn > span {
top:125px;
}
}
.pages a, .pages span { display:inline-block; margin:0 5px 15px; padding:16px 21px; border:1px solid #ccc; font-size:16px; }
.pages a:hover, .pages span.ctxt { background:#fcb026; border-color:#fcb026; color:#fff; opacity:1; }
.pages span { opacity:.4; }
.pages { width:100%; text-align:center; padding-bottom:45px; }
.inner-r .singglepic { margin:0; float:left; }
.news-p > a { display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:18px; width:90%; top:0; left:0; position:absolute; bottom:0; z-index:2; }
.next .news-p > a { margin-left:10%; }
.seo_key { background:#f6f6f6; padding:15px; line-height:1.6; }
.table, .table1, table#emphasis, table#newspaper, table#verzebra, table.colorful, table.hovertable, table.imagetable, table.table2 { width:100%; border-collapse:collapse; }
.table p, .table1 p, table#emphasis p, table#newspaper p, table#verzebra p, table.colorful p, table.hovertable p, table.imagetable p, table.table2 p { padding:0; margin:0; }
.table td, .table th { border:1px solid #cdcdcd; padding:5px; }
table.table2 td, table.table2 th { border:1px solid #cdcdcd; padding:5px; }
table.table2 tr:nth-child(odd) {
background-color:#efede1;
}
table.table2 tr:nth-child(even) {
background-color:#fff;
}
table.table2 tr:first-child { background-color:#8db3e3; }
table.table2 tr:nth-child(3) {
background-color:#d7d7d7;
}
.table1 th, .table1 tr.bgcolor { background-color:#c1c1c1; }
.table1 td, .table1 th { border:1px solid #000; padding:5px; }
table.imagetable { font-family:verdana, arial, sans-serif; font-size:11px; color:#333; border-width:1px; border-color:#999; border-collapse:collapse; }
table.imagetable th { background:#b5cfd2 url(images/cell-blue.jpg); border-width:1px; padding:8px; border-style:solid; border-color:#999; }
table.imagetable td { background:#dcddc0 url(images/cell-grey.jpg); border-width:1px; padding:8px; border-style:solid; border-color:#999; }
table.hovertable { font-family:verdana, arial, sans-serif; font-size:11px; color:#333; border-width:1px; border-color:#999; border-collapse:collapse; }
table.hovertable th { background-color:#c3dde0; border-width:1px; padding:8px; border-style:solid; border-color:#a9c6c9; }
table.hovertable tr { background-color:#d4e3e5; }
table.hovertable tr:hover { background-color:#ff6; }
table.hovertable td { border-width:1px; padding:8px; border-style:solid; border-color:#a9c6c9; }
#verzebra { font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size:12px; text-align:left; border-collapse:collapse; }
#verzebra th { font-size:14px; font-weight:400; padding:12px 15px; border-right:1px solid #fff; border-left:1px solid #fff; color:#039; }
#verzebra td { padding:8px 15px; border-right:1px solid #fff; border-left:1px solid #fff; color:#669; }
.vzebra-odd { background:#eff2ff; }
.vzebra-even { background:#e8edff; }
#verzebra #vzebra-adventure, #verzebra #vzebra-children { background:#d0dafd; border-bottom:1px solid #c8d4fd; }
#verzebra #vzebra-action, #verzebra #vzebra-comedy { background:#dce4ff; border-bottom:1px solid #d6dfff; }
#emphasis { font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size:12px; text-align:left; border-collapse:collapse; }
#emphasis th { font-size:14px; font-weight:400; padding:12px 15px; color:#039; }
#emphasis td { padding:10px 15px; color:#669; border-top:1px solid #e8edff; }
.oce-first { background:#d0dafd; border-right:10px solid transparent; border-left:10px solid transparent; }
#emphasis tr:hover td { color:#339; background:#eff2ff; }
#newspaper { font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size:12px; text-align:left; border-collapse:collapse; border:1px solid #6cf; }
#newspaper th { padding:20px; font-weight:400; font-size:13px; color:#039; text-transform:uppercase; border-right:1px solid #0865c2; border-top:1px solid #0865c2; border-left:1px solid #0865c2; border-bottom:1px solid #fff; }
#newspaper td { padding:10px 20px; color:#669; border-right:1px dashed #6cf; }
table.colorful { font-family:"Trebuchet MS", sans-serif; font-size:16px; font-weight:700; line-height:1.4em; font-style:normal; border-collapse:separate; }
.colorful thead th { padding:15px; color:#fff; text-shadow:1px 1px 1px #568f23; border:1px solid #93ce37; border-bottom:3px solid #9ed929; background-color:#9dd929; background:-webkit-gradient(linear, left bottom, left top, color-stop(.02, #7bc043), color-stop(.51, #8bc642), color-stop(.87, #9ed929)); background:-moz-linear-gradient(center bottom, #7bc043 2%, #8bc642 51%, #9ed929 87%); -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius:5px 5px 0 0; border-top-left-radius:5px; border-top-right-radius:5px; }
.colorful thead th:empty { background:0 0; border:none; }
.colorful tbody th { color:#fff; text-shadow:1px 1px 1px #568f23; background-color:#9dd929; border:1px solid #93ce37; border-right:3px solid #9ed929; padding:0 10px; background:-webkit-gradient(linear, left bottom, right top, color-stop(.02, #9ed929), color-stop(.51, #8bc642), color-stop(.87, #7bc043)); background:-moz-linear-gradient(left bottom, #9ed929 2%, #8bc642 51%, #7bc043 87%); -moz-border-radius:5px 0 0 5px; -webkit-border-top-left-radius:5px; -webkit-border-bottom-left-radius:5px; border-top-left-radius:5px; border-bottom-left-radius:5px; }
.colorful tfoot td { color:#9cd009; font-size:32px; text-align:center; padding:10px 0; text-shadow:1px 1px 1px #444; }
.colorful tfoot th { color:#666; }
.colorful tbody td { padding:10px; text-align:center; background-color:#def3ca; border:2px solid #e7efe0; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; color:#666; text-shadow:1px 1px 1px #fff; }
#feedbackForm span.xh, .feedbackForm #feedbackForm .atextarea, .feedbackForm #feedbackForm .fsbtn, .feedbackForm #feedbackForm .lable, .feedbackForm #feedbackForm .submita, .feedbackForm #feedbackForm .text, .feedbackForm #feedbackForm table, .feedbackForm #msg, .feedbackForm .fput, .feedbackForm .ftxt { max-width:none; padding:0; margin:auto; border:0; height:auto; font-size:auto; line-height:1.5; font-family:Arial; color:#333; background:0 0; text-align:left; }
.feedbackForm { margin-bottom:3.25rem; max-width:1200px; margin-left:auto; margin-right:auto; }
.feed-title { font-size:1.875rem; color:#2c2c2c; margin-top:2.5rem; margin-bottom:1.25rem; font-weight:600; text-transform:uppercase; }
.feedbackForm #feedbackForm td { border:0; height:48px; padding:0; }
.lable { white-space:nowrap; }
.feedbackForm #feedbackForm tbody { display:flex; flex-wrap:wrap; justify-content:space-between; }
.feedbackForm #feedbackForm tr { border:1px solid #d9d9d9; border-radius:2px; box-sizing:border-box; margin-bottom:15px; font-size:.9375rem;
color:#727272; }
.feedbackForm #feedbackForm tr:nth-child(-n+4) {
width:49%;
flex-basis:49%;
}
.feedbackForm #feedbackForm tr:nth-child(-n+5) {
display:flex;
justify-content:flex-start;
}
.feedbackForm #feedbackForm tr:nth-child(-n+5) td:first-child {
display:flex;
align-items:center;
padding:0 5px;
}
.feedbackForm #feedbackForm tr:nth-child(-n+5) td:last-child {
width:100%;
flex-basis:100%;
display:block;
}
.feedbackForm #feedbackForm tr:nth-child(-n+5) input {
width:100%;
height:100%;
outline:0;
}
.feedbackForm #feedbackForm tr:nth-child(5) {
width:100%;
flex-basis:100%;
}
.feedbackForm #feedbackForm tr:nth-child(6) {
width:100%;
flex-basis:100%;
display:flex;
flex-direction:column;
}
.feedbackForm #feedbackForm tr:nth-child(7) {
border:0;
padding:0;
}
#feedbackForm input, .feedbackForm #feedbackForm #SubmitContent { border:0; font-size:.9375rem;
color:#000; padding-left:5px; box-sizing:border-box; }
.feedbackForm #feedbackForm #SubmitContent { width:100%; margin-top:10px; padding-left:0; box-sizing:border-box; }
.feedbackForm #feedbackForm .submita { color:#222; font-size:24px; padding:13px 90px; border:none; background-color:#fcb026; text-transform:uppercase; cursor:pointer; }
#feedbackForm { background:#fff; }
#feedbackForm input::placeholder {
font-size:14px;
color:#666;
}
#feedbackForm input { color:#666; }
.feedbackForm #feedbackForm tr:nth-child(6) td {
height:auto;
padding:0 5px;
display:block;
}
.feedbackForm #feedbackForm tr:nth-child(6) textarea {
outline:0;
text-indent:15px;
}
.feedbackForm #feedbackForm .xh { color:red; }
#con { margin-top:30px; }
#tagContent { padding-top:20px; }
#tags:after { content:''; display:block; clear:both; visibility:hidden; height:0; }
#tags li { margin-bottom:10px; float:left; }
#tags li a { text-decoration:none; display:block; line-height:40px; margin-right:8px; background:#efefef; color:#222; font-size:18px; padding:4px 25px; }
ul#tags li.selectTag a { color:#222; background:#fcb026; }
.tagContent { display:none; width:100%; color:#222; padding-top:10px; font-size:14px; line-height:28px; }
#tagContent div.selectTag { display:block; }
header #xyz ul li { padding:0 8px; }
header #xyz #liDropD_En a { padding-top:4px; height:25px; line-height:25px; }
#xyz li a { white-space:nowrap; text-overflow:ellipsis; overflow:hidden; height:25px; line-height:25px; }
#xyz { position:relative; z-index:99999; width:120px; height:27px; border:none; margin-left:5px; }
#xyz ul, header .xyz12 span { height:25px; }
.xyz12 { border-radius:3px; width:100%; padding:0 4px; background:#fff; line-height:25px; position:absolute; box-sizing:border-box; }
.xyz12 li { position:relative; height:25px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; line-height:25px; padding:0 4px; z-index:1; text-align:left; }
.xyz12 li a { color:#333; font-size:12px; }
.xyz12 li.selected { border-top:0; }
.xyz12 li.selected a { color:#8550d9; }
.xyz12 span { position:absolute; right:6px; top:2px; background:url(../../../Content/C_IMG/amore.png) center no-repeat; display:block; width:25px; height:25px; cursor:pointer; z-index:100; }
.xyz12 span.dp { background:url(../../../Content/C_IMG/amore1.png) center no-repeat; }
header #xyz .xyz12 li img { vertical-align:middle; margin:0 7px 0 0; width:20px; padding-right:0; }
header #xyz ul li:hover { background:#f2f2f2; }
.table { word-break:break-word; }
.news-page > div .news-a { position:relative; }
.news-page > div .news-a p { position:absolute; color:transparent; height:100%; }
.news-page > div .news-a p a { color:transparent; display:block; height:100%; }
.news-page > div.prev .news-a p { left:0; }
.news-page > div.next .news-a p { right:0; }
.foot-nav { display:block; text-transform:uppercase; font-size:12px; float:right; }
.foot-nav li { display:inline-block; vertical-align:top; line-height:30px; padding:0 0 0 8px; }
.foot-nav li:first-child a:before { display:none; }
.foot-nav li.current { font-weight:bold; }
.foot-nav li.current, .footer .foot-nav li.current a { color:#ff3100; }
.foot-nav li a { display:inline-block; color:#595959; }
.foot-nav li a:before { content:'|'; padding:0 8px 0 0; }
.foot-nav li a:hover { opacity:0.8; filter:alpha(opacity=80); }
.language .language-info .language-cont { -moz-transform:translateY(30px); -webkit-transform:translateY(30px); -ms-transform:translateY(30px); -o-transform:translateY(30px); transform:translateY(30px); }
.language .language-info .language-cont.language-cont-hover, .mobile-serve .mobile-head-show { -moz-transform:translateY(0); -webkit-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); }
.language { position:relative; float:right; margin-top:5px; }
.language { padding-top:0; }
.language .language-label { display:inline-block; color:#fff; font-size:14px; padding-right:5px; *display:inline;
*float:left;
}
.language .language-title { display:inline-block; margin-top:5px; margin-right:5px; }
.head-social { position:relative; display:inline-block; float:right; position:relative; top:14px; }
.head-social li { position:relative; overflow:hidden; display:inline-block; vertical-align:top; *display:inline;
*zoom:1;
top:-12px; background:#f8ddd4; padding:5px; margin-left:10px; border-radius:50%; }
.head-social li a { display:block; }
.head-social li a img { max-width:18px; max-height:18px; }
.head-social li:hover { background-color:#f96c40; }
.head-social li, .head-social li:hover a:before, .head-social li:hover { -webkit-transition:.3s ease 0s;
-moz-transition:.3s ease 0s;
-ms-transition:.3s ease 0s;
-o-transition:.3s ease 0s;
transition:.3s ease 0s;
}
.footer .head-social { display:block; float:left; top:-30px; }
.shopcart-title .goods-num, .head-login-info h4, .cate-menu li a.hover, .product-item .pd-price b, .blog-widget .foot-blog-item .blog-cont p a.more, .cate-menu li a:hover, .head-cartlist dl a:hover, .narrow-by li li a:hover, .narrow-by li li a.selected, .service-items .service-item li a:hover, .blog-list .blog-item .readmore, .blog-list .blog-item .readmore a, .sort-by ul li.selected a, .sort-by ul li.selected a:hover, .goods-may-like .goods-item .goods-price b, .product-summary .price-bar .special-price, .product-summary .discount, .total-price .price, .goods-related .related-list ul .pd-name a:hover, .path-bar li:hover a, .index-sv-items .readmore a:hover, .foot-wrapper a:hover, .foot-wrapper .foot-items a:hover { color:#000; }
.product-slides .product-item .pd-name, .product-slides .product-item .pd-name a { color:#444; }
.product-slides .product-item:hover .pd-shadow:before { background-color:#000; }
.head-shopcart .ico-cart, .slide-banners .owl-prev, .slide-banners .owl-next, .product-slides .owl-prev, .product-slides .owl-next, .blog-widget .owl-prev, .blog-widget .owl-next, .narrow-by li li a, .narrow-by li a.with-ul-tit b, .sort-by ul li .arrow-down, .sort-by ul li .arrow-up, .path-bar .path-nav li .ico-home b, .product-intro .add-to-cart, .product-intro .add-to-wishlist, .change-currency .arrow, .goods-related .icon-add, .product-summary .ico-tick { background-image:url(../images/sprites.png); background-repeat:no-repeat; background-color:transparent; }
.hide-cate .cate-nav-btn:after, .product-summary .btn-add-to-cart:after, .color-list li.checked .color-small-img:after, .select-box .select-value:after, .size-list li.checked span.size-value:after { background-image:url(../images/sprites.png); background-repeat:no-repeat; background-color:transparent; }
.comment-form .form-item input[type="submit"], .goods-related .buy-together { display:inline-block; height:28px; line-height:28px; border:1px solid rgba(0, 0, 0, 0.1); border-radius:3px; color:#fff; font-size:14px; padding:0 18px; background:#bd362f; background:-webkit-linear-gradient(center top, #ee5f5b, #bd362f); background:-moz-linear-gradient(center top, #ee5f5b, #bd362f); background:-ms-linear-gradient(top, #ee5f5b, #bd362f); background:-o-linear-gradient(center top, #ee5f5b, #bd362f); background:linear-gradient( top, #ee5f5b, #bd362f); text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25); }
.comment-form .form-item input[type="submit"]:hover, .goods-related .buy-together:hover, .ass:hover { opacity:0.8; -moz-opacity:80; filter:alpha(opacity=80); }
.index-sv-items .readmore a:before { -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; }
.slide-banners .owl-nav, .foot-social li a, .gotop, .blog-list .blog-item img, .product-item:hover .pd-img img, .product-item:hover .pd-img .img-hover, .arr-item:hover .pd-img img, .arr-item:hover .pd-img .img-hover, .goods-may-like .goods-item img, .topbar .currency-cur b, .head-social li img, .slide-banners-wrap .slide-prev, .slide-banners-wrap .slide-next, .nav ul, .nav-bar .nav li a, .foot-contact .inq-buttom a, .main-banner .slide-prev, .main-banner .slide-next, #nodes a, .index-products .product-slides .owl-nav, .index-products .goods-items .owl-nav, .about-banner-wrap .about-cont .about-more, .product-item .pd-img, .nav li:after, .products-tabs h2:after, .foot-social li, .product-item .item-wrap, .product-slides .product-item, .mobile-serve .mobile-head-hide, .pd-shadow, .product-slides .pd-shadow:before, .product-slides .pd-shadow:after, .foot-inquiry .subscribe-form .subscribe-btn, .foot-wrapper .foot-items a, .nav-bar .nav li .nav-ico, .index-sv-items .sv-ico, .about-more, .head-search .search-ipt, .index-sv-items .sv-ico img, .head-social li a, .nav-bar .nav li .nav-ico, .language .language-info .language-cont, .nav-bar .nav li a:before, .head-social li img, .index-sv-items .sv-item, .index-sv-items .readmore a, .about-detail .about-more:after, .product-slides-wrap .product-slides .owl-prev, .product-slides-wrap .product-slides .owl-next, .foot-blog-item .blog-cont-pic, .side-cate ul li a:before { -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; }
.product-item .pd-shadow-wrap .pd-shadow, .index-sv-items .sv-tit:before, .slide-banners .flex-direction-nav a, .product-item .pd-img:before { -moz-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }
.product-item .pd-shadow-wrap, .product-item .pd-shadow-wrap .pd-ico { -moz-transition:all 0.8s ease-in-out; -webkit-transition:all 0.8s ease-in-out; -ms-transition:all 0.8s ease-in-out; -o-transition:all 0.8s ease-in-out; transition:all 0.8s ease-in-out; }
.pc-nav ul, .language .language-info .language-cont { -moz-transform:translateY(30px); -webkit-transform:translateY(30px); -ms-transform:translateY(30px); -o-transform:translateY(30px); transform:translateY(30px); }
.mobile-serve .mobile-head-hide { -moz-transform:translateY(-30px); -webkit-transform:translateY(-30px); -ms-transform:translateY(-30px); -o-transform:translateY(-30px); transform:translateY(-30px); }
.language .language-info .language-cont.language-cont-hover, .mobile-serve .mobile-head-show { -moz-transform:translateY(0); -webkit-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); }
.toptag { color:#939393; float:left; margin-top:10px; }
.foottag { color:silver; margin-top:10px; }
@media (max-width:991px) {
.toptag {
display:none;
}
.top {
display:none;
}
}
@media (max-width:900px) {
.header-share ul li {
margin:0 2px;
}
}
@media (max-width:760px) {
.language {
margin-left:0% !important;
float:left !important;
margin-top:5px !important;
}
.header-share, .header-share ul {
justify-content:flex-end;
}
}
@media (max-width:1600px) {
.language {
padding-top:0;
margin-left:38%;
}
}
@media (max-width:1400px) {
.language {
padding-top:0;
margin-left:28%;
}
}
@media (max-width:1330px) {
.language {
padding-top:0;
margin-left:18%;
}
}
@media (max-width:768px) {
.link-way {
display:none;
}
.language {
padding-top:0;
margin-top:0;
margin-left:auto;
float:none;
min-width:105px !important;
}
}
.subscribe-form { position:relative; width:100%; display:block; }
.subscribe-form .subscribe-ipt { display:block; width:100%; text-indent:8px; border:0; color:#fafafa; background-color:#fff; height:38px; line-height:38px; font-style:italic; color:#5d5d5d; margin-bottom:30px; margin-top:30PX }
.subscribe-form .subscribe-btn { display:inline-block; margin-top:40px; height:54px; line-height:54px; background-color:#fcb026; border:0; cursor:pointer; font-size:16px; padding:0 24px; margin-top:12px; color:#fff; text-transform:uppercase; }
.inquiry a { color:inherit; }
#nav2 { display:none; background-color:#fcb026; position:absolute; left:100%; top:0; }
.submenu li { position:relative; }
.submenu li:hover #nav2 { display:block; }
#pagelist,#espcms_bbs_pagelist{color:#818181; font-size:14px; text-align:center;}
.pagination {overflow: hidden;padding:10px 0px;font-size:12px;margin: 0px;}

/*分页样式*/
.page_fy {padding:8px; margin:3px; text-align:center; margin-top:10px; font-size:14px;}
.page_fy A {padding:6px;MARGIN: 2px; COLOR: #fff;  TEXT-DECORATION: none; BACKGROUND-COLOR: #1e2432; border:#1e2432 1px solid;-moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; font-size:14px;}
.page_fy A:hover {MARGIN: 2px;  COLOR: #fff; BACKGROUND-COLOR: #fcb026; border:#fcb026 1px solid; padding:6px;}
.page_fy span{padding:6px;MARGIN: 2px; COLOR: #fff;  TEXT-DECORATION: none; BACKGROUND-COLOR: #1e2432; border:#1e2432 1px solid;-moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; font-size:14px;}
.page_fy span.current { BACKGROUND-COLOR: #fcb026; border:#fcb026 1px solid; font-size:14px; display:inline;}
/**/

@media screen and (max-width:1024px){
.page_fy {padding:3px; margin:3px; text-align:center; margin-top:0px; font-size:12px;}
.page_fy A {padding:3px; MARGIN:2px; COLOR: #fff;  TEXT-DECORATION: none; BACKGROUND-COLOR: #1e2432; border:#1e2432 1px solid;-moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; font-size:12px;}
.page_fy A:hover {MARGIN: 2px; COLOR:#fff; BACKGROUND-COLOR: #fcb026; border:#fcb026 1px solid; padding:2px;}
.page_fy span{padding:3px;MARGIN: 2px; COLOR: #fff;  TEXT-DECORATION: none; BACKGROUND-COLOR: #1e2432; border:#1e2432 1px solid;-moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; font-size:12px;}
.page_fy span.current { BACKGROUND-COLOR: #fcb026; border:#fcb026 1px solid; font-size:12px;}

}