@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 */

body{ padding:0; 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:0px;left:0px;right:0px;bottom:0px; z-index:0; background-repeat:no-repeat;background-position:center;background-size:cover; }
img{ max-width:100%; max-height:100%; vertical-align:middle; }
video,textarea{ vertical-align:middle; }
section.i_md{ width:100%; overflow:hidden; position:relative; }
i.md{ position:absolute; margin-top:-6rem; z-index:0; }
/* top_bg */
.top_h,.top_bg,.top_bg .width1680,.top_bg .width1680 a.logo,.top_bg .width1680 .logo_x,.top_bg .width1680 ul.lm,.top_bg .width1680 ul.lm li,.top_bg .width1680 ul.lm li dd,.top_bg .width1680 div.t_r{ height:6.25rem; }
.top_h{ width:100%; overflow:hidden; }
.top_bg{ position:fixed; z-index:999; top:0px; left:0px; width:100%; border-bottom:1px solid rgb(255, 255, 255, 0.1); }
.top_bg .width1680{}
.top_bg .width1680 a.logo,.top_bg .width1680 .logo_x,.top_bg .width1680 ul.lm li dd,.top_bg .width1680 div.t_r{ display:flex; align-items:center; }
.top_bg .width1680 a.logo{ float:left; }
.top_bg .width1680 a.logo img{ max-height:3.75rem; }
.top_bg .width1680 a.logo img.b,.top_bg.x .width1680 a.logo img.c{ display:block; }
.top_bg .width1680 a.logo img.c,.top_bg.x .width1680 a.logo img.b{ display:none; }
.top_bg .width1680 .logo_x{ float:left; margin-left:0.75rem; }
.top_bg .width1680 .logo_x div{ color:#ffffff; }
.top_bg .width1680 .logo_x div dd{ font-size:1.125rem; font-weight:bold; letter-spacing: 0.075rem; }
.top_bg .width1680 .logo_x div dl{ font-size:0.875rem; font-family:Arial; margin-top:0.5rem; }

.top_bg .width1680 div.t_r{ float:right; margin-left:5%; }
.top_bg .width1680 div.t_r div{ height:3rem; line-height:3rem; }
.top_bg .width1680 div.t_r div a{ display:block; height:3rem; float:left; }
.top_bg .width1680 div.t_r div a.so{ width:1.125rem; background:url(../images/so.png) no-repeat scroll center; background-size:100% auto; }
.top_bg .width1680 div.t_r div a.so:hover{ background-image:url(../images/so2.png); }
.top_bg .width1680 div.t_r div a.yy{ font-size:1.125rem; color:#ffffff; margin-left:3rem; }
.top_bg .width1680 div.t_r div a.yy:hover{ color:#104fb9; }
.top_bg .width1680 div.t_r div a.yy i{ margin-left:0.5rem; }

.top_bg .width1680 ul.lm{ float:right; }
.top_bg .width1680 ul.lm li{ float:left; }
.top_bg .width1680 ul.lm li dd{ font-size:1.125rem; line-height:2.667; }
.top_bg .width1680 ul.lm li dd i.fa-angle-right{ display:none; }
.top_bg .width1680 ul.lm li dd a{ display: block; height: 3rem; color:#ffffff; padding:0px 2.5rem; }
.top_bg .width1680 ul.lm li dd a i{ margin-left:0.5rem; }
.top_bg .width1680 ul.lm li:hover dd a{ background-color:#104fb9; }
.top_bg .width1680 ul.lm li dl{ position:absolute; background-color:#ffffff; box-shadow:0px 8px 10px 0px rgba(0,0,0,0.14); opacity:0; min-width: 13rem; overflow: hidden; max-height:0px; transition: all 0.25s ease; }
.top_bg .width1680 ul.lm li:hover dl{ padding:1rem 0px; opacity:1; max-height:500vh; transition: all 0.5s ease; }

.top_bg .width1680 ul.lm li dl a{ display:block; padding: 0px 1rem; color:#333333; text-align:center; font-size:1rem; line-height:2.25; }
.top_bg .width1680 ul.lm li dl a:hover{ background-color:#104fb9; color:#ffffff; }
.top_bg .width1680 ul.lm li.yy{ display:none; }

.top_bg.x,.ny_bg.x{ background-color:#ffffff; box-shadow:0px 8px 10px 0px rgba(0,0,0,0.14); }
.ny_bg .width1680 a.logo img.c{ display:block; }
.ny_bg .width1680 a.logo img.b{ display:none; }
.top_bg.x .width1680 ul.lm li dd a,.ny_bg .width1680 ul.lm li dd a{ color:#333333; }
.top_bg.x .width1680 ul.lm li:hover dd a,.ny_bg .width1680 ul.lm li:hover dd a{ color:#ffffff; }
.top_bg.x .width1680 div.t_r div a.yy,.ny_bg .width1680 div.t_r div a.yy{ color:#333333; }
.top_bg.x .width1680 .logo_x div,.ny_bg .width1680 .logo_x div{ color:#333333; }
.top_bg.x .width1680 div.t_r div a.so,.ny_bg .width1680 div.t_r div a.so{ background-image:url(../images/so3.png); }
/*.ny_bg .width1680 ul.lm li dl{ background-color:#ffffff; box-shadow:0px 8px 10px 0px rgba(0,0,0,0.14); }
.ny_bg .width1680 ul.lm li dl a{ color:#333333; }
.ny_bg .width1680 ul.lm li dl a:hover{ background-color:#104fb9; color:#ffffff; }*/

/*so_bg*/
.so_bg{ width:100%;background-color:#ffffff; position:fixed; top:6.25rem; display:none; z-index:999999; box-shadow:0px 2px 10px 0px rgba(0,0,0,0.14); }
.so_bg.x{ display:block; }
.so_bg a.so_gb{ background:url(../images/gb2.png) no-repeat; position:absolute; background-size:cover; width:2rem; height:2rem; right:3%; top:50%; margin-top:-1rem; }
.so_bg a.so_gb:hover{ opacity:0.8; }
.so_bg .width1680{ height:3rem; padding:1rem 0px; overflow:initial; }
.so_bg .width1680 .search-form{ border:1px solid #104fb9; border-radius:2rem; height:3rem; width: 70%; max-width:720px; margin:0px auto; }
.so_bg .width1680 .search-form div{ float:left; height:3rem; margin-right:2rem; margin-left:2rem; }
.so_bg .width1680 .search-form div button{ border:0px; background:none; padding:0px 10px; font-size:1rem; line-height:3rem; outline:none; }
.so_bg .width1680 .search-form div dl{ position:absolute; background-color:#ffffff; padding:10px 0px; z-index:99; display:none; box-shadow:0px 2px 10px 0px rgba(0,0,0,0.14); font-size:1.25rem; line-height:2rem; }
.so_bg .width1680 .search-form div:hover dl{ display:block; }
.so_bg .width1680 .search-form div dl a{ display:block;color:#555555; font-size:1rem; padding:0px 20px; line-height:2rem; }
.so_bg .width1680 .search-form div dl a:hover{ color:#104fb9; }
.so_bg .width1680 .search-form .fl,.so_bg .width1680 .search-form .fr{ outline:none; border:0px; height:3rem; line-height:3rem; }
.so_bg .width1680 .search-form .fl{ float:left; font-size:1rem; width:65%; }
.so_bg .width1680 .search-form .fr{ float:right; font-size:1.5rem; width:40%; max-width:5rem; background-color:#104fb9; color:#ffffff; border-top-right-radius:2rem; border-bottom-right-radius:2rem; }

/* 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 i.p{ opacity:1; }
.banner .swiper-wrapper .swiper-slide i.s{ opacity:0; }
.banner .swiper-wrapper .swiper-slide .width1680{ display:flex; align-items:center; position:relative; z-index:5; color:#ffffff; }
.banner .swiper-wrapper .swiper-slide .width1680 div{ max-width:1000px; opacity:0; margin-top:3rem; }
.banner .swiper-wrapper .swiper-slide.on .width1680 div{ opacity:1; margin-top:0px; transition: all 2s ease; }
.banner .swiper-wrapper .swiper-slide .width1680 div dd{ font-size:3.75rem; font-weight:bold; margin-bottom:1.25rem; }
.banner .swiper-wrapper .swiper-slide .width1680 div dl{ font-size:1.125rem; line-height:2; max-width:465px; }

.banner .page{  position:absolute; bottom: 6.5vh; max-width:1680px; width:90%; z-index:9; line-height:0.25rem; }
.banner .page span{ display:inline-block; width:2.5rem; margin-right: 1.25rem; height:3px; background-color:#ffffff; opacity:0.5; }
.banner .page span.on{ background-color:#104fb9; opacity:1; }

/*产品*/
.i_cp{ min-height:100vh; background-color:#f6f6f6; overflow:hidden; }
.i_cp .width1680{ padding-top: 4rem; position:relative; }
.i_cp .width1680 img.bg{ max-height:7.5rem; }
.i_cp .width1680 dd{ font-size:1.125rem; color:#104fb9; margin-top:-3.4rem; font-weight:bold; }
.i_cp .width1680 dl{ margin-top:1.25rem; font-size:2.25rem; color:#333333; font-weight:bold; padding-right:12rem; }
.i_cp .width1680 a{ position:absolute; right:0px; bottom:0.5rem; border:1px solid #999999; padding: 0px 1.5rem; width: 7rem; height:2.5rem; line-height:2.5rem; font-size:1rem; color:#333333; }
.i_cp .width1680 a i{ font-size:1.5rem; margin-top: 0.5rem; float:right; }
.i_cp .width1680 a:hover{ background-color:#104fb9; border:1px solid #104fb9; color:#ffffff; }

.i_qh_cp_bg,.i_qh_cp,.i_qh_cp .swiper-wrapper,.i_qh_cp .swiper-wrapper .swiper-slide,.i_qh_cp .swiper-wrapper .swiper-slide a{ height: 35rem; }
.i_qh_cp_bg{ margin: 5rem 0px 12rem; width: 100%; position: relative; overflow: hidden; }
.i_qh_cp{ width:59.5902%; margin:0px auto; }
.i_qh_cp .swiper-wrapper{  }
.i_qh_cp .swiper-wrapper .swiper-slide{ position:relative; cursor:grab; }
.i_qh_cp .swiper-wrapper .swiper-slide p.sybt_cp{ width: 100%;text-align: center;position: absolute;z-index: 5;margin-top: 3.25rem;font-size: 2rem;font-weight: bold; }
.i_qh_cp .swiper-wrapper .swiper-slide p.syms_cp{ width: 100%;text-align: center;position: absolute;z-index: 5;margin-top: 6.25rem;font-size: 1.05rem; }
.i_qh_cp .swiper-wrapper .swiper-slide a{ display: block; position: relative; width:97.884%; background-size: cover; margin: 0px auto; overflow: hidden; }
.i_qh_cp .swiper-wrapper .swiper-slide a:hover{ opacity:0.8; }

.i_qh_cp div.qh{ position: absolute; width: 3rem; height: 3rem; border-radius: 50%; background-repeat: no-repeat; background-position: center; top: 50%; background-size:1rem; background-color: #c1c6c9; margin-top: -1.5rem; z-index:9; cursor: pointer; }
.i_qh_cp div.qh:hover{ background-color:#104fb9; }
.i_qh_cp div.qh i{ display:none; }
.i_qh_cp div.qh_l{ background-image: url(../images/jt_l.png); left: 16%; }
.i_qh_cp div.qh_r{ background-image: url(../images/jt_r.png); right: 16%; }

/*走进锐阁*/
.i_about{ margin:10rem 0px 15rem; min-height:38rem; overflow:hidden; }
.i_about i.bg_q{ background-position: right center; background-size:auto 37.625rem; }
.i_about .width1680{ position:relative; z-index:2; }
.i_about .width1680 .tit{ font-weight:bold; }
.i_about .width1680 .tit img.bg{ max-height:6.25rem; }
.i_about .width1680 .tit dd{ font-size:1.5rem; color:#104fb9; margin-top:-0.5rem; }
.i_about .width1680 .tit dl{ margin-top:1.25rem; font-size:2.25rem; color:#333333; max-width:42.75rem; }
.i_about .width1680 .xx{ margin-top:2.5rem; font-size:1rem; color:#999999; line-height:1.75; max-width:42.75rem; }
.i_about .width1680 .more{ margin-top:3rem; overflow:hidden; font-size:1rem; }
.i_about .width1680 .more a{ display:inline-block; border:1px solid #999999; padding:0px 1.5rem; width:7rem; height:2.5rem; line-height:2.5rem; color:#333333; }
.i_about .width1680 .more a i{ font-size:1.5rem; margin-top: 0.5rem; float:right; }
.i_about .width1680 .more a:hover{ background-color:#104fb9; border:1px solid #104fb9; color:#ffffff; }

/*解决方案*/
.i_jjfa{ max-height:67.5rem; position:relative; overflow:hidden; }
.i_jjfa div.bg{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; z-index:0; }
.i_jjfa div.bg i{ opacity: 0; }
.i_jjfa div.bg i.o{ opacity: 1; visibility: visible; animation: scale-bg 3s linear forwards; }

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

.i_jjfa .width1680{ position:relative; z-index:2; height:100vh; max-height:67.5rem; }
.i_jjfa .width1680 .tit{ color:#ffffff; position:relative; padding-top:7vh; }
.i_jjfa .width1680 .tit img.bg{ max-height:6.25rem; }
.i_jjfa .width1680 .tit dd{ font-size:1.125rem; margin-top:-0.5rem; font-weight:bold; }
.i_jjfa .width1680 .tit dl{ margin-top:1.25rem; font-size:2.25rem; font-weight:bold; }
.i_jjfa .width1680 .tit a{ position:absolute; right:0px; bottom:0.5rem; border:1px solid #999999; padding: 0px 1.5rem; width: 8rem; height:2.5rem; line-height:2.5rem; font-size:1rem; color:#ffffff; }
.i_jjfa .width1680 .tit a i{ font-size:1.5rem; margin-top: 0.5rem; float:right; }
.i_jjfa .width1680 .tit a:hover{ background-color:#104fb9; border:1px solid #104fb9; }

.i_jjfa .width1680 .xx_bg{ overflow:hidden; margin-top:11vh; }
.i_jjfa .width1680 .xx_bg div.x{ color:#ffffff; display:none; max-width:72.5rem; }
.i_jjfa .width1680 .xx_bg div.x dd{ font-size:2.25rem; font-weight:bold; }
.i_jjfa .width1680 .xx_bg div.x dl{ font-size:1rem; line-height:1.75; margin-top:1rem; }

.i_jjfa .width1680 ul.lb{ position:absolute; bottom:5vh; background-color:rgb(255, 255, 255, 0.8); left:0px; width:100.02%; }
.i_jjfa .width1680 ul.lb li{ float:left; width:16.66666666667%; text-align:center; cursor: pointer; padding:1.5rem 0px; position:relative; }
.i_jjfa .width1680 ul.lb li:hover{ opacity:0.8; }
.i_jjfa .width1680 ul.lb li i{ position:absolute; left:0px; width:1px; top:0px; bottom:0px; background-color:#999999; }
.i_jjfa .width1680 ul.lb li.o{ background-color:#104fb9; }
.i_jjfa .width1680 ul.lb li ol{ margin-bottom:0.75rem; height:3rem; position:relative; }
.i_jjfa .width1680 ul.lb li ol img{ position:absolute; width:3.75rem; left:50%; margin-left:-1.875rem; }
.i_jjfa .width1680 ul.lb li ol img.h,.i_jjfa .width1680 ul.lb li.o ol img.b{ opacity:1; }
.i_jjfa .width1680 ul.lb li ol img.b,.i_jjfa .width1680 ul.lb li.o ol img.h{ opacity:0; }

.i_jjfa .width1680 ul.lb li dd{ font-size:0.875rem; color:#333333; }
.i_jjfa .width1680 ul.lb li.o dd{ color:#ffffff; }

/*新闻动态*/
.i_news{ width:100%; overflow:hidden; background-color:#f6f6f6; }
.i_news .width1680{ padding:6rem 0px 4.5rem; }
.i_news .width1680 .tit{ position:relative; }
.i_news .width1680 .tit img.bg{ max-height:6.25rem; }
.i_news .width1680 .tit dd{ font-size:1.125rem; margin-top:-0.5rem; color: #104fb9; font-weight:bold; }
.i_news .width1680 .tit dl{ margin-top:1.25rem; font-size:2.25rem; color: #333333; font-weight:bold; }
.i_news .width1680 .tit a{ position:absolute; right:0px; bottom:0.5rem; border:1px solid #104fb9; padding: 0px 1.5rem; width: 7rem; height:2.5rem; line-height:2.5rem; font-size:1rem; color:#104fb9; }
.i_news .width1680 .tit a i{ font-size:1.5rem; margin-top: 0.5rem; float:right; }
.i_news .width1680 .tit a:hover{ background-color:#104fb9; color:#ffffff; border:1px solid #104fb9; }

.i_news_qh .swiper-wrapper,.i_news_qh .swiper-wrapper .swiper-slide,.i_news_qh .swiper-wrapper .swiper-slide div.bg{ height:38.75rem; }
.i_news_qh{ width: 100%; overflow: hidden; position: relative; margin-top:2.5rem; }
.i_news_qh .swiper-wrapper{ }
.i_news_qh .swiper-wrapper .swiper-slide{ position:relative; cursor:grab; }
.i_news_qh .swiper-wrapper .swiper-slide div.bg{ width:102%; }
.i_news_qh .swiper-wrapper .swiper-slide div.xx_bg{ float:left; width:31.805%; margin-right:1.33%; }
.i_news_qh .swiper-wrapper .swiper-slide div.xx_bg:hover{ box-shadow:0px 2px 6px 0px rgba(0,0,0,0.1); }
.i_news_qh .swiper-wrapper .swiper-slide div.xx_bg a{ display:block; background-color:#ffffff; border:1px solid #eeeeee; }
.i_news_qh .swiper-wrapper .swiper-slide div.xx_bg a div.t{ position:relative; height:17.5rem; overflow:hidden; }
.i_news_qh .swiper-wrapper .swiper-slide div.xx_bg a div.t i{ transition: all 0.5s ease; }
.i_news_qh .swiper-wrapper .swiper-slide div.xx_bg a:hover div.t i{ transform: scale(1.1); transition: all 0.5s ease; }
.i_news_qh .swiper-wrapper .swiper-slide div.xx_bg a div.t img{ position:absolute; z-index:2; height:3.5rem; top:1.5rem; left:6%; }

.i_news_qh .swiper-wrapper .swiper-slide div.xx_bg a div.f{ height:18.5rem; width:93%; padding:1.25rem 3.5%; }
.i_news_qh .swiper-wrapper .swiper-slide div.xx_bg a div.f del{ font-size:1rem; color:#004474; background-color:#e4e7f3; display:inline-block; height:2.5rem; line-height:2.5rem; border-radius:2rem; padding:0px 1rem; }
.i_news_qh .swiper-wrapper .swiper-slide div.xx_bg a div.f dd{ font-size:1.5rem; color:#333333; overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; margin-top:1.5rem; }
.i_news_qh .swiper-wrapper .swiper-slide div.xx_bg a:hover div.f dd{ color:#104fb9; }
.i_news_qh .swiper-wrapper .swiper-slide div.xx_bg a div.f dl{ font-size:1rem; color:#999999; overflow: hidden; line-height:2; margin-top:0.75rem; height:9rem; }
.i_news_qh .swiper-wrapper .swiper-slide div.xx_bg a div.f ol{ font-size:1rem; color:#999999; margin-top:0.5rem; }

.i_news_qh .page{ width:100%; text-align:center; margin-top:3rem; display:block; }
.i_news_qh .page span{ display:inline-block; background-color: #e4e7f3; cursor: pointer; width:3rem; height:3px; margin:0px 0.5rem; }
.i_news_qh .page span.on{ background-color:#005189; }

/*资质荣誉*/
.i_zzry{ overflow: hidden; position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; }
.i_zzry .width1680{ position:relative; min-height:100vh; z-index:2; }
.i_zzry .width1680 .tit{ font-weight:bold; position:absolute; z-index:9; top:3rem; width:80%; }
.i_zzry .width1680 .tit img.bg{ max-height:6.25rem; }
.i_zzry .width1680 .tit dd{ font-size:1rem; margin-top:-0.5rem; color: #104fb9; }
.i_zzry .width1680 .tit dl{ margin-top:1.25rem; font-size:2.25rem; color: #333333; }

.i_zzry .width1680 #wrapper{ overflow:hidden; }
.i_zzry .width1680 #wrapper #picSlideWrap{ overflow:hidden; }
.i_zzry .width1680 #wrapper #picSlideWrap .imgnav{ position:relative; overflow:hidden; }
.i_zzry .width1680 #wrapper #picSlideWrap .imgnav #img{ z-index:10; position:relative; padding-top:7.5rem; }
.i_zzry .width1680 #wrapper #picSlideWrap .imgnav #img .xx_bg{ display:none; height:38rem; }
.i_zzry .width1680 #wrapper #picSlideWrap .imgnav #img .xx_bg div.l{ float:left; width: 60%; padding-top: 14rem; white-space:pre-wrap; font-size:2rem; color:#333333; line-height:1.75; /*padding-top:20rem;*/ }
.i_zzry .width1680 #wrapper #picSlideWrap .imgnav #img .xx_bg div.r{ float:right; width:18.453%;  border:1px solid #c6c6c6; background-color:#ebebeb; padding:0.5rem; box-shadow:0px 4px 8px 0px rgba(0,0,0,0.5); margin-right:1rem; }
.i_zzry .width1680 #wrapper #picSlideWrap .imgnav #img .xx_bg div.r img{ border:1px solid #c6c6c6; }

.i_zzry .width1680 #wrapper #picSlideWrap .imgnav #img div.qh{ position:absolute; top: 0px; bottom: 0px; width: 30%; cursor: pointer; }
.i_zzry .width1680 #wrapper #picSlideWrap .imgnav #img div.qh#front{ left:0px; }
.i_zzry .width1680 #wrapper #picSlideWrap .imgnav #img div.qh#next{ right:0px; }

.i_zzry .width1680 #wrapper #picSlideWrap .imgnav #img div.qh a{ position:absolute; width:3rem; height:3rem; border-radius: 50%; background-repeat:no-repeat; background-position:center; background-size:auto 1rem; top:50%; margin-top:-1.5rem; background-color:#999999; opacity:0; }
.i_zzry .width1680 #wrapper #picSlideWrap .imgnav #img div.qh:hover a{ opacity:1; }
.i_zzry .width1680 #wrapper #picSlideWrap .imgnav #img div.qh a:hover{ background-color:#104fb9; }
.i_zzry .width1680 #wrapper #picSlideWrap .imgnav #img div.qh#front a{ left:0px; background-image:url(../images/jt_l.png); }
.i_zzry .width1680 #wrapper #picSlideWrap .imgnav #img div.qh#next a{ right:0px; background-image:url(../images/jt_r.png); }

.i_zzry .width1680 #wrapper #picSlideWrap .imgnav #cbtn{ position:relative; overflow:hidden; }
.i_zzry .width1680 #wrapper #picSlideWrap .imgnav #cbtn #cSlideUl{ overflow:hidden; position:relative; }
.i_zzry .width1680 #wrapper #picSlideWrap .imgnav #cbtn #cSlideUl ul{ position:relative; width:1000000%; overflow:hidden; padding-bottom:4rem; }
.i_zzry .width1680 #wrapper #picSlideWrap .imgnav #cbtn #cSlideUl ul li{ float:left; height:17.5rem; width: 11.5rem; position:relative; cursor: pointer; }
.i_zzry .width1680 #wrapper #picSlideWrap .imgnav #cbtn #cSlideUl ul li i{ position:absolute; bottom:0px; border:1px solid #c6c6c6; background-color:#ebebeb; padding:0.5rem; box-shadow:0px 4px 8px 0px rgba(0,0,0,0.5); width:55%; left:20%; }
.i_zzry .width1680 #wrapper #picSlideWrap .imgnav #cbtn #cSlideUl ul li.hov i{ width:86%; left:3%; }
.i_zzry .width1680 #wrapper #picSlideWrap .imgnav #cbtn #cSlideUl ul li i img{ border:1px solid #c6c6c6; }

.i_zzry .width1680 .hero-gallery{ margin:2rem 0px; width: 100%; outline:0px; position:relative; }
.i_zzry .width1680 .hero-gallery .flickity-viewport{ position: relative; }
.i_zzry .width1680 .hero-gallery .hero-gallery__cell{ width:100%; display:flex; align-items:center; min-height:510px; }
.i_zzry .width1680 .hero-gallery .hero-gallery__cell div{ width:100%; }
.i_zzry .width1680 .hero-gallery .hero-gallery__cell div ol{ width:70%; margin:1rem 12.5%; border:1px solid #c6c6c6; background-color:#ebebeb; padding:0.5rem; box-shadow:0px 4px 8px 0px rgba(0,0,0,0.5); }
.i_zzry .width1680 .hero-gallery .hero-gallery__cell div ol img{ border:1px solid #c6c6c6; }
.i_zzry .width1680 .hero-gallery .hero-gallery__cell div dd{ padding-top:1rem; text-align: center; font-weight: bold; font-size:1rem; white-space:pre-wrap; color:#333333; line-height:1.75; }

.i_zzry .width1680 .hero-gallery button{ position:absolute; width:3rem; height:3rem; border-radius:50%; background-repeat:no-repeat; background-position:center; background-size:auto 1rem; top:50%; margin-top: -1.5rem; background-color:#999999; cursor: pointer; border:0px; }
.i_zzry .width1680 .hero-gallery button.previous{ background-image:url(../images/jt_l.png); left:0px; }
.i_zzry .width1680 .hero-gallery button.next{ background-image:url(../images/jt_r.png); right:0px; }
.i_zzry .width1680 .hero-gallery button svg{ display: none; }
.i_zzry .width1680 .hero-gallery button:hover{ background-color:#104fb9; }

/*广告语*/
.ggy_bg{ position:relative; overflow:hidden; }
.ggy_bg .width1680{ position:relative; z-index:2; height:20rem; display:flex; align-items:center; }
.ggy_bg .width1680 div{ width:100%; color:#ffffff; overflow:hidden; }
.ggy_bg .width1680 div dl.l{ float:left; font-size:2.25rem; }
.ggy_bg .width1680 div dl.r{ float:right; font-size:1.125rem; }
.ggy_bg .width1680 div dl.r a{ display:block; height:3rem; line-height:3rem; width:11.25rem; border:1px solid #ffffff; color:#ffffff; text-align:center; }
.ggy_bg .width1680 div dl.r a:hover{ background-color:#104fb9; }

/*foot_bg*/
.foot_bg{ width:100%; background-color:#103d7e; overflow:hidden; }
.foot_bg .width1680{ padding-top:3.5rem; }
.foot_bg .width1680 .hidden.t{ margin-bottom:5rem; }
.foot_bg .width1680 .hidden.t div.l{ float:left; width:13%; margin-right:2%; }
.foot_bg .width1680 .hidden.t div.l ol{ margin-bottom:2.25rem; }
.foot_bg .width1680 .hidden.t div.l ol img{ max-height:3.4375rem; }
.foot_bg .width1680 .hidden.t div.l dd{ font-size:1.125rem; color:#ffffff; }
.foot_bg .width1680 .hidden.t div.l dl{ margin-top:1.25rem; overflow:hidden; }
.foot_bg .width1680 .hidden.t div.l dl a{ display:block; float:left; margin-right: 1rem; border:1px solid rgb(255, 255, 255, 0.1); border-radius:50%; width:2rem; height:2rem;  background-repeat: no-repeat; background-position:center; background-size:1.25rem; transition: all 0.5s ease; }
.foot_bg .width1680 .hidden.t div.l dl a:hover{ background-color:#ffffff; transition: all 0.5s ease; }
.foot_bg .width1680 .hidden.t div.l dl a.x1{ background-image:url(../images/fx1.png); }
.foot_bg .width1680 .hidden.t div.l dl a.x2{ background-image:url(../images/fx2.png); }
.foot_bg .width1680 .hidden.t div.l dl a.x3{ background-image:url(../images/fx3.png); }
.foot_bg .width1680 .hidden.t div.l dl a.x1:hover;{ background-image:url(../images/fx11.png); }
.foot_bg .width1680 .hidden.t div.l dl a.x2:hover{ background-image:url(../images/fx22.png); }
.foot_bg .width1680 .hidden.t div.l dl a.x3:hover{ background-image:url(../images/fx33.png); }

.foot_bg .width1680 .hidden.t ul.l{ float:left; width:60%; overflow:hidden; }
.foot_bg .width1680 .hidden.t ul.l li{ float:left; width:20%; overflow:hidden; }
.foot_bg .width1680 .hidden.t ul.l li dd{ font-size:1.125rem; }
.foot_bg .width1680 .hidden.t ul.l li dd a{ display:block; color:#ffffff; }
.foot_bg .width1680 .hidden.t ul.l li dl{ margin-top:1rem; font-size:0.875rem; }
.foot_bg .width1680 .hidden.t ul.l li dl a{ display:block; color:rgb(255, 255, 255, 0.5); line-height:2; }
.foot_bg .width1680 .hidden.t ul.l li dl a:hover{ color:#ffffff; }

.foot_bg .width1680 .hidden.t div.r{ float:right; color:#ffffff; max-width:18rem; width:25%; }
.foot_bg .width1680 .hidden.t div.r dd{ font-size:1.125rem; margin-bottom:1rem; }
.foot_bg .width1680 .hidden.t div.r ol{ font-size:2rem; font-weight:bold; margin-bottom:0.5rem; }
.foot_bg .width1680 .hidden.t div.r dl{ font-size:0.875rem; line-height:2.5; white-space:pre-wrap; }

.foot_bg .width1680 .hidden.f{ border-top:1px solid rgb(255, 255, 255, 0.5); padding:1.25rem 0px; }
.foot_bg .width1680 .hidden.f dl{ font-size:1rem; color:rgb(255, 255, 255, 0.5); }
.foot_bg .width1680 .hidden.f dl.l{ float:left; }
.foot_bg .width1680 .hidden.f dl.r{ float:right; }
.foot_bg .width1680 .hidden.f dl a{ color:rgb(255, 255, 255, 0.5); }
.foot_bg .width1680 .hidden.f dl a:hover{ color:#ffffff; }

/*tc_bg*/
.tc_bg{ position:fixed; top:0px; left:0px; right:0px; bottom:0px; z-index:99999; background-color:rgb(0, 0, 0, 0.6); display:none; align-items:center; }
.tc_bg.x{ display:flex; }
.tc_bg .bg{ width:100%; }
.tc_bg .bg div{ width:90%; max-width:40rem; background-color:#ffffff; margin:0px auto; padding:1rem 2rem; position:relative; border-radius:1rem; }
.tc_bg .bg div a.gb{ background:url(../images/gb.png) no-repeat scroll center; background-size: cover; position:absolute; right:0px; top:0px; margin-top:-4rem; margin-right:-3rem; width:2rem; height:2rem; }
.tc_bg .bg div dd{ text-align:center; font-weight:bold; font-size:2rem; }
.tc_bg .bg div dl{ white-space:pre-wrap; font-size: 1rem; line-height: 2; margin-top: 1rem; height:40vh; overflow-x: hidden; overflow-y: auto; }
.tc_bg .bg div dl::-webkit-scrollbar{ width:4px;}
.tc_bg .bg div dl::-webkit-scrollbar-track{ background-color:#cccccc; }
.tc_bg .bg div dl::-webkit-scrollbar-thumb{ background-color:#104fb9; }
.tc_bg .bg div dl::-webkit-scrollbar-thumb:hover{ background-color:#104fb9; }
.tc_bg .bg div dl::-webkit-scrollbar-thumb:active{ background-color:#104fb9; }

/*动画效果*/
.i_md .i_cp .gallery{ opacity:0; padding-top:3rem; }
.i_md.on .i_cp .gallery{ opacity:1; padding-top:0px; transition: all 0.5s ease; }

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

.i_md .i_jjfa .width1680 .xx_bg{ opacity:0; padding-top:3rem; }
.i_md.on .i_jjfa .width1680 .xx_bg{ opacity:1; padding-top:0px; transition: all 0.5s ease; }

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

.i_md .i_zzry .width1680 #wrapper #picSlideWrap .imgnav #img{ opacity:0; margin-top:3rem; }
.i_md.on .i_zzry .width1680 #wrapper #picSlideWrap .imgnav #img{ opacity:1; margin-top:0px; transition: all 0.5s ease; }

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

/*产品中心*/
.cp_t{ overflow:hidden; margin-top:2rem; position:relative; z-index:2; }
.cp_t .hidden.t{ font-size:0.875rem; color:#999999; }
.cp_t .hidden.t a{ color:#999999; }
.cp_t .hidden.t a:hover{ color:#104fb9; }
.cp_t .hidden.f{ margin-top:2.5rem; }
.cp_t .hidden.f div.l{ float:left; }
.cp_t .hidden.f div.l dd{ font-size:2.25rem; color:#333333; font-weight:bold; }
.cp_t .hidden.f div.l dl{ margin-top:1rem; font-size:1rem; color:#333333; opacity:0; }
.cp_t .hidden.f div.l dl i{ color:#104fb9; }

.cp_t .hidden.f div.r{ float:right; border:1px solid #eeeeee; background-color:#f5f5f5; overflow:hidden; width:14rem; border-radius:2rem; padding:0px 1.25rem; margin-top:1.5rem; }
.cp_t .hidden.f div.r button,.cp_t .hidden.f div.r input{ height:3rem; line-height:3rem; border:0px; outline:none; }
.cp_t .hidden.f div.r button{ float:left; width:2rem; background:url(../images/so4.png) no-repeat scroll left center #f5f5f5; }
.cp_t .hidden.f div.r button:hover{ background-image:url(../images/so2.png); }
.cp_t .hidden.f div.r input{ float:right; font-size:1rem; background-color:#f5f5f5; width:12rem; }
.cp_t .hidden.f div.r input::-webkit-input-placeholder{ color: #999999; }

.cp_bg{ padding:3.5rem 0px 12rem; min-height: 100vh; margin-top: -1.5rem; position:relative; z-index:0; }
.cp_bg .cp_l_bg{ position:absolute; top:3.5rem; bottom: 0px; left:0px; width:20%; max-width:20rem; }

.cp_bg .cp_l{ overflow:hidden; width:100%; padding: 1.5rem 0px; background-color:#f5f5f5; position: sticky; top: 6.5rem; }
.cp_bg .cp_l div.tit,.cp_bg .cp_l ul.fl{ width:82%; margin:0px auto; }
.cp_bg .cp_l div.tit{ font-size:1.5rem; color:#333333; font-weight:bold; }
.cp_bg .cp_l ul.fl{ margin-top:2rem; overflow:hidden; }
.cp_bg .cp_l ul.fl li{ margin-top: -1px; border-top:1px solid #cccccc; }
.cp_bg .cp_l ul.fl li.on{ padding-bottom:1rem; }
.cp_bg .cp_l ul.fl li div{ overflow:hidden; }
.cp_bg .cp_l ul.fl li div.n{ position:relative; font-weight:bold; }
.cp_bg .cp_l ul.fl li div.n a{ font-size:1rem; color:#333333; display:block; line-height: 1.75; padding:0.75rem 25% 0.75rem 0px; }
.cp_bg .cp_l ul.fl li div.n i{ position:absolute; z-index:2; width: 30%; right:0px; top:0px; bottom:0px; background:url(../images/jt5.png) no-repeat scroll right center; cursor: pointer; transition: all 0.5s ease; }
.cp_bg .cp_l ul.fl li.on div.n i{ transform: rotateX(180deg); transition: all 0.5s ease; }
.cp_bg .cp_l ul.fl li div.e{ display:none; }
.cp_bg .cp_l ul.fl li.on div.e{ display:block; }
.cp_bg .cp_l ul.fl li div.e dd{ position:relative; }
.cp_bg .cp_l ul.fl li div.e dd a{ font-size:1rem; color:#333333; padding:0.75rem 25% 0.75rem 6%; display:block; }
.cp_bg .cp_l ul.fl li div.e.on dd a{ color:#104fb9; }
.cp_bg .cp_l ul.fl li div.e dd i{ position:absolute; z-index:2; width: 30%; right:0px; top:0px; bottom:0px; background:url(../images/jt5.png) no-repeat scroll right center; cursor: pointer; transition: all 0.5s ease; }
.cp_bg .cp_l ul.fl li.on div.e.on dd i{ transform: rotateX(180deg); transition: all 0.5s ease; }
.cp_bg .cp_l ul.fl li div.e dl{ margin:0.75rem 0px; display:none; }
.cp_bg .cp_l ul.fl li.on div.e.on dl{ display:block; }
.cp_bg .cp_l ul.fl li div.e dl a{ display:block; font-size:1rem; color:#999999; padding:0.75rem 6% 0.75rem 20%; }
.cp_bg .cp_l ul.fl li div.e dl a.on,.cp_bg .cp_l ul.fl li div.e dl a:hover{ background-color:#104fb9; color:#ffffff; }

.cp_bg .cp_r{ margin-left: 25%; width:75%; }
.cp_bg .cp_r ul,.cp_bg .cp_r ul li{ overflow:hidden; }
.cp_bg .cp_r ul{ width:103%; margin-bottom:3rem; min-height:80vh; }
.cp_bg .cp_r ul li{ float:left; height:20rem; margin-bottom:1.25rem; position:relative; background-color:#f5f5f5; width:30.822%; margin-right:2.27%; }
.cp_bg .cp_r ul li a,.cp_bg .cp_r ul li a img{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; }
.cp_bg .cp_r ul li a img{ mix-blend-mode: darken; margin:auto; transition: all 0.5s ease; }
.cp_bg .cp_r ul li a:hover img{ transform: scale(1.1); transition: all 0.5s ease; }
.cp_bg .cp_r ul li a div{ position:absolute; z-index:2; font-size:1rem; color:#333333; padding-left:1.25rem; top:1rem; left:8%; width:65%; }
.cp_bg .cp_r ul li a div i{ position:absolute; width:0.5rem; height:0.5rem; border-radius:50%; background-color:#104fb9; left:0px; top:0.5rem; }
.cp_bg .cp_r ul li a:hover div{ color:#104fb9; }

.cp_bg .cp_r dl{ display:block; position:absolute; top:0px; left:0px; font-size:1rem; color:#333333; line-height:1; }
.cp_bg .cp_r dl i{ color:#104fb9; margin:0px 5px; }

/*产品详情*/
.cp_s_t{ padding:4rem 0px; }
.cp_s_t .tit{ font-size:0.875rem; color:#999999; }
.cp_s_t .tit a{ color:#999999; }
.cp_s_t .tit a:hover{ color:#104fb9; }
.cp_s_t .cp_s_jj{ margin-top:2rem; overflow:hidden; }
.cp_s_t .cp_s_jj .cp_l{ float:left; width:60%; max-width:60.625rem; position:relative; }
.cp_s_t .cp_s_jj .cp_l div.x,.cp_s_t .cp_s_jj .cp_l div.d{ overflow: hidden; height:34.375rem; }
.cp_s_t .cp_s_jj .cp_l div.x{ float:left; width:12%; }
.cp_s_t .cp_s_jj .cp_l div.x div.bg{ transition: transform 0.3s ease; overflow:hidden; }
.cp_s_t .cp_s_jj .cp_l div.x div.bg div{ height:8.75rem; margin-bottom:4px; cursor: pointer; }
.cp_s_t .cp_s_jj .cp_l div.x div.bg div dl{ height: 7.5rem; position:relative; }
.cp_s_t .cp_s_jj .cp_l div.x div.bg div.o dl{ opacity:0.6; background-color: #ebebeb; position:relative; }
.cp_s_t .cp_s_jj .cp_l div.x div.bg div dl i{ mix-blend-mode: darken; }

.cp_s_t .cp_s_jj .cp_l div.d{ float:right; width:86%; max-width:51.875rem; position:relative; }
.cp_s_t .cp_s_jj .cp_l div.d div{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; z-index:0; opacity: 0; transition: all 0.5s ease; background-color: #ebebeb; }
.cp_s_t .cp_s_jj .cp_l div.d div.o{ opacity:1; z-index:2; transition: all 0.5s ease; }
.cp_s_t .cp_s_jj .cp_l div.d div img{ position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: auto; mix-blend-mode: darken; }

.cp_s_t .cp_s_jj .cp_l div.d a.qh{ position:absolute; width:1.5rem; height:2.625rem; top:50%; margin-top:-1.3125rem; z-index:9; background-repeat:no-repeat; background-position:center; background-size:auto 100%; }
.cp_s_t .cp_s_jj .cp_l div.d a.qh_l{ left:1.5rem; background-image:url(../images/jt_s_l1.png); }
.cp_s_t .cp_s_jj .cp_l div.d a.qh_r{ right:1.5rem; background-image:url(../images/jt_s_r1.png); }
.cp_s_t .cp_s_jj .cp_l div.d a.qh_l:hover{ background-image:url(../images/jt_s_l2.png); }
.cp_s_t .cp_s_jj .cp_l div.d a.qh_r:hover{ background-image:url(../images/jt_s_r2.png); }

.cp_s_t .cp_s_jj .cp_l div.xx{ float:right; width:86%; max-width:51.875rem; font-size:1rem; color:#333333; margin-top:1.5rem; }

.cp_s_t .cp_s_jj ul.cp_r{ float:right; overflow:hidden; width:35%; max-width:34.375rem; }
.cp_s_t .cp_s_jj ul.cp_r li{ overflow:hidden; }
.cp_s_t .cp_s_jj ul.cp_r li.n{ border-bottom:1px solid #eeeeee; margin-bottom:1rem; padding-bottom:2rem; font-weight:bold; font-size:2rem; color:#333333; }

.cp_s_t .cp_s_jj ul.cp_r li.g{ border-bottom:1px solid #eeeeee; margin-bottom:1rem; }
.cp_s_t .cp_s_jj ul.cp_r li.g dd{ font-size:1rem; color:#999999; margin-bottom:0.5rem; }
.cp_s_t .cp_s_jj ul.cp_r li.g dl{ font-size:0.875rem; color:#333333; line-height:2; white-space:pre-wrap; min-height:5rem; margin-bottom:1rem; }

.cp_s_t .cp_s_jj ul.cp_r li.x{ font-size:1rem; }
.cp_s_t .cp_s_jj ul.cp_r li.x div{ overflow:hidden; padding:0.75rem 0px; }
.cp_s_t .cp_s_jj ul.cp_r li.x div dl{ width:50%; }
.cp_s_t .cp_s_jj ul.cp_r li.x div dl.l{ float:left; color:#999999; }
.cp_s_t .cp_s_jj ul.cp_r li.x div dl.r{ float:right; color:#333333; }

.cp_s_t .cp_s_jj ul.cp_r li.m{ font-size:1rem; margin-top:3rem; }
.cp_s_t .cp_s_jj ul.cp_r li.m a{ display:block; float:left; width:38%; margin-right:3%; color:#333333; border:1px solid #eeeeee; height:3rem; line-height:3rem; text-align:center; }
.cp_s_t .cp_s_jj ul.cp_r li.m a:hover{ color:#ffffff; background-color: #104fb9; border:1px solid #104fb9; }

.cp_s_f{ width:100%; overflow:hidden; background-color:#f5f5f5; }
.cp_s_f .width1680{ padding-bottom:8rem; }
.cp_s_f .width1680 .cp_xx{ min-height:30rem; overflow:hidden; }
.cp_s_f .width1680 .cp_xx .tit{ overflow:hidden; }
.cp_s_f .width1680 .cp_xx .tit dd{ float:left; width:20%; text-align:center; font-size:1.5rem; color:#333333; padding:1.5rem 0px; border-top:0.375rem solid #f5f5f5; cursor: pointer; }
.cp_s_f .width1680 .cp_xx .tit dd.on{ border-top:0.375rem solid #104fb9; }
.cp_s_f .width1680 .cp_xx .tit dd:hover{ color:#104fb9; }
.cp_s_f .width1680 .cp_xx .xx_bg{ overflow:hidden; margin-top:4rem; }
.cp_s_f .width1680 .cp_xx .xx_bg div.bg{ display:none; font-size:1rem; line-height:2; color:#333333; }
.cp_s_f .width1680 .cp_xx .xx_bg div.bg ul,.cp_s_f .width1680 .cp_xx .xx_bg div.bg ul li{ overflow:hidden; }
.cp_s_f .width1680 .cp_xx .xx_bg div.bg ul.cs{ border:1px solid #cccccc; background-color:#ffffff; }
.cp_s_f .width1680 .cp_xx .xx_bg div.bg ul.cs li{ border-top:1px solid #cccccc; margin-top:-1px; position:relative; }
.cp_s_f .width1680 .cp_xx .xx_bg div.bg ul.cs li div.l,.cp_s_f .width1680 .cp_xx .xx_bg div.bg ul.cs li div.r{ min-height:2rem; }
.cp_s_f .width1680 .cp_xx .xx_bg div.bg ul.cs li div.l{ width:17%; position:absolute; top:0px; left:0px; bottom:0px; background-color:#f0f4f8; font-size:1rem; color:#333333; line-height:2; display:flex; align-items:center; border-right:1px solid #cccccc; }
.cp_s_f .width1680 .cp_xx .xx_bg div.bg ul.cs li div.l dd{ padding:0px 10%; width:80%; }
.cp_s_f .width1680 .cp_xx .xx_bg div.bg ul.cs li div.r{ padding:0.5rem 2% 0.5rem 19%; }

.cp_s_f .width1680 .tjcp{ overflow:hidden; margin-top:4rem; }
.cp_s_f .width1680 .tjcp div.t{ margin-bottom:2rem; overflow:hidden; }
.cp_s_f .width1680 .tjcp div.t b{ float:left; font-size:2.25rem; color:#333333; }
.cp_s_f .width1680 .tjcp div.t a{ float:right; font-size:1rem; color:#333333; margin-top:1.25rem; }
.cp_s_f .width1680 .tjcp div.t a:hover{ color:#104fb9; }
.cp_s_f .width1680 .tjcp ul.f,.cp_s_f .width1680 .tjcp ul.f li{ overflow:hidden; }
.cp_s_f .width1680 .tjcp ul.f{ width:103%; }
.cp_s_f .width1680 .tjcp ul.f li{ float:left; height:20rem; position:relative; background-color:#ebebeb; width:23.117%; margin-right:1.52%; }
.cp_s_f .width1680 .tjcp ul.f li a,.cp_s_f .width1680 .tjcp ul.f li a img{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; }
.cp_s_f .width1680 .tjcp ul.f li a img{ mix-blend-mode: darken; margin:auto; transition: all 0.5s ease; }
.cp_s_f .width1680 .tjcp ul.f li a:hover img{ transform: scale(1.1); transition: all 0.5s ease; }
.cp_s_f .width1680 .tjcp ul.f li a div{ position:absolute; z-index:2; font-size:1rem; color:#333333; padding-left:1.25rem; top:1rem; left:8%; width:80%; }
.cp_s_f .width1680 .tjcp ul.f li a div i{ position:absolute; width:0.5rem; height:0.5rem; border-radius:50%; background-color:#104fb9; left:0px; top:0.5rem; }
.cp_s_f .width1680 .tjcp ul.f li a:hover div{ color:#104fb9; }

/*ny_banner*/
.ny_banner{ position:relative; overflow:hidden; }
.ny_banner .width1680{ position:relative; z-index:2; height:42.5rem; display:flex; align-items:center; }
.ny_banner .width1680 div{ width:100%; color:#ffffff; font-size:3rem; font-weight:bold; }

/*新闻中心*/
.news_lb{ padding:4rem 0px 7rem; min-height:70vh; }
.news_lb .tit{ overflow:hidden; margin-bottom:3.5rem; }
.news_lb .tit div.l{ float:left; font-size:3rem; color:#333333; }
.news_lb .tit div.r{ float:right; }
.news_lb .tit div.r a{ display: block; float: left; margin-left: 1.5rem; height: 2.5rem; line-height: 2.5rem; border-radius: 2rem; background-color: #eeeeee; padding: 0px 1.5rem; font-size:1.125rem; color:#333333; min-width:4.5rem; text-align:center; }
.news_lb .tit div.r a.on,.news_lb .tit div.r a:hover{ background-color:#104fb9; color:#ffffff; }

.news_lb ul.lb,.news_lb ul.lb li{ overflow:hidden; }
.news_lb ul.lb{ margin-bottom:3rem; width:102%; }
.news_lb ul.lb li{ float:left; margin-bottom:3.5rem; width:31.805%; margin-right:1.33%; }
.news_lb ul.lb li a{ display:block; }
.news_lb ul.lb li a div.t{ position:relative; height:17.5rem; overflow:hidden; }
.news_lb ul.lb li a div.t i{ transition: all 0.5s ease; }
.news_lb ul.lb li a:hover div.t i{ transform: scale(1.1); transition: all 0.5s ease; }
.news_lb ul.lb li a div.t img{ position:absolute; z-index:2; height:3.5rem; top:1.5rem; left:6%; }

.news_lb ul.lb li a div.f{ margin-top:1rem; }
.news_lb ul.lb li a div.f dd{ font-size:1.25rem; color:#333333; overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; }
.news_lb ul.lb li a:hover div.f dd{ color:#104fb9; }
.news_lb ul.lb li a div.f ol{ font-size:0.875rem; color:#999999; margin-top:1.25rem; }

/*新闻详情*/
.banner_news_show .width1680{ height:30rem; }
.news_show{ padding:4rem 0px 5rem; min-height:80vh; }
.news_show ul,.news_show ul li{ overflow:hidden; }
.news_show ul.l{ float:left; width:66%; }
.news_show ul.l li.n{ font-size:2rem; font-weight:bold; color:#333333; margin-bottom:1.5rem; }
.news_show ul.l li.s{ font-size:1rem; color:#999999; line-height:2; }
.news_show ul.l li.c{ margin-top:1.5rem; min-height:60vh; border-top:1px solid #eeeeee; padding:2.5rem 0px; font-size:1rem; color:#333333; line-height:2; }
.news_show ul.l li.f{ margin-top:1.5rem; }
.news_show ul.l li.f dl{ border-top:1px solid #eeeeee; padding:1rem 0px; font-size:1rem; color:#999999; overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; }
.news_show ul.l li.f dl i{ color:#103d7e; margin-left:1.5rem; }
.news_show ul.l li.f dl a{ overflow:hidden; width: 70%; color: #333333; margin-left:1.5rem; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; }
.news_show ul.l li.f dl a:hover{ color:#104fb9; }

.news_show ul.r{ float:right; width:24%; }
.news_show ul.r li{}
.news_show ul.r li a{ display:block; overflow:hidden; }
.news_show ul.r li.n{ font-size:2.25rem; margin-bottom: 1.5rem; font-weight: bold; color:#333333; }
.news_show ul.r li.t{ margin-bottom:1.5rem; padding-bottom:1.25rem; border-bottom:1px solid #eeeeee; }
.news_show ul.r li.t a div.t{ position:relative; height:16.5rem; margin-bottom: 1rem; overflow:hidden; }
.news_show ul.r li.t a div.t i{ transition: all 0.5s ease; }
.news_show ul.r li.t a:hover div.t i{ transform: scale(1.1); transition: all 0.5s ease; }
.news_show ul.r li.t a div.f dd{ font-size:1.5rem; color:#333333; overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; }
.news_show ul.r li.t a:hover div.f dd{ color:#104fb9; }
.news_show ul.r li.t a div.f ol{ font-size:1rem; color:#999999; margin-top:1.25rem; }

.news_show ul.r li.c{ border-bottom:1px solid #eeeeee; margin-bottom:1.5rem; padding-bottom:1.25rem; }
.news_show ul.r li.c a div{ height:5.8rem; overflow:hidden; }
.news_show ul.r li.c a div.l{ float: left; width: 35%; position:relative; }
.news_show ul.r li.c a div.l i{ transition: all 0.5s ease; }
.news_show ul.r li.c a:hover div.l i{ transform: scale(1.1); transition: all 0.5s ease; }
.news_show ul.r li.c a div.r{ float:right; width:58%; }
.news_show ul.r li.c a div.r dd{ font-size:1.125rem; color:#333333; overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; }
.news_show ul.r li.c a:hover div.r dd{ color:#104fb9; }
.news_show ul.r li.c a div.r ol{ font-size:1rem; color:#999999; margin-top:2.5rem; }
.news_show ul.r li.f{ border:1px solid #eeeeee; font-size:1rem; line-height:3; }
.news_show ul.r li.f a{ display:block; text-align: center; color:#333333; }
.news_show ul.r li.f a:hover{ background-color:#104fb9; color:#ffffff; }

/*关于我们*/
.banner_about{ position:relative; overflow:hidden; }
.banner_about .width1680{ height:100vh; position:relative; z-index:2; display:flex; align-items:center; }
.banner_about .width1680 div{ color:#ffffff; max-width:28.5rem; }
.banner_about .width1680 dd{ font-size:2.5rem; font-weight: bold; margin-bottom:1.5rem; }
.banner_about .width1680 dl{ font-size:1rem; line-height:1.75; }

.about_xx{ position:relative; overflow:hidden; }
.about_xx i.bg{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; background-repeat:no-repeat; background-position:center bottom; background-size:100% auto; }
.about_xx .width1680{ position:relative; z-index:2; padding-top:11.25rem; min-height:54.6875rem; }
.about_xx .width1680 div.l{ float:left; font-weight:bold; width:48%; }
.about_xx .width1680 div.l dd{ font-size:1rem; color:#104fb9; margin-bottom:0.75rem; }
.about_xx .width1680 div.l dl{ font-size:2.25rem; color:#060a1a; line-height:1.5; }
.about_xx .width1680 div.r{ float:right; white-space:pre-wrap; font-size:1rem; line-height: 2; width: 48%; color:#333333; }

.about_qyll{ position:relative; overflow:hidden; }
.about_qyll .width1680{ position:relative; z-index:2; height:43rem; padding-top:12rem; }
.about_qyll .width1680 div.x{ height:30rem; position:relative; }
.about_qyll .width1680 div.x div.bg{ position:absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; opacity:0; z-index:0; transition: all 0.5s ease; }
.about_qyll .width1680 div.x div.bg.o{ z-index:2; opacity:1; transition: all 0.5s ease; }
.about_qyll .width1680 div.x div.bg div.l{ float:left; color:#ffffff; max-width:46%; }
.about_qyll .width1680 div.x div.bg div.l dd{ font-size:2.25rem; font-weight:bold; }
.about_qyll .width1680 div.x div.bg div.l dl{ font-size:1rem; line-height:1.75; margin-top:1.5rem; }
.about_qyll .width1680 div.x div.bg div.r{ position:absolute; right:0px; top:0px; bottom:0px; width:50%; max-width:51.75rem; }
.about_qyll .width1680 div.n{ position:absolute; bottom:2.8rem; left:0px; width:100%; }
.about_qyll .width1680 div.n dl{ width:49.29%; border-bottom:4px solid #ffffff; font-size:1.125rem; color:#ffffff; padding-bottom:1.5rem; font-weight:bold; cursor: pointer; opacity:0.5; transition: all 0.5s ease; }
.about_qyll .width1680 div.n dl.on{ opacity:1; transition: all 0.5s ease; }
.about_qyll .width1680 div.n dl.l{ float:left; }
.about_qyll .width1680 div.n dl.r{ float:right; }

.about_fzlc{ padding:4rem 0px; position:relative; }
.about_fzlc .tit{ padding-right:17%; overflow:hidden; color: #333333; min-height:10rem; position:relative; z-index:0; }
.about_fzlc .tit dd{ float:left; font-size:2.25rem; font-weight:bold; width:30%; }
.about_fzlc .tit dl{ float:right; font-size:1rem; width:58%; line-height:1.75; }

.about_fzlc .gallery-top{ position: absolute; right: 0px; width:7.5rem; top:4.5rem; z-index:99; height:4rem; overflow: initial; }
.about_fzlc .gallery-top .swiper-wrapper{ position:absolute; width:0px; height:0px; opacity:0; }
.about_fzlc .gallery-top .qh{ width:3rem; height:3rem; border-radius:50%; background-color:#e5e5e5; background-repeat:no-repeat; background-position:center;  background-size:0.75rem; cursor: pointer; opacity:1 !important; top:auto; margin-top:auto; position:relative; left:auto; right:auto; }
.about_fzlc .gallery-top .qh.swiper-button-prev{ background-image:url(../images/jt_l.png); float:left; }
.about_fzlc .gallery-top .qh.swiper-button-next{ background-image:url(../images/jt_r.png); float:right; }
.about_fzlc .gallery-top .qh:hover{ background-color:#104fb9; }

.about_fzlc .gallery-thumbs,.about_fzlc .gallery-thumbs .swiper-wrapper,.about_fzlc .gallery-thumbs .swiper-wrapper .swiper-slide{ height:20rem; }
.about_fzlc .gallery-thumbs{ width: 100%; overflow: hidden; position: relative; margin-top:2rem; }
.about_fzlc .gallery-thumbs i.bg{ position:absolute; background-image:url(../images/about_fzlc_bg.jpg); height:1.25rem; border-radius:1rem; left:0px; z-index:0; width:100%; top:8.75rem; }
.about_fzlc .gallery-thumbs .swiper-wrapper{  }
.about_fzlc .gallery-thumbs .swiper-wrapper .swiper-slide{ position:relative; cursor:grab; color:#333333; cursor: pointer; }
.about_fzlc .gallery-thumbs .swiper-wrapper .swiper-slide dd{ font-size:2.25rem; font-weight:bold; text-align:center; margin-bottom:4px; }
.about_fzlc .gallery-thumbs .swiper-wrapper .swiper-slide ol{ position:absolute; height:6rem; width:100%; left:0px;  }
.about_fzlc .gallery-thumbs .swiper-wrapper .swiper-slide ol i.u{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; background:url(../images/about_fzlc.png) no-repeat scroll center bottom; opacity:0; background-size: auto 4.3125rem; transition: all 0.5s ease; }
.about_fzlc .gallery-thumbs .swiper-wrapper .swiper-slide.on ol i.u,.about_fzlc .gallery-thumbs .swiper-wrapper .swiper-slide:hover ol i.u{ opacity:1; transition: all 0.5s ease; }
.about_fzlc .gallery-thumbs .swiper-wrapper .swiper-slide ol i.x,.about_fzlc .gallery-thumbs .swiper-wrapper .swiper-slide ol span{ opacity:1; }
.about_fzlc .gallery-thumbs .swiper-wrapper .swiper-slide.on ol i.x,.about_fzlc .gallery-thumbs .swiper-wrapper .swiper-slide.on ol span,.about_fzlc .gallery-thumbs .swiper-wrapper .swiper-slide:hover ol i.x,.about_fzlc .gallery-thumbs .swiper-wrapper .swiper-slide:hover ol span{ opacity:0; }
.about_fzlc .gallery-thumbs .swiper-wrapper .swiper-slide ol i.x{ border-left:1px dashed #d3d3d3; height:5rem; position:absolute; left:50%; margin-left:-0.5px; bottom:0.8rem; z-index:1; }
.about_fzlc .gallery-thumbs .swiper-wrapper .swiper-slide ol span{ bottom: 0.25rem; position:absolute; width:1.25rem; height:1.25rem; border-radius:50%; background-color:#104fb9; left:50%; margin-left:-0.625rem; }
.about_fzlc .gallery-thumbs .swiper-wrapper .swiper-slide dl{ white-space:pre-wrap; font-size:1rem; line-height:2; opacity:0.5; text-align:center; margin-top:10rem; transition: all 0.5s ease; }
.about_fzlc .gallery-thumbs .swiper-wrapper .swiper-slide.on dl,.about_fzlc .gallery-thumbs .swiper-wrapper .swiper-slide:hover dl{ opacity:1; transition: all 0.5s ease; }

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

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

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

/*加入我们*/
.job_xx{ padding:3rem 0px 7.5rem; min-height:80vh; position:relative; }
.job_xx i.x{ position:absolute; bottom:0px; width:1px; background-color:#eeeeee; top:11.25rem; left:25%; }
.job_xx .job_l{ float: left; overflow:hidden; width:24%; }
.job_xx .job_l .so{ border:1px solid #eeeeee; overflow:hidden; padding:0px 1rem; }
.job_xx .job_l .so input,.job_xx .job_l .so button{ height:3rem; outline:none; border:0px; }
.job_xx .job_l .so input{ line-height:3rem; float: left; font-size:1rem; color:#333333; width:85%; }
.job_xx .job_l .so button{ float:right; width:15%; background:url(../images/so2.png) no-repeat scroll right center; background-size:1.125rem; transition: all 0.5s ease; }
.job_xx .job_l .so button:hover{ background-position:center; transition: all 0.5s ease; }
.job_xx .job_l .n{ margin-top:6rem; font-size:2.25rem; font-weight:bold; color:#333333; }
.job_xx .job_l .m{ overflow:hidden; margin-top:2rem; width:78%; }
.job_xx .job_l .m a{ display:block; position: relative; border-bottom:1px solid #eeeeee; font-size:1.125rem; color:#333333; line-height:2; padding:1rem 0px 1rem 1rem; background:url(../images/jt3.png) no-repeat scroll 94% center; transition: all 0.5s ease; }
.job_xx .job_l .m a:hover{ background-image:url(../images/jt4.png); transition: all 0.5s ease; }
.job_xx .job_l .m a.on,.job_xx .job_l .m a:hover{ background-color:#f5f5f5; color:#104fb9; }

.job_xx .job_r{ float:right; overflow:hidden; width:66%; }
.job_xx .job_r ul.list{ overflow:hidden; margin-bottom:1rem; }
.job_xx .job_r ul.list li{ overflow:hidden; margin-bottom:2rem; border:1px solid #eeeeee; padding:1.5rem 4%; transition: all 0.5s ease; }
.job_xx .job_r ul.list li:hover,.job_xx .job_r ul.list li.on{ background-color:#f5f5f5; transition: all 0.5s ease; }
.job_xx .job_r ul.list li div.t{ position:relative; color:#333333; font-weight:bold; cursor: pointer; }
.job_xx .job_r ul.list li div.t dd{ font-size:1.875rem; }
.job_xx .job_r ul.list li div.t dl{ font-size:1rem; margin-top:1rem; }
.job_xx .job_r ul.list li div.t i{ position:absolute; width:1.75rem; height:1.75rem; right: 0px; top: 0.5rem; background: url(../images/j_d.png) no-repeat scroll center; background-size: cover; }
.job_xx .job_r ul.list li.on div.t i{ background-image:url(../images/j_s.png); }

.job_xx .job_r ul.list li div.f{ line-height:2.25; height: 0px; overflow: hidden; }
.job_xx .job_r ul.list li.on div.f{ height: auto; margin-top:2rem; }
.job_xx .job_r ul.list li div.f dd{ color:#104fb9; font-weight:bold; }
.job_xx .job_r ul.list li div.f dl{ white-space:pre-wrap; font-size:1rem; color:#999999; }
.job_xx .job_r ul.list li div.f ol{ margin-top:2.5rem; }
.job_xx .job_r ul.list li div.f ol a{ display:inline-block; width:8.75rem; height:2.5rem; line-height:2.5rem; color:#ffffff; background-color:#104fb9; text-align:center; }

.job_xx .job_r .more{ text-align:center; font-size:1rem; line-height:2.5; color: #999999; }
.job_xx .job_r .more a{ display:inline-block; border:1px solid #eeeeee; width:12.5rem; color: #999999; }
.job_xx .job_r .more a:hover{ background-color:#104fb9; color:#ffffff; }

/*联系我们*/
.lxwm_xx{ padding:8.75rem 0px 4rem; }
.lxwm_xx div.l{ float:left; width:40%; max-width: 35.625rem; overflow:hidden; }
.lxwm_xx div.l dd{ font-size:1.25rem; color:#104fb9; margin-bottom:1rem; }
.lxwm_xx div.l dl{ font-size:2rem; color:#333333; }

.lxwm_xx div.r{ float:right; width:50%; overflow:hidden; color:#333333; }
.lxwm_xx div.r dd{ font-size:1.5rem; margin-bottom:1.25rem; }
.lxwm_xx div.r dl{ font-size:1rem; line-height:2; }

.lxwm_bd{ position:relative; overflow:hidden; height:51rem; }
.lxwm_bd .width1680{ position:relative; z-index:2; padding-top:4rem; }
.lxwm_bd .width1680 .tit{ margin-bottom:3rem; color:#333333; }
.lxwm_bd .width1680 .tit dd{ font-size:1rem; margin-bottom:1.5rem; }
.lxwm_bd .width1680 .tit dl{ font-size:2rem; }
.lxwm_bd .width1680 form{ max-width:52rem; overflow:hidden; }
.lxwm_bd .width1680 form div{ overflow:hidden; }
.lxwm_bd .width1680 form div.form-group{ margin-bottom:1.5rem; width:48%; }
.lxwm_bd .width1680 form div#dr_row_title,.lxwm_bd .width1680 form div#dr_row_youxiang{ float:left; }
.lxwm_bd .width1680 form div#dr_row_dianhua,.lxwm_bd .width1680 form div#dr_row_gsmc{ float:right; }
.lxwm_bd .width1680 form div#dr_row_xuqiu{ float:left; width:100%; }
.lxwm_bd .width1680 form div.form-group label{ display:none; }
.lxwm_bd .width1680 form div.form-group div{ background-color:#ffffff; padding:0px 1rem; }
.lxwm_bd .width1680 form div.form-group div input,.lxwm_bd .width1680 form div.form-group div textarea{ border:0px; outline:none; font-size:1rem; }
.lxwm_bd .width1680 form div.form-group div input::-webkit-input-placeholder,.lxwm_bd .width1680 form div.form-group div textarea::-webkit-input-placeholder{ color:#999999; }
.lxwm_bd .width1680 form div.form-group div input{ line-height:3; }
.lxwm_bd .width1680 form div.form-group div textarea{ line-height:2; padding:1rem 0px; }

.lxwm_bd .width1680 form div.bd_f{ width:100%; float:left; }
.lxwm_bd .width1680 form div.bd_f div.l,.lxwm_bd .width1680 form div.bd_f button,.lxwm_bd .width1680 form div.bd_f div.l dl{ height:3rem; }
.lxwm_bd .width1680 form div.bd_f div.l{ float:left; width:62%; overflow:hidden; }
.lxwm_bd .width1680 form div.bd_f div.l input{ float:left; border:0px; outline:none; line-height:3rem; width: 73%; padding: 0px 3%; }
.lxwm_bd .width1680 form div.bd_f div.l input::-webkit-input-placeholder{ color:#999999; }
.lxwm_bd .width1680 form div.bd_f div.l dl{ float:right; width:27%; background-color:#efa801; position:relative; }
.lxwm_bd .width1680 form div.bd_f div.l dl img{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; margin:auto; }

.lxwm_bd .width1680 form div.bd_f button{ float:right; display:block; border:0px; font-size:1rem; color:#333333; line-height:3; width:10rem; background:url(../images/jt.png) no-repeat scroll 90% center #ffffff; text-align:left; padding-left:1rem; font-weight:bold; transition: all 0.5s ease; }
.lxwm_bd .width1680 form div.bd_f button:hover{ background:url(../images/jt2.png) no-repeat scroll 90% center #104fb9; color:#ffffff; transition: all 0.5s ease; }

/*fenye*/
.fenye{ text-align:center; font-size:1.25rem; line-height: 3rem; }
.fenye dl{ display:none; }
.fenye a{ color:#333333; position:relative; }
.fenye a,.fenye span{ border-radius: 50%; display:inline-block; width: 3rem; height: 3rem; margin:0px 2px; }
.fenye a:hover,.fenye span{ background-color:#104fb9; color: #ffffff; }
.fenye a i{ font: normal normal normal 20px/2.5 FontAwesome; }

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