@charset "utf-8";
/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,caption,th,td,form,fieldset,legend,input,button,textarea,menu{ margin:0; padding:0; }
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{ display:block; }
/*table{border-collapse:collapse;border-spacing:0;padding:0; }
caption,th{text-align:left;font-weight:normal; }*/
html,body,fieldset,img,iframe,abbr{ border:0; }
i,cite,em,var,address,dfn{ font-style:normal; }
[hidefocus],summary{ outline:0; }
li{ list-style:none; }
h1,h2,h3,h4,h5,h6,small{ font-size:100%; }
sup,sub{ font-size:83%; }
pre,code,kbd,samp{ font-family:inherit; }
q:before,q:after{ content:none; }
select{ outline:none; -moz-appearance:none; -webkit-appearance:none; appearance:none; }
input,textarea{ overflow:auto; resize:none; font-family: -apple-system, BlinkMacSystemFont,"Segoe UI", Roboto,"Helvetica Neue",  Arial, sans-serif; }
label,summary{ cursor:default; }
a,button{ cursor:pointer; }
h1,h2,h3,h4,h5,h6,em,strong,b{ font-weight:bold; }
del,ins,u,s,a,a:hover{ text-decoration:none; }
/* CSS Document */

/*@font-face{
    font-family:"MiSans_r";
    src:url("MiSans-R.ttf");
}
@font-face{
    font-family:"MiSans_b";
    src:url("MiSans-B.ttf");
}*/

.a-fdB{-webkit-animation:1s ease-out backwards;-moz-animation:1s ease-out backwards;-ms-animation:1s ease-out backwards;animation:1s ease-out backwards;}
.a-fdB{-webkit-animation-name:fdB;-moz-animation-name:fdB;-ms-animation-name:fdB;animation-name:fdB; }

@-webkit-keyframes fdB{
    0%{opacity:0;-webkit-transform:translateY(3rem);}
    100%{opacity:1;-webkit-transform:translateY(0);}
}
@-moz-keyframes fdB{
    0%{opacity:0;-moz-transform:translateY(3rem);}
    100%{opacity:1;-moz-transform:translateY(0);}
}
@-ms-keyframes fdB{
    0%{opacity:0;-ms-transform:translateY(3rem);}
    100%{opacity:1;-ms-transform:translateY(0);}
}
@keyframes fdB{
    0%{opacity:0;transform:translateY(3rem);}
    100%{opacity:1;transform:translateY(0);}
}

