@charset "utf-8";
/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,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;}
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%;}
.width1200{max-width:1200px; width:90%;}
img{max-width:100%; max-height:100%;vertical-align: middle;}
/* top_bg */
.top_bg,.top_bg .width1680,.top_bg .width1680 .yy,.top_bg .width1680 ul.lm,.top_bg .width1680 ul.lm li,.top_bg .width1680 a.logo,.ny_top{height:5.75rem;}
.top_bg{ position: fixed; top: 0px; width: 100%; left: 0px; z-index: 9999; }
.top_bg.now{ background-color: #ffffff; box-shadow:0px 8px 10px 0px rgba(0,0,0,0.14);}
.top_bg .width1680{}
.top_bg .width1680 a.logo{ float: left; display: block;display:flex;align-items:center; }
.top_bg .width1680 a.logo img{ max-height: 3.5625rem;}
.top_bg .width1680 a.logo img.h{ display: block;}
.top_bg .width1680 a.logo img.b{ display: none; }
.top_b .width1680 a.logo img.h,.top_bg.now .width1680 a.logo img.b,.top_b.now .width1680 a.logo img.b{ display: none; }
.top_b .width1680 a.logo img.b,.top_bg.now .width1680 a.logo img.h,.top_b.now .width1680 a.logo img.h{ display: block; }

.top_bg .width1680 .yy,.top_bg .width1680 ul.lm li div.t{ line-height: 5.75rem;}
.top_bg .width1680 .yy{ float: right; margin-left: 3rem; font-size: 1rem; color: #333333; }
.top_bg .width1680 .yy a{ color: #333333; }
.top_b.now .width1680 .yy,.top_bg.now .width1680 .yy a{ color: #333333; }
.top_b .width1680 .yy,.top_b .width1680 .yy a{ color: #ffffff;}
.top_bg .width1680 .yy a:hover{ color: #0052d9; }
.top_bg .width1680 .yy i{ padding: 0px 0.75rem; }

.top_bg .width1680 ul.lm{ float: right; }
.top_bg .width1680 ul.lm li{ float: left; margin-left:3rem;}
.top_bg .width1680 ul.lm li div.t{ position: relative;}
.top_bg .width1680 ul.lm li div.t a{ display: block; font-size: 1rem; color: #343843;}
.top_bg.now .width1680 ul.lm li div.t a{ color: #343843;}
.top_bg .width1680 ul.lm li.x div.t a{ padding-right: 1.5rem; }
.top_bg .width1680 ul.lm li:hover div.t a{ color: #0052d9; }
.top_bg .width1680 ul.lm li div.t i{ position: absolute; width: 1rem; height: 0.5rem; background: url(../images/xl.png) no-repeat scroll center; background-size: auto 100%; right: 0px; top: 50%; margin-top: -0.25rem; }
.top_bg .width1680 ul.lm li:hover div.t i{ background-image: url(../images/xl2.png); }
.top_bg .width1680 ul.lm li div.f{ position: absolute; background-color: #ffffff; min-width:7.5rem; padding:0px 1rem; opacity:0; max-height:0px; overflow: hidden;transition: all 1s ease;}
.top_bg .width1680 ul.lm li:hover div.f{box-shadow:0px 5px 16px 0px rgba(0,0,0,0.14); opacity:1; max-height:200vh; transition:all 1s ease;}
.top_bg .width1680 ul.lm li.l div.f{ max-width: 760px;  width: 40%;}
.top_bg .width1680 ul.lm li.l div.f div{ float: left; width:23%; padding: 1rem 1%; }
.top_bg .width1680 ul.lm li.l div.f div a{ display: block; color: #343843;}
.top_bg .width1680 ul.lm li.l div.f div a:hover{ color: #0052d9; }
.top_bg .width1680 ul.lm li.l div.f div dd{ font-weight:bold; font-size:1rem;}
.top_bg .width1680 ul.lm li.l div.f div dl{ line-height:1.5; font-size: 0.875rem;}
.top_bg .width1680 ul.lm li.l div.f div dl a{ margin-top: 1rem; }

.top_bg .width1680 ul.lm li.r:hover div.f{ padding:1rem;}
.top_bg .width1680 ul.lm li.r div.f a{ display: block; line-height: 2.5; font-size: 1rem;color: #343843;}
.top_bg .width1680 ul.lm li.r div.f a:hover{ color: #0052d9; }

.ny_top{ width: 100%; /*border-bottom: 1px solid #eeeeee;*/ }

.top_b .width1680 ul.lm li div.t a{ color: #ffffff;}
.top_b.selected .width1680 ul.lm li div.t a{ color: #333333; }

/* pc_banner */
.pc_banner{ position: relative; overflow: hidden; width:100%; z-index:20;}
.pc_banner .width1680{ position:absolute; top:0px;bottom:0px;left:0px;right:0px; z-index:8; margin:auto; display:flex; align-items:center;}
.pc_banner .width1680 div.bg{ width: 100%; }
.pc_banner .width1680 div.bg ol{ font-size: 1.5rem; color: #343843; margin-bottom: 1rem;}
.pc_banner .width1680 div.bg dl{ font-size: 2.625rem; line-height: 1.5; font-weight:bold; color: #343843;}

/*.pc_banner #html5zoo-1,.pc_banner #html5zoo-1 .html5zoo-wrapper-0{ max-height: 100vh !important;height: 100vh !important;}*/
.pc_banner .html5zoo-img-0{ bottom: 0px; }
.pc_banner #html5zoo-1{ height: auto !important; }
.pc_banner #html5zoo-1 .html5zoo-wrapper-0{ overflow: hidden; /*position: initial !important;*/}
/*.pc_banner #html5zoo-1 .html5zoo-wrapper-0 .html5zoo-nav-0{ top: 95vh !important; }*/

.sj_banner{ display: none; }

/*i_dh_bg*/
.i_dh_bg{ width: 100%; overflow: hidden; }


/*i_about*/
.i_about{ width: 100%; background: url(../images/i_about_bg.jpg) no-repeat scroll center bottom;background-size: cover; }
.i_about .width1680{ min-height: 40.9375rem; }
.about_con{ width: 100%; margin: 4rem 0px; overflow: hidden;}
.about_con div{ overflow: hidden; }
.about_con div.l{ float: left; width: 60%; max-width: 970px; }
.about_con div.l dd{ font-size: 1rem;color: #999999;margin-bottom: 1.5rem;}
.about_con div.l dl{ font-size: 1rem; color: #333333; line-height: 2; }
.about_con div.l dl b{ font-size: 2.25rem; color: #343843; }
.about_con div.l ol{ overflow: hidden; margin-top: 2rem;}
.about_con div.l ol a{ font-size: 1rem; color: #ffffff; background-color: #0052d9; display: block; float: left; height: 2.5rem; line-height: 2.5rem; width: 8.75rem; border-radius: 2rem; text-align: center; border:1px solid #0052d9; transition: all 1s ease;}
.about_con div.l ol a:hover{ background-color: #ffffff; color:#0052d9;transition: all 1s ease;}

.about_con div.r{ float: right; width: 33%; max-width: 540px; position: relative; border-radius: 0.5rem; overflow: hidden;}
.about_con div.r img{transition: all 1s ease;}
.about_con div.r:hover img{transform: scale(1.1);transition: all 1s ease;}
.about_con div.r a{ position: absolute; top:0px; left:0px; right:0px; bottom:0px; z-index:2; font-size:3rem; color: #ffffff; }
.about_con div.r a i{ position: absolute; top: 50%; left: 50%; margin-top:-1.5rem; margin-left:-1.5rem; }

ul.about_sj,ul.about_sj li{ overflow: hidden; }
ul.about_sj{ width: 100%; margin-bottom:3.375rem;}
ul.about_sj li{ float: left; width: 25%; }
ul.about_sj li div{ margin:0px auto; width: 90%; max-width: 16rem; }
ul.about_sj li div ol{ color: #343843; font-weight:bold;}
ul.about_sj li.l1 div ol{ color: #0052d9; }
ul.about_sj li div ol b{ font-size: 3rem; }
ul.about_sj li div ol i{ font-size: 2.25rem; margin-left: 0.5rem;}
ul.about_sj li div dd{ font-size: 1.125rem; color: #787e8c; }

/*i_tit*/
.i_tit{ text-align: center; }
.i_tit dd{ font-size: 2.25rem; color: #343843; font-weight:bold; }
.i_tit dl{ font-size: 1.125rem; color: #787e8c; margin-top: 1.25rem;}
.i_tit ol{ margin-top:1.25rem; }
.i_tit ol a{ font-size: 1rem; color: #0658ae; }
.i_tit ol a:hover{text-decoration: underline;}

.i_bg{ background-color: #f8f9fb; overflow: hidden; width: 100%;}

/*全场景一站式物流供应链管理*/
.i_wlgyl{ width: 100%; overflow: hidden; }
.i_wlgyl .width1680{ padding: 3rem 0px 7.5rem; }
.i_wlgyl .width1680 ul,.i_wlgyl .width1680 ul li{ overflow: hidden; }
.i_wlgyl .width1680 ul{ margin-top: 5rem; width: 102%; }
.i_wlgyl .width1680 ul li{ float: left; width: 23.11%; margin-right: 1.89%;}
.i_wlgyl .width1680 ul li ol{ text-align: center;}
.i_wlgyl .width1680 ul li ol img{ max-height: 20rem;}
.i_wlgyl .width1680 ul li dd{ padding: 1.25rem 0px; text-align: center; font-weight: bold; font-size: 1.875rem; color: #343843; overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis;}
.i_wlgyl .width1680 ul li dl{ text-align: center; font-size: 1.125rem; color: #787e8c; line-height: 2.25rem; height: 6.75rem; }
.i_wlgyl .width1680 ul li a{ display: block; margin:2rem auto 0px; border:1px solid #0658ae; font-size: 1rem; color: #0658ae; height: 2.5rem; line-height: 2.5rem; border-radius: 2rem; width: 90%; max-width: 8.75rem; text-align: center; transition: all 0.5s ease;}
.i_wlgyl .width1680 ul li a:hover{ background-color:#0658ae; color: #ffffff; transition: all 0.5s ease;}

/*我们的优势*/
.i_wmdys{ width: 100%; overflow: hidden; }
.i_wmdys .width1680{ padding: 5rem 0px 6.875rem; }
.i_wmdys .width1680 ul,.i_wmdys .width1680 ul li{ overflow: hidden; }
.i_wmdys .width1680 ul{ width: 102%;  margin-top: 2rem;}
.i_wmdys .width1680 ul li{ float: left; width: 18.675%; margin-right:1.1%;}
.i_wmdys .width1680 ul li div.bg{ box-shadow:0px 0px 10px 0px rgb(6,88,174,0.1); height: 32.5rem; margin:5px; border:2px solid #ffffff; border-radius: 0.875rem; background-image: linear-gradient(to bottom, #edf0f9, #fdfcfe);}
.i_wmdys .width1680 ul li div.bg div.con{ width: 90%; margin:1.25rem auto; }
.i_wmdys .width1680 ul li div.bg div.con dd{ font-size: 1.5rem; color: #343843; text-align: center; overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; }
.i_wmdys .width1680 ul li div.bg div.con ol{ text-align: center; margin-top: 1rem; margin-bottom: 1.25rem; }
.i_wmdys .width1680 ul li div.bg div.con ol img{ max-height: 12.5rem;}
.i_wmdys .width1680 ul li div.bg div.con dl{ font-size: 1.125rem; color: #787e8c; line-height:2rem; height: 12rem; overflow: hidden; }

/*这些优秀的企业选择了我们*/
.i_xzwm{ width: 100%; overflow: hidden; }
.i_xzwm .width1680{ padding:3rem 0px; }
.i_xzwm .width1680 .main_visual{ overflow: hidden; margin-top: 3.375rem;}
.i_xzwm .width1680 .main_visual div{ overflow: hidden; }
.i_xzwm .width1680 .main_visual div.main_image,.i_xzwm .width1680 .main_visual div.main_image ul{ height: 33.25rem;}
.i_xzwm .width1680 .main_visual div.main_image{position:relative;}
.i_xzwm .width1680 .main_visual div.main_image ul{ overflow: hidden;}
.i_xzwm .width1680 .main_visual div.main_image ul li{ overflow: hidden; width: 102%;}
.i_xzwm .width1680 .main_visual div.main_image ul li div{ width: 102%; }
.i_xzwm .width1680 .main_visual div.main_image ul li div dl{ margin-bottom: 2rem; float: left; background-color: #ffffff; height: 9.0625rem; width: 14.8815%; margin-right:1.75%; overflow: hidden;cursor: pointer; position: relative;}
.i_xzwm .width1680 .main_visual div.main_image ul li div dl img{transition: all 1s ease; position: absolute; top: 0px; left: 0px; right:0px; bottom: 0px; margin:auto !important}
.i_xzwm .width1680 .main_visual div.main_image ul li div dl:hover img{transition: all 1s ease; transform: scale(1.1);}

.i_xzwm .width1680 .main_visual div.flicking_con{overflow: hidden; position: relative; padding-top: 1.5rem; text-align: center;}
.i_xzwm .width1680 .main_visual div.flicking_con a{display:inline-block; width: 0.75rem; margin:0px 0.25rem; height: 0.75rem; border-radius: 50%; background-color: #999999; cursor: pointer;}
.i_xzwm .width1680 .main_visual div.flicking_con a.on{ background-color: #0658ae;}

.sj_xzwm{ display: none; }

/*新闻资讯*/
.i_xwzx{ width: 100%; overflow: hidden; }
.i_xwzx .width1680{ padding:4rem 0px 6rem; }
.i_xwzx .width1680 ul,.i_xwzx .width1680 ul li{ overflow: hidden; }
.i_xwzx .width1680 ul{ margin-top: 1.5rem; width: 102%; }
.i_xwzx .width1680 ul li{ float: left; width: 31.513%; margin-right:1.73%;}
.i_xwzx .width1680 ul li a{ display: block; height: 29.375rem;}
.i_xwzx .width1680 ul li a dl{ margin-bottom: 1rem; height: 20rem; position: relative; overflow: hidden;}
.i_xwzx .width1680 ul li a dl i{position:absolute; left:0px; right:0px; bottom:0px; top:0px; transition:all 1s ease; background-size:cover;}
.i_xwzx .width1680 ul li a:hover dl i{transition: all 1s ease; transform: scale(1.1);}
.i_xwzx .width1680 ul li a dd{ font-size: 1.5rem; color: #343843; line-height: 3rem; height: 6rem; overflow: hidden; }
.i_xwzx .width1680 ul li a:hover dd{ color: #0658ae; }
.i_xwzx .width1680 ul li a ol{ font-size: 1rem; color: #787e8c; margin-top: 1rem;}

/*底部信息*/
.foot_bg{ width: 100%; overflow: hidden; background-color: #262e38;}
.foot_bg .width1680{ padding:3.5rem 0px 1.25rem; }
.foot_bg .width1680 .hidden{}
.foot_bg .width1680 .hidden.t{ margin-bottom: 2rem; }
.foot_bg .width1680 .hidden.t ul.l,.foot_bg .width1680 .hidden.t ul.l li{ overflow: hidden; }
.foot_bg .width1680 .hidden.t ul.l{ float: left; width: 56%;}
.foot_bg .width1680 .hidden.t ul.l li{ float: left; width: 25%; font-size: 1rem;}
.foot_bg .width1680 .hidden.t ul.l li dd{}
.foot_bg .width1680 .hidden.t ul.l li dd a{ color: #ffffff; }
.foot_bg .width1680 .hidden.t ul.l li dl{}
.foot_bg .width1680 .hidden.t ul.l li dl a{ display: block; color: #787e8c; margin-top:1rem;}
.foot_bg .width1680 .hidden.t ul.l li dl a:hover{ color: #ffffff; }

.foot_bg .width1680 .hidden.t div.c{ float: left; width: 20%; margin-left:1%; }
.foot_bg .width1680 .hidden.t div.c div{ overflow: hidden; font-size: 1rem;}
.foot_bg .width1680 .hidden.t div.c div.t{ margin-bottom: 2.5rem; }
.foot_bg .width1680 .hidden.t div.c div dd{ color: #ffffff; margin-bottom: 0.5rem;}
.foot_bg .width1680 .hidden.t div.c div dl{ color: #787e8c; line-height: 2rem;}
.foot_bg .width1680 .hidden.t div.c div dl a{ color: #787e8c;}

.foot_bg .width1680 .hidden.t div.r{ float: right; width: 22%; }
.foot_bg .width1680 .hidden.t div.r div{ overflow: hidden; font-size: 1rem;}
.foot_bg .width1680 .hidden.t div.r div.t{ margin-bottom: 2.5rem; }
.foot_bg .width1680 .hidden.t div.r div.t dd{ color: #ffffff; margin-bottom: 0.5rem;}
.foot_bg .width1680 .hidden.t div.r div.t dl{ color: #787e8c; line-height: 2rem;}
.foot_bg .width1680 .hidden.t div.r div.t dl a{ color: #787e8c;}
.foot_bg .width1680 .hidden.t div.r div.f{ font-size: 1rem; color: #787e8c; }
.foot_bg .width1680 .hidden.t div.r div.f dl{ float: left; text-align: center; width: 28%; padding: 0px 2.5%;}
.foot_bg .width1680 .hidden.t div.r div.f dl p{ margin-top:0.75rem; }

.foot_bg .width1680 .hidden.f{ border-top: 1px solid #3c434c; padding-top: 1rem; }
.foot_bg .width1680 .hidden.f dl{ overflow: hidden; font-size: 1rem; color: #787e8c;}
.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: #787e8c; margin-left:1rem;}
.foot_bg .width1680 .hidden.f dl a:hover{ color: #ffffff;}

/*动画效果*/
#i1,#i2,#i3,#i4,#i5,#i6,#i7,#i8,#i9{position:relative; padding-top: 60vh; margin-top:-60vh;}
#i1{ z-index:9;}
#i2{ z-index:8;}
#i3{ z-index:7;}
#i4{ z-index:6;}
#i5{ z-index:5;}
#i6{ z-index:4;}
#i7{ z-index:3;}
#i8{ z-index:2;}
#i9{ z-index:1;}

#i1 .about_con div.l{ opacity: 0; margin-left:-30%; }
#i1.on .about_con div.l{ opacity: 1; margin-left: 0px;transition: all 1s ease; }

#i1 ul.about_sj li{ margin-top:10vh; opacity: 0; }
#i1.on ul.about_sj li{ margin-top: 0px; opacity: 1; }
#i1.on ul.about_sj li.l1{transition: all 1s ease;}
#i1.on ul.about_sj li.l2{transition: all 1.5s ease;}
#i1.on ul.about_sj li.l3{transition: all 2s ease;}
#i1.on ul.about_sj li.l4{transition: all 2.5s ease;}

#i2 .i_wlgyl .width1680 ul li{ margin-top:10vh; opacity: 0; }
#i2.on .i_wlgyl .width1680 ul li{ margin-top: 0px; opacity: 1; }
#i2.on .i_wlgyl .width1680 ul li.l1{transition: all 1s ease;}
#i2.on .i_wlgyl .width1680 ul li.l2{transition: all 1.5s ease;}
#i2.on .i_wlgyl .width1680 ul li.l3{transition: all 2s ease;}
#i2.on .i_wlgyl .width1680 ul li.l4{transition: all 2.5s ease;}

#i3 .i_wmdys .width1680 ul li{ margin-top:10vh; opacity: 0; }
#i3.on .i_wmdys .width1680 ul li{ margin-top: 0px; opacity: 1; }
#i3.on .i_wmdys .width1680 ul li.l1{transition: all 1s ease;}
#i3.on .i_wmdys .width1680 ul li.l2{transition: all 1.5s ease;}
#i3.on .i_wmdys .width1680 ul li.l3{transition: all 2s ease;}
#i3.on .i_wmdys .width1680 ul li.l4{transition: all 2.5s ease;}
#i3.on .i_wmdys .width1680 ul li.l5{transition: all 3s ease;}

#i4 .i_xzwm .width1680 .main_visual{ padding-top: 10vh; opacity: 0; }
#i4.on .i_xzwm .width1680 .main_visual{ padding-top: 0px; opacity: 1; }

#i5 .i_xwzx .width1680 ul li{ margin-top:10vh; opacity: 0; }
#i5.on .i_xwzx .width1680 ul li{ margin-top: 0px; opacity: 1; }
#i5.on .i_xwzx .width1680 ul li.l1{transition: all 1s ease;}
#i5.on .i_xwzx .width1680 ul li.l2{transition: all 1.5s ease;}
#i5.on .i_xwzx .width1680 ul li.l3{transition: all 2s ease;}

/*ny_banner*/
.ny_banner{ width: 100%; margin-top: 5.75rem; position: relative;}
.ny_banner i.bg{ position: absolute; left: 0px;top: 0px; right: 0px; bottom: 0px; z-index: 0; background-image: url(../images/banner_szfa.jpg); background-size: cover;}
.ny_banner .width1680,.ny_banner .width1200{ position: relative; z-index: 2; display:flex; align-items:center; }

.banner_cp{}
.banner_cp .width1200{ height: 37.5rem; }
.banner_cp .width1200 div.bg{ width: 100%; overflow: hidden; }
.banner_cp .width1200 div.bg div.l,.banner_cp .width1200 div.bg div.r{ position: absolute; top: 0px; bottom: 0px; display:flex;
	align-items:center; }
.banner_cp .width1200 div.bg div.l{ width: 45%; left: 0px; }
.banner_cp .width1200 div.bg div.l dd{ font-size: 2.25rem; font-weight: bold; color: #333333; }

.banner_cp .width1200 div.bg div.r{width: 53%; right: 0px; }

/*企业级技术管理平台*/
.jsgl_jjfa{ padding:4rem 0px 8.75rem; }
.jsgl_jjfa div.bg{ width: 100%; overflow: hidden; margin-top: 4rem; position: relative; background:url(../images/szfa_zhhd_ptgn.png) no-repeat scroll center; background-size: auto 100%; }
.jsgl_jjfa div.bg div.c{ position: absolute; z-index: 1; font-size: 2.25rem; color: #333333; font-weight:bold; top: 0px; left: 0px; right: 0px; bottom: 0px;display:flex; align-items:center; }
.jsgl_jjfa div.bg div.c dl{ width: 100%; text-align: center; }
.jsgl_jjfa div.bg ul,.jsgl_jjfa div.bg ul li{ overflow: hidden; }
.jsgl_jjfa div.bg ul{height: 35.25rem; max-width: 820px; margin:0px auto;position: relative; z-index: 2;}
.jsgl_jjfa div.bg ul li{ position: absolute; height: 3.75rem; width: 10.9375rem; }
.jsgl_jjfa div.bg ul li.l1{ top: 2.5rem; left: 20%;}
.jsgl_jjfa div.bg ul li.l2{ top: 2.5rem; right: 20%;}
.jsgl_jjfa div.bg ul li.l3{ left:0px; top: 50%; margin-top: -1.875rem;}
.jsgl_jjfa div.bg ul li.l4{ right:0px; top: 50%; margin-top: -1.875rem;}
.jsgl_jjfa div.bg ul li.l5{ bottom: 2.5rem; left: 20%;}
.jsgl_jjfa div.bg ul li.l6{ bottom: 2.5rem; right: 20%;}
.jsgl_jjfa div.bg ul li a{position: absolute; border:1px solid #1482e1; top: 0px; left: 0px; right: 0px; bottom: 0px;display:flex; align-items:center; border-radius: 2rem; background-color: #ffffff;}
.jsgl_jjfa div.bg ul li a:hover{ background-color: #1482e1; }
.jsgl_jjfa div.bg ul li a dl{ width: 100%; text-align: center; font-size: 1rem; color: #333333; }
.jsgl_jjfa div.bg ul li a:hover dl{ color: #ffffff; }

.jsgl_ptgj{ padding: 4rem 0px; }
.jsgl_ptgj ul,.jsgl_ptgj ul li{ overflow: hidden; }
.jsgl_ptgj ul{ width: 102%; margin-top: 3.375rem; }
.jsgl_ptgj ul li{ float: left; margin-bottom: 2rem; height: 24.375rem; position: relative; width: 31%; margin:0.5rem 0.9%;}
.jsgl_ptgj ul li:hover{ box-shadow:0px 0px 10px 0px rgba(0,0,0,0.14);}
.jsgl_ptgj ul li .bg{ position:absolute; padding:1.5rem; top:0px; left:0px; right:0px; bottom:0px; border:1px solid #eeeeee; }
.jsgl_ptgj ul li .bg ol{ text-align: center; height:5rem;}
.jsgl_ptgj ul li .bg dd{ font-size: 1.5rem; color: #333333; font-weight:bold; overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; text-align: center; margin:1rem 0px; }
.jsgl_ptgj ul li .bg dl{ font-size: 1rem; color: #787e8c; line-height: 2rem; height:12rem; overflow: hidden;}.

/*banner_cp_bg*/
.banner_cp_bg{}
.banner_cp_bg .width1200{ height:26.25rem; }
.banner_cp_bg .width1200 div.l,.banner_cp_bg .width1200 div.r{ position:absolute; top:0px; bottom:0px; display:flex; align-items:center; }
.banner_cp_bg .width1200 div.l{ width: 57.5%; left: 0px; }
.banner_cp_bg .width1200 div.l dd{ font-size: 2.25rem; font-weight: bold; color: #333333; }
.banner_cp_bg .width1200 div.l dl{ margin-top: 1.5rem; font-size: 1rem; color: #787e8c; line-height: 2rem; }
.banner_cp_bg .width1200 div.l ol{ overflow: hidden; margin-top: 1rem;}
.banner_cp_bg .width1200 div.l ol a{ display: block; float: left; border:1px solid #0052d9; margin-right:1.25rem; height: 2rem; line-height: 2rem; width: 7.5rem; text-align: center; font-size: 1rem; }
.banner_cp_bg .width1200 div.l ol a.l,.banner_cp_bg .width1200 div.l ol a.r:hover{ background-color:#0052d9; color: #ffffff;}
.banner_cp_bg .width1200 div.l ol a.r,.banner_cp_bg .width1200 div.l ol a.l:hover{ background-color:#ffffff; color: #0052d9; }
.banner_cp_bg .width1200 div.r{width:40%; right: 0px; }

/*cp_tit*/
.cp_tit{text-align:center;font-size: 2.25rem;color: #343843;font-weight: bold;}

/*cp_n*/
.cp_n{ text-align: center; font-size: 1rem; color: #343843; margin-top: 1rem; }

/*集装箱班轮管理系统*/
.ny_top.now{box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 14%); border-bottom: 1px solid #eeeeee;}

.cp_jzxbl_n_bg,.cp_jzxbl_n{ width:100%; border-bottom:1px solid #eeeeee; overflow:hidden; height:4rem; line-height:4rem; text-align:center;}
.cp_jzxbl_n_bg{ display: none; }
.cp_jzxbl_n_bg.on{ display:block; }
.cp_jzxbl_n{ background-color: #ffffff; }
.cp_jzxbl_n.on{ position: fixed; top:5.75rem;border-top: 1px solid #eeeeee; z-index: 9998;}
.cp_jzxbl_n dl{ width: 100%; }
.cp_jzxbl_n dl a{display:inline-block; border-bottom:3px solid #ffffff; margin:0px 2rem; height:3.75rem; padding:0px 1rem; font-size:1rem; color:#343843;}
.cp_jzxbl_n dl a.o,.cp_jzxbl_n dl a:hover{border-bottom: 3px solid #0052d9; color: #0052d9;}

.cp_jzxbl_cpgn{ padding:3rem 0px 2.5rem; text-align: center;}
.cp_jzxbl_cpgn div.con{ font-size: 1rem; color: #787e8c; line-height:2; max-width: 850px; margin:0.75rem auto 0px;}

.cp_jzxbl{ padding:2.5rem 0px; text-align: center;}

.cp_jzxbl_cpys{ padding:2.5rem 0px; }
.cp_jzxbl_cpys ul,.cp_jzxbl_cpys ul li{ overflow: hidden; }
.cp_jzxbl_cpys ul{ margin:2rem 0px; }
.cp_jzxbl_cpys ul li{ margin-bottom: 1.5rem; background-color: #f5f5f5; }
.cp_jzxbl_cpys ul li div{ padding: 1.5rem; overflow: hidden; color: #343843;}
.cp_jzxbl_cpys ul li div dd{ font-weight: bold; font-size:1.5rem; }
.cp_jzxbl_cpys ul li div dl{ font-size: 1rem; line-height: 2rem; margin-top:1.25rem; }

/*散杂货航运管理系统*/
.cp_szh{}

.cp_jzxbl .con{ text-align: center; font-size: 1rem; color: #787e8c; line-height: 2rem; padding:1.5rem 0px; min-height: 6rem; }
.cp_jzxbl .tp{ overflow: hidden; position: relative;}
.cp_jzxbl .tp div{ overflow: hidden; }
.cp_jzxbl .tp div.l,.cp_jzxbl .tp div.r{ width: 49%;}
.cp_jzxbl .tp div.l{ position: absolute; top: 0px; left: 0px; bottom: 0px; display:flex; align-items:center;}
.cp_jzxbl .tp div.l div{ width:80%; padding-left: 20%; text-align: left; }
.cp_jzxbl .tp div.l div dd{ font-size: 1.5rem; color: #343843; font-weight:bold; }
.cp_jzxbl .tp div.l div dl{ font-size: 1rem; color: #787e8c; margin-top: 0.75rem; line-height: 2;}
.cp_jzxbl .tp div.r{ float: right; text-align:right; }

.cp_szh_js_l div.bg,.cp_szh_js_r div.bg{ overflow: hidden; position: relative;}
.cp_szh_js_l{ padding:3.5rem 0px; }
.cp_szh_js_l div.l{ float: left; width: 50%;}
.cp_szh_js_l div.r{ position: absolute; top: 0px; right: 0px; bottom: 0px; width: 40%;  display:flex; align-items:center;}
.cp_szh_js_l div.r div{ width:80%; padding-left: 20%; text-align: left; }
.cp_szh_js_l div.r div dd{ font-size: 1.5rem; color: #343843; font-weight:bold; }
.cp_szh_js_l div.r div dl{ font-size: 1rem; color: #787e8c; margin-top: 0.75rem; line-height: 2rem;}
.cp_szh_js_r{ padding:7.5rem 0px; }
.cp_szh_js_r div.l{ position: absolute; top: 0px; left: 0px; bottom: 0px; width: 44%;  display:flex; align-items:center;}
.cp_szh_js_r div.l div{}
.cp_szh_js_r div.l div dd{ font-size: 1.5rem; color: #343843; font-weight:bold; }
.cp_szh_js_r div.l div dl{ font-size: 1rem; color: #787e8c; margin-top: 0.75rem; line-height: 2rem;}
.cp_szh_js_r div.r{ float: right; width: 49%;}

.cp_szh_cpys{ padding: 6rem 0px; }
.cp_szh_cpys ul{ margin-top: 2rem;}
.cp_szh_cpys ul li{ width: 22.5%; margin-right: 2.5%;}
.cp_szh_cpys ul li div.bg ol{ height:3.75rem; }

/*集装箱资产管理系统*/
.cp_jzxzc{}

.cp_jzxzc_cpgn{ padding:2.5rem 0px 6.875rem; }
.cp_jzxzc_cpgn .con{ overflow: hidden; text-align: center; margin-top: 2.5rem;}

.cp_jzxzc_cpys{ padding:3rem 0px; }
.cp_jzxzc_cpys ul{ margin-top: 2rem; }
.cp_jzxzc_cpys ul li{ height:26.25rem; width: 31.046%; margin-right:2.28%;}
.cp_jzxzc_cpys ul li div.bg ol{ height:3.75rem;}
.cp_jzxzc_cpys ul li div.bg dd{margin:1.5rem 0px; }
.cp_jzxzc_cpys ul li div.bg dl{height:14rem;}

/*船员管理系统*/
.cp_cy{}

.cp_cy_cpgn{ padding:2.25rem 0px 4.75rem; }
.cp_cy_cpgn .con{ text-align: center; overflow: hidden; margin-top: 1.5rem; font-size: 1rem; color: #343843; line-height: 2rem;}

.cp_cy_cpys{ padding:3rem 0px; }
.cp_cy_cpys ul{ margin-top: 2rem;}
.cp_cy_cpys ul li{ width: 22.5%; margin-right: 2.5%;}
.cp_cy_cpys ul li div.bg ol{ height:3.75rem; }

/*调度监控系统*/
.cp_td{}

.cp_td_cpgn{ padding:2.25rem 0px 4.75rem; }
.cp_td_cpgn .con{ text-align: center; overflow: hidden; margin-top: 1.5rem; font-size: 1rem; color: #343843; line-height: 2rem;}

.cp_td_cpys{ padding:3rem 0px; }

.cp_td_cpys ul{ width: 100%; margin-top:2.5rem; }
.cp_td_cpys ul li{ height: 22.25rem;  width: 49%; }
.cp_td_cpys ul li.l{ float: left; }
.cp_td_cpys ul li.r{ float: right; }
.cp_td_cpys ul li div.bg{ padding:2rem;}
.cp_td_cpys ul li div.bg ol{ height:3.75rem; }
.cp_td_cpys ul li div.bg dl{ height:14rem;}

/*船舶代理管理系统*/
.cp_cb{}

.cp_cb_cpgn{ padding:2.25rem 0px 10rem; }
.cp_cb_cpgn .con{ text-align: center; overflow: hidden; margin-top: 1.5rem; font-size: 1rem; color: #343843; line-height: 2rem;}

.cp_cb_cpys{ padding:2rem 0px 3rem; }
.cp_cb_cpys ul{ margin-top: 2rem; }
.cp_cb_cpys ul li{ height: 24.375rem; width: 31.046%; margin-right:2.28%;}
.cp_cb_cpys ul li div.bg ol{ height:3.75rem;}


/*海运货代管理系统*/
.cp_hy{}

.cp_hy_cpys{ padding:2.5rem 0px 3.25rem; }
.cp_hy_cpys ul{ margin-top: 2.25rem; }
.cp_hy_cpys ul li{  background-color: #ffffff; width: 22.5%; margin-right: 2.5%;}
.cp_hy_cpys ul li div.bg ol{ height:3.75rem; }

/*空运货代管理系统*/
.cp_ky{}

.cp_ky_cpgn{ padding:2.5rem 0px; }
.cp_ky_cpgn ul{ margin-top:1.5rem;}
.cp_ky_cpgn ul li{ background-color: #ffffff; height: 24.375rem;width: 31.046%; margin-right:2.28%;}

.cp_ky_cpgn ul li div.bg ol{height:3.75rem;}
.cp_ky_cpgn ul li div.bg dl{ height:14rem;}

.cp_ky_cpys{ padding: 3.75rem 0px; }
.cp_ky_cpys ul{ margin-top: 2rem;}
.cp_ky_cpys ul li{ width: 22.5%; margin-right: 2.5%;}
.cp_ky_cpys ul li div.bg ol{ height:3.75rem; }

/*铁路货代管理*/
.cp_tlhd{}
.cp_tlhd_cpgn{ padding: 4.75rem 0px; }
.cp_tlhd_cpgn .con{ font-size: 1rem; line-height: 2rem; text-align: center; padding: 1.5rem 0px; color: #787e8c; }
.cp_tlhd_cpgn ul,.cp_tlhd_cpgn ul li{ overflow: hidden; }
.cp_tlhd_cpgn ul{width: 102%; }
.cp_tlhd_cpgn ul li{ background-color: #ffffff; float: left; margin-bottom: 2rem; height: 24.375rem; position: relative; width: 31.046%; margin-right:2.28%;}
.cp_tlhd_cpgn ul li div.bg{ position:absolute; padding:1.5rem; top:0px; left:0px; right:0px; bottom:0px; border:1px solid #eeeeee; }
.cp_tlhd_cpgn ul li div.bg ol{ text-align: center; height:3.75rem;}
.cp_tlhd_cpgn ul li div.bg dd{ font-size: 1.5rem; color: #333333; font-weight:bold; overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; text-align: center; margin:1rem 0px; }
.cp_tlhd_cpgn ul li div.bg dl{ font-size: 1rem; color: #787e8c; line-height: 2rem; height:14rem; overflow: hidden;}

.cp_tlhd_cpys{ padding: 4.5rem 0px; }
.cp_tlhd_cpys ul{ margin-top:2rem; }
.cp_tlhd_cpys ul li{width: 31.046%; margin-right:2.28%;}
.cp_tlhd_cpys ul li div.bg ol{ height:3.75rem;}
.cp_tlhd_cpys ul li div.bg dl{ height:14rem;}

/*OMS订单管理系统*/
.cp_oms{}

.cp_oms_cpgn{ padding: 3.75rem 0px 4rem; }
.cp_oms_cpgn .con{ margin-top: 2.75rem; overflow: hidden; text-align: center; }

.cp_oms_cpys{ padding: 2.5rem 0px; }
.cp_oms_cpys ul{ margin-top: 2rem; }
.cp_oms_cpys ul li{ width: 22.5%; margin-right: 2.5%;}
.cp_oms_cpys ul li div.bg ol{ height:3.75rem; }

/*TMS运输管理系统*/
.cp_tms{}

.cp_tms_cpgn{ padding: 3rem 0px 6rem; }
.cp_tms_cpgn ul,.cp_tms_cpgn ul li{ overflow: hidden; }
.cp_tms_cpgn ul{ width: 102%; margin-top: 2.25rem; }
.cp_tms_cpgn ul li{ float: left; height: 27.5rem; background-color: #ffffff; margin-bottom: 1.5rem; position: relative; width: 22.5%; margin-right: 2.5%;}
.cp_tms_cpgn ul li div.bg{ position:absolute; padding:1.5rem; top:0px; right:0px; bottom:0px; left:0px; border:1px solid #eeeeee; }
.cp_tms_cpgn ul li div.bg ol{text-align: center; height:5rem; }
.cp_tms_cpgn ul li div.bg dd{font-size: 1.5rem; color: #333333; font-weight:bold; overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; text-align: center; margin:1rem 0px;}
.cp_tms_cpgn ul li div.bg dl{font-size:1rem; color:#787e8c; line-height:2rem; height:16rem; overflow: hidden;}

.cp_tms_cpgn .con{text-align: center; margin-top:1.5rem;}
.cp_tms_cpgn .con img{ width: auto !important; height: auto !important; }

.cp_tms_cpys{ padding: 3rem 0px; }
.cp_tms_cpys ul{ margin-top:3rem; }
.cp_tms_cpys ul li{  height: 24.375rem;width: 31.046%; margin-right:2.28%;}
.cp_tms_cpys ul li div.bg ol{ height:5.125rem;}
.cp_tms_cpys ul li div.bg dl{ height:12rem;}

/*WMS订单管理系统*/
.cp_wms{  }

.cp_wms_cpgn{ padding: 4rem 0px 8.75rem; }
.cp_wms_cpgn div.con{ text-align: center; margin-top: 3.375rem; }

.cp_wms_cpys{ padding: 4rem 0px; }
.cp_wms_cpys ul{ margin-top:3rem; }
.cp_wms_cpys ul li{width: 31.046%; margin-right:2.28%;}
.cp_wms_cpys ul li div.bg ol{ height:3.75rem;}
.cp_wms_cpys ul li div.bg dl{ height:14rem;}

/*BMS结算管理系统*/
.cp_bms{}

.cp_bms_cpgn{ padding: 3rem 0px; }
.cp_bms_cpgn ul,.cp_bms_cpgn ul li{ overflow: hidden; }
.cp_bms_cpgn ul{ width: 102%; margin-top:3rem; }
.cp_bms_cpgn ul li{ float: left; margin-bottom:1.5rem; height:15rem; position: relative; width: 31.046%; margin-right:2.28%;}
.cp_bms_cpgn ul li div.bg{ position:absolute; padding:1.5rem; top:0px; left:0px; right:0px; bottom:0px; background-color: #ffffff; }
.cp_bms_cpgn ul li div.bg ol{ text-align: center; height:3.75rem;}
.cp_bms_cpgn ul li div.bg dd{ font-size: 1.5rem; color: #333333; font-weight:bold; overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; text-align: center; margin:0.5rem 0px; }
.cp_bms_cpgn ul li div.bg dl{ font-size: 1rem; color: #787e8c; line-height: 2rem; height:12rem; overflow: hidden;}

.cp_bms_cpys{ padding: 5rem 0px; }
.cp_bms_cpys ul{ margin-top: 2.25rem; }
.cp_bms_cpys ul li{width: 22.5%; margin-right: 2.5%;}
.cp_bms_cpys ul li div.bg ol{ height:3.75rem; }

/*PICK仓储智能拣选系统*/
.cp_pick{}

.cp_pick_cpgn{ padding: 2.5rem 0px 5rem; }
.cp_pick_cpgn .con{text-align: center; margin-top: 3.5rem;}

.cp_pick_cpys{ padding: 4.5rem 0px 6rem; }
.cp_pick_cpys ul{ margin-top: 2.25rem; }
.cp_pick_cpys ul li{ background-color: #ffffff; width: 22.5%; margin-right: 2.5%;}
.cp_pick_cpys ul li div.bg ol{ height:5rem; }

/*EDS企业服务总线*/
.cp_eds,.cp_eds li{ overflow: hidden; }
.cp_eds li{ padding: 5rem 0px; }
.cp_eds li.bg{ background-color: #f5f5f5;}
.cp_eds li .tit{text-align: center; font-size: 2.25rem; color: #343843; font-weight: bold;}
.cp_eds li .name{ font-size:1rem; color: #343843; margin-top: 1rem; text-align: center; }
.cp_eds li .con,.cp_eds li .con div{ overflow: hidden; }
.cp_eds li.l .con div.l,.cp_eds li.r .con div.r{ float: left; }
.cp_eds li.l .con div.r,.cp_eds li.r .con div.l{ float: right; }
.cp_eds li .con div.l{ width: 40%; }
.cp_eds li .con div.l ol{ font-weight: bold; font-size: 3rem; color: #0052d9; }
.cp_eds li .con div.l dd{ font-size: 1.5rem; color: #343843; font-weight:bold; line-height: 2; }
.cp_eds li .con div.l dl{ font-size: 1rem; line-height: 2rem; color: #787e8c; margin-top:1.5rem; }
.cp_eds li .con div.r{ width: 57%; }

/*WaliSCM数字化智能产品*/
.cp_waliscm{}

.cp_waliscm_ksdp{ padding: 3rem 0px; }
.cp_waliscm_ksdp ul,.cp_waliscm_ksdp ul li{ overflow: hidden; }
.cp_waliscm_ksdp ul{ margin-top: 3rem; }
.cp_waliscm_ksdp ul li{ margin-bottom: 3rem; width: 49%; }
.cp_waliscm_ksdp ul li.l{ float: left; }
.cp_waliscm_ksdp ul li.r{ float: right; }
.cp_waliscm_ksdp ul li div.bg{ background-color: #ffffff; padding: 1.25rem; overflow: hidden; }
.cp_waliscm_ksdp ul li div.bg div{ height: 16.25rem;}
.cp_waliscm_ksdp ul li.l div.bg div.l,.cp_waliscm_ksdp ul li.r div.bg div.r{ float: left; }
.cp_waliscm_ksdp ul li.l div.bg div.r,.cp_waliscm_ksdp ul li.r div.bg div.l{ float: right; }
.cp_waliscm_ksdp ul li div.bg div.l{ width: 44%; color: #333333;}
.cp_waliscm_ksdp ul li div.bg div.l dd{ font-weight: bold; font-size: 1.5rem; }
.cp_waliscm_ksdp ul li div.bg div.l dl{ margin-top:1rem; font-size: 1rem; line-height: 2rem;}
.cp_waliscm_ksdp ul li div.bg div.r{ width: 54%; display:flex; align-items:center;}

.cp_waliscm_ptgn{ padding: 4rem 0px; }
.cp_waliscm_ptgn ul,.cp_waliscm_ptgn ul li{ overflow: hidden; }
.cp_waliscm_ptgn ul{ width: 102%; margin-top:3rem; }
.cp_waliscm_ptgn ul li{ float: left; height: 20rem; margin-bottom:1.5rem; position: relative; width: 22.5%; margin-right: 2.5%;}
.cp_waliscm_ptgn ul li div.bg{ position:absolute; padding:1.5rem; top:0px; right:0px; bottom:0px; left:0px; border:1px solid #eeeeee; }
.cp_waliscm_ptgn ul li div.bg ol{text-align: center; height:3.75rem; }
.cp_waliscm_ptgn ul li div.bg dd{font-size: 1.5rem; color: #333333; font-weight:bold; overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; text-align: center; margin:1rem 0px;}
.cp_waliscm_ptgn ul li div.bg dl{font-size:1rem; color:#787e8c; line-height:2rem; height:16rem; overflow: hidden;}
.cp_waliscm_ptgn ul li.f div.bg{ border:0px; background-color: #5d6b82; display:flex; align-items:center;}
.cp_waliscm_ptgn ul li.f div.bg dl{ font-size: 1.125rem; width: 100%; height: 4rem; color: #ffffff; text-align: center;}

.cp_waliscm_szhzncp{ padding: 4rem 0px 6rem; }
.cp_waliscm_szhzncp ul,.cp_waliscm_szhzncp ul li{ overflow: hidden; }
.cp_waliscm_szhzncp ul{ margin-top: 2.5rem; }
.cp_waliscm_szhzncp ul li{ overflow: hidden; background-color: #ffffff; margin-bottom: 2rem; width: 49%;}
.cp_waliscm_szhzncp ul li.l{ float: left; }
.cp_waliscm_szhzncp ul li.r{ float: right; }
.cp_waliscm_szhzncp ul li div.bg{ overflow: hidden; padding: 2rem; height: 18rem; text-align: center; }
.cp_waliscm_szhzncp ul li div.bg ol{ height: 5rem; }
.cp_waliscm_szhzncp ul li div.bg dd{ font-size: 1.5rem; color: #343843; font-weight:bold; padding: 1rem 0px; }
.cp_waliscm_szhzncp ul li div.bg dl{ font-size: 1rem;color: #787e8c; line-height: 2rem; height: 8rem; overflow: hidden; }

/*Luban PaaS鲁班PaaS*/
.cp_luban{}
.cp_luban_sdtd{ padding: 4rem 0px; }
.cp_luban_sdtd div.tabBar{ margin-top:2rem; }
.cp_luban_sdtd div.tabBar div{ overflow: hidden; }
.cp_luban_sdtd div.tabBar div ul,.cp_luban_sdtd div.tabBar div ul li{ overflow: hidden; }
.cp_luban_sdtd div.tabBar div.hd{ margin-bottom: 2rem;}
.cp_luban_sdtd div.tabBar div.hd ul{ text-align: center; }
.cp_luban_sdtd div.tabBar div.hd ul li{display:inline-block; margin:0px 0.5rem; font-size: 1.125rem; color: #333333; height: 3rem; line-height:3rem; background-color: #ffffff; border-radius: 2rem; max-width: 10rem; width:18%;cursor: pointer; }
.cp_luban_sdtd div.tabBar div.hd ul li:hover,.cp_luban_sdtd div.tabBar div.hd ul li.on{ background-color: #0052d9; color: #ffffff; }
.cp_luban_sdtd div.tabBar div.bd{ position: relative; padding: 4rem 2rem 8rem;  background-color: #ffffff;}
.cp_luban_sdtd div.tabBar div.bd div.con{ overflow: hidden; min-height: 20rem;}
.cp_luban_sdtd div.tabBar div.bd div.con div.l{ float: left; width: 46%; color: #333333;}
.cp_luban_sdtd div.tabBar div.bd div.con div.l dd{ font-size: 1.5rem;  font-weight:bold; }
.cp_luban_sdtd div.tabBar div.bd div.con div.l dl{ font-size:1rem; line-height: 2rem; margin-top:1rem;}
.cp_luban_sdtd div.tabBar div.bd div.con div.r{ float: right; width: 48%; }
.cp_luban_sdtd div.tabBar div.bd a.qh{ position: absolute; width:2rem; height: 2rem; text-align: center; line-height: 2rem; border-radius: 50%; background-color: #bfbfbf; color:#ffffff; right: 2rem;}
.cp_luban_sdtd div.tabBar div.bd a.qh:hover{ background-color: #0a568a; }
.cp_luban_sdtd div.tabBar div.bd a.prev{ bottom: 5rem; }
.cp_luban_sdtd div.tabBar div.bd a.next{ bottom: 2rem; }

/*GLPaaS云应用平台*/
.cp_glpaas{}
.cp_glpaas_vpys{ padding: 3rem 0px; }
.cp_glpaas_vpys ul,.cp_glpaas_vpys ul li{ overflow: hidden; }
.cp_glpaas_vpys ul{ margin-top:1.5rem; width: 102%; text-align: center; }
.cp_glpaas_vpys ul li{ background-color:#ffffff;height:24.375rem;position:relative;width:31.046%;display:inline-block;margin:0px 1% 2rem;}
.cp_glpaas_vpys ul li .bg{ position:absolute; padding:1.5rem; top:0px; left:0px; right:0px; bottom:0px; border:1px solid #eeeeee; }
.cp_glpaas_vpys ul li .bg ol{ text-align: center; height:3.75rem;}
.cp_glpaas_vpys ul li .bg dd{ font-size: 1.5rem; color: #333333; font-weight:bold; overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; text-align: center; margin:1rem 0px; }
.cp_glpaas_vpys ul li .bg dl{ font-size: 1rem; color: #787e8c; line-height: 2rem; height:14rem; overflow: hidden;}

/*cplb_n*/
.cplb_n{ height: 60vh; display:flex; align-items:center; }
.cplb_n dl{ text-align: center; width: 100%; font-weight: bold; font-size:6rem; }

/*产品_产品概述*/
.cp_cpgs{ padding: 3.5rem 0px 4rem; }
.cp_cpgs .con{ overflow: hidden; margin-top: 1.5rem; font-size: 1rem; color: #343843; line-height: 2rem; min-height: 6rem; }
.cp_cpgs .con img{ width: auto !important; height: auto !important; }

/*产品_产品优势*/
.cp_cpys,.cp_cpys li{overflow: hidden;}
.cp_cpys{width: 102%;}
.cp_cpys li{ float: left; height: 27.5rem; margin-bottom: 1.5rem; position: relative;}
.cp_cpys li div.bg{ position:absolute; padding:1.5rem; top:0px; right:0px; bottom:0px; left:0px; border:1px solid #eeeeee; }
.cp_cpys li div.bg ol{text-align: center; }
.cp_cpys li div.bg dd{font-size: 1.5rem; color: #333333; font-weight:bold; overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; text-align: center; margin:1rem 0px;}
.cp_cpys li div.bg dl{font-size:1rem; color:#787e8c; line-height:2rem; height:16rem; overflow: hidden;}

/*产品_相关产品*/
.cp_xgcp{ padding: 3rem 0px 5rem; }
.cp_xgcp #wrapper,.cp_xgcp #wrapper #carousel,.cp_xgcp #wrapper #carousel ul,.cp_xgcp #wrapper #carousel ul li{ height: 17.5rem;}
.cp_xgcp #wrapper{ margin-top: 2rem; position: relative;}
.cp_xgcp #wrapper #carousel{ position: relative; padding-bottom: 2.5rem;}
.cp_xgcp #wrapper #carousel .con_bg{ width: 110%; }
.cp_xgcp #wrapper #carousel ul,.cp_xgcp #wrapper #carousel ul li{ overflow: hidden; }
.cp_xgcp #wrapper #carousel ul{ width: 102%; margin-top: 2rem;}
.cp_xgcp #wrapper #carousel ul li{ float: left; margin-bottom:1.5rem; background:url(../images/xgcp_bg.jpg) no-repeat scroll center;background-size: cover; position: relative; width:23.75rem; margin-right:1.875rem;}
.cp_xgcp #wrapper #carousel ul li div.bg{ position: absolute; left: 0px; bottom: 0px; right: 0px; top: 0px; padding:1.25rem;}
.cp_xgcp #wrapper #carousel ul li div.bg dd{ font-weight: bold; font-size:1.5rem; color: #333333; overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; line-height: 2rem;}
.cp_xgcp #wrapper #carousel ul li div.bg dl{ margin:1rem 0px;font-size:1rem;color:#787e8c;line-height:2rem;height:8rem;overflow:hidden; }
.cp_xgcp #wrapper #carousel ul li div.bg ol{ overflow: hidden; }
.cp_xgcp #wrapper #carousel ul li div.bg ol a{ display: block; height: 2rem; line-height: 2rem; width: 7.5rem; font-size: 1rem; color: #787e8c; border:1px solid #0052d9; background-color: #0052d9; color: #ffffff; text-align: center;}
.cp_xgcp #wrapper #carousel ul li div.bg ol a:hover{ background:none; color: #0052d9; }

.cp_xgcp #wrapper #carousel a.qh{ position: absolute; color: #333333; width: 3rem; font-size: 2rem; bottom: 0px; z-index: 2; opacity: 0; }
.cp_xgcp #wrapper #carousel a.qh:hover{ color: #0052d9; }
.cp_xgcp #wrapper #carousel:hover a.qh{ opacity: 1; }
.cp_xgcp #wrapper #carousel a.qh.prev{ left: 0px; text-align:left;}
.cp_xgcp #wrapper #carousel a.qh.next{ right: 0px; text-align:right;}

.cp_xgcp #wrapper #carousel #pager{ position: absolute; bottom: 0px; width: 100%; left: 0px; text-align: center; }
.cp_xgcp #wrapper #carousel #pager a{ height: 3px; width: 1.875rem; display:inline-block; background-color: #94969c; margin:0px 0.5rem;}
.cp_xgcp #wrapper #carousel #pager a span{ display: none; }
.cp_xgcp #wrapper #carousel #pager a:hover,.cp_xgcp #wrapper #carousel #pager a.selected{ background-color: #0052d9; }

.cp_sj_bg{ display: none; }

/*数字方案-WMS仓储管理系统*/
.banner_szfa .width1200{ height: 37.5rem; }
.banner_szfa .width1200 div.l,.banner_szfa .width1200 div.r{ position: absolute; top: 0px; bottom: 0px; display:flex; align-items:center; }
.banner_szfa .width1200 div.l{ width: 45%; left: 0px; }
.banner_szfa .width1200 div.r{width: 53%; right: 0px; }
.banner_szfa .width1200 div.r img{ position: absolute; top: 0px; right: 0px; bottom: 0px; margin:auto; }

.banner_szfa .width1200 div.l dd{ font-size: 2.25rem; font-weight: bold; color: #333333; margin-bottom:1.5rem;}
.banner_szfa .width1200 div.l dl b{ font-size: 2.25rem; color: #333333; }
.banner_szfa .width1200 div.l dl{ font-size:1rem; color: #787e8c; line-height: 2.25rem;}
.banner_szfa .width1200 div.l ol{ overflow: hidden; margin-top: 1rem;}
.banner_szfa .width1200 div.l ol a{ display: block; float: left; border:1px solid #0052d9; margin-right:1.25rem; height: 2rem; line-height: 2rem; width: 7.5rem; text-align: center; font-size: 1rem; }
.banner_szfa .width1200 div.l ol a.l,.banner_szfa .width1200 div.l ol a.r:hover{ background-color:#0052d9; color: #ffffff;}
.banner_szfa .width1200 div.l ol a.r,.banner_szfa .width1200 div.l ol a.l:hover{ background-color:#ffffff; color: #0052d9; }

.szfa_tit{ text-align: center; position: relative; font-size: 2.25rem; color: #333333; font-weight: bold; padding-bottom: 1.25rem; }
.szfa_tit i{ position: absolute; bottom: 0px; width: 2.75rem; height: 3px; background-color: #0052d9; left: 50%; margin-left: -1.375rem; }

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

.szfa_kshpt{ padding: 2.5rem 0px 6rem; }

.szfa_kshpt_qh{overflow:hidden; position:relative; margin-top: 4rem;}
.kshpt_qh_i,.kshpt_qh_i ul,.kshpt_qh_i ul li{ height:31.5625rem;}
.kshpt_qh_i{ overflow:hidden; position:relative; padding-bottom: 5rem;}
.kshpt_qh_i ul{position:absolute; top:0px; left:0px;}
.kshpt_qh_i ul li{float:left; position: relative;}
.kshpt_qh_i ul li div.l{ width:58.334%;}
.kshpt_qh_i ul li div.l img{ margin-left: 0px !important; }
.kshpt_qh_i ul li div.r{ position:absolute; bottom:0px; top:0px; width:40%; display:flex; align-items:center;}
.kshpt_qh_i ul li div.r div{ width: 100%; }
.kshpt_qh_i ul li div.r div dd{ font-weight: bold; font-size: 1.5rem; color: #333333; }
.kshpt_qh_i ul li div.r div dl{ font-size: 1rem; color: #787e8c; line-height: 2rem; margin-top:1.5rem; }

.kshpt_qh_i ul li.l div.l{ float:left; }
.kshpt_qh_i ul li.l div.r{ right:0px;}

.kshpt_qh_i ul li.r div.l{ float: right; }
.kshpt_qh_i ul li.r div.r{ left: 0px; }

.kshpt_qh_dj{position:absolute; text-align: center; z-index: 2; width: 100%; bottom: 0px;}
.kshpt_qh_dj a{width:0.75rem; height:0.75rem; margin:0px 0.5rem; background-color:#787e8c; border-radius:50%; display:inline-block;}
.kshpt_qh_dj a.on{ background-color:#0052d9; }

.szfa_sdly{ padding: 3.5rem 0px; }
.szfa_sdly ul,.szfa_sdly ul li{ overflow: hidden; }
.szfa_sdly ul{ width: 102%; margin-top: 4rem; }
.szfa_sdly ul li{ margin-bottom: 1.5rem; float: left; background-color: #ffffff; width: 22.5%; margin-right:2.5%; }
.szfa_sdly ul li .bg{ padding: 1.25rem 7%; height: 20rem; }
.szfa_sdly ul li .bg ol{ text-align: center; height: 3.75rem; }
.szfa_sdly ul li .bg dd{ font-size: 1.5rem; padding: 1.5rem 0px; overflow: hidden; word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; color: #333333; text-align: center; font-weight:bold; }
.szfa_sdly ul li .bg dl{ font-size: 1rem; color: #787e8c; line-height: 2rem; height: 10rem; overflow: hidden; }

.szfa_fws{ padding: 3rem 0px 8.75rem; }
.szfa_fws .con{ overflow: hidden; margin-top: 2rem; }
.szfa_fws .con .tit{ text-align: center; font-size: 1rem; color: #787e8c; text-align: center; }
.szfa_fws .con .bg{ overflow:hidden;margin-top:1rem;background:url(../images/szfa_fws_bg.jpg) no-repeat scroll center top;min-height:30rem;}
.szfa_fws .con .bg div{ overflow: hidden; }
.szfa_fws .con .bg div.t{ color: #333333; }
.szfa_fws .con .bg div.t dd{ font-size: 2.25rem; margin-bottom: 1rem;}
.szfa_fws .con .bg div.t dd strong{ font-size: 3.75rem; }
.szfa_fws .con .bg div.t dl{ font-size: 1rem; line-height:2rem; height: 6rem;}
.szfa_fws .con .bg div.f{ margin-top:0.5rem; }
.szfa_fws .con .bg div.f div{ color: #333333; }
.szfa_fws .con .bg div.f div.l{ float: left; width:38.334%; margin-left: 18%; margin-top:6rem;}
.szfa_fws .con .bg div.f div.l dd,.szfa_fws .con .bg div.f div.l dl{ padding-left: 6rem;}
.szfa_fws .con .bg div.f div.r{ float: right; width:31.667%;}
.szfa_fws .con .bg div.f div.r dd,.szfa_fws .con .bg div.f div.r dl{ padding-left: 3rem;}
.szfa_fws .con .bg div.f div dd{ font-weight: bold; font-size: 1.5rem; margin-top: -0.5rem;}
.szfa_fws .con .bg div.f div dl{ font-size: 1rem; line-height: 2rem; margin-top: 0.75rem;}

.szfa_xgcp{ padding:3rem 0px 6rem; }
.szfa_xgcp ul,.szfa_xgcp ul li{ overflow: hidden; }
.szfa_xgcp ul{ width: 102%; margin-top: 2rem;}
.szfa_xgcp ul li{ float: left; margin-bottom:1.5rem; height: 17.5rem; background:url(../images/xgcp_bg.jpg) no-repeat scroll center;background-size: cover; position: relative; width: 31.046%; margin-right:2.25%;}
.szfa_xgcp ul li div.bg{ position: absolute; left: 0px; bottom: 0px; right: 0px; top: 0px; padding:1.25rem;}
.szfa_xgcp ul li div.bg dd{ font-weight: bold; font-size:1.5rem; color: #333333; overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; line-height: 2rem;}
.szfa_xgcp ul li div.bg dl{ margin:1rem 0px; font-size: 1rem; color: #787e8c; line-height: 2rem; height: 8rem; overflow: hidden; }
.szfa_xgcp ul li div.bg ol{ overflow: hidden; }
.szfa_xgcp ul li div.bg ol a{ display: block; height: 2rem; line-height: 2rem; width: 7.5rem; font-size: 1rem; color: #787e8c; border:1px solid #0052d9; background-color: #0052d9; color: #ffffff; text-align: center;}
.szfa_xgcp ul li div.bg ol a:hover{ background:none; color: #0052d9; }

/*数字方案-智能航运管理平台*/
.szfa_ptgs{ padding: 2.5rem 0px 5rem; }
.szfa_ptgs .con{ overflow: hidden; margin-top: 2.5rem; }
.szfa_ptgs .con div.l{ float: left; width: 53%; font-size: 1rem; color: #787e8c; line-height: 2rem;}
.szfa_ptgs .con div.r{ float: right; width:40%; position: relative; border-radius: 0.5rem; overflow: hidden;}
.szfa_ptgs .con div.r img{transition: all 1s ease;}
.szfa_ptgs .con div.r:hover img{transform: scale(1.1);transition: all 1s ease;}
.szfa_ptgs .con div.r a{ position: absolute; top:0px; left:0px; right:0px; bottom:0px; z-index:2; font-size:3rem; color: #ffffff; }
.szfa_ptgs .con div.r a i{ position: absolute; top: 50%; left: 50%; margin-top:-1.5rem; margin-left:-1.5rem; }

.szfa_ptgn{ padding: 2rem 0px 3rem; }
.szfa_ptgn .con{ overflow: hidden; text-align: center; margin-top: 2.5rem; }

.szfa_cbznjk{ padding:5rem 0px; position:relative;}
.szfa_cbznjk div.l,.szfa_cbznjk div.r{ height: 26.25rem; }
.szfa_cbznjk div.l{ float: left; width: 40%; display:flex; align-items:center; }
.szfa_cbznjk div.l div{ width: 100%; }
.szfa_cbznjk div.l div dd{ font-weight:bold; margin-bottom: 1.5rem; font-size: 2.25rem; color: #333333; }
.szfa_cbznjk div.l div dl{ font-size: 1rem; color: #787e8c; line-height: 2rem; }
.szfa_cbznjk div.r{ float: right; width: 56%; }

.szfa_hydsjfx{ padding:5rem 0px; position:relative;}
.szfa_hydsjfx div.l,.szfa_hydsjfx div.r{ height:25.625rem; display:flex; align-items:center; width: 48.75%;}
.szfa_hydsjfx div.l{ float: left;}
.szfa_hydsjfx div.r{ float: right;}
.szfa_hydsjfx div.r div{ width: 100%; }
.szfa_hydsjfx div.r div dd{ font-weight:bold; margin-bottom: 1.5rem; font-size: 2.25rem; color: #333333; }
.szfa_hydsjfx div.r div dl{ font-size: 1rem; color: #787e8c; line-height: 2rem; }

.szfa_ptys{ padding: 4rem 0px; }
.szfa_ptys ul,.szfa_ptys ul li{ overflow: hidden; }
.szfa_ptys ul{ width: 102%; margin-top:2rem; }
.szfa_ptys ul li{ float: left; margin-bottom:2rem; height: 26.25rem; width: 22.5%; margin-right:2.5%; position: relative;}
.szfa_ptys ul li div.bg{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; padding:1.5rem; border:1px solid #eeeeee; }
.szfa_ptys ul li div.bg ol{ text-align: center; height: 3.75rem;}
.szfa_ptys ul li div.bg dd{ font-size: 1.5rem; color: #333333; font-weight:bold; overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; text-align: center; margin:1rem 0px; }
.szfa_ptys ul li div.bg dl{ font-size: 1rem; color: #787e8c; line-height: 2rem; height: 16rem; overflow: hidden; }

/*数字方案-智慧货代管理平台*/
.szfa_zhhd_fws{ padding-bottom: 4rem;}
.szfa_zhhd_fws ul,.szfa_zhhd_fws ul li{ overflow: hidden; }
.szfa_zhhd_fws ul{background: url(../images/szfa_fws_bg.jpg) no-repeat scroll center top; min-height: 30rem;}
.szfa_zhhd_fws ul li{ position: relative; min-height:5rem; max-width: 22%;}
.szfa_zhhd_fws ul li.l1{ float: left; padding-top:8.25rem; padding-left: 6.875rem; margin-left: 3%;}
.szfa_zhhd_fws ul li.l2{ float: left; padding-left:10rem; min-height:15rem; margin-left:6%; margin-top:2rem;}
.szfa_zhhd_fws ul li.l3{ float: right; padding-right: 10rem; padding-top:3rem; margin-top: 7rem;}
.szfa_zhhd_fws ul li.l4{ float: left; padding-left:7rem; padding-top: 8.125rem; margin-left:20%;}
.szfa_zhhd_fws ul li.l5{ float: left; padding-left:9.25rem; padding-top: 5.3125rem; margin-left: 2%; margin-top:2rem;}
.szfa_zhhd_fws ul li ol{ position: absolute; left: 0px; top: 0px; max-width: 11.6875rem;}
.szfa_zhhd_fws ul li.l3 ol{ right: 0px; left: auto; }
.szfa_zhhd_fws ul li dd{ font-weight: bold; font-size: 1.5rem; color: #0052d9;}
.szfa_zhhd_fws ul li dl{ font-size: 1rem; line-height: 2rem; margin-top: 0.75rem;}

.szfa_zhhd_ptgn{ padding:4rem 0px 8.75rem; }
.szfa_zhhd_ptgn div.bg{ width: 100%; overflow: hidden; margin-top: 4rem; position: relative; background:url(../images/szfa_zhhd_ptgn.png) no-repeat scroll center; background-size: auto 100%; }
.szfa_zhhd_ptgn div.bg div.c{ position: absolute; z-index: 1; font-size: 2.25rem; color: #333333; font-weight:bold; top: 0px; left: 0px; right: 0px; bottom: 0px;display:flex; align-items:center; }
.szfa_zhhd_ptgn div.bg div.c dl{ width: 100%; text-align: center; }
.szfa_zhhd_ptgn div.bg ul,.szfa_zhhd_ptgn div.bg ul li{ overflow: hidden; }
.szfa_zhhd_ptgn div.bg ul{height: 35.25rem; max-width: 820px; margin:0px auto;position: relative; z-index: 2;}
.szfa_zhhd_ptgn div.bg ul li{ position: absolute; height: 3.75rem; width: 10.9375rem; }
.szfa_zhhd_ptgn div.bg ul li.l1{ top: 2.5rem; left: 20%;}
.szfa_zhhd_ptgn div.bg ul li.l2{ top: 2.5rem; right: 20%;}
.szfa_zhhd_ptgn div.bg ul li.l3{ left:0px; top: 50%; margin-top: -1.875rem;}
.szfa_zhhd_ptgn div.bg ul li.l4{ right:0px; top: 50%; margin-top: -1.875rem;}
.szfa_zhhd_ptgn div.bg ul li.l5{ bottom: 2.5rem; left: 20%;}
.szfa_zhhd_ptgn div.bg ul li.l6{ bottom: 2.5rem; right: 20%;}
.szfa_zhhd_ptgn div.bg ul li a{position: absolute; border:1px solid #1482e1; top: 0px; left: 0px; right: 0px; bottom: 0px;display:flex; align-items:center; border-radius: 2rem; background-color: #ffffff;}
.szfa_zhhd_ptgn div.bg ul li a:hover{ background-color: #1482e1; }
.szfa_zhhd_ptgn div.bg ul li a dl{ width: 100%; text-align: center; font-size: 1rem; color: #333333; }
.szfa_zhhd_ptgn div.bg ul li a:hover dl{ color: #ffffff; }

.szfa_zhhd_ptys{ padding:2.5rem 0px; }
.szfa_zhhd_ptys ul,.szfa_zhhd_ptys ul li{ overflow: hidden; }
.szfa_zhhd_ptys ul{ width: 102%; margin-top: 2rem; }
.szfa_zhhd_ptys ul li{ float: left; margin-bottom: 2rem; height: 24.375rem; position: relative; width: 31.046%; margin-right:2.28%;}
.szfa_zhhd_ptys ul li .bg{ position:absolute; padding:1.5rem; top:0px; left:0px; right:0px; bottom:0px; border:1px solid #eeeeee; }
.szfa_zhhd_ptys ul li .bg ol{ text-align: center; height:5.125rem;}
.szfa_zhhd_ptys ul li .bg dd{ font-size: 1.5rem; color: #333333; font-weight:bold; overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; text-align: center; margin:1rem 0px; }
.szfa_zhhd_ptys ul li .bg dl{ font-size: 1rem; color: #787e8c; line-height: 2rem; height:12rem; overflow: hidden;}

/*数字方案-供应链物流数智化平台*/
.szfa_wlszh_ptgn{ padding:4.5rem 0px 7.5rem; }
.szfa_wlszh_ptgn ul,.szfa_wlszh_ptgn ul li{ overflow: hidden; }
.szfa_wlszh_ptgn ul{ margin-top: 3.75rem; width: 102%; }
.szfa_wlszh_ptgn ul li{ float:left; width:31.047%; margin-right:2.25%; height:26.25rem; margin-bottom:1.5rem; background-color:#ffffff;}
.szfa_wlszh_ptgn ul li dd{ height:8rem; font-size:1.5em; display:flex; align-items:center; color:#333333; font-weight:bold; padding:0px 9rem 0px 1.5rem;}
.szfa_wlszh_ptgn ul li dl{ font-size: 1rem; color: #333333; line-height: 2rem; margin:1.5rem 1.5rem 0px; height: 16rem; overflow: hidden; }

.szfa_wlszh_ptgn div.i{ text-align: center; margin-top: 2.5rem; }

.szfa_wlszh_ptys{ padding:4rem 0px 5rem; }
.szfa_wlszh_ptys ul,.szfa_wlszh_ptys ul li{ overflow: hidden; }
.szfa_wlszh_ptys ul{ margin-top: 2.5rem; width: 102%;}
.szfa_wlszh_ptys ul li{ float: left; height: 27.5rem; cursor: pointer; position: relative; width: 22.5%; margin:0.5rem 1%;}
.szfa_wlszh_ptys ul li:hover{ box-shadow:0px 0px 10px 0px rgba(0,0,0,0.14);}
.szfa_wlszh_ptys ul li div.bg{ position:absolute; padding:1.5rem; top:0px; right:0px; bottom:0px; left:0px; border:1px solid #eeeeee; }
.szfa_wlszh_ptys ul li div.bg ol{text-align: center; height:3.75rem; }
.szfa_wlszh_ptys ul li div.bg dd{font-size: 1.5rem; color: #333333; font-weight:bold; overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; text-align: center; margin:1rem 0px;}
.szfa_wlszh_ptys ul li div.bg dl{font-size:1rem; color:#787e8c; line-height:2rem; height:16rem; overflow: hidden;}

/*数字方案-合作伙伴*/
.szfa_hzkh{ padding: 4rem 0px; }
.szfa_hzkh #wrapper{ margin-top: 1.5rem;  position: relative;}
.szfa_hzkh #wrapper #carousel{ overflow: hidden;}
.szfa_hzkh #wrapper #carousel .bg{ width: 130%;}
.szfa_hzkh #wrapper #carousel .caroufredsel_wrapper{ overflow: hidden; }
.szfa_hzkh #wrapper #carousel .caroufredsel_wrapper ul,.szfa_hzkh #wrapper #carousel .caroufredsel_wrapper ul li{ overflow: hidden; }
.szfa_hzkh #wrapper #carousel .caroufredsel_wrapper ul{ height: 4.25rem; }
.szfa_hzkh #wrapper #carousel .caroufredsel_wrapper ul li{ float:left; width:10.9375rem; height:4.25rem; position:relative; margin-right:1.75rem;}
.szfa_hzkh #wrapper #carousel .caroufredsel_wrapper ul li div{border:1px solid #eeeeee; position:absolute; top:0px; left:0px; right:0px; bottom:0px; background-color: #ffffff;}
.szfa_hzkh #wrapper #carousel .caroufredsel_wrapper ul li div img{ position:absolute;top:1px;left:1px;right:1px; bottom:1px; margin:auto;}

.szfa_hzkh #wrapper #carousel a.qh{ position: absolute;font-size: 2.5rem; color: #999999; top:0.35rem;}
.szfa_hzkh #wrapper #carousel a.qh:hover{ color: #0052d9;}
.szfa_hzkh #wrapper #carousel a.prev{ left: 0px; margin-left:-3rem;}
.szfa_hzkh #wrapper #carousel a.next{ right: 0px; margin-right: -3rem;}
.szfa_hzkh #wrapper #carousel #pager{ opacity: 0; overflow: hidden; height: 0px; }

/*合作伙伴*/
.banner_hzhb .width1680{ height: 22.5rem; }
.banner_hzhb .width1680 div{ width: 100%; font-size: 2.25rem; color: #343843; font-weight: bold; }

.hzhb_bg{ width: 100%; overflow: hidden; background-color: #f9fbff; }
.hzhb_bg .width1680{ padding: 2.5rem 0px 5rem; }
.hzhb_bg .width1680 ul,.hzhb_bg .width1680 ul li{ overflow: hidden; }
.hzhb_bg .width1680 ul.l{ float: left; width: 15%;}
.hzhb_bg .width1680 ul.l li{ margin-bottom:1rem; }
.hzhb_bg .width1680 ul.l li a{ display: block; padding:0.75rem 10%; border-left: 3px solid #f9fbff; font-size:1rem; color: #787e8c;}
.hzhb_bg .width1680 ul.l li.on a{ color: #0052d9; border-left: 3px solid #0052d9; background-color: #ffffff;}
.hzhb_bg .width1680 ul.l li a:hover{color: #0052d9;}
.hzhb_bg .width1680 div.r{ float: right; width: 83%;}
.hzhb_bg .width1680 div.r ul{ margin-bottom: 3rem; width: 102%; min-height: 60vh;}
.hzhb_bg .width1680 div.r ul li{ margin-bottom:2rem; margin-right:2%; float:left; position:relative; height:5rem; width:18%; background-color:#ffffff;}
.hzhb_bg .width1680 div.r ul li img{ position: absolute; left: 0px; bottom: 0px; right: 0px; top: 0px; margin:auto; }
.hzhb_bg .width1680 div.r .fenye{ text-align:right; }

/*公司简介*/
.banner_about{ position: relative;}
.banner_about i.bg{ position: absolute; left: 0px;top: 0px; right: 0px; bottom: 0px; z-index: 0; background-size: cover;}
.banner_about .width1680{ position: relative; height: 42.5rem; z-index: 2; display:flex;align-items:center; }
.banner_about .width1680 div{ width: 100%; color: #ffffff; font-weight: bold; font-size:2.25rem; }

.about_n{ width: 100%; border-bottom: 1px solid #eeeeee; background-color: #ffffff;}
.about_n .width1680{}
.about_n .width1680 a{ display: block; float: left; height: 4.375rem; line-height: 4.375rem; position: relative; font-size: 1rem; color: #333333; padding: 0px 0.5rem; margin-right: 3.5%;}
.about_n .width1680 a.o,.about_n .width1680 a:hover{ color: #0658ae; }
.about_n .width1680 a i{ position: absolute; width: 1.5rem; height: 3px; background-color: #0658ae; border-radius: 2px; left: 50%; margin-left:-0.75rem; bottom: 0.875rem; opacity: 0; }
.about_n .width1680 a.o i,.about_n .width1680 a:hover i{ opacity: 1; }

.about_n_bg{ width: 100%; height: 0px; overflow: hidden; }
.about_n_bg.on{ height:4.375rem;}
.about_n.on{ position: fixed; top:5.75rem;border-top: 1px solid #eeeeee; z-index: 9998;}

i.md{ position: absolute; width: 1px; height: 1px; margin-top: -10rem;}

/*企业文化*/
.about_qywh{ overflow: hidden; background-color: #f5f5f5; width: 100%; }
.about_qywh div ul,.about_qywh div ul li{ overflow: hidden; }
.about_qywh div.l,.about_qywh div.r{ height: 50rem; width: 50%; background-repeat: no-repeat; background-size: cover;}
.about_qywh div.l{ float: left; }
.about_qywh div.l div.bg{ width: 76%; margin:0px auto;}
.about_qywh div.r{ float: right; }
.about_qywh div.r ul{ width: 76%; margin:0px auto;}
.about_qywh div ul{ max-width: 515px; }
.about_qywh div ul li{ margin-top: 5rem; }
.about_qywh div ul li dd{ font-weight: bold; font-size:2.25rem; }
.about_qywh div ul li dl{ margin-top: 1.25rem; font-size: 1rem; line-height: 2; }

.about_qywh div.l{ color: #ffffff;}
.about_qywh div.l div.bg{ padding-top: 4.5rem;}
.about_qywh div.l div.n{ font-size: 2.25rem; font-weight: bold; }
.about_qywh div.r ul{ padding-top: 7.5rem; }

/*发展历史*/
.about_fzls{ overflow: hidden; background-color: #f5f5f5; width: 100%; }
.about_fzls div ul,.about_fzls div ul li{ overflow: hidden; }
.about_fzls div ul li{ margin-top:2rem; padding-left:19%; position: relative;}
.about_fzls div ul li b{ position: absolute; left: 0px; font-size: 2.25rem; line-height: 1; }
.about_fzls div ul li dl{ font-size: 1rem; padding-top: 0.125rem; line-height:2; overflow: hidden; height: 6rem;}

.about_fzls div.l,.about_fzls div.r{ height: 50rem; width: 50%; background-repeat: no-repeat; background-size: cover;}
.about_fzls div.l{ float: left; }
.about_fzls div.l div.bg{ width: 76%; margin:0px auto;padding-top: 5.6rem;}
.about_fzls div.l div.bg div.n{ font-size: 2.25rem; font-weight: bold; }
.about_fzls div.l ul{ margin-top: 5rem; }

.about_fzls div.r{ float: right; color: #ffffff;}
.about_fzls div.r ul{ width: 76%; margin:0px auto; padding-top: 7.5rem;}

/*合作伙伴*/
.about_hzhb{ width: 100%; background:url(../images/about_hzhb_bg.jpg) no-repeat scroll center; background-size: cover;}
.about_hzhb .width1680{ }
.about_hzhb .width1680 div.hidden{ height: 50rem; display:flex;align-items:center;}
.about_hzhb .width1680 div.l{ float: left; width: 51%; max-width: 740px;}
.about_hzhb .width1680 div.l div.c{ overflow: hidden; }
.about_hzhb .width1680 div.l div.c dd{ font-size: 2.25rem; color: #343843; font-weight: bold; }
.about_hzhb .width1680 div.l div.c dl{ font-size: 1rem; color: #333333; line-height: 2; padding: 2rem 0px; }
.about_hzhb .width1680 div.l div.c ol{ overflow: hidden; }
.about_hzhb .width1680 div.l div.c ol a{ font-size: 1rem; color: #ffffff; display: block; float: left; background-color: #0052d9; border: 1px solid #0052d9; padding: 0px 1.25rem; height: 2.5rem; line-height: 2.5rem; border-radius: 2rem;}
.about_hzhb .width1680 div.l div.c ol a:hover{ background-color: #ffffff; color:#0052d9; }

.about_hzhb .width1680 div.r{ float: right; width: 41%; }

/*企业荣誉*/
.about_qyry{ padding: 4rem 0px 7.5rem; }
.about_qyry .tit{ margin-bottom:2.5rem; font-weight: bold; font-size:2.25rem; color: #343843; }
.about_qyry #wrapper{ position: relative; }
.about_qyry #wrapper #carousel{ width: 130%; max-width: 1700px;}
.about_qyry #wrapper #carousel .caroufredsel_wrapper{ }
.about_qyry #wrapper #carousel .caroufredsel_wrapper ul,.about_qyry #wrapper #carousel .caroufredsel_wrapper ul li{ overflow: hidden; }
.about_qyry #wrapper #carousel .caroufredsel_wrapper ul{ height: 24.0625rem; }
.about_qyry #wrapper #carousel .caroufredsel_wrapper ul li{ float: left; width: 25rem; margin-right:1.5rem; }
.about_qyry #wrapper #carousel .caroufredsel_wrapper ul li div.bg{ border:1px solid #eeeeee; }
.about_qyry #wrapper #carousel .caroufredsel_wrapper ul li div.bg ol{ position: relative; height: 19.375rem; }
.about_qyry #wrapper #carousel .caroufredsel_wrapper ul li div.bg ol img{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; margin:auto; }
.about_qyry #wrapper #carousel .caroufredsel_wrapper ul li div.bg dd{ border-top:1px solid #eeeeee; background-color:#fafbfc; height:4.5rem; line-height:4.5rem; font-size:1.125rem; color:#333333; overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; text-align:center;}
.about_qyry #wrapper #carousel a.qh{ position: absolute; border:1px solid #999999; width: 2.5rem; height: 2.5rem; line-height: 2.5rem; text-align: center; border-radius: 50%; font-size: 1.25rem; color: #999999; top: 0px; margin-top: -5.3rem;}
.about_qyry #wrapper #carousel a.qh:hover{ border:1px solid #0052d9; background-color: #0052d9; color: #ffffff;}
.about_qyry #wrapper #carousel a.prev{ right: 3.5rem }
.about_qyry #wrapper #carousel a.next{ right: 0px; }
.about_qyry #wrapper #carousel #pager{ opacity: 0; overflow: hidden; height: 0px; }

.sj_about_qyry{ display: none; }

/*权威评价*/
.about_qwpj{ width: 100%; overflow: hidden; background-color: #f5f5f5; }
.about_qwpj .width1680{ padding: 5rem 0px; }
.about_qwpj .width1680 .tit{ margin-bottom:2rem; }
.about_qwpj .width1680 .tit dd{ font-size: 2.25rem; font-weight: bold; color: #343843; }
.about_qwpj .width1680 .tit dl{ font-size:1rem; color: #787e8c; margin-top: 1.25rem; }
.about_qwpj .width1680 ul,.about_qwpj .width1680 ul li{ overflow: hidden; }
.about_qwpj .width1680 ul{ width: 102%; }
.about_qwpj .width1680 ul li{ float:left; background-image:linear-gradient(to bottom,#edf3fa, #ffffff); box-shadow:0px 4px 8px 0px rgba(0,0,0,0.14); width: 31.513%; margin:0px 1% 2rem 0.3%;}
.about_qwpj .width1680 ul li div.bg{ height: 15rem; padding-top: 1.5rem; padding-left:24%; position: relative;}
.about_qwpj .width1680 ul li div.bg img.l{ position: absolute; top: 2.5rem; left:4%; max-width:16%; }
.about_qwpj .width1680 ul li div.bg div.r{ background:url(../images/yh.png) no-repeat scroll left top; padding-right: 10%; font-size: 1rem; color:#787e8c; background-size: auto 3.75rem;}
.about_qwpj .width1680 ul li div.bg div.r dl{ line-height:2rem; height:10rem; overflow: hidden; }
.about_qwpj .width1680 ul li div.bg div.r dd{ text-align:right; margin-top: 2rem;}

/*联系我们*/
.about_lxwm{ padding: 4.5rem 0px 6rem; }
.about_lxwm .tit{margin-bottom: 2rem;font-weight: bold;font-size: 2.25rem;color: #343843;}
.about_lxwm .hidden{ border: 1px solid #eeeeee; min-height:30rem; }
.about_lxwm .hidden .nav{ border-bottom: 1px solid #eeeeee; overflow: hidden; }
.about_lxwm .hidden .nav a{ display: block; float: left; padding: 0px 1.5rem; line-height: 4rem; position: relative; border-bottom: 3px solid #ffffff; min-width:9.5rem; text-align: center; font-size: 1.125rem; color: #333333;}
.about_lxwm .hidden .nav a i{ position:absolute; left:0px; height:2rem; width:1px; background-color:#eeeeee; top:50%; margin-top:-1rem;}
.about_lxwm .hidden .nav a.o{border-bottom: 3px solid #0052d9;}
.about_lxwm .hidden .nav a:hover{ color: #0658ae; }
.about_lxwm .hidden .bg{ background-color: #f5f5f5; padding: 3rem; }
.about_lxwm .hidden .bg .con{ display: none; overflow: hidden;}
.about_lxwm .hidden .bg .con img.l{ float: left; width: 45%; max-width: 680px;}
.about_lxwm .hidden .bg .con div.r{ float: right; width: 52%; }
.about_lxwm .hidden .bg .con div.r dd{ font-weight: bold; font-size: 1.5rem; color: #333333; }
.about_lxwm .hidden .bg .con div.r dl{ margin-top: 1.25rem; font-size: 1rem; color: #787e8c; line-height: 2; }

/*公司新闻*/
.news_list{ padding: 3rem 0px 4.375rem; }
.news_list .tit{ font-size: 2.25rem; color: #333333; font-weight: bold; }
.news_list div.t{ padding-top: 3rem; padding-bottom: 2rem; }
.news_list div.t div,.news_list div.t div a{ overflow: hidden; }
.news_list div.t div.l{ float: left; width: 66.072%;}
.news_list div.t div.l dl{ height: 30rem; }
.news_list div.t div.r{ float: right; width: 32.143%;}
.news_list div.t div.r dl{ height: 20rem; }
.news_list div.t div a{ display: block; }
.news_list div.t div a dl{ overflow: hidden; position: relative; }
.news_list div.t div a dl i{ position:absolute; top:0px; bottom:0px; left:0px; right:0px;background-size: cover; transition:all 0.5s ease;}
.news_list div.t div a:hover dl i{ transform: scale(1.1); transition: all 0.5s ease;}
.news_list div.t div a dd{ font-size:1.5rem; color:#343843; line-height:2; font-weight:bold; padding:1.5rem 0px; transition:all 0.5s ease;}
.news_list div.t div a:hover dd{ color: #0052d9; transition: all 0.5s ease;}
.news_list div.t div a ol{ font-size: 0.875rem; color: #787e8c; }

.news_list ul.f,.news_list ul.f li{ overflow: hidden; }
.news_list ul.f{ width: 102%; margin-top:2rem; margin-bottom: 3rem;}
.news_list ul.f li{ float: left; margin-bottom: 2rem; width:31.513%; margin-right: 1.75%; }
.news_list ul.f li a{ display: block; border:1px solid #eeeeee; padding: 1.5rem; line-height:2; height:19.5rem;transition: all 0.5s ease;}
.news_list ul.f li a:hover{border:1px solid #0052d9;transition: all 0.5s ease;}
.news_list ul.f li a dd{ font-size:1.5rem; color: #343843; overflow: hidden;height: 6rem;transition: all 0.5s ease;    font-weight: bold;}
.news_list ul.f li a:hover dd{ color: #0052d9; transition: all 0.5s ease;}
.news_list ul.f li a dl{ font-size: 1rem; color: #787e8c; height: 10rem; overflow: hidden; margin:0.75rem 0px;}
.news_list ul.f li a ol{ font-size: 0.875rem; color: #787e8c; }

/*新闻详情*/
.news_show .tit{ padding: 1rem 0px; border-bottom: 1px solid #eeeeee; }
.news_show .tit div{ position: relative; padding-right: 18rem; line-height: 2.5rem;}
.news_show .tit div dl{ font-size: 1rem; color: #999999;}
.news_show .tit div dl a{ color: #999999;}
.news_show .tit div dl a:hover{color: #0052d9;}
.news_show .tit div i.n,.news_show .tit div a.fh{ font-size: 1rem; position: absolute; top: 0px; height: 2.5rem; padding: 0px 1.25rem; border-radius: 2rem; }
.news_show .tit div i.n{ color: #ffffff; right: 11rem; background-color: #0052d9;}
.news_show .tit div a.fh{ color: #999999; right: 0px; background-color: #eeeeee;transition:all 0.5s ease;}
.news_show .tit div a.fh:hover{color: #ffffff; background-color: #0052d9;transition:all 0.5s ease;}

.news_show div.con{ overflow: hidden; }
.news_show div.con .hidden{ padding: 3rem 0px 5rem; min-height: 60vh; }
.news_show div.con .hidden.l{ float: left; width: 22.322%;}
.news_show div.con .hidden.l dd{ font-size: 1.5rem; color: #343843; line-height: 2; font-weight: bold; }
.news_show div.con .hidden.l ol{ font-size: 0.875rem; color: #787e8c; padding: 1.25rem 0px; }
.news_show div.con .hidden.l dl{ padding-left: 5.75rem; position: relative;  color: #999999; overflow: hidden;}
.news_show div.con .hidden.l dl span{ position:absolute;left:0px;height:2.5rem;line-height:2.5rem;font-size:0.875rem; padding:0px 1.25rem;}
.news_show div.con .hidden.l dl span i{ position:absolute;width:0.75rem;height:1px; background-color:#999999; top:50%;margin-top:-0.5px; }
.news_show div.con .hidden.l dl span i.l{ left: 0px; }
.news_show div.con .hidden.l dl span i.r{ right: 0px; }
.news_show div.con .hidden.l dl a{ display: block; float: left; margin-right:1.5rem; width: 2.5rem; height: 2.5rem; background-size: 100%; background-repeat: no-repeat; background-position: center; transition:all 0.5s ease;}
.news_show div.con .hidden.l dl a:hover{ opacity: 0.6; transition:all 0.5s ease;}
.news_show div.con .hidden.l dl a.fx1{ background-image: url(../images/fx1.png);}
.news_show div.con .hidden.l dl a.fx2{ background-image: url(../images/fx2.png);}
.news_show div.con .hidden.l dl a.fx3{ background-image: url(../images/fx3.png);}
.news_show div.con .hidden.r{ float: right; width:73.75%; padding-left:1.667%; border-left: 1px solid #eeeeee; }
.news_show div.con .hidden.r li{ overflow: hidden; }
.news_show div.con .hidden.r li.c{ font-size: 1rem; color: #333333; line-height: 3; min-height: 60vh;}
.news_show div.con .hidden.r li.f{ margin-top: 4rem; border-top: 1px solid #eeeeee; padding: 1.5rem 0px;}
.news_show div.con .hidden.r li.f dl{ line-height: 2.5rem; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; font-size: 1rem; color: #999999; }
.news_show div.con .hidden.r li.f dl a{color: #999999;}
.news_show div.con .hidden.r li.f dl a:hover{color: #0052d9;}
.news_show div.con .hidden.r li.n{ font-size: 2.25rem; font-weight: bold; color: #343843; }
.news_show div.con .hidden.r li.q{ margin-top: 2.5rem; }
.news_show div.con .hidden.r li.q dl{ background-color: #f8f9fb; width: 48.5%; overflow: hidden; margin-bottom:2rem;}
.news_show div.con .hidden.r li.q dl.l{ float: left; }
.news_show div.con .hidden.r li.q dl.r{ float: right; }
.news_show div.con .hidden.r li.q dl a{ display: block; border-left: 2px solid #f8f9fb; height: 4rem; line-height: 4rem; font-size:1.125rem; color: #333333; padding:0px 2rem; overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis;}
.news_show div.con .hidden.r li.q dl a:hover{ border-left: 2px solid #0052d9;}

/*招贤纳士*/
.banner_zxns .width1680{ height: 40rem; }
.banner_zxns .width1680 div.con{ width: 100%; text-align: center; color: #343843; }
.banner_zxns .width1680 div.con dd{ font-size: 2.25rem; font-weight:bold; }
.banner_zxns .width1680 div.con dl{ font-size: 1rem; margin-top: 1.5rem;}

.job_bg{ width: 100%; background-color: #f8f9fb; overflow: hidden; }
.job_bg .width1680{ padding: 3.75rem 0px 7.5rem; }
.job_bg .width1680 .job_xz,.job_bg .width1680 .job_xz div{ height: 3.75rem;}
.job_bg .width1680 .job_xz{ text-align: center; position: relative; z-index: 9;}
.job_bg .width1680 .job_xz div.bg{display:inline-block;}
.job_bg .width1680 .job_xz div.bg div.xl{ background-color: #ffffff; width:18rem; position: relative; padding-left:7rem; margin:0px 1rem;}
.job_bg .width1680 .job_xz div.bg div.xl.l{ float: left; }
.job_bg .width1680 .job_xz div.bg div.xl.r{ float: right; }
.job_bg .width1680 .job_xz div.bg div.xl i.n{ position: absolute; width: 6rem; left: 0px; top: 0px; bottom: 0px; line-height: 3.75rem; text-align:right; font-size: 1rem; color: #999999; }
.job_bg .width1680 .job_xz div.bg div.xl dd{ border-left:1px solid #eeeeee; height: 1.5rem; margin:1.125rem 0px; position: relative; }
.job_bg .width1680 .job_xz div.bg div.xl dd span{ display: none; font-size: 1rem; color: #333333; padding-right: 3.75rem; text-align:right;}
.job_bg .width1680 .job_xz div.bg div.xl dd span.o{ display:block; }
.job_bg .width1680 .job_xz div.bg div.xl dd i{ position: absolute; right:1rem; color: #d0d0d0; font-size: 1.5rem; top: 0px; }
.job_bg .width1680 .job_xz div.bg div.xl dl{ position: absolute; background-color: #ffffff; right:0px; padding:0px 1rem; left: 7rem; box-shadow:0px 8px 10px 0px rgba(0,0,0,0.14);overflow-x: hidden;overflow-y: auto; text-align: right; opacity: 0; max-height: 0px; overflow: hidden;transition: all 1s ease; z-index: 8;}
.job_bg .width1680 .job_xz div.bg div.xl:hover dl{opacity:1;overflow:auto;max-height:20rem;height:50vh;padding:1rem;transition:all 1s ease;}
.job_bg .width1680 .job_xz div.bg div.xl dl::-webkit-scrollbar {width: 4px;}
.job_bg .width1680 .job_xz div.bg div.xl dl::-webkit-scrollbar-track{background-color: #eaeaea;}
.job_bg .width1680 .job_xz div.bg div.xl dl::-webkit-scrollbar-thumb {background-color: #ccc;}
.job_bg .width1680 .job_xz div.bg div.xl dl::-webkit-scrollbar-thumb:hover {background-color: #aaa;}
.job_bg .width1680 .job_xz div.bg div.xl dl::-webkit-scrollbar-thumb:active{background-color:#333;}
.job_bg .width1680 .job_xz div.bg div.xl dl a{ display: block; font-size: 1rem; line-height: 2; color: #343843;}
.job_bg .width1680 .job_xz div.bg div.xl dl a:hover{ color: #0052d9; }

.job_bg .width1680 ul,.job_bg .width1680 ul li{ overflow: hidden; }
.job_bg .width1680 ul{ margin:3rem 0px 4rem; width: 102%; min-height: 50vh; }
.job_bg .width1680 ul li{ margin-bottom: 1.5rem; width: 31.513%; margin-right:1.75%; float: left;}
.job_bg .width1680 ul li div.bg{ padding: 1.5rem; height: 19.5rem; background-color: #ffffff;}
.job_bg .width1680 ul li div.bg div{ overflow: hidden; }
.job_bg .width1680 ul li div.bg div.t{ margin-bottom: 1.25rem; position: relative;overflow: initial;}
.job_bg .width1680 ul li div.bg div.t dd{ font-size: 1.5rem; color: #333333;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; overflow: hidden; padding-right: 7.5rem;}
.job_bg .width1680 ul li div.bg div.t span{ font-size: 0.875rem; color: #999999; padding-right: 3rem; background:url(../images/gd.png) no-repeat scroll right center; background-size: auto 100%; height: 1.5rem; top: 0.25rem; right: 0px; position: absolute; }
.job_bg .width1680 ul li div.bg div.t span img{ width: 6rem; max-height: 0px; max-width: 6rem; position: absolute; right: 0px; top: 2rem; box-shadow:0px 0px 10px 0px rgba(0,0,0,0.14); opacity: 0; overflow: hidden;transition: all 0.5s ease;}
.job_bg .width1680 ul li div.bg div.t span:hover img{ max-height: 6rem; opacity: 1; transition: all 0.5s ease;}
.job_bg .width1680 ul li div.bg div.n{ margin-bottom: 1.25em; font-size: 1rem; color: #009de3; }
.job_bg .width1680 ul li div.bg div.c{ font-size: 1rem; /*color: #999999;*/ line-height: 2rem; height: 8rem; margin-bottom: 1rem; }
.job_bg .width1680 ul li div.bg div.f{ height: 2.5rem; position: relative;}
.job_bg .width1680 ul li div.bg div.f span{ display: block; padding-right:7.5rem; font-size: 1rem; /*color: #999999;*/ line-height: 2.5rem; }
.job_bg .width1680 ul li div.bg div.f a{ position: absolute; right: 0px; border-radius: 2rem; top: 0px; border:1px solid #0052d9; padding-left:3.25rem; width: 3.5rem; color: #0052d9; line-height:2.375rem; background:url(../images/bj_l.png) no-repeat scroll 1.5rem center;transition: all 0.5s ease;}
.job_bg .width1680 ul li div.bg div.f a:hover{ background-color:#0052d9; color: #ffffff; background-image: url(../images/bj_b.png); transition: all 0.5s ease;}

/*popupbox*/
.popupbox a.popupbox_i{position:absolute; width:2rem; height:2rem; background:url(../images/gb2.png) no-repeat scroll center; background-size: 100%; right: 0px; top: 0px; margin-right: -4rem;}
.popupbox{width:90%; max-width:460px; height:70vh;border-radius:0.5rem;display: none;position:fixed;top: 50%; left: 50%;z-index:99991;background:#f8f9fb;}
.popupbox form{ overflow: hidden; display: block; margin: 1.5rem; height:65vh;overflow-x: hidden;overflow-y: auto;}
.popupbox form div.form-group div{ overflow: hidden; }
.popupbox form div.form-group{ position: relative; padding-left:6rem; margin-bottom: 0.75rem;}
.popupbox form div.form-group label.control-label{ position: absolute; left:0px; width: 5rem; line-height: 2rem; font-size:0.875rem; color: #787e8c; text-align: right;}
.popupbox form div.form-group div.col-md-10{ height: 2rem; border: 1px solid #eeeeee; background-color: #ffffff; padding: 0px 0.5rem;}
.popupbox form div.form-group div.col-md-10 input{ border:0px; height: 2rem; line-height: 2rem; border:0px;outline:none; }
.popupbox form div.form-group div.col-md-10 select{ border:0px; height: 2rem; line-height: 2rem; border:0px;outline:none; width: 100%;}
.popupbox form div#dr_row_beizhu div.col-md-10{ height: 6.25rem; padding:0.5rem; }
.popupbox form div#dr_row_beizhu div.col-md-10 textarea{border:0px; line-height: 2rem; border:0px;outline:none;}
.popupbox form div.b{ margin-top:1rem; text-align: center;}
.popupbox form div.b button{ background-color: #0052d9; text-align: center; font-size: 1rem; color: #ffffff; height: 2.5rem; line-height: 2.5rem; border-radius: 2rem; border:1px solid #0052d9; width: 100%; }
.popupbox form div.b button:hover{ background-color: #ffffff; color: #0052d9;}

#fade{ display:none;background: #000000;position: fixed; left: 0; top: 0;width: 100%; height: 100%;opacity: .80;z-index:9999;}

/*fenye*/
.fenye{ text-align:center;font-size:1rem;line-height:2.5rem;}
.fenye i{ display:none;}
.fenye a{ color:#999999;}
.fenye a,.fenye span{ margin:0px 0.5rem;background-color:#ffffff; border:1px solid #eeeeee; padding: 0px 1rem; display:inline-block;}
.fenye a:hover{ color:#0052d9;}
.fenye span{ color:#ffffff;background-color:#0052d9; border:1px solid #0052d9;}

/*no*/
.no{ background-color:#ffffff; text-align:center; width:100% !important; margin-right: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; height:3rem; line-height:3rem;}
.w404 .c a{ width:80%; max-width:180px; margin:2rem auto 0px; 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; height:3rem; line-height:3rem; color:#f4313f;}
.msg div.c dl a:hover{ background-color: #f4313f; color: #ffffff;}