@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:Arial; }
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; }
td{ border:1px solid #333333; }
/* 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:Arial; }

html,body{ font-size: clamp(16px, 0.8333333333vw, 0.8333333333vw); }
.margin{ margin:0px auto; }
.hidden{ overflow:hidden; }
.width1680{ width:87.5%; }
@media only screen and (max-width:1920px){
    .width1680{ width:90%; max-width:1680px; }
}
.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; }

div::-webkit-scrollbar{ width:0.25rem; height:0.5rem; }
div::-webkit-scrollbar-track{ background-color:#cccccc; }
div::-webkit-scrollbar-thumb{ background-color:#0075c1; }
div::-webkit-scrollbar-thumb:hover{ background-color:#0075c1; }
div::-webkit-scrollbar-thumb:active{ background-color:#0075c1; }

/* top_bg */
.top_h,.top_bg,.top_bg .width1680,.top_bg .width1680 a.logo,.top_bg .width1680 .lm_dh,.top_bg .width1680 .lm_dh ul,.top_bg .width1680 .lm_dh ul li dd,.top_bg .width1680 .t_r{ height:6rem; }
.top_h{ width:100%; overflow:hidden; }
.top_bg{ position:fixed; z-index:99; top:0px; left:0px; width:100%; }
.top_bg.x{ background-color:#ffffff; box-shadow:0px 0.5rem 0.75rem 0px rgba(0,0,0,0.14); }
.top_bg .width1680{}
.top_bg .width1680 a.logo,.top_bg .width1680 .lm_dh ul li dd,.top_bg .width1680 .t_r{ display:flex; align-items:center; }
.top_bg .width1680 a.logo{ float:left; width:6%; }
.top_bg .width1680 a.logo img{ height:3rem; }

.top_bg .width1680 .lm_dh{ width:70%; max-width:55.625rem; float:left; margin-left:2.5%; }
.top_bg .width1680 .lm_dh ul{ width:100%; display:flex; justify-content:space-between; }
.top_bg .width1680 .lm_dh ul li{}
.top_bg .width1680 .lm_dh ul li a{ display:block; }
.top_bg .width1680 .lm_dh ul li dd{ font-size:1.125rem; color:#ffffff; }
.top_bg .width1680 .lm_dh ul li dd a{ color:#ffffff; }
.top_bg .width1680 .lm_dh ul li dd i.fa{ margin-left:0.5rem; transition:all 0.5s ease; }
.top_bg .width1680 .lm_dh ul li:hover dd i.fa{ transition:all 0.5s ease; transform:rotateX(-180deg); }
.top_bg .width1680 .lm_dh ul li dl{ position:absolute; font-size:1rem; line-height:2.5; height:0px; overflow:hidden; }
.top_bg .width1680 .lm_dh ul li dl a{ display:block; color:#888888; margin:0.5rem 0px; position:relative; transition:all 0.5s ease; }
.top_bg .width1680 .lm_dh ul li dl a:hover{ color:#0075c1; transition:all 0.5s ease; }
.top_bg .width1680 .lm_dh ul li dl a i.fa{ float:right; font-size:1.5rem; line-height:1.65; }

.top_bg .width1680 .lm_dh ul li.y{ display:none; }

.top_bg .width1680 .t_r{ float:right; width:20%; max-width:12.5rem; }
.top_bg .width1680 .t_r div.x{ width:100%; display:flex; justify-content:space-between; }
.top_bg .width1680 .t_r div.x div{ font-size:1rem; height:2rem; line-height:2; }
.top_bg .width1680 .t_r div.x div a{ display:block; }
.top_bg .width1680 .t_r div.x div.l a{ color:#ffffff; background:linear-gradient( to left top,#0075c1,#89c7f7); padding:0px 1rem; border-radius:2rem; transition:all 0.5s ease; }
.top_bg .width1680 .t_r div.x div.l a:hover{ background:linear-gradient( to left top,#89c7f7,#0075c1); transition:all 0.5s ease; }
.top_bg .width1680 .t_r div.x div.r{  }
.top_bg .width1680 .t_r div.x div.r dd{ color:#ffffff; padding-left:1.875rem; background:url(../images/yy2.png) no-repeat scroll left center; background-size:auto 1.125rem; cursor:pointer; }
.top_bg .width1680 .t_r div.x div.r dd i.fa{ transition:all 0.5s ease; }
.top_bg .width1680 .t_r div.x div.r:hover dd i.fa{ transition:all 0.5s ease; transform:rotateX(-180deg); }
.top_bg .width1680 .t_r div.x div.r dl{ padding-top:1.5rem; display:none; }
.top_bg .width1680 .t_r div.x div.r:hover dl{ display:block; }
.top_bg .width1680 .t_r div.x div.r dl del{ display:block; background-color:#ffffff; padding:0.5rem 0px; border-radius:0px 0px 0.5rem 0.5rem; box-shadow:0px 0.5rem 0.75rem 0px rgba(0,0,0,0.14); }
.top_bg .width1680 .t_r div.x div.r dl del a{ font-size:0.875rem; color:#1d2129; text-align:center; }
.top_bg .width1680 .t_r div.x div.r dl del a:hover{ background-color:#0075c1; color:#ffffff; }

/*.top_bg.x*/
.top_bg.top_n{ background-color:#ffffff; }
.top_bg.x .width1680 .lm_dh ul li dd,.top_bg.top_n .width1680 .lm_dh ul li dd{ color:#1d2129; }
.top_bg.x .width1680 .lm_dh ul li:hover dd,.top_bg.top_n .width1680 .lm_dh ul li:hover dd{ color:#0075c1; }
.top_bg.x .width1680 .lm_dh ul li dd a,.top_bg.top_n .width1680 .lm_dh ul li dd a{ color:#1d2129; }
.top_bg.x .width1680 .lm_dh ul li:hover dd a,.top_bg.top_n .width1680 .lm_dh ul li:hover dd a{ color:#0075c1; }
.top_bg.x .width1680 .t_r div.x div.r dd,.top_bg.top_n .width1680 .t_r div.x div.r dd{ background-image:url(../images/yy.png); color:#1d2129; }
.top_bg.x .width1680 .t_r div.x div.r:hover dd,.top_bg.top_n .width1680 .t_r div.x div.r:hover dd{ color:#0075c1; }

/*top_xl*/
.top_xl{ border-top:1px solid #eeeeee; position:fixed; background-color:#ffffff; left:0px; right:0px; z-index:991; top:6rem; height:0px; opacity:0; overflow:hidden; transition:all 0.25s ease; }
.top_xl:hover,.top_xl.x{ height:27.5rem; box-shadow:0px 1rem 0.75rem 0px rgba(0,0,0,0.14); opacity:1; transition:all 0.5s ease; }
.top_xl .width1680{ padding:4rem 0px; }
.top_xl .width1680 .xx_bg{ display:none; width:100%; overflow-x: auto; overflow-y:hidden; }
.top_xl .width1680 .xx_bg.x{ display:block; }
.top_xl .width1680 .xx_bg div{ display: flex; justify-content:left; padding-bottom:2rem; }
.top_xl .width1680 .xx_bg div a{ display:block; margin-right:1.5rem; }
.top_xl .width1680 .xx_bg div a ol{ width:16rem; border:1px solid #eeeeee; border-radius:0.25rem; height:10rem; position:relative; overflow:hidden; }
.top_xl .width1680 .xx_bg div a ol img{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; margin:auto; max-height:80%; height:80%; max-width:90%; transition: all 0.5s ease; }
@media only screen and (max-width:1920px){
    .top_xl .width1680 .xx_bg div a ol img{ height:auto; }
}
.top_xl .width1680 .xx_bg div a:hover ol img{ transform: scale(1.1); transition: all 0.5s ease; }
.top_xl .width1680 .xx_bg div a ol i{ transition: all 0.5s ease; }
.top_xl .width1680 .xx_bg div a:hover ol i{ transform: scale(1.1); transition: all 0.5s ease; }
.top_xl .width1680 .xx_bg div a dd{ text-align:center; margin-top:2rem; font-size:1rem; color:#888888; }
.top_xl .width1680 .xx_bg div a:hover dd{ color:#0075c1; }

/* banner */
.banner,.banner .swiper-wrapper,.banner .swiper-wrapper .swiper-slide,.banner .swiper-wrapper .swiper-slide .width1680{ 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.on i.bg_q{ visibility:visible; animation:scale-bg 3s linear forwards; }
.banner .swiper-wrapper .swiper-slide .width1680{ position:relative; z-index:2; display:flex; align-items:center; }
.banner .swiper-wrapper .swiper-slide .width1680 .xx{ width:100%; color:#ffffff; transform:translateY(3rem); opacity:0; transition:all 1s ease; }
.banner .swiper-wrapper .swiper-slide.on .width1680 .xx{ transform:translateY(-6rem); opacity:1; transition:all 1s ease; }
.banner .swiper-wrapper .swiper-slide .width1680 .xx dd{ font-size:3rem; font-weight:bold; text-transform:uppercase; }
.banner .swiper-wrapper .swiper-slide .width1680 .xx dl{ font-size:1.5rem; margin-top:2.5rem; opacity:0.8; }

@keyframes scale-bg{
    from{ -webkit-transform:scale(1.2); transform:scale(1.2); }
    to{ -webkit-transform:scale(1); transform:scale(1); }
}

.banner .qh{ position:absolute; cursor: pointer; top:0px; bottom:0px; display:flex; align-items:center; color:#ffffff; font-size:5rem; z-index:5; transition: all 0.5s ease; }
.banner .qh_l{ left:1%; }
.banner .qh_r{ right:1%; }
.banner .qh:hover{ opacity:0.5; transition: all 0.5s ease; }

.banner .page{ position:absolute; left:0px; width:100%; bottom:4vh; z-index:9; }
.banner .page .width1680{ display:flex; justify-content:space-between; }
.banner .page .width1680 span{ width:24%; height:0.25rem; border-radius:0.4rem; position:relative; background-color:rgba(255, 255, 255, 0.5); }
.banner .page .width1680 span i{ position:absolute; background-color:#ffffff; border-radius:0.4rem; left:0px; top:0px; bottom:0px; width:0px; transition:all 0.5s ease; }
.banner .page .width1680 span.on i{ width:100%; transition:all 5s ease; }

.banner .sj_xx{ position:absolute; left:0px; width:100%; bottom:10vh; z-index:9; }
.banner .sj_xx ul{ display:flex; justify-content:space-between; }
.banner .sj_xx ul li{ color:#ffffff; width:33%; }
.banner .sj_xx ul li dl{ font-size:1.125rem; opacity:0.5; }
.banner .sj_xx ul li dd{ margin:0.5rem 0px; }
.banner .sj_xx ul li dd b{ font-size:3.75rem; }
.banner .sj_xx ul li dd i{ font-size:3rem; margin-left:0.5rem; }

/*i_Product*/
.i_Product{ padding:5rem 0px; }
.i_Product .tit{ text-align:center; font-size:2.25rem; font-weight:bold; color:#1d2129; }
.i_Product ul.lb{ width:102%; margin-top:2.5rem; display:flex; flex-wrap:wrap; justify-content:left; }
.i_Product ul.lb li{ margin-top:1.25rem; background:linear-gradient(to left top,#eaf4fe,#ffffff); width:31.805%; margin-right:1.32%; position:relative; }
.i_Product ul.lb li a{ display:block; overflow:hidden; height:17.5rem; border:1px solid #eeeeee; position:relative; transition:all 0.5s ease; }
.i_Product ul.lb li a:hover{ box-shadow:0px 0px 0.75rem 0px rgba(0,0,0,0.14); transition:all 0.5s ease; }
.i_Product ul.lb li a del,.i_Product ul.lb li a img{ position:absolute; }
.i_Product ul.lb li a del{ font-size:1.5rem; font-weight:bold; color:#333333; text-transform:uppercase; left:5%; right:20%; top:3rem; }
.i_Product ul.lb li a:hover del{ color:#005a99; }
.i_Product ul.lb li a img{ right:2%; bottom:1rem; max-width:50%; height:12.5rem; }

@media only screen and (max-width:1920px){
    .i_Product ul.lb li a img{ height:auto; }
}

/*i_about*/
.i_about{ position:relative; width:100%; }
.i_about .bg_q{ background-attachment:fixed; }
.i_about .width1680{ position:relative; z-index:2; }
.i_about .width1680 .xx_bg{ height:100vh; display:flex; align-items:center; }
.i_about .width1680 .xx_bg ul{ width:48.5%; }
.i_about .width1680 .xx_bg ul li.l1{ font-size:2.25rem; font-weight:bold; color:#333333; margin-bottom:2rem; }
.i_about .width1680 .xx_bg ul li.l2{ font-size:1.875rem; font-weight:bold; color:#005a99; margin-bottom:1.5rem; }
.i_about .width1680 .xx_bg ul li.l3{ font-size:1.5rem; color:#1d2129; line-height:1.5; }
.i_about .width1680 .xx_bg ul li.l4{ font-size:1.5rem; color:#1d2129; opacity:0.5; line-height:1.5; }
.i_about .width1680 .xx_bg ul li.l5{ margin-top:2.5rem; }
.i_about .width1680 .xx_bg ul li.l5 a{ background:linear-gradient( to left top,#0075c1,#89c7f7); display:inline-block; color:#ffffff; padding:0px 1.25rem; border-radius:2rem; transition:all 0.5s ease; }
.i_about .width1680 .xx_bg ul li.l5 a span{ font-size:1rem; display:inline-block; line-height:3; text-transform:uppercase; }
.i_about .width1680 .xx_bg ul li.l5 a i.fa{ margin-left:2.8rem; display:inline-block; font-size:1.5rem; line-height:2; }
.i_about .width1680 .xx_bg ul li.l5 a:hover{ background:linear-gradient( to left top,#89c7f7,#0075c1); transition:all 0.5s ease; }

.i_about .width1680 a.bf{ background-repeat:no-repeat; background-position:center; background-size:cover; position:absolute; height:14rem; bottom:14vh; width:24%; border-radius:0.5rem; right:0px; }
.i_about .width1680 a.bf i{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; background:url(../images/bf.png) no-repeat scroll center; background-size:3.75rem; transition:all 0.5s ease; }
.i_about .width1680 a.bf:hover i{ transform:scale(0.8); transition:all 0.5s ease; }

.i_sp_bg{ position:fixed; top:0px; left:0px; right:0px; bottom:0px; z-index:999; background-color:rgba(0, 0, 0, 0.8); display:none; align-items:center; }
.i_sp_bg.x{ display:flex; }
.i_sp_bg .bg{ width:100%; text-align:center; }
.i_sp_bg .bg div{ display:inline-block; max-width:90%; margin:0px auto; position:relative; }
.i_sp_bg .bg div a{ position:absolute; width:2rem; height:2rem; background:url(../images/gb.png) no-repeat scroll center; background-size:cover; right:0px; margin-right:-3rem; top:0px; margin-top:-3rem; transition:all 0.5s ease; }
.i_sp_bg .bg div a:hover{ transform:rotate(360deg); transition:all 0.5s ease; }
.i_sp_bg .bg div video{ max-width:100%; max-height:80vh; }

/*i_solutions*/
.i_solutions{ width:100%; overflow:hidden; background-image:linear-gradient(to bottom, #2c75c5, #7bbae3); }
.i_solutions .width1680{ padding:4.5rem 0px; }
.i_solutions .width1680 .tit{ color:#ffffff; text-align:center; text-transform:capitalize; }
.i_solutions .width1680 .tit b{ font-size:2.25rem; max-width:56rem; display:inline-block; }
.i_solutions .width1680 ul.xx{ margin:3rem 0px; overflow:hidden; display:flex; flex-wrap:wrap; justify-content:left; }
.i_solutions .width1680 ul.xx li{ width:33.3333333%; position:relative; }
.i_solutions .width1680 ul.xx li div{ padding:2rem; color:#ffffff; font-size:1.125rem; }
.i_solutions .width1680 ul.xx li div ol{ margin-bottom:3rem; }
.i_solutions .width1680 ul.xx li div ol img{ height:3rem; }
.i_solutions .width1680 ul.xx li div dd{ font-weight:bold; margin-bottom:1rem; }
.i_solutions .width1680 ul.xx li div dl{ opacity:0.5; line-height:1.35; }

.i_solutions .width1680 ul.xx li:before,.i_solutions .width1680 ul.xx li:after{ content:""; position:absolute; background-color:rgba(255, 255, 255,0.1); left:0px; top:0px; }
.i_solutions .width1680 ul.xx li:nth-child(2):before{ bottom:0px; width:1px; }
.i_solutions .width1680 ul.xx li:nth-child(3):before{ bottom:0px; width:1px; }
.i_solutions .width1680 ul.xx li:nth-child(5):before{ bottom:0px; width:1px; }
.i_solutions .width1680 ul.xx li:nth-child(6):before{ bottom:0px; width:1px; }
.i_solutions .width1680 ul.xx li:nth-child(4):after{ right:0px; height:1px; }
.i_solutions .width1680 ul.xx li:nth-child(5):after{ right:0px; height:1px; }
.i_solutions .width1680 ul.xx li:nth-child(6):after{ right:0px; height:1px; }

.i_solutions .width1680 .f_tb{ text-align:center; }
.i_solutions .width1680 .f_tb img{ height:4.125rem; }

@media only screen and (max-width:1920px){
    .i_solutions .width1680 .f_tb img{ height:auto; max-height:4.125rem; }
}

/*i_news*/
.i_news{ background:url(../images/i_news_bg.jpg) no-repeat scroll center top; background-size:cover; width:100%; overflow:hidden; }
.i_news .width1680{ padding:5.5rem 0px; }
.i_news .width1680 .tit{ margin-bottom:2.5rem; overflow:hidden; }
.i_news .width1680 .tit b{ font-size:3rem; color:#1a1a1a; float:left; }
.i_news .width1680 .tit a{ float:right; display:inline-block; height:3rem; border-radius:2rem; color:#005a99; border:1px solid #005a99; padding:0px 1.5rem; transition:all 0.5s ease; }
.i_news .width1680 .tit a:hover{ background-color:#005a99; color:#ffffff; transition:all 0.5s ease; }
.i_news .width1680 .tit a span{ float:left; font-size:1rem; line-height:3; text-transform:uppercase; }
.i_news .width1680 .tit a i.fa{ float:right; font-size:1.5rem; line-height:2; margin-left:3.5rem; }

.i_news_qh .swiper-wrapper,.i_news_qh .swiper-wrapper .swiper-slide{ height:37.5rem; }
.i_news_qh{ width:124%; overflow:hidden; position:relative; margin-left:-1.2%; }
.i_news_qh .swiper-wrapper{  }
.i_news_qh .swiper-wrapper .swiper-slide{ position:relative; cursor:grab; }
.i_news_qh .swiper-wrapper .swiper-slide:before{ content:""; position:absolute; right:0px; top:0px; bottom:0px; width:1px; background-color:#cccccc; }
.i_news_qh .swiper-wrapper .swiper-slide a{ display:block; width:92.175%; margin:0px auto; }
.i_news_qh .swiper-wrapper .swiper-slide a div.t{ height:15.5rem; padding-top:3rem; }
.i_news_qh .swiper-wrapper .swiper-slide a div.t ol{ font-size:1rem; color:#999999; margin-bottom:1.5rem; }
.i_news_qh .swiper-wrapper .swiper-slide a div.t dd{ font-size:1.5rem; color:#1a1a1a; height:10.75rem; overflow:hidden; }
.i_news_qh .swiper-wrapper .swiper-slide a:hover div.t dd{ color:#0075c1; }
.i_news_qh .swiper-wrapper .swiper-slide a div.f{ height:19rem; position:relative; border-radius:1.25rem; overflow:hidden; }
.i_news_qh .swiper-wrapper .swiper-slide a div.f i.bg_q{ transition:all 0.5s ease; }
.i_news_qh .swiper-wrapper .swiper-slide a:hover div.f i.bg_q{ transform:scale(1.1); transition:all 0.5s ease; }

.i_news_qh div.qh{ overflow:hidden; margin-top:4rem; margin-left:1.2%; }
.i_news_qh div.qh div{ float:left; width:2.5rem; height:2.5rem; border-radius:50%; border:1px solid #eeeeee; color:#6b6b6b; margin-right:0.5rem; position:relative; cursor:pointer; text-align:center; line-height:2.5rem; font-size:1.25rem; transition:all 0.5s ease; }
.i_news_qh div.qh div:hover{ background-color:#005a99; color:#ffffff; transition:all 0.5s ease; }

/*i_bd*/
.i_bd{ width:100%; overflow:hidden; background:url(../images/i_bd_bg.jpg) no-repeat scroll center; background-size:cover; }
.i_bd .width1680{ height:45rem; position:relative; z-index:2; padding:5rem 0px 1.625rem; }
.i_bd .width1680 .bd_l{ color:#ffffff; width:40%; float:left; }
.i_bd .width1680 .bd_l dd{ font-size:2.25rem; font-weight:bold; }
.i_bd .width1680 .bd_l dl{ font-size:1.125rem; line-height:2; margin-top:1rem; }

.i_bd .width1680 form{ width:49.5%; float:right; }

/*foot_bg*/
.foot_bg{ background:url(../images/foot_bg.jpg) no-repeat scroll center; background-size:cover; width:100%; overflow:hidden; }
.foot_bg .width1680{ height:32rem; padding:4.5rem 0px 2.0625rem; }
.foot_bg .width1680 .hidden.t{ height:29.2rem; display:flex; justify-content:space-between; }
.foot_bg .width1680 .hidden.t div.l{ width:30%; max-width:20rem; }
.foot_bg .width1680 .hidden.t div.l ol{ margin-bottom:1.5rem; }
.foot_bg .width1680 .hidden.t div.l ol img{ height:5rem; }
.foot_bg .width1680 .hidden.t div.l dl{ position:relative; padding-left:2rem; margin-bottom: 1rem; color:#ffffff; font-size:1rem; line-height:2; }
.foot_bg .width1680 .hidden.t div.l dl img{ position:absolute; left:0px; width:1rem; top:0.5rem; opacity:0.5; }

.foot_bg .width1680 .hidden.t ul.r{ display:flex; justify-content:space-between; width:65%; max-width:61rem; }
.foot_bg .width1680 .hidden.t ul.r li{}
.foot_bg .width1680 .hidden.t ul.r li a{ color:#ffffff; display:block; }
.foot_bg .width1680 .hidden.t ul.r li dd{ margin-bottom:1rem; font-size:1.125rem; }
.foot_bg .width1680 .hidden.t ul.r li dl{ font-size:1rem; }
.foot_bg .width1680 .hidden.t ul.r li dl a{ opacity:0.5; margin-bottom:1rem; }
.foot_bg .width1680 .hidden.t ul.r li dl a:hover{ opacity:1; }

.foot_bg .width1680 .hidden.f{ border-top:1px solid rgba(255, 255, 255, 0.1); padding-top:0.75rem; display:flex; justify-content:space-between; }
.foot_bg .width1680 .hidden.f div{ font-size:1rem; line-height:2; color:#ffffff; }
.foot_bg .width1680 .hidden.f div.l{ opacity:0.5; }
.foot_bg .width1680 .hidden.f div a{ color:#ffffff; opacity:0.5; }
.foot_bg .width1680 .hidden.f div a:hover{ opacity:1; }
.foot_bg .width1680 .hidden.f div i{ opacity:0.5; margin:0px 0.5rem; }

/*动画效果*/
.i_md .i_Product ul.lb li a img{ opacity:0; transform:translateY(5rem); }
.i_md.on .i_Product ul.lb li a img{ opacity:1; transform:translateY(0px); }
.i_md.on .i_Product ul.lb li:nth-child(1) a img{ transition:all 0.5s 0s ease-in-out; }
.i_md.on .i_Product ul.lb li:nth-child(2) a img{ transition:all 0.5s 0.5s ease-in-out; }
.i_md.on .i_Product ul.lb li:nth-child(3) a img{ transition:all 0.5s 1s ease-in-out; }
.i_md.on .i_Product ul.lb li:nth-child(4) a img{ transition:all 0.5s 1.5s ease-in-out; }
.i_md.on .i_Product ul.lb li:nth-child(5) a img{ transition:all 0.5s 2s ease-in-out; }
.i_md.on .i_Product ul.lb li:nth-child(6) a img{ transition:all 0.5s 2.5s ease-in-out; }

.i_md .i_about .width1680 .xx_bg ul{ opacity:0; transform:translateY(5rem); }
.i_md.on .i_about .width1680 .xx_bg ul{ opacity:1; transform:translateY(0px); transition:all 1s ease; }

.i_md .i_solutions .width1680 ul.xx li div{ opacity:0; transform:translateY(5rem); }
.i_md.on .i_solutions .width1680 ul.xx li div{ opacity:1; transform:translateY(0px); }
.i_md.on .i_solutions .width1680 ul.xx li:nth-child(1) div{ transition:all 0.5s 0s ease-in-out; }
.i_md.on .i_solutions .width1680 ul.xx li:nth-child(2) div{ transition:all 0.5s 0.5s ease-in-out; }
.i_md.on .i_solutions .width1680 ul.xx li:nth-child(3) div{ transition:all 0.5s 1s ease-in-out; }
.i_md.on .i_solutions .width1680 ul.xx li:nth-child(4) div{ transition:all 0.5s 1.5s ease-in-out; }
.i_md.on .i_solutions .width1680 ul.xx li:nth-child(5) div{ transition:all 0.5s 2s ease-in-out; }
.i_md.on .i_solutions .width1680 ul.xx li:nth-child(6) div{ transition:all 0.5s 2.5s ease-in-out; }

.i_md .i_news_qh{ opacity:0; transform:translateY(5rem); }
.i_md.on .i_news_qh{ opacity:1; transform:translateY(0px); transition:all 1s ease; }

.i_md .i_bd i.bg_q{ transform:scale(1.2); }
.i_md.on .i_bd i.bg_q{ transform:scale(1); transition:all 2s ease; }

.i_md .i_bd .width1680 .bd_l{ opacity:0; transform:translateY(5rem); }
.i_md.on .i_bd .width1680 .bd_l{ opacity:1; transform:translateY(0px); transition:all 1s ease; }

/* #xxfk */
form#xxfk{ display:flex; flex-wrap:wrap; justify-content:space-between; }
form#xxfk .form-group{ width:48.5%; margin-bottom:1.5rem; position:relative; }
form#xxfk .form-group .col-md-2{ position:relative; padding-right:0.75rem; font-size:1.125rem; color:#ffffff; }
form#xxfk .form-group .col-md-2 span{ color:#ff0000; position:absolute; right:0px; }
form#xxfk .form-group .col-md-10{ margin-top:1rem; background-color:#ffffff; position:relative; border-radius:0.5rem; overflow:hidden; padding:0px 1rem; }
form#xxfk .form-group .col-md-10 input{ outline:none; border:0px; height:3rem; width:100%; line-height:3rem; font-size:1.125rem; }
form#xxfk .form-group .col-md-10 input::-webkit-input-placeholder{ color:#999999; }
form#xxfk .form-group .col-md-10 i.fa{ position:absolute; z-index:2; color:#919191; font-size:1.5rem; line-height:3rem; right:1rem; top:0px; bottom:0px; left:1rem; text-align:right; cursor:pointer; }
form#xxfk .form-group:hover .col-md-10 i.fa{ color:#0075c1; text-align:left; transform:rotate(180deg); }
form#xxfk .form-group .xl_bg{ position:absolute; z-index:2; background-color:#ffffff; width:100%; border-radius:0.5rem; padding:1rem 0px; display:none; box-shadow:0px 0.5rem 0.75rem 0px rgba(0,0,0,0.14); }
form#xxfk .form-group:hover .xl_bg{ display:block; }
form#xxfk .form-group .xl_bg div{ height:9rem; overflow-x:hidden; overflow-y:auto; }
form#xxfk .form-group .xl_bg div a{ display:block; color:#1a1a1a; padding:0px 1rem; font-size:1.125rem; line-height:2; }
form#xxfk .form-group .xl_bg div a:hover{ background-color:#0075c1; color:#ffffff; }

form#xxfk #dr_row_country,form#xxfk #dr_row_product{ z-index:5; }

form#xxfk #dr_row_business{ width:100%; }
form#xxfk #dr_row_zhengwen{ width:100%; }
form#xxfk #dr_row_zhengwen .col-md-2{ display:none; }
form#xxfk #dr_row_zhengwen .col-md-10{ margin-top:0px; }
form#xxfk #dr_row_zhengwen .col-md-10 textarea{ margin:0.75rem 0px; width:100%; height:6rem; outline:none; border:0px; font-size:1.125rem; }
form#xxfk #dr_row_zhengwen .col-md-10 textarea::-webkit-input-placeholder{ color:#999999; }

form#xxfk .xx{ width:100%; font-size:1.125rem; line-height:1.75; color:#ffffff; text-transform:capitalize; }
form#xxfk .bt{ margin-top:1.5rem; width:100%; }
form#xxfk .bt button{ background:linear-gradient( to left top,#0075c1,#89c7f7); display:inline-block; color:#ffffff; padding:0px 2.5rem; border-radius:2rem; transition:all 0.5s ease; font-size:1.125rem; line-height:3rem; height:3rem; border:0px; }
form#xxfk .bt button:hover{ background:linear-gradient( to left top,#89c7f7,#0075c1); transition:all 0.5s ease; }

/*ny_banner*/
.ny_banner{ width:100%; position:relative; overflow:hidden; }
.ny_banner img.bg{ width:100%; }
.ny_banner .width1680{ width: 100%; max-width: 100%; position:absolute; top: 0px; bottom: 0px; z-index:2; display:flex; align-items:center; }
.ny_banner .width1680 .a-fdB{ width:100%; text-align:center; color:#ffffff; font-size:3rem; text-transform:uppercase; font-weight:bold; }

/*About Us*/
.about_jj{ padding-top:7rem; }
.about_jj .a_l{ float:left; width:49%; }
.about_jj .a_l dd,.about_jj .a_l ol{ text-transform:uppercase; font-weight:bold; }
.about_jj .a_l dd{ font-size:2.25rem; color:#333333; margin-bottom:1.5rem; }
.about_jj .a_l ol{ font-size:1.875rem; color:#005a99; }
.about_jj .a_l dl{ font-size:1.5rem; color:#1d2129; line-height:1.5; margin-top:1rem; }

.about_jj .a_r{ float:right; position:relative; border-radius:1.25rem; overflow:hidden; height:33.75rem; width:40.834%; }

.about_why{ width:100%; overflow:hidden; }
.about_why .width1680{ padding:6rem 0px 4rem; }
.about_why .width1680 .tit{ font-size:2.25rem; font-weight:bold; color:#333333; }

.about_w_qh .swiper-wrapper .swiper-slide,.about_w_qh .swiper-wrapper .swiper-slide .bg{ overflow:hidden; }
.about_w_qh{ width:131.23%; margin-top:3rem; position:relative; }
.about_w_qh .swiper-wrapper{  }
.about_w_qh .swiper-wrapper .swiper-slide{ position:relative; cursor:grab; }
.about_w_qh .swiper-wrapper .swiper-slide div.bg{ width:96.34%; height:23.75rem; border:1px solid #eeeeee; position:relative; transition:all 0.5s ease; }
.about_w_qh .swiper-wrapper .swiper-slide div.bg:hover{ border:1px solid #0075c1; transition:all 0.5s ease; }
.about_w_qh .swiper-wrapper .swiper-slide div.bg div.x{ position:absolute; top:3rem; left:4.5%; right:4.5%; bottom:3rem; }
.about_w_qh .swiper-wrapper .swiper-slide div.bg div.x ol{ font-size:3rem; font-weight:bold; color:#333333; margin-bottom:2.5rem; }
.about_w_qh .swiper-wrapper .swiper-slide div.bg div.x dd{ font-size:1.5rem; font-weight:bold; color:#333333; margin-bottom:2rem; }
.about_w_qh .swiper-wrapper .swiper-slide div.bg div.x dl{ font-size:1.125rem; color:#888888; line-height:2; }

.about_mission{ padding-bottom:4.5rem; }
.about_mission .mission_t{ position:relative; height:33.75rem; border-radius:1.25rem; display:flex; align-items:center; overflow:hidden; }
.about_mission .mission_t .bg{ position:relative; z-index:2; width:74%; padding:0px 13%; color:#ffffff; text-align:center; }
.about_mission .mission_t .bg dd{ font-size:2.25rem; font-weight:bold; }
.about_mission .mission_t .bg dl{ font-size:1.5rem; line-height:1.5; margin-top:1.5rem; }

.about_mission .mission_f{ text-align:center; font-size:2.25rem; color:#333333; margin:3.75rem auto 0px; width:62%; }

.about_ls{ background:url(../images/ls_bg.jpg) no-repeat scroll center; background-size:cover; min-height:100vh; display:flex; align-items:center; width:100%; overflow:hidden; }
.about_ls .width1680{ padding:4rem 0px; position:relative; }
.about_ls .width1680 .tit{ font-size:2.25rem; font-weight:bold; color:#333333; }

.about_ls_qh,.about_ls_qh .swiper-wrapper,.about_ls_qh .swiper-wrapper .swiper-slide{ height:40rem; }
.about_ls_qh{ width:100%; overflow:hidden; position:relative; background:url(../images/ls_x.png) no-repeat scroll center; background-size:100% auto; }
.about_ls_qh .swiper-wrapper{ position:relative; z-index:2; }
.about_ls_qh .swiper-wrapper .swiper-slide{ position:relative; cursor:grab; }
.about_ls_qh .swiper-wrapper .swiper-slide.t{ height:15.5rem; padding-bottom:5.75rem; transition:all 0.5s ease; }
.about_ls_qh .swiper-wrapper .swiper-slide.f{ height:11rem; padding-top:5.75rem; margin-top:16.35rem; transition:all 0.5s ease; }
.about_ls_qh .swiper-wrapper .swiper-slide.t.on{ margin-top:3rem; }
.about_ls_qh .swiper-wrapper .swiper-slide.f.on{ margin-top:23.35rem; }
.about_ls_qh .swiper-wrapper .swiper-slide.t.swiper-slide-next{ padding-bottom:5.1rem; }
.about_ls_qh .swiper-wrapper .swiper-slide.f.swiper-slide-next{ margin-top:19.5rem; }

.about_ls_qh .swiper-wrapper .swiper-slide.f.next1{ margin-top:20.25rem; }
.about_ls_qh .swiper-wrapper .swiper-slide.t.next2{ margin-top:-3.75rem; }

.about_ls_qh .swiper-wrapper .swiper-slide div.d{ position:absolute; left:0px; right:0px; height:6rem; }
.about_ls_qh .swiper-wrapper .swiper-slide.t div.d{ bottom:0px; }
.about_ls_qh .swiper-wrapper .swiper-slide.f div.d{ top:0px; }
.about_ls_qh .swiper-wrapper .swiper-slide div.d i{ position:absolute; }
.about_ls_qh .swiper-wrapper .swiper-slide div.d i.y{ width:1rem; height:1rem; left:50%; margin-left:-0.5rem; border-radius:50%; }
.about_ls_qh .swiper-wrapper .swiper-slide.t div.d i.y{ background-color:#005a99; bottom:0px; }
.about_ls_qh .swiper-wrapper .swiper-slide.f div.d i.y{ background-color:#999999; }
.about_ls_qh .swiper-wrapper .swiper-slide div.d i.x{ height:3rem; left:50%; margin-left:-0.5px; border-left:1px dashed #999999; }

.about_ls_qh .swiper-wrapper .swiper-slide div.x{ text-align:center; width:94%; margin:0px 3%; }
.about_ls_qh .swiper-wrapper .swiper-slide.t div.x{ position:absolute; bottom:6rem; }
.about_ls_qh .swiper-wrapper .swiper-slide div.x dd{ font-size:3rem; font-weight:bold; color:#333333; margin-bottom:1rem; }
.about_ls_qh .swiper-wrapper .swiper-slide div.x ol{ font-size:1.125rem; color:#333333; font-weight:bold; text-transform:uppercase; }
.about_ls_qh .swiper-wrapper .swiper-slide div.x dl{ font-size:1.125rem; color:#999999; line-height:1.5; line-height:1.75; margin-top:0.75rem; }

.about_ls_qh .swiper-wrapper .swiper-slide.on div.x dd{ color:#0075c1; }
.about_ls_qh .swiper-wrapper .swiper-slide.on div.x ol{ font-size:1.5rem; }

.about_ls .width1680 .qh{ position:absolute; width:2.5rem; height:2.5rem; border-radius:50%; background-color:#ffffff; color:#333333; font-size:1.5rem; text-align:center; line-height:2.5rem; cursor:pointer; bottom:20rem; z-index:9; }
.about_ls .width1680 .qh:hover{ background-color:#005a99; color:#ffffff; }
.about_ls .width1680 .qh_l{ left:0px; margin-left:-4.5rem; }
.about_ls .width1680 .qh_r{ right:0px; margin-right:-4.5rem; }

.about_ry{ background:url(../images/ry_bg.jpg) no-repeat scroll center; background-size:cover;  min-height:100vh; display:flex; align-items:center; width:100%; overflow:hidden; }
.about_ry .width1680{ padding:4rem 0px; position:relative; }
.about_ry .width1680 .ry_l{ color:#ffffff; width:30%; float:left; }
.about_ry .width1680 .ry_l .tit{ font-size:2.25rem; font-weight:bold; }
.about_ry .width1680 .ry_l .xx{ margin-top:5.5rem; display:flex; flex-wrap:wrap; justify-content:space-between; }
.about_ry .width1680 .ry_l .xx div{ width:48%; margin-bottom:2rem; }
.about_ry .width1680 .ry_l .xx div dd{ font-size:4.5rem; font-weight:bold; }
.about_ry .width1680 .ry_l .xx div dl{ font-size:1.125rem; line-height:1.75; min-height:4rem; }

.about_ry .width1680 .ry_f{ float:left; width:48%; padding-right:52%; color:#ffffff; font-size:1.125rem; line-height:1.75; margin-top:-3rem; }

.about_ry_qh,.about_ry_qh .swiper-wrapper,.about_ry_qh .swiper-wrapper .swiper-slide{ max-height:27.25rem; }
.about_ry_qh{ width:76%; margin-right:-16%; margin-top:2rem; overflow:hidden; position:relative; float:right; z-index:8; padding-bottom:10rem; }
.about_ry_qh .swiper-wrapper{ position:relative; z-index:2; }
.about_ry_qh .swiper-wrapper .swiper-slide{ position:relative; cursor:grab; }
.about_ry_qh .swiper-wrapper .swiper-slide div{ position:relative; width:78.234%; }
.about_ry_qh .swiper-wrapper .swiper-slide div img.g{ width:100%; height:100%; }
.about_ry_qh .swiper-wrapper .swiper-slide div img.i{ z-index:1; position:absolute; top:0px; bottom:0px; left:0px; right:0px; margin:auto; max-height:86%; height:86%; max-width:80%; }
@media only screen and (max-width:1920px){
    .about_ry_qh .swiper-wrapper .swiper-slide div img.i{ height:auto; }
}

.about_ry .width1680 .qh{ position:absolute; width:2.5rem; height:2.5rem; border-radius:50%; background-color:#ffffff; color:#333333; font-size:1.5rem; text-align:center; line-height:2.5rem; cursor:pointer; bottom:0px; z-index:9; }
.about_ry .width1680 .qh:hover{ background-color:#005a99; color:#ffffff; }
.about_ry .width1680 .qh_l{ right:28%; }
.about_ry .width1680 .qh_r{ right:22%; }

/*动画效果*/
.i_md .about_jj .a_l{ opacity:0; transform:translateY(5rem); }
.i_md.on .about_jj .a_l{ opacity:1; transform:translateY(0px); transition:all 1s ease; }

.i_md .about_w_qh .swiper-wrapper .swiper-slide{ opacity:0; transform:translateY(5rem); }
.i_md.on .about_w_qh .swiper-wrapper .swiper-slide{ opacity:1; transform:translateY(0px); transition:all 0.5s 0s ease-in-out; }

.i_md .about_mission .mission_t .bg{ opacity:0; transform:translateY(5rem); }
.i_md.on .about_mission .mission_t .bg{ opacity:1; transform:translateY(0px); transition:all 1s ease; }

.i_md .about_ls_qh{ opacity:0; transform:translateY(5rem); }
.i_md.on .about_ls_qh{ opacity:1; transform:translateY(0px); transition:all 1s ease; }

.i_md .about_ry_qh{ opacity:0; transform:translateY(5rem); }
.i_md.on .about_ry_qh{ opacity:1; transform:translateY(0px); transition:all 1s ease; }

/*Product*/
.ny_t{ padding:1.5rem 0px; font-size:1rem; color:#888888; line-height:1.5; }
.ny_t div{ background:url(../images/h.png) no-repeat scroll left center; background-size:auto 1.125rem; padding-left:2rem; }
.ny_t div a{ color:#888888; }
.ny_t div a:hover{ color:#0075c1; }

.cp_bg{ background-color:#f5f5f5; overflow:hidden; width:100%; }
.cp_lb{ padding:3rem 0px; min-height:80vh; display:flex; justify-content:space-between; }
.cp_lb .cp_l{ width:22.62%; }
.cp_lb .cp_l .lm{ font-size:1.125rem; }
.cp_lb .cp_l .lm.o,.cp_lb .cp_l .lm.x{ padding-bottom:1rem; }
.cp_lb .cp_l .lm div.t{ position:relative; font-weight:bold; border-bottom:1px solid #cccccc; line-height:1.75; cursor:pointer; }
.cp_lb .cp_l .lm div.t:hover{ color:#0075c1; }
.cp_lb .cp_l .lm div.t span,.cp_lb .cp_l .lm div.t a{ padding:1rem 3rem 1rem 0px; display: block; }
.cp_lb .cp_l .lm div.t span{ color:#333333; }
.cp_lb .cp_l .lm div.t span a{ padding:0px !important; }
.cp_lb .cp_l .lm div.t a{ color:#333333; }
.cp_lb .cp_l .lm div.t a:hover,.cp_lb .cp_l .lm div.t a.on{ color:#0075c1; }
.cp_lb .cp_l .lm div.t i.fa{ position:absolute; display:flex; align-items:center; top:0%; bottom: 0px; right:0.5rem; font-size:1.75rem; }
.cp_lb .cp_l .lm:hover div.t i.fa,.cp_lb .cp_l .lm.x div.t i.fa{ transform:rotate(90deg); margin-top:0.25rem; }
.cp_lb .cp_l .lm div.f{ padding-top:1.5rem; display:none; }
.cp_lb .cp_l .lm:hover div.f,.cp_lb .cp_l .lm.x div.f{ display:block; }
.cp_lb .cp_l .lm div.f dd{  }
.cp_lb .cp_l .lm div.f dd a{ display: block; color:#333333; }
.cp_lb .cp_l .lm div.f dd a.on,.cp_lb .cp_l .lm div.f dd a:hover{ color:#0075c1; }
.cp_lb .cp_l .lm div.f dl{ display:none; margin-top:1rem; }
.cp_lb .cp_l .lm div.f.x dl,.cp_lb .cp_l .lm div.f:hover dl{ display:block; }
.cp_lb .cp_l .lm div.f dl a{ display:block; color:#999999; margin-bottom:0.5rem; padding:0.5rem 0px 0.5rem 1.5rem; background:url(../images/cp_x.png) no-repeat scroll left center; background-size:0.75rem auto; }
.cp_lb .cp_l .lm div.f dl a.on,.cp_lb .cp_l .lm div.f dl a:hover{ color:#0075c1; }
.cp_lb .cp_l .lm div.f dl a.h{ margin-left:1rem; }

.cp_lb .cp_r{ width:75%; }
.cp_lb .cp_r .so{ margin-bottom:3rem; background-color:#ffffff; padding:0px 3%; border-radius:6rem; display: flex; justify-content: space-between; }
.cp_lb .cp_r .so input,.cp_lb .cp_r .so button{ border:0px; outline:none; font-size:1.25rem; line-height:2.5; }
.cp_lb .cp_r .so input{ width:70%; }
.cp_lb .cp_r .so button{ width:30%; background-color:#ffffff; text-align:right; }
.cp_lb .cp_r .so button:hover{ color:#0075c1; }

.cp_lb .cp_r .lm_ms{ margin-bottom:3rem; font-size:1rem; color:#888888; line-height:2; }

.cp_lb .cp_r ul{ width:102%; min-height: 50vh; display:flex; flex-wrap:wrap; justify-content:left; margin-bottom:1rem; }
.cp_lb .cp_r ul li{ margin-bottom:2rem; width:33.3333%; }
.cp_lb .cp_r ul li a{ display:block; background-color:#ffffff; height:23.25rem; width:80%; padding:1.5rem 7%; position:relative; transition:all 0.5s ease; }
.cp_lb .cp_r ul li a:hover{ transition:all 0.5s ease; transform:translate3d(0, -0.5rem, 0); box-shadow:0px 0.5rem 0.75rem 0px rgba(0,0,0,0.14); }
.cp_lb .cp_r ul li a div.t{ position:relative; height:14rem; }
.cp_lb .cp_r ul li a div.t img{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; margin:auto; height:90%; }
@media only screen and (max-width:800px){
    .cp_lb .cp_r ul li a div.t img{ height:auto; }
}

.cp_lb .cp_r ul li a div.f{ position:absolute; left:7%; right:7%; bottom:1.5rem; }
.cp_lb .cp_r ul li a div.f dd{ font-size:1.5rem; font-weight:bold; color:#333333; }
.cp_lb .cp_r ul li a:hover div.f dd{ color:#0075c1; }
.cp_lb .cp_r ul li a div.f dl{ font-size:1rem; color:#888888; line-height:1.5; margin-top:1rem; }

.cp_lb .cp_r .ts{ margin-bottom:1rem; font-size:1rem; }
.cp_lb .cp_r .ts a{ color:#ff0000; }
.cp_lb .cp_r .ts a:hover{ text-decoration:underline; color:#0075c1; }

.dy_xx{ padding:3rem 0px; max-width:75rem; }
.dy_xx .dy_t{ text-align:center; font-size:2rem; font-weight:bold; }
.dy_xx .dy_f{ font-size:1.125rem; line-height:2; min-height:60vh; margin-top:2rem; }

/*cp_show*/
.cp_show{ padding:5rem 0px; }
.cp_show .cp_s_t{ display:flex; justify-content:space-between; }
.cp_show .cp_s_t .cp_s_l{ position:relative; border:1px solid #f5f5f5; height:32rem; width:49.5%; }
.cp_show .cp_s_t .cp_s_l img{ position:absolute; top:0px; left:0px; left:0px; right:0px; bottom:0px; margin:auto; max-height:90%; height:90%; }
@media only screen and (max-width:800px){
    .cp_show .cp_s_t .cp_s_l img{ height:auto; }
}
.cp_show .cp_s_t .cp_s_r{ width:46.5%; }
.cp_show .cp_s_t .cp_s_r div.t{ font-size:2.25rem; font-weight:bold; color:#333333; border-bottom:1px solid #eeeeee; padding-bottom:2rem; }
.cp_show .cp_s_t .cp_s_r div.c{ font-size:1.125rem; color:#888888; line-height:1.75; margin-top:2rem; min-height:20rem; }
.cp_show .cp_s_t .cp_s_r div.c p{ margin-bottom:1rem; }
.cp_show .cp_s_t .cp_s_r div.f{ margin-top:2rem; }
.cp_show .cp_s_t .cp_s_r div.f a{ display:inline-block; font-size:1rem; color:#005a99; border:1px solid #005a99; line-height:2.5; width:12.5rem; text-align:center; margin-right:1rem; }
.cp_show .cp_s_t .cp_s_r div.f a:hover{ background-color:#005a99; color:#ffffff; }
.cp_show .cp_s_f{ margin-top:8.75rem; position:relative; }
.cp_show .cp_s_f .cp_s_l{ width:67%; min-height:50vh; }
.cp_show .cp_s_f .cp_s_l .cp_s_n{ font-size:2.25rem; font-weight:bold; color:#0f172a; margin-bottom:1rem; }
.cp_show .cp_s_f .cp_s_l .cp_gs{ font-size:1.125rem; color:#888888; line-height:2.5; padding-bottom:4rem; margin-bottom:1rem; border-bottom:1px solid #eeeeee; }
.cp_show .cp_s_f .cp_s_l ul,.cp_show .cp_s_f .cp_s_l ul li{ overflow:hidden; }

.cp_show .cp_s_f .cp_s_l ul.cp_gg{ margin-bottom:4rem; }
.cp_show .cp_s_f .cp_s_l ul.cp_gg li{ display:flex; justify-content:space-between; padding:0px 3%; }
.cp_show .cp_s_f .cp_s_l ul.cp_gg li.t{ background-color:#005a99; color:#ffffff; }
.cp_show .cp_s_f .cp_s_l ul.cp_gg li.f{ color:#0f172a; }
.cp_show .cp_s_f .cp_s_l ul.cp_gg li div{ font-size:1.125rem; line-height:1.875; padding:0.8rem 0px; min-height:2rem; }
.cp_show .cp_s_f .cp_s_l ul.cp_gg li div.d1{ width:15%; }
.cp_show .cp_s_f .cp_s_l ul.cp_gg li div.d2{ width:17%; }
.cp_show .cp_s_f .cp_s_l ul.cp_gg li div.d3{ width:18%; }
.cp_show .cp_s_f .cp_s_l ul.cp_gg li div.d4{ width:46%; }

.cp_show .cp_s_f .cp_s_l ul.cp_xz{  }
.cp_show .cp_s_f .cp_s_l ul.cp_xz li{ padding:0.8rem 2%; font-size:1.125rem; line-height:1.875; display:flex; justify-content:space-between; }
.cp_show .cp_s_f .cp_s_l ul.cp_xz li del,.cp_show .cp_s_f .cp_s_l ul.cp_xz li a{ padding-left:2.5rem; background-repeat:no-repeat; background-position:left center;  }
.cp_show .cp_s_f .cp_s_l ul.cp_xz li del{ color:#333333; background-image:url(../images/pdf.png); background-size:auto 1.5rem; overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; max-width:76%; }
.cp_show .cp_s_f .cp_s_l ul.cp_xz li a{ color:#0f172a; background-image:url(../images/xz.png); background-size:auto 1.125rem; }
.cp_show .cp_s_f .cp_s_l ul.cp_xz li a:hover{ color:#0075c1; }

.cp_show .cp_s_f .cp_s_r{ position:absolute; right:0px; top:0px; bottom:0px; width:24%; }
.cp_show .cp_s_f .cp_s_r div{ position:sticky; top:6.25rem; }
.cp_show .cp_s_f .cp_s_r div a{ display:block; font-size:1.125rem; color:#0f172a; padding:1rem 0px; text-align:center; border-right:0.25rem solid #ffffff; }
.cp_show .cp_s_f .cp_s_r div a.on,.cp_show .cp_s_f .cp_s_r div a:hover{ background-color:#f5f5f5; border-right:0.25rem solid #005a99; }

.xz_bg{ position:fixed; z-index:999; top:0px; left:0px; right:0px; bottom:0px; background-color:rgba(0, 0, 0, 0.85); display:none; align-items:center; }
.xz_bg.x{ display:flex; }
.xz_bg .xz_bd{ width:80%; max-width:64rem; margin:0px auto; position:relative; }
.xz_bg .xz_bd a.gb{ position:absolute; width:1.5rem; height:1.5rem; background:url(../images/gb.png) no-repeat scroll center; background-size:cover; right:0px; top:0px; margin-right:-5rem; margin-top:-2rem; transition: all 0.5s ease; }
.xz_bg .xz_bd a.gb:hover{ opacity:0.6; transform:rotate(360deg); transition: all 0.5s ease; }

.xz_bg .xz_bd form{ max-height:70vh; overflow-x: hidden; overflow-y: auto; padding-right: 1rem; }
.xz_bg .xz_bd form::-webkit-scrollbar{ width:0.25rem; }
.xz_bg .xz_bd form::-webkit-scrollbar-track{ background-color:#cccccc; }
.xz_bg .xz_bd form::-webkit-scrollbar-thumb{ background-color:#0075c1; }
.xz_bg .xz_bd form::-webkit-scrollbar-thumb:hover{ background-color:#0075c1; }
.xz_bg .xz_bd form::-webkit-scrollbar-thumb:active{ background-color:#0075c1; }

.xz_bg .xz_bd form button{ background:linear-gradient( to left top,#0075c1,#89c7f7); display:block; width: 100%; margin-top: 2rem; color:#ffffff; border-radius:2rem; transition:all 0.5s ease; font-size:1.125rem; line-height:3rem; height:3rem; border:0px; display:none; }
.xz_bg .xz_bd form button:hover{ background:linear-gradient( to left top,#89c7f7,#0075c1); transition:all 0.5s ease; }
.xz_bg .xz_bd form button.o{ display:block; }

/*Customize*/
.dz_bg{ width:100%; overflow:hidden; }
.dz_xx{ padding:5rem 0px; }
.dz_xx .i_md{ overflow:initial; }
.dz_xx .dz_t{ overflow:hidden; display:flex; justify-content:space-between; }
.dz_xx .dz_t div.l{ width:41%; display:flex; align-items:center; }
.dz_xx .dz_t div.l div{ width:100%; }
.dz_xx .dz_t div.l div dd{ font-size:3rem; font-weight:bold; color:#333333; margin-bottom:2rem; }
.dz_xx .dz_t div.l div ol{ font-size:2.25rem; font-weight:bold; color:#005a99; }
.dz_xx .dz_t div.l div dl{ font-size:1.125rem; color:#333333; line-height:1.75; margin-top:1rem; }

.dz_xx .dz_t div.r{ height:35.625rem; position:relative; border-radius:1.25rem; width:49.405%; overflow:hidden; }

.dz_xx .dz_f{ margin-top:5rem; }
.dz_xx .dz_f div.n{ font-size:2.25rem; font-weight:bold; color:#333333; }
.dz_xx .dz_f ul.lb{ margin-top:2rem; width:102%; display:flex; flex-wrap:wrap; justify-content:left; }
.dz_xx .dz_f ul.lb li{ margin-top:1.5rem; width:31.805%; margin-right:1.29%; border-radius:1.25rem; overflow:hidden; }
.dz_xx .dz_f ul.lb li div{ border:1px solid #eeeeee; border-radius:1.25rem; overflow:hidden; height:13.5rem; background-color:#ffffff; cursor:pointer; padding:3rem 6% 2.5rem; position:relative; }
.dz_xx .dz_f ul.lb li div ol{}
.dz_xx .dz_f ul.lb li div ol img{ height:3rem; }
.dz_xx .dz_f ul.lb li div dl{ font-size:1.125rem; color:#333333; line-height:1.5; position:absolute; left:6%; right:6%; bottom:2.5rem; }

.dz_xx .ms{ text-align:center; margin-top:3rem; font-size:1.5rem; color:#333333; font-weight:bold; line-height:2; }
.dz_xx .more{ text-align:center; margin-top:2rem; }
.dz_xx .more a{ background:linear-gradient( to left top,#0075c1,#89c7f7); display:inline-block; color:#ffffff; padding:0px 1.25rem; border-radius:2rem; transition:all 0.5s ease; }
.dz_xx .more a span{ font-size:1rem; display:inline-block; line-height:3; text-transform:uppercase; }
.dz_xx .more a i.fa{ margin-left:2.8rem; display:inline-block; font-size:1.5rem; line-height:2; }
.dz_xx .more a:hover{ background:linear-gradient( to left top,#89c7f7,#0075c1); transition:all 0.5s ease; }

/*动画效果*/
.dz_xx .i_md .dz_t div.l div{ opacity:0; transform:translateY(5rem); }
.dz_xx .i_md.on .dz_t div.l div{ opacity:1; transform:translateY(0px); transition:all 0.5s 0s ease-in-out; }

/*.dz_xx .i_md .dz_f ul.lb li{ opacity:0; transform:translateY(5rem); }
.dz_xx .i_md.on .dz_f ul.lb li{ opacity:1; transform:translateY(0px); }
.dz_xx .i_md.on .dz_f ul.lb li:nth-child(1){ transition:all 0.5s 0s ease-in-out; }
.dz_xx .i_md.on .dz_f ul.lb li:nth-child(2){ transition:all 0.5s 0.5s ease-in-out; }
.dz_xx .i_md.on .dz_f ul.lb li:nth-child(3){ transition:all 0.5s 1s ease-in-out; }
.dz_xx .i_md.on .dz_f ul.lb li:nth-child(4){ transition:all 0.5s 1.5s ease-in-out; }
.dz_xx .i_md.on .dz_f ul.lb li:nth-child(5){ transition:all 0.5s 2s ease-in-out; }
.dz_xx .i_md.on .dz_f ul.lb li:nth-child(6){ transition:all 0.5s 2.5s ease-in-out; }*/

/*News*/
.news_lb{ width:100%; overflow:hidden; background-color:#dbedfe; padding:5rem 0px; }
.news_lb .tit{ margin-bottom:3rem; overflow:hidden; }
.news_lb .tit div.l{ float:left; font-weight:bold; font-size:3rem; color:#333333; }
.news_lb .tit div.r{ float:right; overflow:hidden; font-size:1.125rem; }
.news_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; }
.news_lb .tit div.r a.on,.news_lb .tit div.r a:hover{ background-color:#0075c1; color:#ffffff; }
.news_lb ul.lb{ width:102%; margin-bottom:2rem; display:flex; flex-wrap:wrap; justify-content:left; }
.news_lb ul.lb li{ margin-bottom:1.5rem; border-radius:0.5rem; background-color:#ffffff; overflow:hidden; width:31.805%; margin-right:1.28%; transition:all 0.5s ease; }
.news_lb ul.lb li:hover{ transition:all 0.5s ease; transform:translate3d(0, -0.5rem, 0); box-shadow:0px 0.5rem 0.75rem 0px rgba(0,0,0,0.14); }
.news_lb ul.lb li a{ display:block; overflow:hidden; background-color:#ffffff; }
.news_lb ul.lb li a div.t{ position:relative; height:19rem; overflow:hidden; }
.news_lb ul.lb li a div.t i.bg_q{ transition:all 0.5s ease; }
.news_lb ul.lb li a:hover div.t i.bg_q{ transform:scale(1.1); transition:all 0.5s ease; }
.news_lb ul.lb li a div.f{ padding:1.5rem; }
.news_lb ul.lb li a div.f ol{ font-size:1rem; color:#999999; margin-bottom:1rem; }
.news_lb ul.lb li a div.f dd{ font-size:1.5rem; color:#333333; font-weight:bold; line-height:2; height:6rem; overflow:hidden; }
.news_lb ul.lb li a:hover div.f dd{ color:#0075c1; }

/*品牌详情*/
.news_show{ padding:2.5rem 0px 7.5rem; }
.news_show .tit{ border-bottom:1px solid #eeeeee; padding-bottom:2.5rem; position:relative; }
.news_show .tit del{ font-size:1rem; color:#999999; padding-right:13rem; display:block; line-height:2; }
.news_show .tit del a{ color:#999999; }
.news_show .tit del a:hover{ color:#0075c1; }
.news_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; }
.news_show .tit a.fh:hover{ background-image:url(../images/fh2.png); background-color:#0075c1; color:#ffffff; border:1px solid #0075c1; }

.news_show ul.show,.news_show ul.show li{ overflow:hidden; }
.news_show ul.show{ margin:6rem auto 0px; max-width:69.5rem; color:#333333; }
.news_show ul.show li.t{ font-size:2.25rem; font-weight:bold; margin-bottom:1rem; }
.news_show ul.show li.n{ font-size:1rem; color:#999999; margin-bottom:1.5rem; }
.news_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; }
.news_show ul.show li.f{ margin-top:1rem; }
.news_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; }
.news_show ul.show li.f div a{ color:#999999; }
.news_show ul.show li.f div a:hover{ color:#e62129; }

/*Join Us*/
.job_xx{ padding:3.25rem 0px 5rem; }
.job_xx .job_l{ float:left; width:20%; }
.job_xx .job_l dd{ font-size:2.25rem; font-weight:bold; color:#0075c1; }
.job_xx .job_l dl{ overflow:hidden; border-top:1px solid #eeeeee; margin-top:2rem; font-size:1.125rem; font-weight:bold; }
.job_xx .job_l dl a{ display:block; text-transform:capitalize; border-bottom:1px solid #eeeeee; color:#333333; padding:1rem 0px; }
.job_xx .job_l dl a.on,.job_xx .job_l dl a:hover{ color:#0075c1; }
.job_xx .job_r{ float:right; width:75%; }
.job_xx .job_r ul.lb,.job_xx .job_r ul.lb li{ overflow:hidden; }
.job_xx .job_r ul.lb{ min-height:80vh; margin-bottom:2rem; }
.job_xx .job_r ul.lb li{ margin:0.5rem 0.5rem 1.5rem; border-radius:0.5rem; box-shadow:0px 0px 10px 0px rgba(0,0,0,0.14); background-color:#ffffff; }
.job_xx .job_r ul.lb li div{ overflow:hidden; }
.job_xx .job_r ul.lb li div.t{ padding:0px 6rem 0px 2rem; position:relative; color:#333333; line-height:3.75rem; cursor:pointer; transition:all 0.5s ease; }
.job_xx .job_r ul.lb li div.t:hover{ background-color:#0075c1; color:#ffffff; transition:all 0.5s ease; }
.job_xx .job_r ul.lb li div.t b{ text-transform:capitalize; font-size:1.5rem; }
.job_xx .job_r ul.lb li div.t i{ font-size:1rem; text-transform:capitalize; position:absolute; right:1.5rem; }
.job_xx .job_r ul.lb li div.t i.z,.job_xx .job_r ul.lb li.on div.t i.s{ opacity:1; }
.job_xx .job_r ul.lb li div.t i.s,.job_xx .job_r ul.lb li.on div.t i.z{ opacity:0; }

.job_xx .job_r ul.lb li div.f{ border-top:1px solid #eeeeee; padding:0.75rem 2rem 3rem; display:none; }
.job_xx .job_r ul.lb li.on div.f{ display:block; }
.job_xx .job_r ul.lb li div.f dd{ font-size:1.125rem; font-weight:bold; line-height:2; margin-bottom:0.5rem; }
.job_xx .job_r ul.lb li div.f dl{ font-size:1rem; color:#999999; line-height:2.5; margin-bottom:1rem; }
.job_xx .job_r ul.lb li div.f ol{ margin-top:1rem; }
.job_xx .job_r ul.lb li div.f ol a{ display:inline-block; border-radius:0.5rem; height:2.5rem; line-height:2.5rem; width:11.5rem; text-align:center; color:#ffffff; font-size:1rem; background-color:#0075c1; }
.job_xx .job_r ul.lb li div.f ol a:hover{ background-color:#057ce8; }

/*contact us*/
.contact_xx{ padding:4rem 0px 10rem; }
.contact_xx .tit{ font-weight:bold; font-size:2.25rem; color:#333333; }
.contact_xx ul.xx,.contact_xx ul.xx li{ overflow:hidden; }
.contact_xx ul.xx{ margin-top:3rem; width:102%; margin-bottom:1.5rem; margin-left:-1%; display:flex; flex-wrap:wrap; justify-content:left; }
.contact_xx ul.xx li{ height:20rem; width:31.805%; cursor:pointer; margin:0.5rem 0.76% 1.5rem; position:relative; }
.contact_xx ul.xx li:hover{ box-shadow:0px 0.5rem 0.75rem 0px rgba(0,0,0,0.14); transform:translate3d(0, -0.5rem, 0); transition:all 0.5s ease; }
.contact_xx ul.xx li div{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; border:1px solid #eeeeee; padding:1.5rem; color:#333333; }
.contact_xx ul.xx li div dd{ font-size:2rem; font-weight:bold; }
.contact_xx ul.xx li div ol{ margin:0.5rem 0px; }
.contact_xx ul.xx li div ol img{ height:1.5rem; }
.contact_xx ul.xx li div dl{ font-size:1rem; line-height:2; }

.contact_xx .dt{ position:relative; height:40rem; margin-bottom:5rem; }

.contact_xx .lyfk{ display:flex; justify-content:space-between; }
.contact_xx .lyfk .ly_l{ font-size:2.25rem; font-weight:bold; color:#333333; width:30%; }

.contact_xx .lyfk form{ width:68%; }
.contact_xx .lyfk form .form-group .col-md-2{ color:#333333 !important; }
.contact_xx .lyfk form .form-group .col-md-10{ border:1px solid #999999;  }
.contact_xx .lyfk form .xx{ color:#333333 !important; }

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

/*fenye*/
.fenye{ text-align:center; font-size:0.875rem; line-height:2.5; }
.fenye i{ display:none; }
.fenye a{ color:#333333; background-color:#ffffff; }
.fenye a i.fa{ display:inline-block; }
.fenye a,.fenye span{ border:1px solid #eeeeee; display:inline-block; border-radius:0.5rem; overflow:hidden; padding:0px 0.85rem; margin:0px 0.45rem; }
.fenye a:hover,.fenye span{ color:#ffffff; background-color:#0075c1; border:1px solid #286bb2; }
.fenye a i{ font-size:1.25rem; line-height:1.75; }

/*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; }