@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:"Microsoft YaHei",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; }
/* 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:"Microsoft YaHei",Arial; }
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 .dh,.top_bg .width1680 div.so_bg,.top_bg .width1680 .dh ul,.top_bg .width1680 .dh ul li,.top_bg .width1680 .dh ul li dd{ height:6rem; }
.top_h{ width:100%; overflow:hidden; }
.top_bg{ position:fixed; z-index:999; top:0px; left:0px; width:100%; }
.top_bg.x,.top_bg.ny_top,.top_bg.h{ background-color:#ffffff; box-shadow:0px 8px 10px 0px rgba(0,0,0,0.05); }
.top_bg.x{ box-shadow:0px 8px 10px 0px rgba(0,0,0,0.1); }
.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 ul li dd,.top_bg .width1680 .nav,.top_bg .width1680 div.so_bg{ display:flex; align-items:center; }
.top_bg .width1680 a.logo{ position:absolute; max-width: 12%; z-index:2; top:0px; bottom:0px; left:0px; }
.top_bg .width1680 a.logo img{ max-height:2rem; }
.top_bg.x .width1680 a.logo img.b,.top_bg.ny_top .width1680 a.logo img.b,.top_bg.h .width1680 a.logo img.b{ display:none; }
.top_bg .width1680 a.logo img.l{ display:none; }
.top_bg.x .width1680 a.logo img.l,.top_bg.ny_top .width1680 a.logo img.l,.top_bg.h .width1680 a.logo img.l{ display:block; }

.top_bg .width1680 .nav{ position:absolute; z-index:2; top:0px; bottom:0px; right:0px; }
.top_bg .width1680 .nav div{ text-align:center; }
.top_bg .width1680 .nav div a,.top_bg .width1680 .nav div i{ display:inline-block; }
.top_bg .width1680 .nav div a{ width:1.25rem; height:1.25rem; background-repeat:no-repeat; background-position:center; background-size: cover; }
.top_bg .width1680 .nav div a.so{ background-image:url(../images/so.png); }
.top_bg .width1680 .nav div a.so.x{ display:none; }
.top_bg.x .width1680 .nav div a.so,.top_bg.ny_top .width1680 .nav div a.so,.top_bg.h .width1680 .nav div a.so{ background-image:url(../images/so2.png); }
.top_bg .width1680 .nav div a.so:hover{ background-image:url(../images/so3.png); }
.top_bg .width1680 .nav div a.yy{ background-image:url(../images/yy.png); }
.top_bg.x .width1680 .nav div a.yy,.top_bg.ny_top .width1680 .nav div a.yy,.top_bg.h .width1680 .nav div a.yy{ background-image:url(../images/yy2.png); }
.top_bg .width1680 .nav div a.yy:hover{ background-image:url(../images/yy3.png); }
.top_bg .width1680 .nav div i{ margin: 0px 1rem; width:1px; background-color:#ffffff; height:1.25rem; }
.top_bg.x .width1680 .nav div i,.top_bg.ny_top .width1680 .nav div i,.top_bg.h .width1680 .nav div i{ background-color:#333333; }

.top_bg .width1680 .dh{ width:100%; text-align:center; }
.top_bg .width1680 .dh ul{ display:inline-block; }
.top_bg .width1680 .dh ul li{ float:left; position:relative; }
.top_bg .width1680 .dh ul li.so,.top_bg .width1680 .dh ul li.yy{ display:none; }
.top_bg .width1680 .dh ul li dd{ font-size:1.375rem; }
.top_bg .width1680 .dh ul li dd a{ color:#ffffff; font-weight: bold; padding:0px 2.5rem; height: 4rem; line-height: 4rem; display:block; }
.top_bg.x .width1680 .dh ul li dd a,.top_bg.ny_top .width1680 .dh ul li dd a,.top_bg.h .width1680 .dh ul li dd a{ color: #333333; }
.top_bg .width1680 .dh ul li dd a i{ margin-left:0.75rem; }
.top_bg .width1680 .dh ul li:hover dd a{ color:#043786; }
.top_bg .width1680 .dh ul li dd i.sj{ display:none; }
.top_bg .width1680 .dh ul li dl{ position:absolute; background-color:#ffffff; opacity:0; width: 100%; height: 0px; overflow: hidden; box-shadow:0px 8px 10px 0px rgba(0,0,0,0.14); border-radius:0.5rem; transition: all 0.5s ease; }
.top_bg.x .width1680 .dh ul li dl,.top_bg.h .width1680 .dh ul li dl{ border-radius:0px 0px 0.5rem 0.5rem; }
.top_bg .width1680 .dh ul li:hover dl{ padding:1rem 0px; opacity:1; height: auto; transition: all 0.5s ease; }
.top_bg .width1680 .dh ul li dl a{ display:block; color:#333333; padding: 0px 1rem; line-height: 2; font-size:1.125rem; }
.top_bg .width1680 .dh ul li dl a:hover{ color:#ffffff; background-color:#043786; }

.top_bg .width1680 div.so_bg{ position:absolute; right:3rem; width:0px; overflow: hidden; transition: all 0.5s ease; max-width:13.25rem; }
.top_bg .width1680 div.so_bg.x{ width:20%; transition: all 0.5s ease; }
.top_bg .width1680 div.so_bg div{ border:1px solid #ffffff; height:2.5rem; border-radius:2rem; padding:0px 1rem; }
.top_bg.x .width1680 div.so_bg div,.top_bg.ny_top .width1680 div.so_bg div,.top_bg.h .width1680 div.so_bg div{ border:1px solid #333333; background-color:#ffffff; }
.top_bg .width1680 div.so_bg div input,.top_bg .width1680 div.so_bg div button{ border:0px; outline:none; height:2.5rem; }
.top_bg .width1680 div.so_bg div input{ font-size:1rem; float:left; width:90%; background-color:rgba(0, 0, 0, 0); color:#ffffff; }
.top_bg.x .width1680 div.so_bg div input,.top_bg.ny_top .width1680 div.so_bg div input,.top_bg.h .width1680 div.so_bg div input{ color:#333333; }
.top_bg .width1680 div.so_bg div button{ float: right; width:10%; background:url(../images/so.png) no-repeat scroll center; background-size:100% auto; }
.top_bg.x .width1680 div.so_bg div button,.top_bg.ny_top .width1680 div.so_bg div button,.top_bg.h .width1680 div.so_bg div button{ background-image:url(../images/so2.png); }

.top_bg .width1680 i.so_gb{ position:fixed; top:0px; left:0px; right:0px; bottom:0px; z-index:-1; display:none; }
.top_bg .width1680 i.so_gb.x{ display:block; }

/* 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; z-index:0; }
.banner .swiper-wrapper .swiper-slide.on{ z-index:5; }
.banner .swiper-wrapper .swiper-slide video{ width:100%; position:absolute; bottom: 0px; left: 0px; z-index:0; }
.banner .swiper-wrapper .swiper-slide video.pc{ display:block; }
.banner .swiper-wrapper .swiper-slide video.sj{ display:none; }
.banner .swiper-wrapper .swiper-slide .width1680{ position:relative; z-index:2; }
.banner .swiper-wrapper .swiper-slide .width1680 div.bg{ opacity: 0; position:absolute; bottom:3vh; padding-bottom: 5rem; left:0px; width:100%; }
.banner .swiper-wrapper .swiper-slide.on .width1680 div.bg{ bottom:6.5vh; opacity:1; transition: all 0.5s ease; }
.banner .swiper-wrapper .swiper-slide .width1680 div.bg div{ overflow:hidden; }
.banner .swiper-wrapper .swiper-slide .width1680 div.bg div.s{ font-weight:bold; margin-bottom:2vh; color:#043786; }
.banner .swiper-wrapper .swiper-slide .width1680 div.bg div.s b{ font-size:2rem; margin-right:0.5rem; }
.banner .swiper-wrapper .swiper-slide .width1680 div.bg div.s del{ font-size:1rem; opacity: 0.5; overflow:hidden; width:10rem; display:inline-block; height:1.25rem; position:relative; }
.banner .swiper-wrapper .swiper-slide .width1680 div.bg div.s del span{ position:absolute; bottom:0px; }
.banner .swiper-wrapper .swiper-slide .width1680 div.bg div.s del span i{ display:block; }

.banner .swiper-wrapper .swiper-slide .width1680 div.bg div.n{ font-size:3rem; font-weight:bold; color:#043786; }
.banner .swiper-wrapper .swiper-slide .width1680 div.bg div.n i{ color:#e00e1d; }
.banner .swiper-wrapper .swiper-slide .width1680 div.bg div.m{ font-size:1.125rem; color:#043786; margin-top: 1vh; text-transform: uppercase; }

.banner div.qh_bg{ position:relative; z-index:9; }
.banner div.qh{ position:absolute; bottom:6.5vh; }
.banner div.qh div{ width:3rem; height:3rem; line-height: 3rem; font-size:1rem; text-align: center; border-radius:50%; float: left; margin-right: 1rem; background-color:#ffffff; color: #333333; cursor: pointer; }
.banner div.qh div:hover{ background-color:#286bb2; color:#ffffff; }

.banner .sb{ position:absolute; right:0px; bottom:5vh; padding-top:4.5rem; }
.banner .sb div.s{ position:absolute; top:0px; left:50%; width:1px; margin-left: -0.5px; background-color:#000000; height:3.75rem; }
.banner .sb div.s i{ position:absolute; top:0px; left:0px; right:0px; bottom:100%; background-color:#ffffff;  animation:x_s 5s cubic-bezier(0.5,0,0.1,1) infinite; }

.banner .sb div.x{ border:1px solid #000000; height:1.5rem; width:1rem; border-radius:0.5rem; position:relative; }
.banner .sb div.x i{ position:absolute; width:2px; height:4px; left: 50%; bottom:1rem; margin-left: -1px; background-color:#043786; animation:x_x 1s cubic-bezier(0.5,0,0.1,1) infinite; }

@keyframes x_s{ %0{ bottom:100%; } 100%{ bottom:0px; } }
@keyframes x_x{ %0,%100{ bottom:1rem; opacity:1; } 50%{ bottom:0.8rem; opacity:.5 } }

/*关于朴烯晶*/
.i_about{ width:100%; background:url(../images/i_about_bg.jpg) no-repeat scroll center bottom; background-size:100% auto; }
.i_about .width1680{ padding:16rem 0px; }
.i_about .width1680 div.tit{ overflow:hidden; margin-bottom:2.5rem; }
.i_about .width1680 div.tit dd{ font-size:2.5rem; font-weight:bold; color:#333333; }
.i_about .width1680 div.tit dd i{ color:#043786; }
.i_about .width1680 div.tit dl{ font-size:1.5rem; line-height:2; margin-top:0.75rem; }

.i_about .width1680 ul,.i_about .width1680 ul li{ overflow:hidden; }
.i_about .width1680 ul{ display: flex; justify-content: space-between; }
.i_about .width1680 ul li{ position:relative; width:23.215%; height:18.125rem; border-radius:0.5rem; }
.i_about .width1680 ul li div.bg,.i_about .width1680 ul li div.nav{ position:absolute; top:0px; bottom:0px; right:0px; left:0px; }
.i_about .width1680 ul li div.bg div,.i_about .width1680 ul li div.nav div{ width:100%; text-align:center; }
.i_about .width1680 ul li div.bg{ z-index:2; background-color:rgba(0, 0, 0, 0.5); display:flex; align-items:center; }
.i_about .width1680 ul li:hover div.bg{ opacity:0; transition: all 0.5s ease; }
.i_about .width1680 ul li div.bg div{ color:#ffffff; }
.i_about .width1680 ul li div.bg div ol{ margin-bottom:0.75rem; }
.i_about .width1680 ul li div.bg div ol img{ height:2.5rem; }
.i_about .width1680 ul li div.bg div dd{ font-size:1.5rem; }
.i_about .width1680 ul li div.nav{ z-index:3; opacity: 0; transition: all 0.5s ease; background-image:linear-gradient(to bottom,rgba(4,55,134,0.2),rgba(4,55,134,0.5),rgba(4,55,134,0.8)); }
.i_about .width1680 ul li:hover div.nav{ opacity:1; transition: all 0.5s ease; }
.i_about .width1680 ul li div.nav div{ position:absolute; bottom:1rem; font-size:1.5rem; }
.i_about .width1680 ul li div.nav div a{ display:inline-block; background-color:#ffffff; width: 90%; color:#043786; height:4rem; line-height:4rem; border-radius:0.5rem; transition: all 0.5s ease; }
.i_about .width1680 ul li div.nav div a:hover{  letter-spacing: 0.25rem; transition: all 0.5s ease; }

/*产品中心*/
.i_cp{ width:100%; overflow:hidden; background-color:#eef3f9; }
.i_cp .width1680{ padding:8rem 0px; }
.i_cp .width1680 div.tit{ overflow:hidden; position:relative; padding-right:12rem; }
.i_cp .width1680 div.tit dd{ font-size:2.5rem; font-weight:bold; color:#333333; }
.i_cp .width1680 div.tit dd i{ color:#043786; }
.i_cp .width1680 div.tit dl{ font-size:1.5rem; line-height:2; margin-top:0.75rem; color:#6a6d70; }
.i_cp .width1680 div.tit a.m{ position:absolute; right:0px; bottom:0px; padding:0px 2rem; border:1px solid #286bb2; background-color:#286bb2; line-height:3rem; border-radius:2rem; color:#ffffff; font-size:1.125rem; transition: all 0.5s ease; }
.i_cp .width1680 div.tit a.m:hover{ background-color:#ffffff; color:#286bb2; transition: all 0.5s ease; }

.i_cp .width1680 ul,.i_cp .width1680 ul li{ overflow:hidden; }
.i_cp .width1680 ul{ margin-top:5rem; }
.i_cp .width1680 ul li{ float:left; width:33.33333333333%; height:37.5rem; position:relative; border-left:1px solid #dddddd; margin-left:-1px; }
.i_cp .width1680 ul li a{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; display:flex; align-items:center; transition: all 0.5s ease; }
.i_cp .width1680 ul li a:hover{ background-color:#ffffff; transition: all 0.5s ease; }
.i_cp .width1680 ul li a div{ width:90%; margin:0px auto; text-align:center; }
.i_cp .width1680 ul li a div ol{ margin-bottom:3.75rem; height:17.5rem; }
.i_cp .width1680 ul li a div dd{ font-size:2.25rem; color:#333333; font-weight:bold; }
.i_cp .width1680 ul li a:hover div dd{ color:#286bb2; }
.i_cp .width1680 ul li a div dl{ color:#6a6d70; font-size:1.25rem; line-height:1.75; margin-top:1rem; white-space:pre-wrap; }

/*新闻中心*/
.i_news_tit{ padding-top:11rem; position:relative; z-index:2; }
.i_news_tit dd{ font-size:2.5rem; font-weight:bold; color:#333333; }
.i_news_tit dd i{ color:#043786; }
.i_news_tit dl{ font-size:1.5rem; line-height:2; margin-top:0.75rem; color:#999999; }

.i_news_qh{ width:100%; margin-top: -3rem; overflow:hidden; position:relative; }
.i_news_qh .width1680{ padding: 6rem 0px 8rem; position:relative; }
.i_news_qh .width1680 .hero-gallery{ width: 33.333333%; outline:none; }
.i_news_qh .width1680 .hero-gallery .flickity-viewport{ position: relative; }
.i_news_qh .width1680 .hero-gallery__cell{ width:100%; }
.i_news_qh .width1680 .hero-gallery__cell a{ display:block; width:96.432%; position: relative; }
.i_news_qh .width1680 .hero-gallery__cell a div.t{ position:relative; height:20rem; overflow:hidden; border-radius:0.5rem; }
.i_news_qh .width1680 .hero-gallery__cell a div.t i{ transition: all 0.5s ease; }
.i_news_qh .width1680 .hero-gallery__cell a:hover div.t i{ transform: scale(1.1); transition: all 0.5s ease; }
.i_news_qh .width1680 .hero-gallery__cell a div.f{ height:12rem; margin-top:1.5rem; border-bottom:2px solid #eeeeee; }
.i_news_qh .width1680 .hero-gallery__cell a div.f del{ margin-bottom:1.25rem; font-size: 0.875rem; color: #999999; border: 1px solid #eeeeee; padding: 0px 0.875rem; line-height:2; border-radius: 2rem; display:inline-block; }
.i_news_qh .width1680 .hero-gallery__cell a div.f dd{ font-size:1.5rem; color:#333333; font-weight:bold; line-height:1.5; height:4.5rem; overflow:hidden; }
.i_news_qh .width1680 .hero-gallery__cell a:hover div.f dd{ color:#043786; }
.i_news_qh .width1680 .hero-gallery__cell a div.f ol{ font-size:1rem; color:#999999; margin-top:1rem; }

.i_news_qh .width1680 .hero-gallery__cell a i.x{ position:absolute; left:0px; bottom:0px; height: 2px; background-color:#286bb2; width:0px; transition: all 0.5s ease; }
.i_news_qh .width1680 .hero-gallery__cell a:hover i.x{ width:100%; transition: all 0.5s ease; }

.i_news_qh .width1680 .hero-gallery button{ position: absolute; width:3rem; height:3rem; border-radius:0.5rem; border:1px solid #cccccc; top: 0px; background-color: rgba(0, 0, 0, 0); background-position: center; background-size: auto 0.5rem; background-repeat: no-repeat; z-index: 88; }
.i_news_qh .width1680 .hero-gallery button:hover{ background-color:#043786; }
.i_news_qh .width1680 .hero-gallery button.previous{ right: 4rem; background-image: url(../images/jt_l1.png); }
.i_news_qh .width1680 .hero-gallery button.next{ right: 0px; background-image: url(../images/jt_r1.png); }
.i_news_qh .width1680 .hero-gallery button svg{ display: none; }
.i_news_qh .width1680 .hero-gallery button.previous:hover{ background-image: url(../images/jt_l2.png);}
.i_news_qh .width1680 .hero-gallery button.next:hover{background-image: url(../images/jt_r2.png); }

.i_news_qh .width1680 div.m{ text-align:center; margin-top:6rem; }
.i_news_qh .width1680 div.m a{ display:inline-block; padding:0px 2rem; border:1px solid #286bb2; background-color:#286bb2; line-height:3rem; border-radius:2rem; color:#ffffff; font-size:1.125rem; transition: all 0.5s ease; }
.i_news_qh .width1680 div.m a:hover{ background-color:#ffffff; color:#286bb2; transition: all 0.5s ease; }

/*i_ggw*/
.i_ggw{ position:relative; background:url(../images/i_ggw.jpg) no-repeat scroll center; }
@media only screen and (max-width:1920px){
    .i_ggw{ background-size:cover; }
}
.i_ggw .width1680{ position:relative; z-index:2; height:31.25rem; display:flex; align-items:center; }
.i_ggw .width1680 div{ width:100%; text-align:center; color:#ffffff; }
.i_ggw .width1680 div dd{ font-size:2.5rem; font-weight:bold; }
.i_ggw .width1680 div dl{ font-size:1.5rem; margin-top:1.25rem; }
.i_ggw .width1680 div ol{ margin-top:2rem; }
.i_ggw .width1680 div ol a{ display:inline-block; padding:0px 2rem; background-color:#ffffff; line-height:3rem; border-radius:2rem; color:#043786; font-size:1.125rem; transition: all 0.5s ease; }
.i_ggw .width1680 div ol a:hover{ background-color:#043786; color:#ffffff; transition: all 0.5s ease; }

/*foot_bg*/
.foot_bg{ background:url(../images/foot_bg.jpg) no-repeat scroll center #f5f5f5; }
.foot_bg .width1680{ padding:3rem 0px 1rem; }
.foot_bg .width1680 .hidden.t{ margin-bottom:8rem; }
.foot_bg .width1680 .hidden.t div.l{ float:left; width:22%; margin-right:3%; }
.foot_bg .width1680 .hidden.t div.l dd{ height:2rem; }
.foot_bg .width1680 .hidden.t div.l dl{ margin-top:1.25rem; }

.foot_bg .width1680 .hidden.t ul.l{ float:left; width:49%; display: flex;  justify-content: space-between; }
.foot_bg .width1680 .hidden.t ul.l li{ font-size:1.125rem; line-height:2; }
.foot_bg .width1680 .hidden.t ul.l li dd{ font-weight:bold; }
.foot_bg .width1680 .hidden.t ul.l li dd a{ color:#333333; }
.foot_bg .width1680 .hidden.t ul.l li dd a:hover{ color:#286bb2; }
.foot_bg .width1680 .hidden.t ul.l li dl{ margin-top:0.5rem; }
.foot_bg .width1680 .hidden.t ul.l li dl a{ display:block; color:#999999; }
.foot_bg .width1680 .hidden.t ul.l li dl a:hover{ color:#286bb2; }

.foot_bg .width1680 .hidden.t div.r{ float:right; max-width:22%; }
.foot_bg .width1680 .hidden.t div.r div.x{ font-size:1.125rem; color:#333333; line-height:2; }
.foot_bg .width1680 .hidden.t div.r div.x ol{ font-weight:bold; font-size:1.5rem; color:#043786; }
.foot_bg .width1680 .hidden.t div.r div.x dl{ white-space:pre-wrap; }
.foot_bg .width1680 .hidden.t div.r div.e{ margin-top:1.25rem; overflow:hidden; }
.foot_bg .width1680 .hidden.t div.r div.e div{ float:left; text-align:center; margin-right:1rem; }
.foot_bg .width1680 .hidden.t div.r div.e div ol{ height:6.625rem; margin-bottom:0.75rem; }
.foot_bg .width1680 .hidden.t div.r div.e div dd{ font-size:0.75rem; color:#999999; }

.foot_bg .width1680 .hidden.f{  }
.foot_bg .width1680 .hidden.f dl{ font-size:1rem; line-height:2; color:#999999; }
.foot_bg .width1680 .hidden.f dl.l{ float:left; }
.foot_bg .width1680 .hidden.f dl.l a{ border-left:1px solid #999999; padding-left:0.5rem; margin-left:0.5rem; }
.foot_bg .width1680 .hidden.f dl.r{ float:right; }
.foot_bg .width1680 .hidden.f dl a{ color:#999999; }
.foot_bg .width1680 .hidden.f dl a:hover{ color:#286bb2; }

/*动画效果*/
.i_about .width1680 .i_md ul li div.bg div{ opacity:0; margin-top:3rem; }
.i_about .width1680 .i_md.on ul li div.bg div{ opacity:1; margin-top:0px; transition: all 0.5s ease; }

.i_cp .width1680 .i_md ul li a div ol img{ opacity:0; margin-top:3rem; }
.i_cp .width1680 .i_md.on ul li a div ol img{ opacity:1; margin-top:0px; transition: all 0.5s ease; }

.i_md .i_news_qh .width1680 .hero-gallery{ opacity:0; margin-top:3rem; }
.i_md.on .i_news_qh .width1680 .hero-gallery{ opacity:1; margin-top:0px; transition: all 0.5s ease; }

.i_md .i_ggw .width1680 div{ opacity:0; margin-top:3rem; }
.i_md.on .i_ggw .width1680 div{ opacity:1; margin-top:0px; transition: all 0.5s ease; }

/*关于我们*/
.banner_about{ position:relative; width: 100%; overflow:hidden; }
.banner_about video{ width:100%; position:absolute; bottom: 0px; left: 0px; z-index:0; }
.banner_about video.pc{ display:block; }
.banner_about video.sj{ display:none; }
.banner_about i.bg{ position:absolute; z-index:1; top:0px; left:0px; right:0px; bottom:0px; background-color:rgba(0, 0, 0, 0); }
.banner_about .width1680{ position:relative; z-index:5; height:100vh; }
.banner_about .width1680 div.xx{ position:absolute; bottom:5vh; color:#ffffff; text-align:center; width:100%; }
.banner_about .width1680 div.xx div{ display:inline-block; }
.banner_about .width1680 div.xx dd{ font-size:3.75rem; font-weight:bold; }
.banner_about .width1680 div.xx dl{ font-size:1.5rem; line-height:1.75; margin-top:1.5rem; }
.banner_about .width1680 div.xx ol{ margin-top:2rem; padding-top:3.75rem; position:relative; }
.banner_about .width1680 div.xx ol i.x{ position:absolute; top:0px; left:50%; width:1px; margin-left: -0.5px; background-color:#ffffff; height:2.5rem; }
.banner_about .width1680 div.xx ol span{ display:inline-block; height:1.5rem; width:1rem; border:1px solid #ffffff; border-radius:0.5rem; position:relative; }
.banner_about .width1680 div.xx ol span i{ position:absolute; width:2px; height:4px; left: 50%; bottom:1rem; margin-left: -1px; background-color:#ffffff; animation:x_x 1.5s cubic-bezier(0.5,0,0.1,1) infinite; }

.about_rw{ background:url(../images/about_rw_bg.jpg) no-repeat scroll center; background-size:cover; }
.about_rw .width1680{ min-height:100vh; display:flex; align-items:center; }
.about_rw .width1680 div.xx{ width:100%; padding:2rem 0px; }
.about_rw .width1680 div.xx .hidden.l{ float:left; width:50%; }
.about_rw .width1680 div.xx .hidden.l dd{ font-size:3rem; font-weight:bold; color:#1d1d1d; margin-bottom:2.5rem; }
.about_rw .width1680 div.xx .hidden.l dl{ font-size:1.5rem; color:#6a6d70; line-height:1.75; margin-bottom:1rem; }
/*.about_rw .width1680 div.xx .hidden.l ol{ text-align:right; font-weight:bold; }
.about_rw .width1680 div.xx .hidden.l ol del{ text-align:center; display:inline-block; font-size:1.5rem; color:#043786; }*/
.about_rw .width1680 div.xx .hidden.r{ float:right; width:43%; max-width:44.375rem; }
.about_rw .width1680 div.xx .qm{ float:right; width:100%; margin-top:1rem; display:none; }

.about_jj{ background:url(../images/about_jj.jpg) no-repeat scroll center bottom; background-size:100% auto; padding:11.25rem 0px 3.5rem; }
.about_jj .hidden.l{ float:left; width:50%; }
.about_jj .hidden.l dd{ font-size:3rem; font-weight:bold; color:#1d1d1d; margin-bottom:2.5rem; }
.about_jj .hidden.l dl{ font-size:1.5rem; color:#6a6d70; line-height:1.75; margin-bottom:1rem; }

.about_jj ul.r,.about_jj ul.r li{ overflow:hidden; }
.about_jj ul.r{ float:right; width:45%; max-width:25rem; }
.about_jj ul.r li{ margin-bottom:3rem; }
.about_jj ul.r li dl{ color:#043786; margin-bottom:1rem; }
.about_jj ul.r li dl b{ font-size:4.5rem; }
.about_jj ul.r li dl i{ font-size:2.25rem; margin-left:1rem; }
.about_jj ul.r li dd{ font-size:1.5rem; color:#333333; }

ul.about_lb,ul.about_lb li{ overflow:hidden; }
ul.about_lb{}
ul.about_lb li{}
ul.about_lb li.b{ background-color:#ffffff; }
ul.about_lb li.g{ background-color:#f5f5f5; }
ul.about_lb li .width1680{ padding:4rem 0px; }
ul.about_lb li .width1680 div{ overflow:hidden; }
ul.about_lb li .width1680 div.t{ font-size:2.25rem; font-weight:bold; }
ul.about_lb li .width1680 div.f{ margin-top:2rem; }
ul.about_lb li .width1680 div.f div.l{ float:left; width:50%; line-height:1.75; font-size:1.5rem; color:#333333; }
ul.about_lb li .width1680 div.f div.r{ float:right; position:relative; height:20rem; border-radius:1.25rem; width:45%; max-width:34.0625rem; }

.about_fzlc{ position:relative; background:url(../images/about_fzlc.jpg) no-repeat scroll center; background-size:cover; }
.about_fzlc i.bg_x{ background-image:url(../images/about_fzlc_x.png); }
.about_fzlc .width1680{ height:67.5rem; display:flex; align-items:center; position: relative; z-index:2; }
.about_fzlc .width1680 .xx_bg{ width:100%; overflow:hidden; }
.about_fzlc .width1680 .xx_bg .tit{ color:#ffffff; font-size:3rem; font-weight:bold; }

.about_fzlc .width1680 .fzlc_qh{ position:relative; height:43.5rem; }
.about_fzlc .width1680 .fzlc_qh div.t,.about_fzlc .width1680 .fzlc_qh div.t div{ height:35rem; }
.about_fzlc .width1680 .fzlc_qh div.t{ overflow:hidden; }
.about_fzlc .width1680 .fzlc_qh div.t div{ display: flex; transition: transform 0.5s ease; will-change: transform; }
.about_fzlc .width1680 .fzlc_qh div.t div a{ float:left; width:17.5rem; position:relative; display:flex; align-items:center; flex-shrink:0; height:16rem; transition: all 0.3s ease; margin-top:1.125rem; }
.about_fzlc .width1680 .fzlc_qh div.t div a dd{ font-size:1.5rem; color:#ffffff; width:100%; text-align:center; }
.about_fzlc .width1680 .fzlc_qh div.t div a del{ position:absolute; top:0px; bottom:0px; left:0px; right:0px; bottom:0px; margin: auto; width: 15rem; height: 15rem; z-index:2; border:3px solid #ffffff; border-radius:50%; overflow:hidden; opacity:0; }
.about_fzlc .width1680 .fzlc_qh div.t div a.on del{ opacity:1; }
.about_fzlc .width1680 .fzlc_qh div.t div a i.d{ position:absolute; bottom:4rem; width:0.875rem; height:0.875rem; border-radius:50%; background-color:#ffffff; left:50%; margin-left:-0.4375rem; }

.about_fzlc .width1680 .fzlc_qh div.t div a.on{ margin-top:18rem; }
.about_fzlc .width1680 .fzlc_qh div.t div a.h1{ margin-top:14.5rem; }
.about_fzlc .width1680 .fzlc_qh div.t div a.h2{ margin-top:10.75rem; }
.about_fzlc .width1680 .fzlc_qh div.t div a.h3{ margin-top:5.5rem; }
.about_fzlc .width1680 .fzlc_qh div.t div a.h4{ margin-top:1.5rem; }
.about_fzlc .width1680 .fzlc_qh div.t div a.h{ opacity:0; }
.about_fzlc .width1680 .fzlc_qh div.t div a.h.on{ opacity:1; }

.about_fzlc .width1680 .fzlc_qh div.f{ position:absolute; bottom:4rem; right:0px; max-width:31.25rem; width:50%; }
.about_fzlc .width1680 .fzlc_qh div.f div{ display:none; }
.about_fzlc .width1680 .fzlc_qh div.f div.x{ overflow:hidden; display:block; color:#ffffff; }
.about_fzlc .width1680 .fzlc_qh div.f div.x dd{ font-size:3.75rem; font-weight: bold; margin-bottom:1rem; }
.about_fzlc .width1680 .fzlc_qh div.f div.x dl{ font-size:1.5rem; line-height:2; min-height:5rem;white-space: pre-wrap; }

.about_fzlc .width1680 .fzlc_qh div.qh{ position:absolute; height:3rem; width:3rem; background-color:#ffffff; border-radius:50%; font-size:1.25rem; color:#626262; bottom:0px; text-align:center; line-height:3rem; cursor: pointer; transition: all 0.5s ease; }
.about_fzlc .width1680 .fzlc_qh div.qh_l{ right:27rem; }
.about_fzlc .width1680 .fzlc_qh div.qh_r{ right:23rem; }
.about_fzlc .width1680 .fzlc_qh div.qh:hover{ background-color:#286bb2; color: #ffffff; transition: all 0.5s ease; }

.about_fzlc .width1680 .fzlc_sj_qh{ display:none; }

.about_qywh{ position:relative; background:url(../images/about_qywh_bg.jpg) no-repeat scroll center; background-size:cover; }
.about_qywh .width1680{ min-height:100vh; padding:6rem 0px; }
.about_qywh .width1680 .tit{ font-size: 3rem; color: #ffffff; font-weight:bold; }
.about_qywh .width1680 ul.xx,.about_qywh .width1680 ul.xx li{ overflow:hidden; }
.about_qywh .width1680 ul.xx{ margin-top: 5rem; display: flex; justify-content: space-between; }
.about_qywh .width1680 ul.xx li{ width:25%; position:relative; cursor: pointer; }
.about_qywh .width1680 ul.xx li.x{ width:50%; }
.about_qywh .width1680 ul.xx li i.x{ position:absolute; left:0px; top:0px; bottom:0px; width:1px; background-color:#b5c7df; }
.about_qywh .width1680 ul.xx li div.hidden{ width:90%; margin:0px auto; opacity:0;  transition: all 0.5s ease; }
.about_qywh .width1680 ul.xx li.x div.hidden{ opacity:1; transition: all 0.5s ease; }
.about_qywh .width1680 ul.xx li div.hidden.t{ margin-bottom:2rem; margin-top: 2rem; opacity:0; transition: all 0.5s ease; }
.about_qywh .width1680 ul.xx li.x div.hidden.t{ opacity:1; margin-top: 0px; transition: all 0.5s ease; }
.about_qywh .width1680 ul.xx li div.hidden.t dd{ font-size:2.25rem; font-weight:bold; color:#ffffff; }
.about_qywh .width1680 ul.xx li div.hidden.t dl{ font-size:1.875rem; color:#ffffff; line-height:1.5; margin-top:1rem; height:10rem; white-space: pre-wrap; }

.about_qywh .width1680 ul.xx li div.hidden.f{ text-align:center; }
.about_qywh .width1680 ul.xx li div.hidden.f img{ width:62%; max-width:28.75rem; opacity: 0; transition: all 1s ease; }
.about_qywh .width1680 ul.xx li.x div.hidden.f img{ opacity: 1; transition: all 1s ease; }

.about_qywh .width1680 ul.xx li div.bg{ display:flex; align-items:center; position:absolute; z-index:9; top:0px; left:0px; right:0px; bottom:0px; opacity:1; }
.about_qywh .width1680 ul.xx li.x div.bg{ opacity:0; }
.about_qywh .width1680 ul.xx li div.bg dd{ font-size:2.25rem; color:#ffffff; font-weight:bold; padding:0px 5%; width:90%; text-align:center; }

.about_xx{ width:100%; overflow:hidden; position:relative; }
.about_xx .width1680{ position:relative; z-index:9; height:37.5rem; display:flex; align-items:center; }
.about_xx .width1680 i.x{ position:absolute; width:1px; top:0px; bottom:0px; background-color:#cccccc; opacity:0.5; }
.about_xx .width1680 i.x1{ left:33.3333%; }
.about_xx .width1680 i.x2{ right:33.333333%; }
.about_xx .width1680 ul,.about_xx .width1680 ul li{ overflow:hidden; }
.about_xx .width1680 ul{ width:100%; display: flex; justify-content: space-between; }
.about_xx .width1680 ul li{ width:33.333333%; }
.about_xx .width1680 ul li div{ color:#ffffff; width:90%; margin:0px auto; max-width:29rem; }
.about_xx .width1680 ul li div ol{ height:3.75rem; margin-bottom:3rem; }
.about_xx .width1680 ul li div dd{ font-size:2.25rem; font-weight:bold; }
.about_xx .width1680 ul li div dl{ font-size:1.5rem; line-height:1.5; margin-top:1.5rem; }

.about_ryzz{ background:url(../images/about_ryzz_bg.jpg) no-repeat scroll center; background-size:cover; position:relative; }
.about_ryzz .width1680{ height:56rem; padding-top:11.5rem; }
.about_ryzz .width1680 .tit{ color:#ffffff; font-size:3rem; font-weight:bold; }
.about_ryzz .width1680 .xx_l{ margin-top:2.5rem; width:31%; }
.about_ryzz .width1680 .xx_l div{ overflow:hidden; }
.about_ryzz .width1680 .xx_l div.t{ font-size:1.5rem; line-height:2; }
.about_ryzz .width1680 .xx_l div.t del{ display:block; float: left; color:#ffffff; background-color:rgba(255, 255, 255, 0.1); border-radius:2rem; padding:0px 1.5rem; text-align:center; min-width:8.25rem; margin-right:1.8rem; cursor: pointer; }
.about_ryzz .width1680 .xx_l div.t del.o{ color:#ff0101; background-color:#ffffff;  }
.about_ryzz .width1680 .xx_l div.t del:hover{ color:#ff0101; }

.about_ryzz .width1680 .xx_l div.c{ margin-top:6rem; height:30rem; color:#ffffff; }
.about_ryzz .width1680 .xx_l div.c div{ width:48%; }
.about_ryzz .width1680 .xx_l div.c div.l{ float:left; }
.about_ryzz .width1680 .xx_l div.c div.r{ float:right; }
.about_ryzz .width1680 .xx_l div.c div dl{}
.about_ryzz .width1680 .xx_l div.c div dl b{ font-size:4.5rem; }
.about_ryzz .width1680 .xx_l div.c div dl i{ font-size:1.5rem; margin-left:1rem; }
.about_ryzz .width1680 .xx_l div.c div dd{ font-size:1.125rem; margin-top:0.5rem; }

.about_ryzz .width1680 .xx_l div.f{ font-size:1.125rem; color:#333333; line-height:2.25; }

.about_ryzz .xx_r{ position:absolute; z-index: 9; right:0px; bottom:5rem; top:18rem; width:64.5%; overflow:hidden; }
.about_ryzz .xx_r .about_ryzz_qh{ width:100%; overflow:hidden; position:absolute; top:0px; left:0px; right:0px; bottom:0px; z-index:0; opacity:0; transition:all 0.5s ease; }
.about_ryzz .xx_r .about_ryzz_qh.x{ opacity:1; z-index:9; transition: all 0.5s ease; }
.about_ryzz .xx_r .about_ryzz_qh .swiper-wrapper{ height:40rem; }
.about_ryzz .xx_r .about_ryzz_qh .swiper-wrapper .swiper-slide{ position:relative; cursor:grab; }
.about_ryzz .xx_r .about_ryzz_qh .swiper-wrapper .swiper-slide div{ width:90%; margin: 0px auto; max-width:20.8125rem; }
.about_ryzz .xx_r .about_ryzz_qh .swiper-wrapper .swiper-slide div.t{ max-height:27.25rem; position:relative; }
.about_ryzz .xx_r .about_ryzz_qh .swiper-wrapper .swiper-slide div.t img.bg{ position:relative; z-index:0; }
.about_ryzz .xx_r .about_ryzz_qh .swiper-wrapper .swiper-slide div.t img.i{ position:absolute; z-index: 9; top:0px; bottom:0px; left:0px; right:0px; margin:auto; max-width:76%; max-height:87%; }

.about_ryzz .xx_r .about_ryzz_qh .swiper-wrapper .swiper-slide div.f{ text-align:center; color:#ffffff; font-size:1.125rem; line-height:2; margin-top:1.5rem; height:11rem; }

.about_ryzz .xx_r div.qh_an{ margin-top:0.5rem; width:90%; text-align:right; }
.about_ryzz .xx_r div.qh_an div{ display:inline-block; cursor: pointer; width:3rem; height:3rem; border-radius:50%; background-color:#ffffff; margin-left:0.75rem; position:relative; color:#767676; }
.about_ryzz .xx_r div.qh_an div:hover{ background-color:#286bb2; color:#ffffff; }
.about_ryzz .xx_r div.qh_an div i{ position:absolute; font-size:1.5rem; top:50%; margin-top:-0.75rem; left:50%; margin-left:-0.25rem; }

/*动画效果*/
.i_md .about_rw .width1680 div.xx .hidden.l{ opacity:0; margin-top:3rem; }
.i_md.on .about_rw .width1680 div.xx .hidden.l{ opacity:1; margin-top:0px; transition: all 0.5s ease; }

.i_md .about_jj .hidden.l{ opacity:0; margin-top:3rem; }
.i_md.on .about_jj .hidden.l{ opacity:1; margin-top:0px; transition: all 0.5s ease; }

ul.about_lb li .i_md .width1680 div.f div.l{ opacity:0; margin-top:3rem; }
ul.about_lb li .i_md.on .width1680 div.f div.l{ opacity:1; margin-top:0px; transition: all 0.5s ease; }

.i_md .about_fzlc .width1680 .fzlc_qh{ opacity:0; margin-top:3rem; }
.i_md.on .about_fzlc .width1680 .fzlc_qh{ opacity:1; margin-top:0px; transition: all 0.5s ease; }

.i_md .about_qywh .width1680 ul.xx li{ opacity:0; margin-top:3rem; }
.i_md.on .about_qywh .width1680 ul.xx li{ opacity:1; margin-top:0px; transition: all 0.5s ease; }

.i_md .about_xx .width1680 ul li div{ opacity:0; margin-top:3rem; }
.i_md.on .about_xx .width1680 ul li div{ opacity:1; margin-top:0px; transition: all 0.5s ease; }

.i_md .about_ryzz .xx_r{ opacity:0; margin-top:3rem; }
.i_md.on .about_ryzz .xx_r{ opacity:1; margin-top:0px; transition: all 0.5s ease; }

/*ny_banner*/
.ny_banner{ position:relative; width:100%; overflow:hidden; }
.ny_banner i.bg_y{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; background:url(../images/ny_banner.png) no-repeat scroll center; background-size:cover; z-index:2; }
.ny_banner .width1680{ position:relative; z-index:8; display:flex; align-items:center; height:42.5rem; }
.ny_banner .width1680 div{ width:100%; color:#ffffff; font-weight:bold; font-size:3.75rem; }

.ny_bg{ width:100%; overflow:hidden; background-color:#f5f5f5; }

/*产品与应用*/
.cp_tit{ font-size:3rem; font-weight:bold; color:#333333; }

.cp_t{ padding:5rem 0px; }
.cp_t .top{ overflow:hidden; margin-bottom:6.5rem; }
.cp_t .top .cp_tit{ float:left; width:45%; }
.cp_t .top .xx{ float:right; width:49.5%; }
.cp_t .top .xx div.n{ font-size:1.5rem; color:#333333; line-height:2; }
.cp_t .top .xx div.m{ margin-top:1rem; font-size:1.125rem; }
.cp_t .top .xx div.m a{ display:inline-block; background-color:#286bb2; color: #ffffff; padding: 0px 2rem; border-radius: 2rem; line-height:3rem; height:3rem; }
.cp_t .top .xx div.m a:hover{ background-color:#1179e7; }

.cp_t ul.lb,.cp_t ul.lb li{ overflow:hidden; }
.cp_t ul.lb{ width:102%; }
.cp_t ul.lb li{ float:left; margin-bottom:2rem; height:40.5rem; width: 31.805%; margin-right: 1.284%; border-radius:1.25rem; background-image: linear-gradient(to bottom, #7790b1, #f0f5fd); position:relative; }
.cp_t ul.lb li a{ width:90%; padding:6rem 5% 0px; position:absolute; top:0px; left:0px; right:0px; bottom:0px; }
.cp_t ul.lb li a div.t{ text-align:center; height:18.75rem; }
.cp_t ul.lb li a div.t img{ transition: all 0.5s ease; }
.cp_t ul.lb li a:hover div.t img{ transform: scale(1.1); transition: all 0.5s ease; }
.cp_t ul.lb li a div.f{ margin-top:2rem; }
.cp_t ul.lb li a div.f dd{ font-size:1.5rem; color:#333333; font-weight:bold; line-height:1.5; }
.cp_t ul.lb li a div.f dl{ font-size:1.125rem; color:#999999; padding:1rem 0px; }
.cp_t ul.lb li a div.f ol{ font-size:1.125rem;line-height:2; }
.cp_t ul.lb li a div.f ol i{ color:#043786; opacity:0; transition: all 0.5s ease; }
.cp_t ul.lb li a:hover div.f ol i{ opacity:1; transition: all 0.5s ease; }

.cp_f{ padding:5rem 0px; }
.cp_f div.cp_f_lb,.cp_f div.cp_f_lb div.bg{ overflow:hidden; }
.cp_f div.cp_f_lb{ margin-top:4rem; }
.cp_f div.cp_f_lb div.bg{ margin-bottom:5rem; }
.cp_f div.cp_f_lb div.bg div.hidden{ height:40.5rem; }
.cp_f div.cp_f_lb div.bg div.hidden.l{ float:left; width:45%; position: relative; max-width:34.0625rem; border-radius:1.25rem; background-image: linear-gradient(to bottom, #7790b1, #f0f5fd); }
.cp_f div.cp_f_lb div.bg div.hidden.l a{ width:90%; padding:6rem 5% 0px; position:absolute; top:0px; left:0px; right:0px; bottom:0px; }
.cp_f div.cp_f_lb div.bg div.hidden.l a div.t{ text-align:center; height:18.75rem; }
.cp_f div.cp_f_lb div.bg div.hidden.l a div.t img{ transition: all 0.5s ease; }
.cp_f div.cp_f_lb div.bg div.hidden.l a:hover div.t img{ transform: scale(1.1); transition: all 0.5s ease; }
.cp_f div.cp_f_lb div.bg div.hidden.l a div.f{ margin-top:2rem; }
.cp_f div.cp_f_lb div.bg div.hidden.l a div.f dd{ font-size:1.5rem; color:#333333; font-weight:bold; line-height:1.5; }
.cp_f div.cp_f_lb div.bg div.hidden.l a div.f dl{ font-size:1.125rem; color:#999999; padding:1rem 0px; }
.cp_f div.cp_f_lb div.bg div.hidden.l a div.f ol{ font-size:1.125rem;line-height:2; }
.cp_f div.cp_f_lb div.bg div.hidden.l a div.f ol i{ color:#043786; }

.cp_f div.cp_f_lb div.bg div.hidden.r{ float:right; display:flex; align-items:center; width:49.5%; }
.cp_f div.cp_f_lb div.bg div.hidden.r div.x{ width:100%; }
.cp_f div.cp_f_lb div.bg div.hidden.r div.x div.n{ font-size:1.5rem; color:#333333; line-height:2; }
.cp_f div.cp_f_lb div.bg div.hidden.r div.x div.m{ margin-top:3rem; font-size:1.125rem; }
.cp_f div.cp_f_lb div.bg div.hidden.r div.x div.m a{ display:inline-block; background-color:#286bb2; color: #ffffff; padding: 0px 2rem; border-radius: 2rem; line-height:3rem; height:3rem; }
.cp_f div.cp_f_lb div.bg div.hidden.r div.x div.m a:hover{ background-color:#1179e7; }

/*产品详情*/
.cp_show{ min-height:100vh; padding:3rem 0px; }
.cp_show .tit{ font-size:1.125rem; color:#999999; }
.cp_show .tit a{ color:#999999; }
.cp_show .tit i,.cp_show .tit a:hover{ color:#286bb2; }

.cp_show_xx{ overflow:hidden; margin-top:3rem; }
.cp_show_xx .hidden.l{ float:left; width:50%; max-width:51.875rem; border-radius:1.25rem; background-image: linear-gradient(to bottom, #7790b1, #f0f5fd); }

.cp_show_qh,.cp_show_qh .swiper-wrapper,.cp_show_qh .swiper-wrapper .swiper-slide{ height:40.5rem; }
.cp_show_qh{ width: 100%; overflow: hidden; position: relative; }
.cp_show_qh .swiper-wrapper{  }
.cp_show_qh .swiper-wrapper .swiper-slide{ position:relative; cursor:grab; }
.cp_show_qh .swiper-wrapper .swiper-slide img{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; margin:auto; max-width:90%; max-height:90%; }

.cp_show_qh .page{ position:absolute; left:0px; width:100%; bottom:1.5rem; z-index:9; text-align:center; line-height:0.25rem; }
.cp_show_qh .page span{ display:inline-block; width:3.25rem; height:0.25rem; border-radius:2px; margin:0px 0.5rem; background-color:#c2c6cd; }
.cp_show_qh .page span.on{ background-color:#286bb2; }

.cp_show_xx ul.hidden.r{ float:right; width:42%; }
.cp_show_xx ul.hidden.r li{ overflow:hidden; }
.cp_show_xx ul.hidden.r li.n{ font-size:3rem; font-weight:bold; color:#333333; border-bottom:1px solid #eeeeee; padding-bottom:1rem; }
.cp_show_xx ul.hidden.r li.x{ font-size:1.125rem; color:#043786; line-height:2; min-height:6.75rem; margin-top:1rem; }
.cp_show_xx ul.hidden.r li.m{ font-size:2.25rem; font-weight:bold; color:#333333; margin-top:1.5rem; }
.cp_show_xx ul.hidden.r li.j{ font-size:1.125rem; color:#333333; line-height:2; margin-top:1rem; }

.cp_show div.x{ width:100%; height:1px; background-color:#eeeeee; margin:4rem 0px; }
.cp_show_cpyy{ overflow:hidden; }
.cp_show_cpyy div.t{ overflow:hidden; margin-bottom:4rem; color:#333333; }
.cp_show_cpyy div.t dd{ font-size:3rem; font-weight:bold; margin-bottom:2rem; }
.cp_show_cpyy div.t dl{ font-size:1.125rem; line-height:1.75; }

.cp_show_cpyy ul.f,.cp_show_cpyy ul.f li{ overflow:hidden; }
.cp_show_cpyy ul.f{ width:102%; min-height:55rem; }
.cp_show_cpyy ul.f li{ float:left; width: 31.805%; margin-right: 1.284%; margin-bottom:2rem; }
.cp_show_cpyy ul.f li ol{ position:relative; border-radius:1.25rem; height:26.25rem; overflow:hidden; }
.cp_show_cpyy ul.f li dd{ text-align:center; margin-top:2rem; font-size:1.5rem; color:#333333; font-weight:bold; line-height:2rem; }

/*新闻中心*/
.news_bg{ padding:5.5rem 0px 13.75rem; }
.news_top{ background-color:#f5f5f4; border-radius:0.5rem; overflow:hidden; margin-bottom:2.75rem; }
.news_top .hidden{ height:30.5rem; width:50%; }
.news_top .hidden.l{ float:left; display:flex; align-items:center; }
.news_top .hidden.l div{ width:92%; margin:0px 4%; }
.news_top .hidden.l div del{ display:block; margin-bottom:1.5rem; font-size:0.875rem; color:#043786; line-height:2; }
.news_top .hidden.l div del span{ display: inline-block; padding: 0px 1rem; border-radius: 2rem; background-color:#dce2e9; }
.news_top .hidden.l div dd{ font-size:2.25rem; color:#043786; font-weight:bold; line-height:1.75; max-width:33rem; }
.news_top .hidden.l div dl{ font-size:1rem; color:#333333; line-height:2; height:8rem; overflow:hidden; margin-top:1rem; }
.news_top .hidden.l div ol{ font-size:1rem; color:#999999; margin-top:2rem; }
.news_top .hidden.r{ float:right; position:relative; max-width:51.5rem; border-radius:0.5rem; }

.news_so{ position:relative; height:3.75rem; z-index:9; }
.news_so .so_lm{ float:left; position:relative; width:15rem; }
.news_so .so_lm div.t{ border:1px solid #eeeeee; padding: 0px 1.25rem; cursor: pointer; position: relative; height:3rem; line-height: 3rem; border-radius:2rem; }
.news_so .so_lm div.t del{ display:none; color:#333333; font-size:1.125rem; }
.news_so .so_lm div.t del.on{ display:block; }
.news_so .so_lm div.t i.fa{ position:absolute; z-index:2; right:1.25rem; font-size:1.5rem; top:50%; margin-top:-0.75rem; }
.news_so .so_lm div.f{ position:absolute; border:1px solid #eeeeee; background-color:#ffffff; z-index:2; overflow: hidden; left:0px; right:0px; top:3rem; border-radius:0.5rem; padding:1rem 0px; display:none; }
.news_so .so_lm:hover div.f{ display:block; }
.news_so .so_lm div.f div{ height:10rem; overflow-x: hidden; overflow-y: auto; }
.news_so .so_lm div.f div::-webkit-scrollbar{ width:4px;}
.news_so .so_lm div.f div::-webkit-scrollbar-track{ background-color:#cccccc; }
.news_so .so_lm div.f div::-webkit-scrollbar-thumb{ background-color:#286bb2; }
.news_so .so_lm div.f div::-webkit-scrollbar-thumb:hover{ background-color:#286bb2; }
.news_so .so_lm div.f div::-webkit-scrollbar-thumb:active{ background-color:#286bb2; }
.news_so .so_lm div.f div a{ display:block; padding:0px 5%; font-size:1rem; line-height:2; color:#333333; }
.news_so .so_lm div.f div a:hover{ background-color:#286bb2; color:#ffffff; }

.news_so .so_bd{ margin-left:1.5rem; float:left; max-width:24rem; width:50%; border:1px solid #eeeeee; overflow: hidden; border-radius:2rem; padding:0px 1.5rem; }
.news_so .so_bd div,.news_so .so_bd div input,.news_so .so_bd div button{ height:3rem; }
.news_so .so_bd div{ position:relative; padding-right:2.5rem; }
.news_so .so_bd div input,.news_so .so_bd div button{ outline:none; border:0px; }
.news_so .so_bd div input{ width:100%; font-size:1.125rem; }
.news_so .so_bd div input::-webkit-input-placeholder{ color: #999999; }
.news_so .so_bd div button{ position:absolute; top:0px; bottom:0px; right:0px; width:2.5rem; background:url(../images/so3.png) no-repeat scroll right center; background-size:1.25rem; }
.news_so .so_bd div button:hover{ background-image:url(../images/so2.png); }

ul.news_lb,ul.news_lb li{ overflow:hidden; }
ul.news_lb{ width:102%; margin:3rem 0px 1.5rem; }
ul.news_lb li{ float:left; width: 31.805%; margin-right: 1.284%; margin-bottom:3.5rem; }
ul.news_lb li a{ display:block; position: relative; }
ul.news_lb li a div.t{ position:relative; height:20rem; overflow:hidden; border-radius:0.5rem; }
ul.news_lb li a div.t i{ transition: all 0.5s ease; }
ul.news_lb li a:hover div.t i{ transform: scale(1.1); transition: all 0.5s ease; }
ul.news_lb li a div.f{ height:12rem; margin-top:1.5rem; border-bottom:2px solid #eeeeee; }
ul.news_lb li a div.f del{ margin-bottom:1.25rem; font-size: 0.875rem; color: #999999; border: 1px solid #eeeeee; padding: 0px 0.875rem; line-height:2; border-radius: 2rem; display:inline-block; }
ul.news_lb li a div.f dd{ font-size:1.5rem; color:#333333; font-weight:bold; line-height:1.5; height:4.5rem; overflow:hidden; }
ul.news_lb li a:hover div.f dd{ color:#043786; }
ul.news_lb li a div.f ol{ font-size:1rem; color:#999999; margin-top:1rem; }

ul.news_lb li a i.x{ position:absolute; left:0px; bottom:0px; height: 2px; background-color:#286bb2; width:0px; transition: all 0.5s ease; }
ul.news_lb li a:hover i.x{ width:100%; transition: all 0.5s ease; }

/*新闻详情*/
.news_show{ padding:3rem 0px 8rem; }
.news_show .tit{ font-size:1rem; color:#999999; }
.news_show .tit a{ color:#999999; }
.news_show .tit a:hover{ color:#043786; }

.news_show_xx{ margin-top:3rem; position:relative; }
.news_show_xx i.x{ position:absolute; top:0px; bottom:0px; width:1px; background-color:#eeeeee; left:70.5%; }

.news_show_xx ul.xx{ width:66%; overflow:hidden; }
.news_show_xx ul.xx li.t{ font-size:2.25rem; color:#043786; font-weight:bold; line-height:1.75; max-width:40rem; }
.news_show_xx ul.xx li.n{ margin-top:0.5rem; height:2.5rem; font-size:1rem; color:#999999; }
.news_show_xx ul.xx li.n div.l{ float:left; margin-top:0.5rem; }
.news_show_xx ul.xx li.n div.l del,.news_show_xx ul.xx li.n div.l a{ display:block; float:left; background-repeat:no-repeat; background-size:auto 1.125rem; background-position:left center; height: 1.25rem; }
.news_show_xx ul.xx li.n div.l del{ border-right:1px solid #b4b4b4; margin-right: 1.25rem; padding-left:2rem; padding-right:0.75rem; }
.news_show_xx ul.xx li.n div.l del.s{ background-image:url(../images/s_tb1.png); }
.news_show_xx ul.xx li.n div.l del.k{ background-image:url(../images/s_tb2.png); }
.news_show_xx ul.xx li.n div.l a.d{ background-image:url(../images/s_tb3.png); width:1.5rem; }

.news_show_xx ul.xx li.n div.r{ float:right; }
.news_show_xx ul.xx li.n div.r span,.news_show_xx ul.xx li.n div.r a{ display:block; float:left; line-height:2.5rem; height:2.5rem; }
.news_show_xx ul.xx li.n div.r a{ width:2.5rem; border:1px solid #eeeeee; border-radius:50%; background-repeat:no-repeat; background-position:center; background-size:auto 1.125rem; margin-left:1rem; transition: all 0.5s ease; }
.news_show_xx ul.xx li.n div.r a:hover{ background-color:#0761b3; transition: all 0.5s ease; }
.news_show_xx ul.xx li.n div.r a.x1{ background-image:url(../images/fx1.png); }
.news_show_xx ul.xx li.n div.r a.x2{ background-image:url(../images/fx2.png); }
.news_show_xx ul.xx li.n div.r a.x3{ background-image:url(../images/fx3.png); }
.news_show_xx ul.xx li.n div.r a.x4{ background-image:url(../images/fx4.png); }
.news_show_xx ul.xx li.n div.r a.x1:hover{ background-image:url(../images/fx11.png); }
.news_show_xx ul.xx li.n div.r a.x2:hover{ background-image:url(../images/fx22.png); }
.news_show_xx ul.xx li.n div.r a.x3:hover{ background-image:url(../images/fx33.png); }
.news_show_xx ul.xx li.n div.r a.x4:hover{ background-image:url(../images/fx44.png); }

.news_show_xx ul.xx li.c{ font-size:1.125rem; color:#333333; line-height:2; border-top:1px solid #eeeeee; border-bottom:1px solid #eeeeee; min-height:60vh; padding:1.5rem 0px; margin:2rem 0px; }
.news_show_xx ul.xx li.f{ position:relative; padding-right:15rem; font-size:1.125rem;line-height:2; }
.news_show_xx ul.xx li.f dl{ overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; color:#999999; }
.news_show_xx ul.xx li.f dl i{ color:#333333; }
.news_show_xx ul.xx li.f dl a{ color:#999999; }
.news_show_xx ul.xx li.f dl a:hover{ color:#043786; }
.news_show_xx ul.xx li.f a.fh{ position:absolute; right:0px; color:#333333; border:1px solid #eeeeee; top:0px; padding:0px 1.5rem; border-radius:2rem; top:50%; margin-top:-1.25rem; }
.news_show_xx ul.xx li.f a.fh:hover{ background-color:#043786; color:#ffffff; }

.news_show_xx .tj_bg{ position:absolute; top:0px; right:0px; bottom:0px; width:26.5%; }
.news_show_xx .tj_bg ul,.news_show_xx .tj_bg ul li{ overflow:hidden; }
.news_show_xx .tj_bg ul{ position: sticky; top: 6.5rem; }
.news_show_xx .tj_bg ul li.t{ font-size:2.25rem; color:#333333; padding-bottom:1.5rem; border-bottom:1px solid #eeeeee; }
.news_show_xx .tj_bg ul li.c{ border-bottom:1px solid #eeeeee; padding:1rem 0px; font-size:1.125rem; line-height:1.75; }
.news_show_xx .tj_bg ul li.c a{ display:block; color:#333333; }
.news_show_xx .tj_bg ul li.c a:hover{ color:#043786; }
.news_show_xx .tj_bg ul li.f{ margin-top:0.75rem; }
.news_show_xx .tj_bg ul li.f a{ font-size:1rem; color:#0761b3; line-height:2; }

/*加入我们*/
.job_tit{ text-align:center; font-size:3rem; font-weight:bold; color:#333333; }

.job_zyfz{ padding:4.5rem 0px 7.5rem; }
.job_zyfz ul,.job_zyfz ul li{  }
.job_zyfz ul{ margin-top:5rem; display: flex; justify-content: space-between; }
.job_zyfz ul li{ width:24%; border-radius:0.5rem; overflow: hidden; cursor: pointer; transition: all 0.5s ease; }
.job_zyfz ul li:hover{ box-shadow:0px 0.5rem 0.75rem 0px rgba(0,0,0,0.14); transition: all 0.5s ease; }
.job_zyfz ul li div{ height:16rem; background-color:#ffffff; border-radius:0.5rem; overflow: hidden; border:1px solid #eeeeee; padding:1.5rem 6% 0px; }
.job_zyfz ul li div ol{ margin-bottom:1.5rem; }
.job_zyfz ul li div ol i{ display:inline-block; width:3.75rem; height:3.75rem; border-radius:50%; position:relative; background-color:#eeeeee; }
.job_zyfz ul li div ol i img{ position:absolute; top:0px; bottom:0px; left:0px; right:0px; margin:auto; max-height:54%; max-width:54%; }
.job_zyfz ul li div dd{ font-size:1.5rem; color:#333333; font-weight:bold; }
.job_zyfz ul li div dl{ font-size:1.125rem; color:#999999; line-height:1.75; margin-top:0.5rem; }

.job_ygfc{ padding:3rem 0px 4.5rem; }

.job_ygfc .ygfc_n{ text-align:center; margin:1.5rem 0px 3rem; }
.job_ygfc .ygfc_n a{ font-size:1.125rem; color:#999999; line-height:2.5; display:inline-block; padding:0px 2.25rem; border-radius:0.5rem; }
.job_ygfc .ygfc_n a:hover{ color:#043786; }
.job_ygfc .ygfc_n a.o{ background-color:#286bb2; color:#ffffff; }

/*.job_ygfc_qh_bg{ position:relative; height:36rem; }*/
/*.job_ygfc_qh{ width: 102%; overflow: hidden; position: absolute; z-index:0; opacity:0; top:0px; left:0px; right:0px; bottom:0px; transition: all 0.5s ease; }
.job_ygfc_qh.x{ z-index:9; opacity:1; transition: all 0.5s ease; }*/

.job_ygfc_qh_bg{ padding-top:2rem; position:relative; }
.job_ygfc_qh,.job_ygfc_qh .swiper-wrapper,.job_ygfc_qh .swiper-wrapper .swiper-slide{  }
.job_ygfc_qh{ width: 102%; overflow: hidden; }
.job_ygfc_qh .swiper-wrapper{ height:31.5rem; }
.job_ygfc_qh .swiper-wrapper .swiper-slide{ position:relative; cursor:grab; }
.job_ygfc_qh .swiper-wrapper .swiper-slide div{ float: left; width: 23.338%; margin-right:1.53%; border-radius: 0.5rem; overflow: hidden; height:15rem; position:relative; margin-bottom:1.5rem; }

.job_ygfc_qh div.qh{ position: absolute; z-index: 99; font-size: 2rem; color: #ff0000; top: 0px; display:none; }
.job_ygfc_qh .page{ width:100%; text-align:center; margin-top:3rem; }
.job_ygfc_qh .page span{ display:inline-block; width:2.5rem; height:0.5rem; border-radius:0.5rem; margin:0px 0.5rem; background-color:#8a8a8a; }
.job_ygfc_qh .page span.on{ background-color:#286bb2; }

.job_lb{ padding:4.5rem 0px 7rem; }
.job_lb .xx{ text-align:center; font-size:1.125rem; color:#999999; line-height:1.75; margin:1.5rem auto 2.5rem; max-width:53rem; }
.job_lb .nav{ text-align:center; margin-bottom:1.5rem; font-size:1.125rem; line-height:2.5; }
.job_lb .nav a{ display:inline-block; color:#333333; border:1px solid #333333; min-width:8rem; padding:0px 1.5rem; border-radius:0.5rem; margin:0px 0.5rem; }
.job_lb .nav a:hover{ color:#043786; border:1px solid #043786; }
.job_lb .nav a.on{ background-color:#286bb2; border:1px solid #286bb2; color:#ffffff; }

.job_lb .so_bg{ height:3rem; margin-bottom:1rem; }
.job_lb .so_bg .sx_l,.job_lb .so_bg .sx_l div.xl,.job_lb .so_bg .sx_l div.so,.job_lb .so_bg .sx_l div.so div{ height:3rem; }
.job_lb .so_bg .sx_l{ float:left; width:80%; max-width:67.5rem; display: flex; justify-content: space-between; }
.job_lb .so_bg .sx_l div.xl,.job_lb .so_bg .sx_l div.so{ border:1px solid #eeeeee; border-radius:0.5rem; }
.job_lb .so_bg .sx_l div.xl,.job_lb .so_bg .sx_l div.xl div.l,.job_lb .so_bg .sx_l div.xl div.r{ height:3rem; }
.job_lb .so_bg .sx_l div.xl{ width:26%; background-color:#ffffff; margin-right:1%; font-size:1.125rem; line-height:3rem; }
.job_lb .so_bg .sx_l div.xl div.l{ float:left; text-align:right; color:#999999; width:34%; }
.job_lb .so_bg .sx_l div.xl div.r{ float:right; color:#333333; width:60%; position:relative; cursor: pointer; }
.job_lb .so_bg .sx_l div.xl div.r div.n{ color:#333333; position:relative; }
.job_lb .so_bg .sx_l div.xl div.r div.n span{ display:none; width:84%; }
.job_lb .so_bg .sx_l div.xl div.r div.n span.o{ display:block; }
.job_lb .so_bg .sx_l div.xl div.r div.n i{ position:absolute; right:5%; top:50%; margin-top:-0.5625rem; }
.job_lb .so_bg .sx_l div.xl div.r div.x{ position:absolute; background-color:#ffffff; border:1px solid #eeeeee; width:100%; border-radius:0.5rem; padding:1rem 0px; box-shadow:0px 8px 10px 0px rgba(0,0,0,0.14); display:none; }
.job_lb .so_bg .sx_l div.xl div.r:hover div.x{ display:block; }
.job_lb .so_bg .sx_l div.xl div.r div.x div{ height:11rem; overflow-x: hidden; overflow-y: auto; }
.job_lb .so_bg .sx_l div.xl div.r div.x div::-webkit-scrollbar{ width:4px;}
.job_lb .so_bg .sx_l div.xl div.r div.x div::-webkit-scrollbar-track{ background-color:#cccccc; }
.job_lb .so_bg .sx_l div.xl div.r div.x div::-webkit-scrollbar-thumb{ background-color:#286bb2; }
.job_lb .so_bg .sx_l div.xl div.r div.x div::-webkit-scrollbar-thumb:hover{ background-color:#286bb2; }
.job_lb .so_bg .sx_l div.xl div.r div.x div::-webkit-scrollbar-thumb:active{ background-color:#286bb2; }
.job_lb .so_bg .sx_l div.xl div.r div.x div a{ display:block; padding:0px 5%; font-size:1.125rem; line-height:2; color:#333333; }
.job_lb .so_bg .sx_l div.xl div.r div.x div a:hover{ background-color:#286bb2; color:#ffffff; }

.job_lb .so_bg .sx_l div.so{ background-color:#ffffff; width:42.5%; padding:0px 1.5%; }
.job_lb .so_bg .sx_l div.so div{ position:relative; padding-right:2rem; }
.job_lb .so_bg .sx_l div.so div input,.job_lb .so_bg .sx_l div.so div button{ height:3rem; border:0px; outline:none; }
.job_lb .so_bg .sx_l div.so div input{ font-size:1.125rem; line-height:3rem; width:100%; }
.job_lb .so_bg .sx_l div.so div input::-webkit-input-placeholder{ color: #999999; }
.job_lb .so_bg .sx_l div.so div button{ position:absolute; width:2rem; background:url(../images/so2.png) no-repeat scroll right center; background-size:1.25rem; transition: all 0.5s ease; }
.job_lb .so_bg .sx_l div.so div button:hover{ background:url(../images/so3.png) no-repeat scroll center; transition: all 0.5s ease; }

.job_lb .so_bg div.nb{ float:right; width:17%; max-width:11.25rem; overflow:hidden; }
.job_lb .so_bg div.nb a{ display:block; font-size:1.125rem; color:#ffffff; border-radius:0.5rem; line-height:3rem; height:3rem; padding-left:4rem; background:url(../images/nb.png) no-repeat scroll 22% center #286bb2; background-size:auto 1.125rem; transition: all 0.5s ease; }
.job_lb .so_bg div.nb a:hover{ background-position:18% center; transition: all 0.5s ease; }

.job_lb ul.lb,.job_lb ul.lb li{ overflow:hidden; }
.job_lb ul.lb{ margin-bottom:3rem; min-height:60vh; }
.job_lb ul.lb li{ margin-bottom:1.5rem; background-color:#ffffff; border-radius:0.5rem; border:1px solid #eeeeee; }
.job_lb ul.lb li div.bg{ overflow:hidden; width:96%; margin:0px auto; }
.job_lb ul.lb li .bg.t{ padding:1rem 0px; cursor: pointer; }
.job_lb ul.lb li .bg.t div{ height:4rem; }
.job_lb ul.lb li .bg.t div.l{ float:left; display:flex; align-items:center; width:36%; max-width: 20rem; margin-right:2%; }
.job_lb ul.lb li .bg.t div.l del{ font-size:1.5rem; color:#333333; display:block; width:100%; }
.job_lb ul.lb li .bg.t div.c{ float:left; font-size:1.125rem; line-height:1.75; width:16%; }
.job_lb ul.lb li .bg.t div.c dd{ color:#999999; }
.job_lb ul.lb li .bg.t div.c dl{ color:#333333; }

.job_lb ul.lb li .bg.t div.r{ float:right; display:flex; align-items:center; width:14%; }
.job_lb ul.lb li .bg.t div.r del{ display:block; width:100%; }
.job_lb ul.lb li .bg.t div.r del a,.job_lb ul.lb li .bg.t div.r del i{ display:block; }
.job_lb ul.lb li .bg.t div.r del a{ font-size:1.125rem; color:#333333; border:1px solid #eeeeee; float: left; border-radius:0.5rem; line-height:3rem; height:3rem; width:79%; text-align:center; }
.job_lb ul.lb li .bg.t div.r del a:hover{ background-color:#286bb2; color:#ffffff; }
.job_lb ul.lb li .bg.t div.r del i{ float:right; font-size:1.5rem; margin-top:0.75rem; }

.job_lb ul.lb li .bg.f{ display: none; border-top:1px solid #eeeeee; padding:2.5rem 0px 6rem; font-size:1.125rem; line-height:1.75; }
.job_lb ul.lb li.on .bg.f{ display:block; margin-top:1rem; }
.job_lb ul.lb li .bg.f ol{ display:none; }
.job_lb ul.lb li .bg.f dd{ color:#999999; margin-bottom:0.5rem; }
.job_lb ul.lb li .bg.f dl{ margin-bottom:0.5rem; white-space:pre-wrap; }

.job_gg{ width:100%; overflow:hidden; background:url(../images/job_gg.jpg) no-repeat scroll center; background-size:cover; }
.job_gg .width1680{ height:17.5rem; display:flex; align-items:center; color:#ffffff; }
.job_gg .width1680 div{ width:100%; text-align:center; }
.job_gg .width1680 div dl{ font-size:1.5rem; }
.job_gg .width1680 div ol{ margin-top:2.5rem; font-size:1.125rem; }
.job_gg .width1680 div ol a{ display:inline-block; border:1px solid #ffffff; color:#ffffff; height:3rem; line-height:3rem; width:11.25rem; border-radius:0.5rem; }
.job_gg .width1680 div ol a:hover{ background-color:#ffffff; color:#0761b3; }

/*动画效果*/
.i_md .job_zyfz ul li{ opacity:0; margin-top:3rem; }
.i_md.on .job_zyfz ul li{ opacity:1; margin-top:0px; transition: all 0.5s ease; }

.i_md .job_ygfc_qh_bg{ opacity:0; margin-top:3rem; }
.i_md.on .job_ygfc_qh_bg{ opacity:1; margin-top:0px; transition: all 0.5s ease; }

/*联系我们*/
.banner_contact,.banner_contact .swiper-wrapper,.banner_contact .swiper-wrapper .swiper-slide{ height:42.5rem; }
.banner_contact{ width: 100%; overflow: hidden; position: relative; }
.banner_contact .swiper-wrapper{  }
.banner_contact .swiper-wrapper .swiper-slide{ position:relative; cursor:grab; }

.banner_contact div.qh{ position: absolute; z-index: 99; font-size: 2rem; color: #ff0000; top: 0px; display:none; }
.banner_contact .page{ position:absolute; left:0px; width:100%; bottom:1rem; z-index:9; text-align:center; line-height:0.25rem; }
.banner_contact .page span{ display:inline-block; width:2.5rem; height:0.25rem; border-radius:2px; margin:0px 0.5rem; background-color:#ffffff; opacity:0.5; }
.banner_contact .page span.on{ background-color:#2f5aff; opacity:1; }

.contact_bg{ background:url(../images/contact_bg.jpg) no-repeat scroll center 6rem; width:100%; overflow:hidden; }
.contact_bg .width1680{ padding:6rem 0px; min-height:58rem; }
.contact_bg .width1680 .tit{ font-size:3rem; font-weight:bold; color:#333333; margin-bottom:2rem; }
.contact_bg .width1680 ul{ display: flex; justify-content: space-between; }

ul.contact_fs{ margin-bottom:4rem; }
ul.contact_fs li{ margin-bottom:5rem; width:32.143%; border:1px solid #eeeeee; border-radius:0.5rem; overflow:hidden; }
ul.contact_fs li div{ padding-top:2rem; height:13rem; background:linear-gradient(to top,#ffffff,#f5f9fd,#d9e8f7); text-align:center; }
ul.contact_fs li div ol{ margin-bottom:1.5rem; }
ul.contact_fs li div ol img{ height:3rem; }
ul.contact_fs li div dd{ font-size:1.5rem; font-weight:bold; color:#286bb2; }
ul.contact_fs li div dl{ font-size:1.125rem; color:#333333; line-height:2; margin-top:1rem; white-space:pre-wrap; }

ul.contact_dz{ padding:0.25rem; }
ul.contact_dz li{ overflow: hidden; width:23.81%; box-shadow:0px 0px 0.75rem 0px rgba(0,0,0,0.14); background-color:#ffffff; border-radius:0.75rem; }
ul.contact_dz li div{ padding:0.75rem 1rem; height:27.25rem; }
ul.contact_dz li div ol{ position:relative; height:16.25rem; border-radius:0.75rem; overflow:hidden; }
ul.contact_dz li div dd{ font-size:1.5rem; font-weight:bold; margin-top:1.5rem; }
ul.contact_dz li div dl{ font-size:1.125rem; color:#999999; line-height:1.75; margin-top:1rem; white-space:pre-wrap; }

.contact_lyfk{ background:url(../images/contact_lyfk_bg.jpg) no-repeat scroll center; }
.contact_lyfk .width1680{ height:67.5rem; display:flex; align-items:center; }
.contact_lyfk .width1680 .lyfk_bg{ width:100%; }
.contact_lyfk .width1680 .lyfk_bg .tit{ margin-bottom:2.5rem; }
.contact_lyfk .width1680 .lyfk_bg .tit dd{ font-size:3rem; font-weight:bold; color:#333333; }
.contact_lyfk .width1680 .lyfk_bg .tit dl{ font-size:1.125rem; color:#999999; margin-top:1.25rem; }
.contact_lyfk .width1680 .lyfk_bg form{ display:block; width:66%; overflow:hidden; position:relative; }
.contact_lyfk .width1680 .lyfk_bg form .form-group{ margin-bottom:1rem; width:48.5%; }
.contact_lyfk .width1680 .lyfk_bg form #dr_row_title{ position:absolute; opacity:0; width:0px; height:0px; overflow:hidden; }
.contact_lyfk .width1680 .lyfk_bg form #dr_row_gsmc,.contact_lyfk .width1680 .lyfk_bg form #dr_row_xingming,.contact_lyfk .width1680 .lyfk_bg form #dr_row_dhhm{ float:left; }
.contact_lyfk .width1680 .lyfk_bg form #dr_row_ndhy,.contact_lyfk .width1680 .lyfk_bg form #dr_row_bumen,.contact_lyfk .width1680 .lyfk_bg form #dr_row_dzyx{ float:right; }
.contact_lyfk .width1680 .lyfk_bg form #dr_row_xx,.contact_lyfk .width1680 .lyfk_bg form #dr_row_liuyan,.contact_lyfk .width1680 .lyfk_bg form .button{ float:left; width:100%; }

.contact_lyfk .width1680 .lyfk_bg form .form-group label{ padding-right:8px; font-size: 1rem; color: #333333; position:relative; }
.contact_lyfk .width1680 .lyfk_bg form .form-group label span{ position:absolute; right:0px; color:#ff0000; }
.contact_lyfk .width1680 .lyfk_bg form .form-group div{ margin-top:0.75rem; border-radius:0.5rem; border:1px solid #eeeeee; padding:0px 1rem; background-color:#ffffff; }
.contact_lyfk .width1680 .lyfk_bg form .form-group div:hover{ border:1px solid #0274bb; }
.contact_lyfk .width1680 .lyfk_bg form #dr_row_xx div{ padding:0px; }

.contact_lyfk .width1680 .lyfk_bg form .form-group div input{ height:3rem; line-height:3rem; font-size:1.125rem; outline:none; border:0px; }
.contact_lyfk .width1680 .lyfk_bg form .form-group div select{ height:3rem; line-height:3rem; font-size:1.125rem; outline:none; border:0px; display:block; width:100%; padding:0px 1rem; border-radius:0.5rem; background:url(../images/xl.png) no-repeat scroll 98% center; }
.contact_lyfk .width1680 .lyfk_bg form .form-group div textarea{ border:0px; outline:none; font-size:1.125rem; line-height:1.75; padding:0.5rem 0px; }

.contact_lyfk .width1680 .lyfk_bg form .button{ overflow:hidden; }
.contact_lyfk .width1680 .lyfk_bg form .button div.l{ float:left; width:79%; overflow:hidden; }
.contact_lyfk .width1680 .lyfk_bg form .button div.l input{ float:left; border:1px solid #cccccc; font-size: 1rem; outline:none; padding: 0px 0.875rem; border-radius:0.5rem; line-height:3rem; height:3rem; width:56%; }
.contact_lyfk .width1680 .lyfk_bg form .button div.l input::-webkit-input-placeholder{ color: #999999; }

.contact_lyfk .width1680 .lyfk_bg form .button div.l del{ float:right; height:3rem; position:relative; width:30%; max-width:11.25rem; border:1px solid #cccccc; background-color:#ffffff; border-radius:0.5rem; overflow:hidden; }
.contact_lyfk .width1680 .lyfk_bg form .button div.l del img{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; margin:auto; }

.contact_lyfk .width1680 .lyfk_bg form .button div.r{ float:right; border:1px solid #eeeeee; border-radius:0.5rem; background-color:#ffffff; width:18%; overflow:hidden; }
.contact_lyfk .width1680 .lyfk_bg form .button div.r button{ display:block; height:3rem; line-height:3rem; border:0px; background-color:#ffffff; text-align:center; width:100%; font-size:1.125rem; color:#333333; }
.contact_lyfk .width1680 .lyfk_bg form .button div.r button i{ padding-left:1.5rem; background:url(../images/tj.png) no-repeat scroll left center; background-size:0.875rem auto; }
.contact_lyfk .width1680 .lyfk_bg form .button div.r button:hover{ background-color:#286bb2; color:#ffffff; }
.contact_lyfk .width1680 .lyfk_bg form .button div.r button:hover i{ background-image:url(../images/tj2.png); }

@media only screen and (max-width:1920px){
    .contact_bg{ background-size:100% auto; }
    .contact_lyfk{ background-size:cover; }
}

/*动画效果*/
.contact_bg .width1680 .i_md ul{ opacity:0; margin-top:3rem; }
.contact_bg .width1680 .i_md.on ul{ opacity:1; margin-top:0px; transition: all 0.5s ease; }

.i_md .contact_lyfk .width1680 .lyfk_bg form{ opacity:0; margin-top:3rem; }
.i_md.on .contact_lyfk .width1680 .lyfk_bg form{ opacity:1; margin-top:0px; transition: all 0.5s ease; }

/*隐私条款 丨 法律法规*/
.page_xx{ margin:3rem auto; max-width:75rem; }
.page_xx div{ overflow:hidden; color:#333333; }
.page_xx div.t{ text-align:center; font-size:2.25rem; font-weight:bold; }
.page_xx div.f{ font-size:1.125rem; line-height:2; margin-top:2rem; min-height:80vh; }

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

/*fenye*/
.fenye{ text-align:center; font-size:1.125rem; line-height:2; }
.fenye i{ display:none; }
.fenye a{ color:#333333; }
.fenye a i.fa{ display:inline-block; }
.fenye a,.fenye span{ border: 1px solid #eeeeee; display:inline-block; border-radius: 0.5rem; overflow: hidden; height: 3rem; line-height: 3rem; padding:0px 1.108rem; margin:0px 0.45rem; }
.job_fenye a,.job_fenye span{ background-color:#ffffff; color:#286bb2; }
.fenye a:hover,.fenye span{ color:#ffffff; background-color:#286bb2; border: 1px solid #286bb2; }
.fenye a i{ font-size:2rem; line-height:1.5; }

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