body{ padding:0px; margin: 0px; font-family: -apple-system, BlinkMacSystemFont,"Segoe UI", Roboto,"Helvetica Neue",  Arial, sans-serif; }
html,body{ font-size:16px; }
@media only screen and (max-width:1680px){
    html,body{ font-size:14px; }
}
@media only screen and (max-width:1480px){
    html,body{ font-size:12px; }
}
.margin{ margin:0px auto; }
.hidden{ overflow:hidden; }
.width1680{ max-width:1680px; width:90%; }
.bg_q{ position:absolute; top:0; left:0; right:0; bottom:0; z-index:0; background-repeat:no-repeat; background-position:center; background-size:cover; }
img{ max-width:100%; max-height:100%; vertical-align:middle; }
video,textarea{ vertical-align:middle; }
section.i_md{ width:100%; overflow:hidden; position:relative; }
i.md{ position:absolute; margin-top:-6rem; z-index:0; }
/* top_bg */
.top_h,.top_bg,.top_bg .width1680,.top_bg .width1680 a.logo,.top_bg .width1680 .dh_bg,.top_bg .width1680 .dh_bg ul,.top_bg .width1680 .dh_bg ul li,.top_bg .width1680 .dh_bg ul li dd,.top_bg .width1680 div.yy{ height:6rem; }
.top_h{ width:100%; overflow:hidden; }
.top_bg{ position:fixed; z-index:998; top:0px; left:0px; width:100%; }
.top_bg.x,.top_bg.ny_top,.top_bg.h{ background-color:#ffffff; box-shadow:0px 6px 8px 0px rgba(0,0,0,0.14); }
.top_bg i.h{ position:fixed; top:0px; left:0px; right:0px; z-index:-1; }
.top_bg.h i.h{ bottom:0px; }
.top_bg .width1680{ position:relative; }
.top_bg .width1680 a.logo,.top_bg .width1680 .dh_bg,.top_bg .width1680 .dh_bg ul li dd,.top_bg .width1680 div.yy{ display:flex; align-items:center; }
.top_bg .width1680 a.logo{ position:absolute; top:0px; left:0px; bottom:0px; }
.top_bg .width1680 a.logo img{ max-height:3rem; }
.top_bg .width1680 a.logo img.h{ display:none; }
.top_bg.top_jh .width1680 a.logo img.b{ display:none; }
.top_bg.top_jh .width1680 a.logo img.h{ display:block; }

.top_bg .width1680 .dh_bg{ width:100%; }
.top_bg .width1680 .dh_bg ul{ max-width:80%; margin:0px auto; display: flex; justify-content: space-between; }
.top_bg .width1680 .dh_bg ul li{ position:relative; }
.top_bg .width1680 .dh_bg ul li.yy{ display:none; text-align:right; margin-top:1rem; }
.top_bg .width1680 .dh_bg ul li.yy a{ font-size:1rem; line-height:2; color:#333333; margin-left:1rem; }
.top_bg .width1680 .dh_bg ul li dd{ font-size:1.125rem; line-height:2.5; }
.top_bg .width1680 .dh_bg ul li dd i.sj{ display:none; }
.top_bg .width1680 .dh_bg ul li dd a{ display:block; color:#ffffff; padding:0px 2rem; border-radius:0.5rem; }
.top_bg.x .width1680 .dh_bg ul li dd a,.top_bg.ny_top .width1680 .dh_bg ul li dd a,.top_bg.h .width1680 .dh_bg ul li dd a{ color:#333333; }
.top_bg .width1680 .dh_bg ul li dd a i.fa{ margin-left:0.5rem; }
.top_bg .width1680 .dh_bg ul li:hover dd a{ background-color:#ffffff; color:#333333; transition: all 0.5s ease; }
.top_bg.x .width1680 .dh_bg ul li:hover dd a,.top_bg.ny_top .width1680 .dh_bg ul li:hover dd a,.top_bg.h .width1680 .dh_bg ul li:hover dd a,.top_bg .width1680 .dh_bg ul li.o dd a{ color:#e62129; }
.top_bg .width1680 .dh_bg ul li dl{ position:absolute; width:100%; overflow:hidden; opacity:0; height:0px; }
.top_bg .width1680 .dh_bg ul li:hover dl{ padding:1rem 0px; height:auto; opacity:1; transition: all 0.5s ease; }
.top_bg .width1680 .dh_bg ul li.x dl{ display:none; }
.top_bg .width1680 .dh_bg ul li dl a{ color:#333333; display:block; text-align:center; position: relative; z-index: 2; font-size:1rem; line-height:2.5; }
.top_bg .width1680 .dh_bg ul li dl a:hover{ color:#e62129; }
.top_bg .width1680 .dh_bg ul li dl i.bg{ position:fixed; background-color:#ffffff; top: 6rem; height:0rem; border-top:1px solid #eeeeee; width:100%; left:0px; box-shadow:0px 0.5rem 0.75rem 0px rgba(0,0,0,0.14); z-index:0; }
.top_bg .width1680 .dh_bg ul li:hover dl i.bg{ height:15rem; }
.top_bg .width1680 div.yy{ position:absolute; right:0px; top:0px; width:5rem; }
.top_bg .width1680 div.yy dd{ width: 100%; height:1.5rem; background:url(../images/yy1.png) no-repeat scroll right center; background-size:auto 100%; cursor: pointer; }
.top_bg.x .width1680 div.yy dd,.top_bg.ny_top .width1680 div.yy dd,.top_bg .width1680 div.yy dd:hover,.top_bg.h .width1680 div.yy dd{ background-image:url(../images/yy2.png); }
.top_bg .width1680 div.yy dl{ position:absolute; width:4rem; background-color:#ffffff; opacity:0; height:0px; right: -1rem; box-shadow:0px 0px 1.125rem 0px rgba(0,0,0,0.2); }
.top_bg .width1680 div.yy:hover dl{ padding:0.5rem 0px; height:auto; opacity: 1; top: 6rem; transition: all 0.5s ease; }
.top_bg .width1680 div.yy dl i.fa{ position:absolute; color:#ffffff; font-size:1.5rem; margin-top:-1.5rem; left:50%; margin-left:-0.40625rem; }
.top_bg .width1680 div.yy dl a{ display:block; text-align: center; font-size:1rem; line-height:2; color:#333333; }
.top_bg .width1680 div.yy dl a:hover,.top_bg .width1680 div.yy dl a.en{ color:#e62129; }

/*top_cp*/
.top_cp{ position:fixed; display: none; background-color:#ffffff; top:6rem; z-index:999; border-top:1px solid #eeeeee; width:100%; left:0px; box-shadow:0px 0.5rem 0.75rem 0px rgba(0,0,0,0.14); }
.top_cp.x{ display:block; }
.top_cp:hover{ display:block; }
.top_cp .width1680{ margin:3.5rem auto 4rem; position:relative; }
.top_cp .width1680 .hidden.l{ position:absolute; left:0px; top:0px; bottom:0px; width:19.5rem; }
.top_cp .width1680 .hidden.l dd{ font-size:1.5rem; font-weight:bold; color:#333333; }
.top_cp .width1680 .hidden.l dl{ margin-top:1.5rem; font-size:1rem; }
.top_cp .width1680 .hidden.l dl del{ display:block; padding-left:0.875rem; line-height: 2; margin-bottom: 0.5rem; border-radius: 0.5rem; position: relative; color:#333333; cursor: pointer; }
.top_cp .width1680 .hidden.l dl del i.fa{ position:absolute; right:1rem; top:50%; margin-top:-0.5rem; opacity:0; }
.top_cp .width1680 .hidden.l dl del.o{ background-color:#e62129; color:#ffffff; }
.top_cp .width1680 .hidden.l dl del.o i.fa,.top_cp .width1680 .hidden.l dl del:hover i.fa{ opacity:1; }
.top_cp .width1680 .hidden.r{ margin-left: 20rem; padding-left: 3.75rem; border-left:1px solid #eeeeee; min-height:23.75rem; }
.top_cp .width1680 .hidden.r div.bg{ width:100%; overflow:hidden; display:none; }
.top_cp .width1680 .hidden.r div.bg div{ overflow:hidden; }
.top_cp .width1680 .hidden.r div.bg div.t{ margin-bottom:.5rem; }
.top_cp .width1680 .hidden.r div.bg div.t del,.top_cp .width1680 .hidden.r div.bg div.t a{ display:block; line-height:2.5rem; }
.top_cp .width1680 .hidden.r div.bg div.t del{ float:left; font-size:1.5rem; color:#333333; }
.top_cp .width1680 .hidden.r div.bg div.t a{ float:right; font-size:1rem; color:#333333; border:1px solid #cccccc; border-radius:0.5rem; padding:0px 1.25rem; }
.top_cp .width1680 .hidden.r div.bg div.t a:hover{ border:1px solid #e62129; background-color:#e62129; color:#ffffff; }
.top_cp .width1680 .hidden.r div.bg div.f{ width:102%; display: flex; flex-wrap: wrap; justify-content: left; }
.top_cp .width1680 .hidden.r div.bg div.f a{ width:18.221%; margin-top:1rem; margin-right:1.68%; display:block; overflow:hidden; font-size:1.125rem; color:#333333; }
.top_cp .width1680 .hidden.r div.bg div.f a ol{ border:1px solid #eeeeee; background-color:#fffbf7; height:16.25rem; border-radius:1.5rem; overflow:hidden; position:relative; }
.top_cp .width1680 .hidden.r div.bg div.f a ol img{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; margin:auto; transition: all 0.5s ease; }
.top_cp .width1680 .hidden.r div.bg div.f a:hover ol img{ transform: scale(1.1); transition: all 0.5s ease; }
.top_cp .width1680 .hidden.r div.bg div.f a dd{ text-align:center; margin-top:0.5rem; overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; }

/* banner */
.banner,.banner .swiper-wrapper,.banner .swiper-wrapper .swiper-slide{ height:100vh; }
.banner{ width: 100%; overflow: hidden; position: relative; }
.banner .swiper-wrapper{  }
.banner .swiper-wrapper .swiper-slide{ position:relative; cursor:grab; }
.banner .swiper-wrapper .swiper-slide i.bg_q.q{ opacity:1; }
.banner .swiper-wrapper .swiper-slide i.bg_q.s{ opacity:0; }
.banner div.qh{ position: absolute; z-index: 99; width: 2rem; height:3rem; top: 50%; margin-top:-1.5rem; background-repeat:no-repeat; background-position: center; background-size:auto 2.125rem; opacity:0.5; cursor: pointer; transition: all 0.5s ease; }
.banner div.qh:hover{ opacity:1; transition: all 0.5s ease; }
.banner div.qh_l{ left:3%; background-image:url(../images/jt_l.png); }
.banner div.qh_r{ right:3%; background-image:url(../images/jt_r.png); }
.banner .page{ position:absolute; left:0px; width:100%; bottom:1.25rem; z-index:9; text-align:center; }
.banner .page span{ display:inline-block; width:0.75rem; height:0.75rem; border-radius:50%; margin:0px 0.5rem; background-color:#ffffff; opacity:0.5; }
.banner .page span.on{ opacity:1; }
.banner .sb{ position:absolute; width:5.5rem; height:5.5rem; border-radius:50%; background:url(../images/sb.png) no-repeat scroll center #e62129; z-index:9; bottom:5rem; background-size:auto 2.75rem; right: 5%; animation:arrow 2s cubic-bezier(0.5,0,0.1,1) infinite; }@keyframes arrow{ %0,%100{bottom:5rem; opacity:1; } 50%{ bottom:2.5rem; opacity:.5} }

/*i_m*/
a.i_m{ display:inline-block; padding: 0px 2rem; min-width:5rem; height:2.5rem; line-height:2.5rem; text-align:center; font-size:1rem; color:#ffffff; border-radius:0.5rem 0px 0.5rem 0px; background-color:#e62129; overflow: hidden; transition: all 0.5s ease; }a.i_m:hover{ border-radius: 0px 0.5rem 0px 0.5rem; transition: all 0.5s ease; }
.i_bg{ position:relative; width:100%; overflow:hidden; }
.i_bg .width1680{ position:relative; }

/*走进嘉豪*/
.i_about i.tp,.i_about i.bg_x{ position: absolute; top:0px; bottom:0px; right:0px; background-repeat:no-repeat; background-size:cover; }
.i_about i.tp{ z-index: 0; width:42%; background-position:left center; }
.i_about i.bg_x{ z-index:1; left:0px; background-image:url(../images/i_about_bg.png); background-position:center;  }
.i_about .width1680{ z-index:2; }
.i_about .width1680 div.xx,.i_about .width1680 div.bf{ height: 100vh; }
@media only screen and (max-width:1920px){
    .i_about .width1680 div.xx,.i_about .width1680 div.bf{ max-height:67.5rem; }
}
.i_about .width1680 div.xx{ float:left; display:flex; align-items:center; width:52%; max-width:51.5rem; }
.i_about .width1680 div.xx div.bg{ width:100%; /*height:49.5rem;*/ position:relative; }
.i_about .width1680 div.xx div.bg div.t{ overflow:hidden; }
.i_about .width1680 div.xx div.bg div.t dd{ font-size:3rem; font-weight:bold; color:#1d1d1d; margin-bottom:1.5rem; }
.i_about .width1680 div.xx div.bg div.t dl{ font-size:1.125rem; color:#333333; line-height:1.75; min-height:11.5rem; }
.i_about .width1680 div.xx div.bg div.t ol{ margin-top:2rem; }
.i_about .width1680 div.xx div.bg ul.f,.i_about .width1680 div.xx div.bg ul.f li{ overflow:hidden; }
.i_about .width1680 div.xx div.bg ul.f{ margin-top: 5vh; width:121%; }
.i_about .width1680 div.xx div.bg ul.f li{ float:left; width:33.33333%; border-left:1px solid #cccccc; min-height: 8rem; margin-left:-2px; text-align:center; }
.i_about .width1680 div.xx div.bg ul.f li div{ margin:0px auto; max-width:90%; display:inline-block; }
.i_about .width1680 div.xx div.bg ul.f li div dl{ margin-bottom:0.5rem; }
.i_about .width1680 div.xx div.bg ul.f li div dl b{ font-size:3.5rem; color:#e62129 }
.i_about .width1680 div.xx div.bg ul.f li div dl i{ font-size:1.125rem; margin-left:0.5rem; }
.i_about .width1680 div.xx div.bg ul.f li div dd{ font-size:1rem; line-height:1.5; text-align:left; }
.i_about .bf,.i_about .bf a{ position:absolute; }
.i_about .bf{ right:0px; bottom:0px; top:0px; z-index:5; width:45.5%; max-width:90rem; }
.i_about .bf a{ width:3.75rem; height:3.75rem; margin: auto; top: 0px; left: 0px; right: 0px; bottom: 0px; background:url(../images/bf.png) no-repeat scroll center; background-size:cover; transition: all 0.5s ease; }
.i_about .bf a:hover{ background-image:url(../images/bf2.png); transition: all 0.5s ease; }
.i_about .sj_bf,.i_about .sj_bf i.bg{ position:absolute; width:16rem; height:16rem; }
.i_about .sj_bf{ display: none; z-index: 8; bottom:3vh; right:-22%; }
.i_about .sj_bf i{ border-radius:50%; }
.i_about .sj_bf i.bg{ background-color:#cd0000; top: -3%; right: -1%; transform: scale(1.1); }
.i_about .sj_bf a{ position:absolute; z-index:1; top: 0px; left: 0px; right: 0px; bottom: 0px; background:url(../images/bf.png) no-repeat scroll center; background-size:2rem; }

/*品牌实力*/
.i_ppsl i.bg_q{ background-position:right center; }
.i_ppsl .width1680{ height: 100vh; z-index:1; }
@media only screen and (max-width:1920px){
    .i_ppsl .width1680{ max-height:67.5rem; }
}
.i_ppsl .width1680 div.xx{ padding-top: 12.5vh; /*padding-top:10rem;*/ width:56%; color:#ffffff; max-width:44rem; }
.i_ppsl .width1680 div.xx dd{ font-size:3rem; font-weight:bold; }
.i_ppsl .width1680 div.xx dl{ font-size:1.25rem; line-height:2; margin-top:1rem; }
.i_ppsl .width1680 div.xx dl b{ font-size:3rem; line-height:1; }
.i_ppsl .width1680 div.xx ol{ margin-top:2rem; }
.i_ppsl ul.ppsl_r{ position:absolute; z-index:2; top:0px; right:0px; bottom:0px; width:35%; max-width:32.5rem; }
.i_ppsl ul.ppsl_r li{ height:33.33333333%; position: relative; border-bottom:1px solid #a2bcd5; background-color:rgba(0, 0, 0, 0.5); }
.i_ppsl ul.ppsl_r li div.bg{ position:absolute; top:0px; left:0px; right:0px; bottom:0px;  display:flex; align-items:center; }
.i_ppsl ul.ppsl_r li div.bg:hover{ background-color:#fff3e5; transition: all 0.5s ease; }
.i_ppsl ul.ppsl_r li div.bg div{ width:90%; margin:0px 5%; text-align:center; color:#ffffff; }
.i_ppsl ul.ppsl_r li div.bg:hover div{ color:#333333; transition: all 0.5s ease; }
.i_ppsl ul.ppsl_r li div.bg div ol{ margin-bottom:1rem; }
.i_ppsl ul.ppsl_r li div.bg div ol img{ max-height:3.75rem; }
.i_ppsl ul.ppsl_r li div.bg div dd{ font-size:1.25rem; font-weight:bold; }
.i_ppsl ul.ppsl_r li div.bg div dl{ font-size:1rem; line-height:1.75; margin-top:0.5rem; }

/*明星产品*/
.i_mxcp,.i_mxcp .swiper-wrapper,.i_mxcp .swiper-wrapper .swiper-slide,.i_mxcp .swiper-wrapper .swiper-slide .width1680{ height: 100vh; }
@media only screen and (max-width:1920px){
    .i_mxcp,.i_mxcp .swiper-wrapper,.i_mxcp .swiper-wrapper .swiper-slide,.i_mxcp .swiper-wrapper .swiper-slide .width1680{ max-height:67.5rem; }
}
.i_mxcp{ width: 100%; overflow: hidden; position: relative; }
.i_mxcp .swiper-wrapper{  }
.i_mxcp .swiper-wrapper .swiper-slide{ position:relative; cursor:grab; z-index:0; }
.i_mxcp .swiper-wrapper .swiper-slide.on{ z-index:2; transition: all 0.5s ease; }
.i_mxcp .swiper-wrapper .swiper-slide i.bg_q.p{ opacity:1; }
.i_mxcp .swiper-wrapper .swiper-slide i.bg_q.s{ opacity:0; }
.i_mxcp .swiper-wrapper .swiper-slide .width1680{ position:relative; z-index:2; }
.i_mxcp .swiper-wrapper .swiper-slide .width1680 div.xx{ width:50%; max-width:42rem; padding-top:12vh; }
.i_mxcp .swiper-wrapper .swiper-slide .width1680 div.xx dd{ font-size:1.35rem; font-weight:bold; color:#1d1d1d;width: fit-content;transform: translateX(0);min-width: 100vw; }
.i_mxcp .swiper-wrapper .swiper-slide .width1680 div.xx dl{ font-size:1rem; color:#333333; line-height:1.75; margin-top:2rem; }
.i_mxcp .swiper-wrapper .swiper-slide .width1680 div.xx ol{ margin-top:4.5vh; }
.i_mxcp .swiper-wrapper .swiper-slide .width1680 div.sl{ position:absolute; bottom:8vh; }
.i_mxcp .swiper-wrapper .swiper-slide .width1680 div.sl b{ font-size: 4.5rem; color: #e62129; }
.i_mxcp .swiper-wrapper .swiper-slide .width1680 div.sl del{ display:inline-block; font-size:1.5rem; color:#ffffff; height:2rem; overflow:hidden; width:10rem; position:relative; }
.i_mxcp .swiper-wrapper .swiper-slide .width1680 div.sl del span{ position:absolute; bottom:0px; }
.i_mxcp .swiper-wrapper .swiper-slide .width1680 div.sl del span i{ display:block; }
.i_mxcp .swiper-wrapper .swiper-slide .width1680 div.f{ position:absolute; bottom:2vh; font-size:0.875rem; color:#ff0000; left:0px; right:0px; }
.i_mxcp .page_bg{ position:absolute; z-index:5; top:0px; bottom:0px; right:0px; width:28.64%; }
.i_mxcp .page_bg.x{ right:-30%; transition: all 0.5s ease; }
.i_mxcp .page_bg i.bg{ position:absolute; top:0px; left:3.49%; right:0px; bottom:0px; background:url(../images/page_bg.png) no-repeat scroll right center; background-size:cover; }
.i_mxcp .page_bg .page{ position:absolute; z-index:7; top:0px; left:0px; bottom: 0px; right: 0px; }
.i_mxcp .page_bg .page .swiper-pagination-bullet{  }
.i_mxcp .page_bg .page .swiper-pagination-bullet div.l,.i_mxcp .page_bg .page .swiper-pagination-bullet div.r{ position:absolute; right:0px; left:0px; }
.i_mxcp .page_bg .page .swiper-pagination-bullet div.l{ top:0px; bottom:0px; z-index:1;  }
.i_mxcp .page_bg .page .swiper-pagination-bullet.on div.l{ }
.i_mxcp .page_bg .page .swiper-pagination-bullet div.l del{ position:absolute; width:40%; max-width:13rem; height:13rem; margin-top: -6.5rem; }
.i_mxcp .page_bg .page .swiper-pagination-bullet div.l del img{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; margin:auto; max-height:13rem; }
.i_mxcp .page_bg .page .swiper-pagination-bullet div.l{ top:0px; bottom:0px; z-index:1; animation:xz1 2s linear forwards; }
.i_mxcp .page_bg .page .swiper-pagination-bullet.on div.l{ animation:xz2 0.5s linear forwards; }
@keyframes xz1{    
    from{ transform: rotate(0deg); top:50%; left:0%; opacity:1; }    
    to{ transform: rotate(180deg); top:-250%; left:100%; opacity:0; }
}
@keyframes xz2{
    from{ transform: rotate(-180deg); top: 100%; left:100%; opacity:0; }
    to{ transform: rotate(0deg); top: 50%; left:0%; opacity:1; }
}
.i_mxcp .page_bg .page .swiper-pagination-bullet div.r{ z-index:5; font-size:1rem; color:#ffffff; line-height:1.25rem; padding-left:3.75rem; min-height:2.5rem;  display:flex; align-items:center; }
/*.i_mxcp .page_bg .page .swiper-pagination-bullet div.r.l1{ left:63%; top:25%; }*/
/*.i_mxcp .page_bg .page .swiper-pagination-bullet div.r.l2{ left:51%; top:36%; }*/
/*.i_mxcp .page_bg .page .swiper-pagination-bullet div.r.l3{ left:46%; top:48%; }*/
/*.i_mxcp .page_bg .page .swiper-pagination-bullet div.r.l5{ left:48%; bottom:36%; }*/
/*.i_mxcp .page_bg .page .swiper-pagination-bullet div.r.l6{ left:57%; bottom:25%; }*/
.i_mxcp .page_bg .page .swiper-pagination-bullet div.r.l1{ left:62%; top:25%; }
.i_mxcp .page_bg .page .swiper-pagination-bullet div.r.l2{ left:48%; top:40%; }
.i_mxcp .page_bg .page .swiper-pagination-bullet div.r.l3{ left:47%; bottom:40%; }
.i_mxcp .page_bg .page .swiper-pagination-bullet div.r.l4{ left:58%; bottom:25%; }

.i_mxcp .page_bg .page .swiper-pagination-bullet.on div.r{ font-size:1rem; }
.i_mxcp .page_bg .page .swiper-pagination-bullet div.r img{ width:2.5rem; position:absolute; left:0px; top: 2px; transition: all 0.5s ease; }
.i_mxcp .page_bg .page .swiper-pagination-bullet.on div.r img{ transition: all 0.5s ease; }
.i_mxcp .page_bg .page .swiper-pagination-bullet div.r img.b{ opacity:1; }
.i_mxcp .page_bg .page .swiper-pagination-bullet div.r img.h{ opacity:0; }
.i_mxcp .page_bg .page .swiper-pagination-bullet.on div.r img.b{ opacity:0; }
.i_mxcp .page_bg .page .swiper-pagination-bullet.on div.r img.h{ opacity:1; }
.i_mxcp a.jt{ position:absolute; z-index:9; width:4.0625rem; height:10.875rem; background:url(../images/jt.png) no-repeat scroll center; background-size:cover; top:50%; right:0px; margin-top:-5.4375rem; }
.i_mxcp a.jt i{ position:absolute; width:0.5rem; height:1.25rem; background:url(../images/fx.png) no-repeat scroll center; background-size:100% auto; top:50%; margin-top:-0.625rem; left:50%; margin-left:-0.25rem; }
.i_mxcp a.jt.x i{ transform: rotateY(180deg); }
.i_mxcp .qh{ display:none; }

/*品牌推广*/
.i_pptg{ background:url(../images/i_pptg_bg.jpg) no-repeat scroll center; width:100%; overflow:hidden; background-size:cover; }
.i_pptg .width1680{ height: 100vh; display:flex; align-items:center; }
@media only screen and (max-width:1920px){
    .i_pptg .width1680{ max-height:67.5rem; }
}
.i_pptg .width1680 .xx_bg{ width:100%; overflow:hidden; }
.i_pptg .width1680 .xx_bg .tit{ position:relative; padding-right:10rem; margin-bottom:4rem; }
.i_pptg .width1680 .xx_bg .tit dd{ font-size:3rem; font-weight:bold; color:#1d1d1d; }
.i_pptg .width1680 .xx_bg .tit dl{ font-size:1.5rem; color:#999999; margin-top:1.5rem; }
.i_pptg .width1680 .xx_bg .tit a.i_m{ position:absolute; right:0px; bottom:0px; z-index:1; }
.i_pptg .gallery{ width: 100%; position: relative; outline:none; }
.i_pptg .gallery .gallery-cell,.i_pptg .gallery .gallery-cell.is-selected a{ height:53vh; max-height: 30rem; }
.i_pptg .gallery .gallery-cell{ width:33.3333%; cursor: grab; position:relative; z-index:0; }
.i_pptg .gallery .gallery-cell.is-selected{ width: 49.405%; margin:0px -8.035835%; z-index:8; }
.i_pptg .gallery .gallery-cell a{ height: 46.5vh; max-height: 26.25rem; position:absolute; top:0px; left:0px; right:0px; bottom:0px; margin:auto; border-radius:1rem; overflow:hidden; box-shadow:0px 0.25rem 0.4rem 0px rgba(0,0,0,0.14); }
.i_pptg .gallery .gallery-cell a div{ position:absolute; z-index:2; top:0px; bottom:0px; left:0px; right:0px; background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,1)); opacity:0; transition: all 0.5s ease; }
.i_pptg .gallery .gallery-cell.is-selected a div{ opacity:1; transition: all 0.5s ease; }
.i_pptg .gallery .gallery-cell a div del{ display: block; color:#ffffff; font-size:1.5rem; position:absolute; bottom:1rem; left:5%; right:5%; }
.i_pptg .gallery ol.flickity-page-dots{ display:block; text-align:center; margin-top:6vh; overflow:hidden; }
.i_pptg .gallery ol.flickity-page-dots li{ display:inline-block; width:3rem; height:0.375rem; border-radius:1rem; margin:0px 0.5rem; background-color:#000000; opacity:0.5; cursor: pointer; }
.i_pptg .gallery ol.flickity-page-dots li.is-selected{ background-color:#e62129; opacity:1; }
.i_pptg .gallery button{ position:absolute; width:25%; top:2rem; height: 46.5vh; max-height: 26.25rem; border: 0px; background-repeat:no-repeat; background-position:center; background-color: rgba(0, 0, 0, 0); background-size:auto 2.125rem; z-index:8; }
.i_pptg .gallery button.previous{ left:0px; background-image:url(../images/jt_l.png); }
.i_pptg .gallery button.next{ right:0px; background-image:url(../images/jt_r.png); }
.i_pptg .gallery button svg{ display:none; }

/*foot_bg*/
.foot_bg{ width:100%; overflow:hidden; background-color:#f5f5f5; }
.foot_bg .width1680{ padding:3rem 0px 3.375rem; }
.foot_bg .width1680 .hidden.t{ min-height:20rem; }
.foot_bg .width1680 .hidden.t div.l{ float:left; width:20%; }
.foot_bg .width1680 .hidden.t div.l img{ max-height:3rem; }
.foot_bg .width1680 .hidden.t ul.r{ float:right; overflow:hidden; width:70%; display: flex; justify-content: space-between; }
.foot_bg .width1680 .hidden.t ul.r li{ overflow:hidden; }
.foot_bg .width1680 .hidden.t ul.r li dd{ font-size:1.125rem; line-height:2; }
.foot_bg .width1680 .hidden.t ul.r li dd a{ display:block; color:#333333; }
.foot_bg .width1680 .hidden.t ul.r li dd a:hover{ color:#e62129; }
.foot_bg .width1680 .hidden.t ul.r li dl{ font-size:1rem; line-height:2; margin-top:0.5rem; }
.foot_bg .width1680 .hidden.t ul.r li dl a{ display:block; color:#333333; }
.foot_bg .width1680 .hidden.t ul.r li dl a:hover{ color:#e62129; }
.foot_bg .width1680 .hidden.f{ margin-top:1.25rem; font-size:1rem; line-height:2; }
.foot_bg .width1680 .hidden.f div.l{ float:left; color:#333333; }
.foot_bg .width1680 .hidden.f div.r{ float:right; }
.foot_bg .width1680 .hidden.f div.r a{ display:inline-block; color:#333333; border:1px solid #949494; border-radius:0.25rem; padding:0px 0.75rem; transition: all 0.5s ease; }
.foot_bg .width1680 .hidden.f div.r a i{ margin-left:1.5rem; }
.foot_bg .width1680 .hidden.f div.r a:hover{ background-color:#e62129; border:1px solid #e62129; color:#ffffff; transition: all 0.5s ease; }

/*ts_bg*/
.ts_bg{ position:fixed; bottom:1rem; z-index:99; border-radius:0.5rem; background-color:#ffffff; left:3%; right:3%; padding:1.5rem 0px; box-shadow:0px 0px 0.75rem 0px rgba(0,0,0,0.14); }
.ts_bg .width1680{ font-weight:bold; position:relative; }
.ts_bg .width1680 div.l{ font-size:1rem; color:#333333; padding:0.8rem 20rem 0.8rem 0px; }
.ts_bg .width1680 div.l a{ color:#e62129; }
.ts_bg .width1680 div.l a:hover{ text-decoration:underline; }
.ts_bg .width1680 div.r{ position:absolute; z-index:2; right:0px; top:0px; }
.ts_bg .width1680 div.r a{ display:inline-block; height:3rem; line-height:3rem; font-size:1.125rem; color:#060606; border-radius:0.5rem; border:1px solid #eeeeee; width:7.5rem; text-align:center; margin-left:1rem; }
.ts_bg .width1680 div.r a:hover{ background-color:#e62129; color:#ffffff; }

/*动画效果*/
.i_md .i_about .width1680 div.xx div.bg{ opacity:0; margin-top:3rem; }
.i_md.on .i_about .width1680 div.xx div.bg{ opacity:1; margin-top:0px; transition: all 0.5s ease; }
.i_md .i_about .sp_bg div.bg i.d_bg{ display:none; }
.i_md.on .i_about .sp_bg div.bg i.d_bg{ left: -100%; transition: all 3s ease; }
.i_md .i_ppsl .width1680 div.xx{ opacity:0; margin-top:3rem; }
.i_md.on .i_ppsl .width1680 div.xx{ opacity:1; margin-top:0px; transition: all 0.5s ease; }
.i_md .i_mxcp .swiper-wrapper .swiper-slide .width1680{ opacity:0; margin-top:3rem; }
.i_md.on .i_mxcp .swiper-wrapper .swiper-slide .width1680{ opacity:1; margin-top:0px; transition: all 0.5s ease; }
.i_md .i_pptg .gallery{ opacity:0; margin-top:3rem; }
.i_md.on .i_pptg .gallery{ opacity:1; margin-top:0px; transition: all 0.5s ease; }

/*ny_banner*/
.ny_banner{ position:relative; width:100%; overflow:hidden; }
.ny_banner .width1680{ position:relative; z-index:2; height:50rem; display:flex; align-items:center;  }
.ny_banner .width1680 div{ width:100%; color:#ffffff; }
.ny_banner .width1680 div dd{ font-size:3rem; font-weight:bold; }
.ny_banner .width1680 div dl{ font-size:1.5rem; margin-top:1rem; }
.ny_bg{ width:100%; overflow:hidden; background-color:#fff2e2; }

/*关于我们*/
.about_mgs{ width:100%; position:relative; overflow:hidden; }
.about_mgs .width1680{ position:relative; z-index:2; height:100vh; color:#ffffff; }
@media only screen and (max-width:1920px){
    .about_mgs .width1680{ max-height:67.5rem; }
}
.about_mgs .width1680 .hidden.t{ font-size:3rem; font-weight:bold; padding-top:8vh; }
.about_mgs .width1680 .hidden.f{ margin-top:6vh; }
.about_mgs .width1680 .hidden.f ul,.about_mgs .width1680 .hidden.f ul li{ overflow:hidden; }
.about_mgs .width1680 .hidden.f ul.l{ float:left; width:51%; }
.about_mgs .width1680 .hidden.f ul.l li{ margin-bottom:5vh; }
.about_mgs .width1680 .hidden.f ul.l li dd{ font-size:2rem; font-weight:bold; }
.about_mgs .width1680 .hidden.f ul.l li dl{ font-size:1rem; line-height:1.75; margin-top:1.5rem; }
.about_mgs .width1680 .hidden.f div.r{ float:right; width:40%; max-width:30rem; font-size:1.75rem; font-weight:bold; }
.about_jj{ width:100%; overflow:hidden; background-color:#fff6ee; }
.about_jj .width1680{ height:67.5rem; display:flex; align-items:center; }
.about_jj .width1680 .xx_bg{ width:100%; }
.about_jj .width1680 .xx_bg .hidden{ min-height:47.5rem; }
.about_jj .width1680 .xx_bg .hidden.l{ float:left; width:50%; }
.about_jj .width1680 .xx_bg .hidden.l div.t{ overflow:hidden; color:#333333; }
.about_jj .width1680 .xx_bg .hidden.l div.t dd{ position:relative; font-size:3rem; padding-bottom: 2rem; font-weight:bold; }
.about_jj .width1680 .xx_bg .hidden.l div.t dd i{ position:absolute; bottom:0px; left:0px; background-color:#e62129; height:0.25rem; width:3rem; }
.about_jj .width1680 .xx_bg .hidden.l div.t dl{ font-size:1rem; line-height:1.75; margin-top:2.25rem; }
.about_jj .width1680 .xx_bg .hidden.l ul.f,.about_jj .width1680 .xx_bg .hidden.l ul.f li{ overflow:hidden; }
.about_jj .width1680 .xx_bg .hidden.l ul.f{ margin-top: 5vh; display: flex; justify-content: space-between; }
.about_jj .width1680 .xx_bg .hidden.l ul.f li{ max-width:30%; }
.about_jj .width1680 .xx_bg .hidden.l ul.f li.x{ width:1px; background-color:#cccccc; }
.about_jj .width1680 .xx_bg .hidden.l ul.f li dl{ margin-bottom:0.5rem; }
.about_jj .width1680 .xx_bg .hidden.l ul.f li dl b{ font-size:3.5rem; color:#e62129 }
.about_jj .width1680 .xx_bg .hidden.l ul.f li dl i{ font-size:1rem; margin-left:0.5rem; }
.about_jj .width1680 .xx_bg .hidden.l ul.f li dd{ font-size:1rem; line-height:2; text-align:left; }
.about_jj .width1680 .xx_bg .hidden.r{ float:right; width:42%; max-width:42.8125rem; }
.about_sp,.about_sp .swiper-wrapper,.about_sp .swiper-wrapper .swiper-slide{ height:47.5rem; }
.about_sp{ width: 100%; overflow: hidden; position: relative; }
.about_sp .swiper-wrapper{  }
.about_sp .swiper-wrapper .swiper-slide{ position:relative; cursor:grab; border-radius:0.5rem; overflow:hidden; }
.about_sp .swiper-wrapper .swiper-slide i.bg_q{ transition: all 0.5s ease; }
.about_sp .swiper-wrapper .swiper-slide:hover i.bg_q{ transform: scale(1.1); transition: all 0.5s ease; }
.about_sp .swiper-wrapper .swiper-slide a{ position:absolute; z-index:2; top:0px; left:0px; right:0px; bottom:0px; background:url(../images/bf.png) no-repeat scroll center; background-size:3rem; }
.about_sp .swiper-wrapper .swiper-slide a:hover{ background-image:url(../images/bf2.png); }
.about_sp .page{ position:absolute; left:5%; width:90%; bottom:1.5rem; z-index:9; }
.about_sp .page span{ display:inline-block; width:2.5rem; height:0.3125rem; border-radius:0.5rem; margin:0px 0.5rem; background-color:#ffffff; }
.about_sp .page span.on{ background-color:#e62129; }
.about_qywh{ padding:4rem 0px 8.5rem; }
.about_qywh .tit{ margin-bottom:3.75rem; color:#333333; }
.about_qywh .tit dd{ font-size:3rem; font-weight:bold; }
.about_qywh .tit dl{ font-size:1.125rem; line-height:1.75; margin-top:1rem; }
.about_qywh .xx_lb{ overflow:hidden; }
.about_qywh .xx_lb{ margin-bottom:1.5rem; border-radius:0.5rem; background-color:#fff6ee; }
.about_qywh .xx_lb div.hidden{ height:30rem; position:relative; }
.about_qywh .xx_lb div.hidden.l{ width:57.143%; }
.about_qywh .xx_lb.l div.hidden.l{ float:left; }
.about_qywh .xx_lb.r div.hidden.l{ float:right; }
.about_qywh .xx_lb div.hidden.r{ display:flex; align-items:center; width:42.857%; }
.about_qywh .xx_lb.l div.hidden.r{ float:right; }
.about_qywh .xx_lb.r div.hidden.r{ float:left; }
.about_qywh .xx_lb div.hidden.r div.bg{ width:60%; padding:0px 20%; color:#333333; }
.about_qywh .xx_lb div.hidden.r div.bg dd{ font-size:2.25rem; font-weight:bold; }
.about_qywh .xx_lb div.hidden.r div.bg dl{ font-size:1.25rem; line-height:1.5; margin-top:1rem; }
.about_fzls{ width:100%; background:url(../images/about_fzls.jpg) no-repeat scroll center bottom #fffbf4; background-size:cover; }
.about_fzls .width1680{ height:67.5rem; display:flex; align-items:center; }
.about_fzls .width1680 .xx_bg{ width:100%; overflow:hidden; }
.about_fzls .width1680 .xx_bg div.tit{ overflow:hidden; font-size:3rem; font-weight:bold; color:#333333; }
.fzls_qh_bg{ position:relative; padding:0px 10%; }
.fzls_qh_bg i.d{ position:absolute; left:0px; right:0px; z-index:0; border-top:1px dashed #333333; top:50%; margin-top:-0.5px; }
.fzls_qh,.fzls_qh .swiper-wrapper,.fzls_qh .swiper-wrapper .swiper-slide{ height:45rem; }
.fzls_qh{ width: 100%; overflow: hidden; }
.fzls_qh .fzls_qh_bg{ width:90%; margin:0px auto; position:relative; z-index:9; overflow:hidden; }
.fzls_qh .swiper-wrapper{  }
.fzls_qh .swiper-wrapper .swiper-slide{ position:relative; cursor:grab; }
.fzls_qh .swiper-wrapper .swiper-slide div.bg{ width:100%; text-align:center; position:absolute; color:#333333; }
.fzls_qh .swiper-wrapper .swiper-slide.t div.bg{ padding-bottom:6rem; bottom:21.85rem; }
.fzls_qh .swiper-wrapper .swiper-slide.f div.bg{ padding-top:6rem; top:21.85rem; }
.fzls_qh .swiper-wrapper .swiper-slide div.bg dd{ font-size:3rem; font-weight:bold; }
.fzls_qh .swiper-wrapper .swiper-slide.on div.bg dd{ color:#e62129; }
.fzls_qh .swiper-wrapper .swiper-slide.t div.bg dd{ margin-top:1rem; }
.fzls_qh .swiper-wrapper .swiper-slide.f div.bg dd{ margin-bottom:1rem; }
.fzls_qh .swiper-wrapper .swiper-slide div.bg dl{ font-size:1rem; line-height:1.5; }
.fzls_qh .swiper-wrapper .swiper-slide div.bg del{ position:absolute; height:5.25rem; width:1.5rem; left:50%; margin-left:-0.75rem; }
.fzls_qh .swiper-wrapper .swiper-slide.t div.bg del{ bottom:0px; }
.fzls_qh .swiper-wrapper .swiper-slide.f div.bg del{ top:0px; }
.fzls_qh .swiper-wrapper .swiper-slide div.bg del i.x{ width:1px; height:4rem; background-color:#333333; position:absolute; left:50%; margin-left:-0.5px; }
.fzls_qh .swiper-wrapper .swiper-slide.t div.bg del i.x{ top:0px; }
.fzls_qh .swiper-wrapper .swiper-slide.f div.bg del i.x{ bottom:0px; }
.fzls_qh .swiper-wrapper .swiper-slide div.bg del span{ position: absolute; left: 50%; margin-left: -0.625rem; width:1.25rem; height:1.25rem; }
.fzls_qh .swiper-wrapper .swiper-slide.t div.bg del span{ bottom:0px; }
.fzls_qh .swiper-wrapper .swiper-slide.f div.bg del span{ top:0px; }
.fzls_qh .swiper-wrapper .swiper-slide div.bg del span i{ position:absolute; left:0px; top:0px; right:0px; bottom:0px; border-radius:50%; margin:auto; }
.fzls_qh .swiper-wrapper .swiper-slide div.bg del span i.x_t{ border:1px solid #e62129; animation: ss 1s linear infinite; display:none; }
.fzls_qh .swiper-wrapper .swiper-slide.on div.bg del span i.x_t{ display:block; }
.fzls_qh .swiper-wrapper .swiper-slide div.bg del span i.x_f{ width:0.625rem; height:0.625rem; background-color:#333333; }
.fzls_qh .swiper-wrapper .swiper-slide.on div.bg del span i.x_f{ background-color:#e62129; }@keyframes ss { 0%,100%{ transform: scale(1);} 50%{ transform: scale(0.3);} }
.fzls_qh div.qh{ position: absolute; z-index: 99; font-size: 1.5rem; color: #ff0000; top: 50%; width:3.5rem; height:3.5rem; line-height: 3.5rem; margin-top: -1.75rem; border-radius:50%; background-color:#ffffff; text-align:center; cursor: pointer; }
.fzls_qh div.qh:hover{ background-color:#ff0000; color:#ffffff; }
.fzls_qh div.qh_l{ left:0px; }
.fzls_qh div.qh_r{ right:0px; }
.about_kh{ width:100%; text-align:center; }
.about_bb{ width:100%; overflow:hidden; background-color:#fff6ee; }
.about_bb .width1680{ padding:10rem 0px 6rem; }
.about_bb .width1680 .tit{ text-align:center; }
.about_bb .width1680 .tit ol{ font-size:1.25rem; color:#333333; margin-bottom:0.75rem; }
.about_bb .width1680 .tit dd{ font-size:2.5rem; color:#333333; font-weight:bold; }
.about_bb .width1680 .tit dl{ font-size:2.5rem; color:#ea2229; font-weight:bold; margin-top:0.5rem; }
.about_bb .width1680 .tp{ overflow:hidden; margin-top:2rem; }

/*动画效果*/
.i_md .about_jj .width1680 .xx_bg .hidden.l{ opacity:0; margin-top:3rem; }
.i_md.on .about_jj .width1680 .xx_bg .hidden.l{ opacity:1; margin-top:0px; transition: all 0.5s ease; }
.about_qywh .i_md .xx_lb div.hidden.r div.bg{ opacity:0; margin-top:3rem; }
.about_qywh .i_md.on .xx_lb div.hidden.r div.bg{ opacity:1; margin-top:0px; transition: all 0.5s ease; }
.i_md .about_fzls .width1680 .xx_bg{ opacity:0; margin-top:3rem; }
.i_md.on .about_fzls .width1680 .xx_bg{ opacity:1; margin-top:0px; transition: all 0.5s ease; }
.i_md .about_kh img{ opacity:0; margin-top:3rem; }
.i_md.on .about_kh img{ opacity:1; margin-top:0px; transition: all 0.5s ease; }
.i_md .about_bb .width1680 .tp img{ opacity:0; margin-top:3rem; }
.i_md.on .about_bb .width1680 .tp img{ opacity:1; margin-top:0px; transition: all 0.5s ease; }

/*品牌实力*/
.banner_pp{ width:100%; overflow:hidden; position:relative; }
.banner_pp .width1680{ position:relative; z-index:2; height:100vh; }
.banner_pp .width1680 div{ position:absolute; left:0px; bottom:8vh; width:100%; color:#ffffff; text-align:center; }
.banner_pp .width1680 div dd{ font-size:2rem; font-weight:bold; }
.banner_pp .width1680 div dl{ font-size:1.5rem; margin-top:1rem; }
.pp_jy{ border-radius:0px 0px 84rem 84rem; }
.pp_jy .width1680{ padding-top:8.5rem; }
.pp_jy .width1680 div.hidden{ text-align:center; }
.pp_jy .width1680 div.hidden.t{ color:#333333; }
.pp_jy .width1680 div.hidden.t del{ display:block; margin-bottom:2rem; }
.pp_jy .width1680 div.hidden.t del img{ max-height:3rem; }
.pp_jy .width1680 div.hidden.t dd{ font-size:2.5rem; font-weight:bold; padding-bottom:1.25rem; position:relative; }
.pp_jy .width1680 div.hidden.t dd i{ width:3rem; height:0.25rem; background-color:#e62129; bottom:0px; left:50%; margin-left:-1.5rem; position:absolute; }
.pp_jy .width1680 div.hidden.t ol{ font-size:3.5rem; font-weight:bold; margin-top:1.25rem; }
.pp_jy .width1680 div.hidden.t dl{ font-size:1.25rem; line-height:1.5; margin-top:1rem; }
.pp_jy .width1680 div.hidden.f{ margin-top:3rem; }

.pp_hb{ padding:10rem 0px 12.5rem; text-align:center; color:#333333; }
.pp_hb .tit{ margin-bottom:6rem; overflow:hidden; }
.pp_hb .tit dd{ font-size:3rem; font-weight:bold; }
.pp_hb .tit dl{ font-size:1.125rem; margin-top:1rem; }

.pp_hb .xx{ position:relative; overflow:hidden; }
.pp_hb .xx .xx_bg{ width: 90%; max-width: 82.5rem; margin:0px auto; height:40rem; position:relative; border-radius:20rem; overflow:hidden; }
.pp_hb .xx .xx_bg i.bg_q{ transition: all 0.5s ease; }
.pp_hb .xx .xx_bg:hover i.bg_q{ transform: scale(1.1); transition: all 0.5s ease; }
.pp_hb .xx .xx_bg div.bg{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; z-index:2; background-color:rgba(0, 0, 0, 0.3); display:flex; align-items:center; }
.pp_hb .xx .xx_bg div.bg div{ width:90%; padding: 0px 5%; color:#ffffff; text-align:center; }
.pp_hb .xx .xx_bg div.bg div dd{ font-size:2.5rem; margin-bottom:1rem; }
.pp_hb .xx .xx_bg div.bg div dl{ font-size:1.5rem; line-height:1.5; }

/*.pp_hb{ padding:10rem 0px 6rem; text-align:center; color:#333333; }
.pp_hb dd{ font-size:3rem; font-weight:bold; }
.pp_hb dl{ font-size:1.125rem; margin-top:1rem; }
.pp_hb_qh{ width:100%; overflow:hidden; margin-bottom:12.5rem; }
.pp_hb_qh .gallery{ width: 100%; position: relative; overflow:hidden; border:0px; outline:none; }
.pp_hb_qh .gallery .gallery-cell{ width:71.729%; cursor: grab; }
.pp_hb_qh .gallery .gallery-cell .xx_bg{ width:96.704%; margin:0px auto; height:40rem; position:relative; border-radius:20rem; overflow:hidden; }
.pp_hb_qh .gallery .gallery-cell .xx_bg i.bg_q{ transition: all 0.5s ease; }
.pp_hb_qh .gallery .gallery-cell .xx_bg:hover i.bg_q{ transform: scale(1.1); transition: all 0.5s ease; }
.pp_hb_qh .gallery .gallery-cell .xx_bg div.bg{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; z-index:2; background-color:rgba(0, 0, 0, 0.3); display:flex; align-items:center; opacity:0; }
.pp_hb_qh .gallery .gallery-cell.is-selected div.bg{ opacity:1; transition: all 1.5s ease; }
.pp_hb_qh .gallery .gallery-cell .xx_bg div.bg div{ width:90%; padding: 0px 5%; color:#ffffff; text-align:center; }
.pp_hb_qh .gallery .gallery-cell .xx_bg div.bg div dd{ font-size:3rem; margin-bottom:1rem; }
.pp_hb_qh .gallery .gallery-cell .xx_bg div.bg div dl{ font-size:1.5rem; line-height:2; }
.pp_hb_qh .gallery ol.flickity-page-dots{ display: none; }
.pp_hb_qh .gallery button{ display:none; }*/

.pp_khal{ background:url(../images/pp_khal_bg.jpg) no-repeat scroll center; background-size: cover; width:100%; overflow:hidden; }
.pp_khal .width1680{ padding:6rem 0px 10rem; }
.pp_khal .width1680 .tit{ position:relative; text-align:center; font-size:3rem; font-weight:bold; color:#333333; padding-bottom:1.25rem; }
.pp_khal .width1680 .tit i{ position:absolute; bottom:0px; left:50%; width:3rem; margin-left:-1.5rem; height:0.3125rem; background-color:#e62129; }
.pp_khal .width1680 ul,.pp_khal .width1680 ul li{ overflow:hidden; }
.pp_khal .width1680 ul{ margin-top:2.5rem; display: flex; justify-content: space-between; }
.pp_khal .width1680 ul li{ position:relative; width:19.048%; cursor: pointer; }
.pp_khal .width1680 ul li.x{ width:32.441%; }
.pp_khal .width1680 ul li div.bg{ background:linear-gradient(to right bottom,#fbdeb8,#f8e8d2); border-radius:1.25rem; color:#333333; height:26.5rem; margin-top: 14.375rem; }
.pp_khal .width1680 ul li.x div.bg{  margin-top:5.5rem; height: 36.375rem; }
.pp_khal .width1680 ul li div.bg div{ margin:0px auto; }
.pp_khal .width1680 ul li div.bg div dd{ font-size:1.125rem; font-weight:bold; }
.pp_khal .width1680 ul li div.bg div.f dd{ padding-left:45%; position:relative; min-height:5rem; }
.pp_khal .width1680 ul li.x div.bg div dd{ font-size:2rem; }
.pp_khal .width1680 ul li.x div.bg div.f dd{ padding-left:0px; }
.pp_khal .width1680 ul li div.bg div.f dd img{ max-width: 41%; position:absolute; left:0px; top:0px; }
.pp_khal .width1680 ul li.x div.bg div dd img{ display:none; }
.pp_khal .width1680 ul li div.bg div dl{ font-size:1rem; line-height:1.5; margin-top:1rem; overflow:hidden; }
.pp_khal .width1680 ul li.x div.bg div dl{  }

.pp_khal .width1680 ul li div.bg div.r{ position: absolute; width:50%; top:5rem; text-align:center; right:0px; }
.pp_khal .width1680 ul li.x div.bg div.r{ top:0px; }
.pp_khal .width1680 ul li div.bg div.r img{ width:100%; }

.pp_khal .width1680 ul li div.bg div.t{ width:92%; margin-left: 4%; padding-top:3rem; }
.pp_khal .width1680 ul li.x div.bg div.t{ width:45%; }
.pp_khal .width1680 ul li.x div.bg div.t dl{ height:9rem; }
.pp_khal .width1680 ul li div.bg div.f{ width:92%; display:block; margin-top:0.75rem; }
.pp_khal .width1680 ul li div.bg div.f ol{ margin-top:1.5rem; display:none; }
.pp_khal .width1680 ul li.x div.bg div.f ol{ display:block; }
.pp_khal .width1680 ul li div.bg div.f ol img{ border-radius:0.75rem; max-height:8.75rem; max-width:11rem; }

.pp_jx{ text-align:center; font-weight:bold; color:#333333; font-size:2.5rem; line-height:1.5; padding:8rem 0px 5rem; }
.pp_jx i{ font-size:3.5rem; color:#e62129; }
.pp_jx_bg{ height:42.5rem; width:100%; position:relative; }
.pp_jx_xx{ padding:5rem 0px 6rem; }
.pp_jx_xx ul,.pp_jx_xx ul li{ overflow:hidden; }
.pp_jx_xx ul{}
.pp_jx_xx ul li{ float:left; width:33.333333%; border-left:1px solid #f1ede1; margin-left:-1px; }
.pp_jx_xx ul li div{ width:84%; margin:0px auto; }
.pp_jx_xx ul li div dd{ font-size:2rem; color:#a18468; line-height:1.35; font-weight:bold; }
.pp_jx_xx ul li div dl{ font-size:1rem; color:#333333; line-height:1.75; margin-top:1.5rem; }
.pp_gc{ position:relative; width:100%; overflow:hidden; height:125rem; }
.pp_gc .width1680{ padding-top:7rem; position:relative; z-index:2; }
.pp_gc .width1680 ul.top,.pp_gc .width1680 ul.top li{ overflow:hidden; }
.pp_gc .width1680 ul.top{ margin-bottom:4rem; text-align:center; color:#ffffff; }
.pp_gc .width1680 ul.top li.t{ font-size:2.5rem; font-weight:bold; }
.pp_gc .width1680 ul.top li.n{ margin:1.25rem 0px 1rem; font-size:1rem; }
.pp_gc .width1680 ul.top li.n span{ display:inline-block; background-color:#ff000a; height:2.5rem; line-height:2.5rem; border-radius:2rem; padding:0px 1.25rem; }
.pp_gc .width1680 ul.top li.x{ display: flex; justify-content: center; margin-bottom:2.5rem; }
.pp_gc .width1680 ul.top li.x div.x{ width:1px; background-color:#ffffff; margin:0px 3rem; }
.pp_gc .width1680 ul.top li.x div{ font-size:1.125rem; }
.pp_gc .width1680 ul.top li.x div dd{}
.pp_gc .width1680 ul.top li.x div dd b{ font-size:2.5rem; margin-right:0.5rem; }
.pp_gc .width1680 ul.top li.x div dl{ margin-top:0.875rem; }
.pp_gc .width1680 ul.top li.f{ display: flex; justify-content: center; }
.pp_gc .width1680 ul.top li.f div{ position:relative; border:2px solid #ffffff; border-radius:0.5rem; overflow:hidden; height:6.875rem; width:16.25rem; margin:0px 1.25rem; }
.pp_gc .width1680 ul.top li.f div del{ position:absolute; left:0px; width:100%; font-size:1.125rem; bottom:0.5rem; }
.pp_gc .width1680 div.rz{ width:100%; overflow:hidden; display: flex; justify-content: space-between; }
.pp_gc .width1680 div.rz div{ text-align:center; }
.pp_gc .width1680 div.rz div ol{ height:5rem; margin-bottom:0.5rem; }
.pp_gc .width1680 div.rz div ol img{  }
.pp_gc .width1680 div.rz div dl{ font-size:1rem; line-height:1.5; }
.pp_gc .width1680 .rq_qh{ margin-top:5rem; position:relative; padding:0px 2rem; margin-left:-2rem; }
.pp_gc .width1680 .rq_qh div.qh{ position:absolute; width:1.5rem; height:2.625rem; top: 50%; margin-top: -1.3125rem; background-repeat:no-repeat; background-position:center; background-size:auto 100%; z-index:9; cursor: pointer; }
.pp_gc .width1680 .rq_qh div.qh_l{ left:0px; background-image:url(../images/jt_l1.png); }
.pp_gc .width1680 .rq_qh div.qh_r{ right:0px; background-image:url(../images/jt_r1.png); }
.pp_gc .width1680 .rq_qh div.qh_l:hover{ background-image:url(../images/jt_l3.png); }
.pp_gc .width1680 .rq_qh div.qh_r:hover{ background-image:url(../images/jt_r3.png); }
.pp_gc .width1680 .rq_qh,.pp_gc .width1680 .rq_qh .swiper-wrapper,.pp_gc .width1680 .rq_qh .swiper-wrapper .swiper-slide{ height:17.5rem; }
.pp_gc .width1680 .rq_qh{ width: 101.5%; overflow: hidden; }
.pp_gc .width1680 .rq_qh .swiper-wrapper{  }
.pp_gc .width1680 .rq_qh .swiper-wrapper .swiper-slide{ position:relative; cursor:grab; }
.pp_gc .width1680 .rq_qh .swiper-wrapper .swiper-slide div.bg{ margin: 0px auto; width:90%; text-align:center; }
.pp_gc .width1680 .rq_qh .swiper-wrapper .swiper-slide div.bg ol{ height:11.25rem; position:relative; margin-bottom:1rem; }
.pp_gc .width1680 .rq_qh .swiper-wrapper .swiper-slide div.bg ol img{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; margin:auto; }
.pp_gc .width1680 .rq_qh .swiper-wrapper .swiper-slide div.bg dl{ font-size:1rem; line-height:1.5; }
.pp_zj{ position:relative; width:100%; overflow:hidden; height:65.625rem; }
.pp_zj .width1680{ position:relative; z-index:2; padding-top:3rem; text-align:center; font-weight:bold; font-size:2.25rem; color:#333333; line-height:1.5; }
.pp_fwtd{ position:relative; width:100%; overflow:hidden; height:66.125rem; }
.pp_fwtd .width1680{ position:relative; z-index:2; padding-top:4rem; }
.pp_fwtd .width1680 .tit{ text-align:center; font-weight:bold; font-size:2.5rem; color:#333333; line-height:1.5; }
.pp_fwtd .width1680 .td_xx{ margin-top:1.25rem; display: flex; justify-content: center; }
.pp_fwtd .width1680 .td_xx div.bg{ width:27%; height:11.0625rem; background:url(../images/td_bg.png) no-repeat scroll center; background-size:auto 100%; display:flex; align-items:center; }
.pp_fwtd .width1680 .td_xx div.bg div{ width:100%; text-align:center; color:#333333; }
.pp_fwtd .width1680 .td_xx div.bg div dd{ font-size:1.5rem; font-weight:bold; }
.pp_fwtd .width1680 .td_xx div.bg div dl{ font-size:1.125rem; margin-top:0.75rem; }
.pp_qqfx{ width:100%; overflow:hidden; background-color:#fff6ef; }
.pp_qqfx .width1680{ padding:6.5rem 0px 7.5rem; }
.pp_qqfx .width1680 div.tit{ text-align:center; }
.pp_qqfx .width1680 div.tit dd{ font-size:3rem; font-weight:bold; color:#0e050b; }
.pp_qqfx .width1680 div.tit dl{ font-size:1.125rem; color:#333333; margin-top:2rem; }
.pp_qqfx .width1680 ul.xx,.pp_qqfx .width1680 ul.xx li{ overflow:hidden; }
.pp_qqfx .width1680 ul.xx{ margin-top:4.5rem; }
.pp_qqfx .width1680 ul.xx li{ float:left; width:25%; }
.pp_qqfx .width1680 ul.xx li div{ max-width:11.25rem; width:90%; margin:0px auto; }
.pp_qqfx .width1680 ul.xx li div dd{ font-size:3rem; font-weight:bold; color:#e62129; }
.pp_qqfx .width1680 ul.xx li div dl{ font-size:1.5rem; color:#333333; margin-top:0.75rem; }
.pp_qqfx .width1680 div.dt{ width:100%; margin-top:3.75rem; }
.pp_qqfx .width1680 div.dt div.i{  position:relative; width:100%; max-width:53.4375rem; margin:0px auto; }
.pp_qqfx .width1680 div.dt div.i div{ position:absolute; z-index:2; }
.pp_qqfx .width1680 div.dt div.i div.d1{ padding-left:2rem; left:30%; top:15%; }
.pp_qqfx .width1680 div.dt div.i div.d2{ padding-right:2rem; left:31%; top:40%; }
.pp_qqfx .width1680 div.dt div.i div.d3{ padding-left:2rem; left:44%; top:34%; }
.pp_qqfx .width1680 div.dt div.i div.d4{ padding-right:2rem; left:4%; top:47%; }
.pp_qqfx .width1680 div.dt div.i div.d5{ padding-left:2rem; left:41.5%; top:62%; }
.pp_qqfx .width1680 div.dt div.i div i.dw{ position:absolute; top:50%; height:1.375rem; margin-top: -0.6875rem; width:1.125rem; background: url(../images/dw.png) no-repeat center; background-size:auto 100%; animation: ss 2s linear infinite; -webkit-animation:ss 2s linear infinite; }
.pp_qqfx .width1680 div.dt div.i div.d1 i.dw{ left:0px; }
.pp_qqfx .width1680 div.dt div.i div.d2 i.dw{ right:0px; }
.pp_qqfx .width1680 div.dt div.i div.d3 i.dw{ left:0px; }
.pp_qqfx .width1680 div.dt div.i div.d4 i.dw{ right:0px; }
.pp_qqfx .width1680 div.dt div.i div.d5 i.dw{ left:0px; }@-webkit-keyframes ss{ 0%,50%,100%{opacity:1; transform: scale(0.8);} 25%,75%{ opacity:0.8; transform: scale(1);} }@keyframes ss { 0%,50%,100%{opacity:1; transform: scale(0.8);} 25%,75%{ opacity:0.8; transform: scale(1);} }
.pp_qqfx .width1680 div.dt div.i div del{ background-color:#ffffff; position:relative; color:#333333; font-size:1rem; height:2rem; line-height:2rem; border-radius:0.25rem; padding:0px 0.75rem; display:block; }
.pp_qqfx .width1680 div.dt div.i div del i.fa{ position:absolute; font-size:1rem; top:50%; margin-top:-0.5rem; color:#ffffff; }
.pp_qqfx .width1680 div.dt div.i div.d1 del i.fa{ left:0px; margin-left:-0.3rem; transform:rotate(180deg); }
.pp_qqfx .width1680 div.dt div.i div.d2 del i.fa{ right:0px; margin-right:-0.3rem; }
.pp_qqfx .width1680 div.dt div.i div.d3 del i.fa{ left:0px; margin-left:-0.3rem; transform:rotate(180deg); }
.pp_qqfx .width1680 div.dt div.i div.d4 del i.fa{ right:0px; margin-right:-0.3rem; }
.pp_qqfx .width1680 div.dt div.i div.d5 del i.fa{ left:0px; margin-left:-0.3rem; transform:rotate(180deg); }
.pp_qqfx .width1680 div.sm{ display:none; line-height:2; font-weight:bold; }
.pp_qqfx .width1680 div.sm dl{ font-size:1rem; color:#333333; }
.pp_qqfx .width1680 div.sm ol{ font-size:0.875rem; color: #e62129; margin-top:0.5rem; }

/*动画效果*/
.i_md .pp_jy .width1680 div.hidden.t{ opacity:0; margin-top:3rem; }
.i_md.on .pp_jy .width1680 div.hidden.t{ opacity:1; margin-top:0px; transition: all 1s ease; }
.i_md .pp_hb .xx .xx_bg div.bg div{ opacity:0; margin-top:3rem; }
.i_md.on .pp_hb .xx .xx_bg div.bg div{ opacity:1; margin-top:0px; transition: all 1s ease; }
.i_md .pp_khal .width1680 ul li{ opacity:0; margin-top:3rem; }
.i_md.on .pp_khal .width1680 ul li{ opacity:1; margin-top:0px; transition: all 1s ease; }
.i_md .pp_jx_bg{ opacity:0; margin-top:3rem; }
.i_md.on .pp_jx_bg{ opacity:1; margin-top:0px; transition: all 1s ease; }
.i_md .pp_jx_xx ul{ opacity:0; margin-top:3rem; }
.i_md.on .pp_jx_xx ul{ opacity:1; margin-top:0px; transition: all 1s ease; }
.i_md .pp_gc .width1680{ opacity:0; margin-top:3rem; }
.i_md.on .pp_gc .width1680{ opacity:1; margin-top:0px; transition: all 1s ease; }
.i_md .pp_zj .width1680{ opacity:0; margin-top:3rem; }
.i_md.on .pp_zj .width1680{ opacity:1; margin-top:0px; transition: all 1s ease; }
.i_md .pp_fwtd .width1680{ opacity:0; margin-top:3rem; }
.i_md.on .pp_fwtd .width1680{ opacity:1; margin-top:0px; transition: all 1s ease; }
.i_md .pp_qqfx .width1680 ul.xx{ opacity:0; padding-top:3rem; }
.i_md.on .pp_qqfx .width1680 ul.xx{ opacity:1; padding-top: 0px; transition: all1s ease; }
.i_md .pp_qqfx .width1680 div.dt div.i div{ opacity:0; margin-top:3rem; }
.i_md.on .pp_qqfx .width1680 div.dt div.i div{ opacity:1; margin-top:0px; }
.i_md.on .pp_qqfx .width1680 div.dt div.i div.d1{ transition: all 1s ease; }
.i_md.on .pp_qqfx .width1680 div.dt div.i div.d2{ transition: all 1.5s ease; }
.i_md.on .pp_qqfx .width1680 div.dt div.i div.d3{ transition: all 2s ease; }
.i_md.on .pp_qqfx .width1680 div.dt div.i div.d4{ transition: all 2.5s ease; }
.i_md.on .pp_qqfx .width1680 div.dt div.i div.d5{ transition: all 3s ease; }

/*明星产品*/
.banner_mccp{ width:100%; overflow:hidden; position:relative; }
.banner_mccp .width1680{ position:relative; z-index:2; height:100vh; }
.banner_mccp .width1680 div{ width:100%; position:absolute; text-align:center; color:#ffffff; bottom:5vh; }
.banner_mccp .width1680 div dd{ font-size:3rem; font-weight:bold; }
.banner_mccp .width1680 div dl{ font-size:1.5rem; margin-top:0.75rem; }
.ssl_lm{ position:fixed; top:6rem; background-color:#fff2e2; width:100%; left:0px; z-index:99; border-top:1px solid #eeeeee; display:none; }
.ssl_lm.x{ display:block; }
.ssl_lm ul{ padding:1rem 0px; display: flex; flex-wrap: wrap;  justify-content: center; }
.ssl_lm ul li{ display:inline-block; cursor: pointer; padding-left:3rem; position:relative; font-size:1.25rem; line-height:2.5rem; color:#333333; margin:0px 1rem; }
.ssl_lm ul li:hover{ color:#e62129; }
.ssl_lm ul li img{ position:absolute; width:2.5rem; height:2.5rem; border-radius:50%; left:0px; }
.ssl_lm ul li img.h{ opacity:0; background-color:#e62129; }
.ssl_lm ul li img.b{ opacity:1; }
.ssl_lm ul li.active img.h{ opacity:1; }
.ssl_lm ul li.active img.b{ opacity:0; }
.mxcp_xl{ padding:5rem 0px 2.5rem; }
.mxcp_xl .top{ overflow:hidden; text-align:center; color:#333333; margin-bottom:3rem; }
.mxcp_xl .top dd{ font-size:4.5rem; font-weight:bold; }
.mxcp_xl .top dl{ font-size:1.125rem; line-height:2; margin-top:2rem; }
.mxcp_xl .so_bg{ width:100%; overflow:hidden; }
.mxcp_xl .so_bg div{ margin:0px auto; max-width:50rem; border-radius:0.5rem; overflow: hidden; background-color:#ffffff; }
.mxcp_xl .so_bg div input,.mxcp_xl .so_bg div button{ border:0px; height:3.75rem; outline:none; }
.mxcp_xl .so_bg div input{ float:left; font-size:1.125rem; margin-left:3%; width:75%; }
.mxcp_xl .so_bg div input::-webkit-input-placeholder{ color: #999999; }
.mxcp_xl .so_bg div button{ float:right; width:19%; background-color:#e62129; }
.mxcp_xl .so_bg div button:hover{ background-color:#333333; }
.mxcp_xl .so_bg div button span{ font-size:1.125rem; color:#ffffff; padding-left:2.5rem; background:url(../images/so.png) no-repeat scroll left center; background-size:1.125rem; }
.mxcp_xl .cp_lb{ text-align:center; padding:4.5rem 0px; }
.mxcp_xl .cp_lb div{ cursor: pointer; display:inline-block; padding-left:3rem; position:relative; font-size:1.25rem; line-height:2.5rem; color:#333333; margin:0px 1rem; }
.mxcp_xl .cp_lb div:hover{ color:#e62129; }
.mxcp_xl .cp_lb div img{ position:absolute; width:2.5rem; height:2.5rem; border-radius:50%; left:0px; }
.mxcp_xl .cp_lb div img.h{ opacity:0; background-color:#e62129; }
.mxcp_xl .cp_lb div img.b{ opacity:1; }
.mxcp_xl .cp_lb div.on img.h{ opacity:1; }
.mxcp_xl .cp_lb div.on img.b{ opacity:0; }
.mxcp_xl .tit{ text-align:center; font-weight:bold; font-size:3rem; color:#333333; }
.mxcp_xl ul.cp_xl,.mxcp_xl ul.cp_xl li,.mxcp_xl ul.cp_tdxl,.mxcp_xl ul.cp_tdxl li{ overflow:hidden; }
.mxcp_xl ul.cp_xl,.mxcp_xl ul.cp_tdxl{ margin:4.5rem 0px 6rem; }
.mxcp_xl ul.cp_xl li,.mxcp_xl ul.cp_tdxl li{ margin-bottom:2.5rem; border-radius:1.25rem; }
.mxcp_xl ul.cp_xl li a,.mxcp_xl ul.cp_tdxl li a{ display:block; background-color:#fffbf7; overflow:hidden; }
.mxcp_xl ul.cp_xl li a:hover,.mxcp_xl ul.cp_tdxl li a:hover{ background-color:#ffffff; }
.mxcp_xl ul.cp_xl{ width:102%; }
.mxcp_xl ul.cp_xl li{ float:left; width:31.805%; margin-right:1.25%; }
.mxcp_xl ul.cp_xl li a div.t{ position:relative; height:32.5rem; overflow:hidden; }
.mxcp_xl ul.cp_xl li a div.t i.bg_q{ transition: all 0.5s ease; }
.mxcp_xl ul.cp_xl li a:hover div.t i.bg_q{ transform: scale(1.1); transition: all 0.5s ease; }
.mxcp_xl ul.cp_xl li a div.f{ height:6.25rem; text-align:center; }
.mxcp_xl ul.cp_xl li a div.f del{ font-size:1.25rem; color:#000007; overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; display:inline-block; width:80%; padding:0px 4%; height:5rem; line-height:5rem; border-radius:0.5rem; }
.mxcp_xl ul.cp_xl li a:hover div.f del{ background-color:#ff0100; color:#ffffff; }
.mxcp_xl ul.cp_tdxl{}
.mxcp_xl ul.cp_tdxl li{ width:49.405%; }
.mxcp_xl ul.cp_tdxl li.l{ float:left; }
.mxcp_xl ul.cp_tdxl li.r{ float:right; }
.mxcp_xl ul.cp_tdxl li a{ padding:2rem; }
.mxcp_xl ul.cp_tdxl li a div.l,.mxcp_xl ul.cp_tdxl li a div.r{ height:26rem; }
.mxcp_xl ul.cp_tdxl li a div.l{ float:left; position:relative; width:46%; }
.mxcp_xl ul.cp_tdxl li a div.l i.bg_q{ transition: all 0.5s ease; }
.mxcp_xl ul.cp_tdxl li a:hover div.l i.bg_q{ transform: scale(1.1); transition: all 0.5s ease; }
.mxcp_xl ul.cp_tdxl li a div.r{ float:right; width:50%; display:flex; align-items:center; border-radius:1.5rem; }
.mxcp_xl ul.cp_tdxl li a:hover div.r{ background-color:#ff0100; transition: all 0.5s ease; }
.mxcp_xl ul.cp_tdxl li a div.r div{ width:80%; padding:0px 10%; }
.mxcp_xl ul.cp_tdxl li a div.r div dd{ font-size:2.25rem; color:#333333; }
.mxcp_xl ul.cp_tdxl li a div.r div dl{ font-size:1.125rem; color:#999999; margin-top:1.25rem; }
.mxcp_xl ul.cp_tdxl li a:hover div.r div dd{ color:#ffffff; }
.mxcp_xl ul.cp_tdxl li a:hover div.r div dl{ color:#ffffff; }
.banner_cp,.banner_cp .swiper-wrapper,.banner_cp .swiper-wrapper .swiper-slide{ height:100vh; }
.banner_cp{ width: 100%; overflow: hidden; position: relative; }
.banner_cp .swiper-wrapper{  }
.banner_cp .swiper-wrapper .swiper-slide{ position:relative; cursor:grab; }
.banner_cp div.qh{ position: absolute; z-index: 99; width: 2rem; height:3rem; top: 50%; margin-top:-1.5rem; background-repeat:no-repeat; background-position: center; background-size:auto 2.125rem; opacity:0.5; cursor: pointer; transition: all 0.5s ease; }
.banner_cp div.qh:hover{ opacity:1; transition: all 0.5s ease; }
.banner_cp div.qh_l{ left:1.5%; background-image:url(../images/jt_l.png); }
.banner_cp div.qh_r{ right:1.5%; background-image:url(../images/jt_r.png); }
.banner_cp .page_bg{ position:relative; z-index:9; }
.banner_cp .page{ position:absolute; left:0px; width:100%; bottom:5vh; z-index:9; }
.banner_cp .page span{ display:inline-block; width:3rem; height:3px; border-radius:2px; margin-right: 0.5rem; background-color:#ffffff; opacity:0.5; }
.banner_cp .page span.on{ opacity:1; }

/*明星产品详情*/
.cp_show_t{ padding-top:2.5rem; }
.cp_show_t .tit{ font-size:1rem; color:#999999; margin-bottom:2rem; }
.cp_show_t .tit a{ color:#999999; }
.cp_show_t .tit a:hover{ color:#e62129; }

.cp_show_bg{ position:relative; }
.cp_show_bg div.bg{ position:absolute; background-color:rgba(255, 255, 255, 0.8); z-index:2; top:1.5rem; left:1rem; height: 42.5rem; border-radius:0.75rem; width:50%; max-width:24.25rem; padding:2.25rem; }
.cp_show_bg div.bg div.t{ color:#333333; }
.cp_show_bg div.bg div.t dd{ position:relative; font-size:2.25rem; line-height: 1.2; font-weight:bold; padding-bottom:1rem; }
.cp_show_bg div.bg div.t dd i{ position:absolute; bottom:0px; left:0px; width:2.5rem; height:0.25rem; background-color:#e62129; }
.cp_show_bg div.bg div.t dl{ font-size:1.125rem; line-height:1.75; margin-top:1rem; }

.cp_show_bg div.bg div.f{ position:absolute; bottom:2.25rem; left:2.25rem; max-width:84.5%; }
.cp_show_bg div.bg div.f div.n{ border-top:1px solid #000000; border-bottom:1px solid #000000; font-size:1.125rem; padding:1rem 0.75rem 1rem 1.5rem; position:relative; }
.cp_show_bg div.bg div.f div.n i{ position:absolute; width:0.75rem; height:0.75rem; border-radius:50%; background-color:#000000; left:0px; top:1.6rem; }
.cp_show_bg div.bg div.f div.x{ margin-top:1.5rem; display: flex; justify-content: space-between; }
.cp_show_bg div.bg div.f div.x i.x{ width:1px; background-color:#000000; }
.cp_show_bg div.bg div.f div.x div{ max-width:48%; }
.cp_show_bg div.bg div.f div.x div dd{ font-size:1.125rem; font-weight:bold; }
.cp_show_bg div.bg div.f div.x div dl{ font-size:0.875rem; margin-top:0.5rem; }

.cp_show_bg div.bg div.f div.ms{ font-size: 0.75rem;margin-top: 0.5rem; }

.cp_show .swiper-wrapper,.cp_show .swiper-wrapper .swiper-slide{ height:50rem; }
.cp_show{ width: 100%; overflow: hidden; position: relative; }
.cp_show .swiper-wrapper{  }
.cp_show .swiper-wrapper .swiper-slide{ position:relative; cursor:grab; border-radius:1.5rem; overflow:hidden; background:url(../images/show_bg.jpg) no-repeat scroll center; background-size:cover; overflow:hidden; }
.cp_show .swiper-wrapper .swiper-slide div{ position:absolute; right:0px; top:0px; bottom:0px; width:65%; max-width:51.75rem; }
.cp_show .swiper-wrapper .swiper-slide div img{ position:absolute; left:0px; right:0px; bottom:7rem; margin:auto; max-height:80%; }

.cp_show .page{ display:block; width:100%; text-align:center; margin-top:2rem; }
.cp_show .page span{ display:inline-block; width:2.75rem; overflow: hidden; height:3px; border-radius:2px; margin:0px 0.5rem; background-color:#7f7f7f; }
.cp_show .page span.on{ background-color:#e62129; }

.show_tit{ font-size:3rem; font-weight:bold; color:#333333; position:relative; padding-bottom:1.5rem; }
.show_tit i{ position:absolute; width:3.75rem; height:0.38rem; background-color:#e62129; left:0px; bottom:0px; }
.show_qh{ padding:5rem 0px 6rem; }
.show_qh .show_n_qh{ padding:3rem 4rem 0px; margin:0px -4rem; position:relative; overflow:hidden; }
.show_qh .show_n_qh div.qh{ position:absolute; width:1.5rem; height:2.625rem; top: 50%; margin-top: -1.3125rem; background-repeat:no-repeat; background-position:center; background-size:auto 100%; z-index:9; cursor: pointer; }
.show_qh .show_n_qh div.qh_l{ left:0px; background-image:url(../images/jt_l2.png); }
.show_qh .show_n_qh div.qh_r{ right:0px; background-image:url(../images/jt_r2.png); }
.show_qh .show_n_qh div.qh_l:hover{ background-image:url(../images/jt_l3.png); }
.show_qh .show_n_qh div.qh_r:hover{ background-image:url(../images/jt_r3.png); }
.show_qh .show_n_qh .show_gg_qh,.show_qh .show_n_qh .show_gg_qh .swiper-wrapper,.show_qh .show_n_qh .show_gg_qh .swiper-wrapper .swiper-slide{ height:31.5rem; }
.show_qh .show_n_qh .show_gg_qh{ width: 101.5%; overflow: hidden; }
.show_qh .show_n_qh .show_gg_qh .swiper-wrapper{  }
.show_qh .show_n_qh .show_gg_qh .swiper-wrapper .swiper-slide{ position:relative; cursor:grab; }
.show_qh .show_n_qh .show_gg_qh .swiper-wrapper .swiper-slide div.bg{ width:94%; }
.show_qh .show_n_qh .show_gg_qh .swiper-wrapper .swiper-slide div.bg ol{ position:relative; border:1px solid #cccccc; height:25rem; border-radius:1.25rem; overflow:hidden; }
.show_qh .show_n_qh .show_gg_qh .swiper-wrapper .swiper-slide div.bg ol img{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; margin:auto; transition: all 0.5s ease; }
.show_qh .show_n_qh .show_gg_qh .swiper-wrapper .swiper-slide div.bg:hover ol img{ transform: scale(1.1); transition: all 0.5s ease; }
.show_qh .show_n_qh .show_gg_qh .swiper-wrapper .swiper-slide div.bg dd{ font-size:1.5rem; color:#333333; text-align:center; margin-top:2rem; }
.show_qh .show_n_qh .show_gg_qh .swiper-wrapper .swiper-slide div.bg:hover dd{ color:#e62129; }
.show_qh .show_n_qh .show_cp_qh,.show_qh .show_n_qh .show_cp_qh .swiper-wrapper,.show_qh .show_n_qh .show_cp_qh .swiper-wrapper .swiper-slide{ height:22rem; }
.show_qh .show_n_qh .show_cp_qh{ width: 101.5%; overflow: hidden; }
.show_qh .show_n_qh .show_cp_qh .swiper-wrapper{  }
.show_qh .show_n_qh .show_cp_qh .swiper-wrapper .swiper-slide{ position:relative; cursor:grab; }
.show_qh .show_n_qh .show_cp_qh .swiper-wrapper .swiper-slide div.bg{ width:94%; }
.show_qh .show_n_qh .show_cp_qh .swiper-wrapper .swiper-slide div.bg ol{ position:relative; height:17.25rem; overflow:hidden; border-radius:0.5rem; }
.show_qh .show_n_qh .show_cp_qh .swiper-wrapper .swiper-slide div.bg ol i.bg_q{ transition: all 0.5s ease; }
.show_qh .show_n_qh .show_cp_qh .swiper-wrapper .swiper-slide div.bg:hover ol img{ transform: scale(1.1); transition: all 0.5s ease; }
.show_qh .show_n_qh .show_cp_qh .swiper-wrapper .swiper-slide div.bg ol i.a{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; z-index:2; background:url(../images/bf.png) no-repeat scroll center; background-size:3rem; opacity:0; }
.show_qh .show_n_qh .show_cp_qh .swiper-wrapper .swiper-slide div.bg:hover ol i.a{ opacity:1; }
.show_qh .show_n_qh .show_cp_qh .swiper-wrapper .swiper-slide div.bg dd{ font-size:1.5rem; color:#333333; text-align:center; margin-top:2rem; }
.show_qh .show_n_qh .show_cp_qh .swiper-wrapper .swiper-slide div.bg:hover dd{ color:#e62129; }

.cp_bg{ position:fixed; top:0px; left:0px; right:0px; bottom:0px; z-index:9999; background-color:rgba(0, 0, 0, 0.5); display:none; align-items:center; }
.cp_bg.x{ display:flex; }
.cp_bg .xx_bg{ width:100%; }
.cp_bg .xx_bg .xx,.cp_bg .xx_bg .xx div.x{ height:72vh; max-height:42rem; }
.cp_bg .xx_bg .xx{ width:90%; max-width:75rem; margin:0px auto; position:relative; }
.cp_bg .xx_bg .xx a.gb{ position:absolute; width:2.5rem; height:2.5rem; background:url(../images/gb.png) no-repeat scroll center; background-size:cover; right:0px; top:0px; margin-top:-4rem; }
.cp_bg .xx_bg .xx a.gb:hover{ background-image:url(../images/gb2.png); }
.cp_bg .xx_bg .xx div.i{ position:absolute; z-index:2; height:38vh; max-height:21.25rem; width:41.612%; border:0.25rem solid #ffffff; border-radius:1.25rem; overflow:hidden; top:0px; bottom:0px; left:0px; margin:auto; }
.cp_bg .xx_bg .xx div.x{ width:89%; margin-left:11%; border-radius:1.25rem; background:url(../images/tc_bg.jpg); overflow:hidden; display:flex; align-items:center; }
.cp_bg .xx_bg .xx div.x ul,.cp_bg .xx_bg .xx div.x ul li{ overflow:hidden; }
.cp_bg .xx_bg .xx div.x ul{ color:#ffffff; margin-left: 43%; width:55%; padding-right:0.5rem; height:63vh; overflow-x: hidden; overflow-y: auto; max-height:36.25rem; }
.cp_bg .xx_bg .xx div.x ul::-webkit-scrollbar{ width:4px;}
.cp_bg .xx_bg .xx div.x ul::-webkit-scrollbar-track{ background-color:#ffffff; }
.cp_bg .xx_bg .xx div.x ul::-webkit-scrollbar-thumb{ background-color:#a8202a; }
.cp_bg .xx_bg .xx div.x ul::-webkit-scrollbar-thumb:hover{ background-color:#a8202a; }
.cp_bg .xx_bg .xx div.x ul::-webkit-scrollbar-thumb:active{ background-color:#a8202a; }

.cp_bg .xx_bg .xx div.x ul li.t{ font-size:2.5rem; font-weight:bold; margin-bottom:1.5rem; }
.cp_bg .xx_bg .xx div.x ul li.t i{ background-image: linear-gradient(to right, #e7b667, #e7b667, #fbedcf, #fbedcf, #e7b667, #e7b667);  -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.cp_bg .xx_bg .xx div.x ul li.n{ font-size:1.5rem; color:#c19c61; margin-bottom:0.75rem; }
.cp_bg .xx_bg .xx div.x ul li.c{ font-size:1.125rem; line-height:2; margin-bottom:1rem; }
.cp_bg .xx_bg .xx div.x ul li.c dl{ position:relative; padding-left:3.75rem; }
.cp_bg .xx_bg .xx div.x ul li.c dl i.b{ position:absolute; left:0px; }
.cp_bg .xx_bg .xx div.x ul li.f{ font-size:1rem; line-height:2; }

.cp_show_js{ padding:5rem 0px; }
.cp_show_js ul,.cp_show_js ul li{ overflow:hidden; }
.cp_show_js ul{ border-top:1px solid #cccccc; margin-top:4rem; }
.cp_show_js ul li{ border-bottom:1px solid #cccccc; padding:2rem 0px; position:relative; }
.cp_show_js ul li div.l{ position:absolute; top:0px; bottom:0px; display:flex; align-items:center; }
.cp_show_js ul li div.l del{ display:block; font-size:1.5rem; color:#333333; font-weight:bold; }
.cp_show_js ul li div.r{ min-height:3rem; overflow:hidden; float:right; width:58.5%; }
.cp_show_js ul li.x div.r{ font-size:1.125rem; line-height:1.75; color:#333333; }
.cp_show_js ul li.b{}
.cp_show_js ul li.b div.r{  }
.cp_show_js ul li.b div.r a{ float: left; display:block; background-color: #999999; padding:0px 1.5rem; line-height:3rem; height: 3rem; font-size: 1.5rem; color: #ffffff; border-radius:2rem; margin-right:1.25rem; }
.cp_show_js ul li.b div.r a:hover{ background-color:#e62129; }
.cp_show_js ul li.b div.r a i{ padding-left: 3rem; background-repeat:no-repeat; background-position:left center; background-size:auto 1.5rem; }
/*.cp_show_js ul li.b div.r a.a1 i{ background-image:url(../images/gm1.png); padding-left:3.4rem; }
.cp_show_js ul li.b div.r a.a2 i{ background-image:url(../images/gm2.png); padding-left:2.8rem; }
.cp_show_js ul li.b div.r a.a3 i{ background-image:url(../images/gm3.png); padding-left:2.8rem; }*/
.cp_show_js div.f{ overflow:hidden; font-size:1rem; color:#333333; line-height:2; padding-top:2rem; }
.cp_show_js div.f span{ color:#e62129; }
.show_foot_h{ height:5rem; }
.show_foot{ position:fixed; z-index:98; width:100%; bottom:0px; left:0px; background-color:#ffffff; border-top:1px solid #f5f5f5; box-shadow:0px 0px 1rem 0px rgba(0, 0, 0, 0.14); }
.show_foot .width1680{ padding:1.25rem 0px; }
.show_foot .width1680 .hidden.l{ float:left; font-size:1rem; line-height:2; font-weight:bold; }
.show_foot .width1680 .hidden.l dd{ color:#333333; }
.show_foot .width1680 .hidden.l dl{ color:#999999; }
.show_foot .width1680 .hidden.r{ float:right; }
.show_foot .width1680 .hidden.r div.x{ float:left; text-align:right; font-weight:bold; }
.show_foot .width1680 .hidden.r div.x dd{ font-size:1.5rem; color:#333333; margin-bottom:0.25rem; }
.show_foot .width1680 .hidden.r div.x dl{ font-size:1rem; color:#999999; line-height:1.5; }
.show_foot .width1680 .hidden.r div.a{ float:right; margin-left:2.5rem; padding-top:0.5rem; }
.show_foot .width1680 .hidden.r div.a a{ display:block; float:left; margin-left:0.875rem; font-size:1.125rem; color:#333333; border:1px solid #333333; height:3rem; line-height:3rem; border-radius:2rem; padding:0px 2rem; }
.show_foot .width1680 .hidden.r div.a a:hover{ border:1px solid #e62129; background-color:#e62129; color:#ffffff; }

/*品牌推广*/
.pptg_lb{ padding:5rem 0px 10rem; }
.pptg_lb .tit{ margin-bottom:3rem; overflow:hidden; }
.pptg_lb .tit div.l{ float:left; font-weight:bold; font-size:3rem; color:#333333; }
.pptg_lb .tit div.r{ float:right; overflow: hidden; font-size:1.125rem; }
.pptg_lb .tit div.r a{ display:block; float:left; color:#333333; padding:0px 2rem; border-radius:2rem; height:3rem; line-height:3rem; margin-left:1rem; }
.pptg_lb .tit div.r a.on,.pptg_lb .tit div.r a:hover{ background-color:#e62129; color:#ffffff; }
.pptg_lb ul.lb,.pptg_lb ul.lb li{ overflow:hidden; }
.pptg_lb ul.lb{ width:102%; margin-bottom:6rem; }
.pptg_lb ul.lb li{ margin-bottom:1.5rem; width:31.805%; float:left; margin-right:1.28%; }
.pptg_lb ul.lb li a{ display:block; overflow:hidden; border-radius:0.5rem; background-color:#ffffff; height:35rem; }
.pptg_lb ul.lb li a div.t{ position:relative; height:22.5rem; overflow:hidden; }
.pptg_lb ul.lb li a div.t i.bg_q{ transition: all 0.5s ease; }
.pptg_lb ul.lb li a:hover div.t i.bg_q{ transform: scale(1.1); transition: all 0.5s ease; }
.pptg_lb ul.lb li a div.f{ padding:2rem 1.5rem 0px; }
.pptg_lb ul.lb li a div.f ol{ font-size:1rem; color:#999999; margin-bottom:1rem; }
.pptg_lb ul.lb li a div.f dd{ font-size:1.25rem; color:#333333; font-weight:bold; line-height:1.5; height:6rem; overflow:hidden; }
.pptg_lb ul.lb li a:hover div.f dd{ color:#e62129; }

/*品牌详情*/
.pptg_show{ padding:2.5rem 0px 7.5rem; }
.pptg_show .tit{ border-bottom:1px solid #eeeeee; padding-bottom:2.5rem; position:relative; }
.pptg_show .tit del{ font-size:1rem; color:#999999; padding-right:13rem; display:block; line-height:2; }
.pptg_show .tit del a{ color:#999999; }
.pptg_show .tit del a:hover{ color:#e62129; }
.pptg_show .tit a.fh{ position:absolute; right:0px; top:0px; border:1px solid #eeeeee; font-size: 1.125rem; color: #333333; height:2.5rem; line-height:2.5rem; border-radius:2rem; padding:0px 1.5rem; width:10rem; text-align:right; background:url(../images/fh.png) no-repeat scroll 1.5rem center; background-size:auto 0.75rem; }
.pptg_show .tit a.fh:hover{ background-image:url(../images/fh2.png); background-color:#e62129; color:#ffffff; border:1px solid #e62129; }
.pptg_show ul.show,.pptg_show ul.show li{ overflow:hidden; }
.pptg_show ul.show{ margin:6rem auto 0px; max-width:69.5rem; color:#333333; }
.pptg_show ul.show li.t{ font-size:2.25rem; font-weight:bold; margin-bottom:1rem; }
.pptg_show ul.show li.n{ font-size:1rem; color:#999999; margin-bottom:1.5rem; }
.pptg_show ul.show li.c{ font-size:1rem; min-height: 50vh; line-height:2; border-top:1px solid #eeeeee; border-bottom:1px solid #eeeeee; padding:2.5rem 0px; }
.pptg_show ul.show li.f{ margin-top:1rem; }
.pptg_show ul.show li.f div{ font-size:1rem; color:#999999; overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; line-height:2; }
.pptg_show ul.show li.f div a{ color:#999999; }
.pptg_show ul.show li.f div a:hover{ color:#e62129; }

/*联系我们*/
.contact_top{ padding:5rem 0px 2rem; }
.contact_top .tit{ margin-bottom:2.5rem; color:#333333; }
.contact_top .tit dd{ font-size:3rem; font-weight:bold; }
.contact_top .tit dl{ font-size:1.5rem; margin-top:1.5rem; }
.contact_top .qh_n{ overflow:hidden; display: flex; flex-wrap: wrap; justify-content: space-between; }
.contact_top .qh_n div.bg{ width:49.286%; background-color:#ffffff; height:15rem; border-radius:1.5rem; overflow:hidden; }
.contact_top .qh_n div.bg div{ height:10rem; margin:2.5rem 0px; border-left:4px solid rgba(230, 33, 41, 0); padding:0px 2.5rem; cursor: pointer; color:#333333; }
.contact_top .qh_n div.bg.on div{ border-left:4px solid rgba(230, 33, 41, 1); }
.contact_top .qh_n div.bg div dd{ font-size:2rem; font-weight:bold; }
.contact_top .qh_n div.bg div dl{ font-size:1rem; line-height:2; margin-top:0.5rem; }
.contact_top .qh_tp{ overflow:hidden; margin-top:2.5rem; }
.contact_top .qh_tp div{ position:relative; display:none; height:37.5rem; overflow:hidden; border-radius:1.25rem; }
.contact_middle{ padding:6rem 0px 4rem; }
.contact_middle .hidden.l{ float:left; width:32%; }
.contact_middle .hidden.l dd{ font-size:3rem; font-weight:bold; margin-bottom:1.5rem; }
.contact_middle .hidden.l dl{ font-size:1.125rem; color:#999999; }
.contact_middle .hidden.r{ float:right; width:65%; display: flex; flex-wrap: wrap; justify-content: right; }
.contact_middle .hidden.r div{ width:8.75rem; overflow:hidden; margin-left:5rem; text-align:center; margin-bottom:2rem; }
.contact_middle .hidden.r div a{ color:#333333; }
.contact_middle .hidden.r div a:hover{ color:#e62129; }
.contact_middle .hidden.r div a ol{ border:1px solid #eeeeee; border-radius:0.5rem; height:8.75rem; position:relative; }
.contact_middle .hidden.r div a ol img{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; margin:auto; max-height:55%; max-width:55%; transition: all 0.5s ease; }
.contact_middle .hidden.r div a:hover ol img{ transform: scale(1.1); transition: all 0.5s ease; }
.contact_middle .hidden.r div a dd{ font-size:1rem; margin-top:1.5rem; }
.contact_foot{ padding:4.5rem 0px 10rem; }
.contact_foot .hidden.l{ float:left; width:32%; }
.contact_foot .hidden.l dd{ font-size:3rem; font-weight:bold; margin-bottom:1.5rem; }
.contact_foot .hidden.l dl{ font-size:1.125rem; color:#999999; }
.contact_foot form{ float:right; width:65%; max-width:52rem; display: flex; flex-wrap: wrap; justify-content: space-between; }
.contact_foot form div{ overflow:hidden; }
.contact_foot form div.form-group{ width:48%; margin-bottom:1rem; }
.contact_foot form div.form-group label{ display:none; }
.contact_foot form div.form-group div{ background-color:#ffffff; height:3rem; border-radius:0.5rem; padding:0px 1rem; }
.contact_foot form div.form-group div input,.contact_foot form div.form-group div textarea{ border:0px; outline:none; }
.contact_foot form div.form-group div input::-webkit-input-placeholder,.contact_foot form div.form-group div textarea::-webkit-input-placeholder{ color: #999999; font-size:1rem; }
.contact_foot form div.form-group div input{ line-height:3rem; width:100%; }
.contact_foot form div#lynr{ width:100%; }
.contact_foot form div#lynr div{ padding:1rem; height:auto; }
.contact_foot form div#lynr div textarea{ height:15rem; width:100%; }
.contact_foot form div.an{ width:100%; float:left; }
.contact_foot form div.an div.l{ float:left; width:75%; max-width:34rem; }
.contact_foot form div.an div.l input{ border:0px; outline:none; height:3rem; width:60%; padding:0px 4%; border-radius:0.5rem; font-size: 1rem; }
.contact_foot form div.an div.l input::-webkit-input-placeholder{ color:#999999; }
.contact_foot form div.an div.l del{ float:right; height:3rem; width:26%; display:block; position:relative; background-color:#999999; border-radius:0.5rem; }
.contact_foot form div.an div.l del img{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; margin:auto; }
.contact_foot form div.an div.r{ float:right; width:20%; }
.contact_foot form div.an div.r button{ border:0px; height:3rem; display:block; width:100%; background-color:#e62129; border: 1px solid #e62129; border-radius:0.5rem; font-size:1.125rem; color:#ffffff; }
.contact_foot form div.an div.r button:hover{ background-color:#ffffff; color:#e62129; }

/*layui-layer-dialog*/
.layui-layer-dialog{ position: fixed; top: 50% !important; }

/*fenye*/
.fenye{ text-align:center; font-size:1rem; }
.fenye i{ display:none; }
.fenye a{ color:#333333; }
.fenye a i.fa{ display:inline-block; }
.fenye a,.fenye span{ display:inline-block; border-radius:50%; width: 2.5rem; background-color: #ffffff; color: #333333; height:2.5rem; line-height:2.5rem; margin:0px 0.45rem; }
.fenye a:hover,.fenye span{ color:#ffffff; background-color:#e62129; }
.fenye a i{ font-size:1.5rem; line-height:2.5rem; }

/*no*/
.no{ background-color:#ffffff; text-align:center; width:100% !important; margin:0px !important; padding:2rem 0px; font-size:2rem; }
.no strong{ color:#ff0000; }

/*w404*/
.w404{ min-height:100vh; display:flex; align-items:center; }
.w404 .c{ width:100%; text-align:center; padding:10vh 0px; }
.w404 .c ol{ margin-bottom:2rem; }
.w404 .c ol img{ max-width:35%; }
.w404 .c dd{ font-size:1.5rem; color:#333333; }
.w404 .c a,.w404 .c a:hover{ transition:all .5s ease; display:block; }
.w404 .c a{ width:80%; max-width:180px; margin:2rem auto 0px; line-height:3; font-size:1rem; color:#ffffff; background-color:#d66f09; }
.w404 .c a:hover{ background-color:#ee7c30; }

/*msg*/
.msg{ padding:6rem 0px; }
.msg div.c{ text-align:center; padding:10vh 0px; }
.msg div.c dd{ text-align:center; font-size:1.5rem; font-weight:bold; }
.msg div.c dl{ margin-top:2rem; font-size:1rem; }
.msg div.c dl a,.msg div.c dl a:hover{ transition:all .5s ease; }
.msg div.c dl a{ display:inline-block; border:1px solid #f4313f; width:10rem; margin:0px 1rem; line-height:3; color:#f4313f; }
.msg div.c dl a:hover{ background-color:#f4313f; color:#ffffff; }

/*index-video*/
.sp_bg{ position:fixed; top:0px; left:0px; right:0px; bottom:0px; z-index:9999; background-color:rgba(0, 0, 0, 0.5); display:none; align-items:center; }
.sp_bg.x{ display:flex; }
.sp_bg div.bg{ width:100%; max-height:80vh; }
.sp_bg div.bg div{ position:relative; width:90%; max-width:75rem; margin:0px auto; max-height:80vh; }
.sp_bg div.bg div a{ position:absolute; top:0px; right:0px; margin-top:-3rem; width:2.5rem; height:2.5rem; background:url(../images/gb.png) no-repeat scroll center; background-size:cover; }
.sp_bg div.bg div a:hover{ background-image:url(../images/gb2.png); }
.sp_bg div.bg div video{ width:100%; margin:0px auto; max-height:80vh; }

/*产品参数*/
#preview table.noBorderTable td,#preview table.noBorderTable th,#preview table.noBorderTable caption{border:1px dashed #ddd !important}
#preview table.sortEnabled tr.firstRow th,#preview table.sortEnabled tr.firstRow td{padding-right:20px; background-repeat: no-repeat;background-position: center right; background-image:url(../../themes/default/images/sortable.png);}
#preview table.sortEnabled tr.firstRow th:hover,#preview table.sortEnabled tr.firstRow td:hover{background-color: #EEE;}
#preview table{margin-bottom:10px;border-collapse:collapse;display:table;}
#preview td,#preview th{ /*background:white;*/ padding: 5px 10px;border: 1px solid #767171;}
#preview caption{border:1px dashed #DDD;border-bottom:0;padding:3px;text-align:center;}
#preview th{border-top:1px solid #BBB;background:#F7F7F7;}
#preview table tr.firstRow th{border-top:2px solid #BBB;background:#F7F7F7;}
#preview tr.ue-table-interlace-color-single td{ background: #fcfcfc; }
#preview tr.ue-table-interlace-color-double td{ background: #f7faff; }
#preview td p{margin:0;padding:0;}
#preview table.noBorderTable td,#preview table.noBorderTable th,#preview table.noBorderTable caption{border:1px dashed #ddd !important}
#preview table.sortEnabled tr.firstRow th,#preview table.sortEnabled tr.firstRow td{padding-right:20px; background-repeat: no-repeat;background-position: center right; background-image:url(../../themes/default/images/sortable.png);}
#preview table.sortEnabled tr.firstRow th:hover,#preview table.sortEnabled tr.firstRow td:hover{background-color: #EEE;}
#preview table{margin-bottom:10px;border-collapse:collapse;display:table;}
#preview td,#preview th{ /*background:white;*/ padding: 5px 10px;border: 1px solid #767171;}
#preview caption{border:1px dashed #DDD;border-bottom:0;padding:3px;text-align:center;}
#preview th{border-top:1px solid #BBB;background:#F7F7F7;}
#preview table tr.firstRow th{border-top:2px solid #BBB;background:#F7F7F7;}
#preview tr.ue-table-interlace-color-single td{ background: #fcfcfc; }
#preview tr.ue-table-interlace-color-double td{ background: #f7faff; }
#preview td p{margin:0;padding:0;}