@charset "UTF-8";
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
/*min-width: 1280px;  font-size: 14px;font-family: "Helvetica Neue", Helvetica, Arial,  "PingFang SC", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;*/
* { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
body { font: 12px/1.5 Microsoft YaHei, Arial, sans-serif; color: #444; -webkit-box-sizing: border-box; box-sizing: border-box; }
a, a:link, a:hover, a:visited, a:active { outline: 0; text-decoration: none;/*transition: all 0.5s ease 0s;*/
}
a { color: #444; }
table { border-collapse: collapse; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
ul { list-style: none; }
em, i, b { font-style: normal; }
img { border: 0px; }
.about-jst-box img{max-width: 100%;}
.contentBox img{max-width: 100%;}
.clearfix:after { clear: both; }
.clearfix {  *zoom: 1;
/*IE/7/6*/
}
.text-center{text-align: center;}
.ptop80{padding-top: 80px;}
.clear { clear: both; }
.v-middle { font-size: 0; }
.v-middle:before { content: ""; display: inline-block; height: 100%; width: 0%; vertical-align: middle; }
.v-middle > div, .v-middle > p, .v-middle > span { font-size: 14px; }
.number-big { color: #01a2f7; font-size: 28px; }
.wrap, .wrap * { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
.wrap { max-width: 1200px; margin: 0 auto; }
.container, .containerFull { margin: 0 auto; width: 100%; max-width: 1260px; padding: 0 18px; }
.containerFull { padding: 0; }
.mbanner { position: relative; display: none; padding-top: 66px; }
.mbanner-bg { width: 100%; display: block; }
.mbanner-btn { position: absolute; left: 10%; top: 64%; width: 27%; height: 14%; cursor: pointer; }
 @media screen and (max-width: 640px) {
/* #slider { display: none; } */
/* .banner-product,  .banner-partner,  .banner-shengsuan,  .banner-case,  .banner-service,  .banner-news,  .banner-about { display: none; } */
/* .mbanner { display: block; } */

}
.block { padding: 68px 0 80px; }
.block-cap { text-align: center; }
.block-cap h2 { font-size: 30px; line-height: 38px; font-weight: normal; }
.block-cap p { line-height: 28px; }
.wave-container { height: 192px; background-color: #ecf7fd; overflow: hidden; }
/*分页*/
.pgs { float: right; margin: 20px 0; }
.pgs a, .pgs span, .pgs label { float: left; display: inline-block; padding: 0 10px; margin-left: 6px; height: 24px; line-height: 24px; border: #e3e3e3 solid 1px; }
.pgs a:hover { color: #004ea2; border-color: #004ea2; }
.pgs span.on { color: #004ea2; border: none; cursor: default; }
.pgs label { border: none; }
.pgs label input { padding: 0; width: 25px; height: 24px; line-height: 22px; border: 1px solid #ddd; display: inline-block; text-align: center; }
.tips_click { position: absolute; top: 50%; left: 50%; width: 30px; height: 30px; cursor: pointer; }
.tips_click b { position: absolute; top: 50%; left: 50%; display: block; width: 8px; height: 8px; margin-top: -4px; margin-left: -4px; border-radius: 50%; /* background-color: rgba(90, 201, 246, .8); */
background-color: rgba(0, 183, 255, 0.8); }
.tips_click2 b { width: 6px; height: 6px; margin-top: -3px; margin-left: -3px; }
.tips_click b:nth-of-type(1) { -webkit-animation: click1 1s linear infinite; animation: click1 1s linear infinite; background: #00b7ff; }
.tips_click b:nth-of-type(2) { -webkit-animation: click2 1s linear infinite; animation: click2 1s linear infinite; }
 @-webkit-keyframes click1 {  0% {
 opacity: .8;
 -webkit-transform: scale(1);
 transform: scale(1);
}
 100% {
 opacity: 0;
 -webkit-transform: scale(2);
 transform: scale(2);
}
}
 @keyframes click1 {  0% {
 opacity: .8;
 -webkit-transform: scale(1);
 transform: scale(1);
}
 100% {
 opacity: 0;
 -webkit-transform: scale(2);
 transform: scale(2);
}
}
 @-webkit-keyframes click2 {  0% {
 opacity: .8;
 -webkit-transform: scale(1);
 transform: scale(1);
}
 100% {
 opacity: 0;
 -webkit-transform: scale(3);
 transform: scale(3);
}
}
 @keyframes click2 {  0% {
 opacity: .8;
 -webkit-transform: scale(1);
 transform: scale(1);
}
 100% {
 opacity: 0;
 -webkit-transform: scale(3);
 transform: scale(3);
}
}
.logo-list { width: 1200px; margin: 30px auto 0; }
.logo-list .imglogo { display: block; /*border:10px solid transparent;border-width:15px 10px;*/ width: 180px; height: 60px; text-align: center;
margin: 15px 10px; float: left; position: relative; background: #fff; -webkit-box-shadow: 0 2px 10px 0 rgba(180, 180, 180, 0.45); box-shadow: 0 2px 10px 0 rgba(180, 180, 180, 0.45); }
.logo-list .imglogo:hover { -webkit-box-shadow: 0 4px 18px 0 rgba(180, 180, 180, 0.45); box-shadow: 0 4px 18px 0 rgba(180, 180, 180, 0.45); }
.logo-list .imglogo img{ max-width: 100%; max-height: 100%; vertical-align:middle;}

 @media screen and (max-width: 1220px) {
.logo-list { width: 1000px; }
}
 @media screen and (max-width: 1020px) {
.logo-list { width: 800px; }
}
 @media screen and (max-width: 820px) {
.logo { background: #fff; }
.logo-list { width: 100%; }
.logo-list .imglogo { width: 32%; margin: 3% 0 0; height: 40px;}
.logo-list .imglogo:nth-child(3n+2) { margin-left: 2%; margin-right: 2%; }
}
/* 雪碧图标 */
.icon-news { background-image: url(../images/sprite.png?1); background-position: 0px 0px; width: 22px; height: 22px; }
.icon-about { background-image: url(../images/sprite.png?1); background-position: 0px -22px; width: 22px; height: 22px; }
.icon-club { background-image: url(../images/sprite.png?1); background-position: 0px -44px; width: 22px; height: 22px; }
.icon-servicespromiss { background-image: url(../images/sprite.png?1); background-position: 0px -66px; width: 22px; height: 22px; }
.icon-home { background-image: url(../images/sprite.png?1); background-position: 0px -88px; width: 22px; height: 22px; }
.icon-call { background-image: url(../images/sprite.png?1); background-position: 0px -110px; width: 22px; height: 22px; }
.icon-open { background-image: url(../images/sprite.png?1); background-position: 0px -132px; width: 22px; height: 22px; }
.icon-partner { background-image: url(../images/sprite.png?1); background-position: 0px -154px; width: 22px; height: 22px; }
.icon-product { background-image: url(../images/sprite.png?1); background-position: 0px -176px; width: 22px; height: 22px; }
.icon-successal { background-image: url(../images/sprite.png?1); background-position: 0px -198px; width: 22px; height: 22px; }
.icon-go-top { background-image: url(../images/top.png); background-position: 0px -220px; width: 44px; height: 44px; }
/* 对接平台 */
.platform { background: #ecf7fd url("../images/platform_bg.jpg") no-repeat; background-size: 100% 100%; padding-bottom: 50px; }
 @media screen and (max-width: 860px) {
.platform { background: #ecf7fd; }
}
.platform-cap { padding: 80px 0 28px; color: #444; text-align: center; }
.platform-cap h2 { font-size: 34px; line-height: 38px; font-weight: normal; }
.platform-cap-sub { font-size: 14px; line-height: 28px; }
.platform-list { min-height: 460px; /* max-height: 576px; */
margin: 0 auto; overflow: hidden; font-size: 0; }
.platform-list i { margin: 8px 8px; border-radius: 7px; width: 60px; height: 60px; display: inline-block; }
.platform-list i.platform-other { display: none; }
.platform-list i:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px);/* box-shadow: 0 4px 26px 0 rgba(180,180,180,.8); */
  /* box-shadow: rgba(10, 10, 10, 0.2) 0px 16px 16px -4px; */
  /* transform: translateY(-.5rem);
        transform: scale(1.2); */
}
.icon-logo1 { background-image: url(../images/sprite2.png); background-position: -60px 0px; }
.icon-logo10 { background-image: url(../images/sprite2.png); background-position: -420px -60px; }
.icon-logo100 { background-image: url(../images/sprite2.png); background-position: 0px -60px; }
.icon-logo101 { background-image: url(../images/sprite2.png); background-position: -60px -60px; }
.icon-logo11 { background-image: url(../images/sprite2.png); background-position: -120px 0px; }
.icon-logo12 { background-image: url(../images/sprite2.png); background-position: -120px -60px; }
.icon-logo13 { background-image: url(../images/sprite2.png); background-position: 0px -120px; }
.icon-logo14 { background-image: url(../images/sprite2.png); background-position: -60px -120px; }
.icon-logo15 { background-image: url(../images/sprite2.png); background-position: -120px -120px; }
.icon-logo16 { background-image: url(../images/sprite2.png); background-position: -180px 0px; }
.icon-logo17 { background-image: url(../images/sprite2.png); background-position: -180px -60px; }
.icon-logo18 { background-image: url(../images/sprite2.png); background-position: -180px -120px; }
.icon-logo19 { background-image: url(../images/sprite2.png); background-position: 0px -180px; }
.icon-logo2 { background-image: url(../images/sprite2.png); background-position: -60px -180px; }
.icon-logo20 { background-image: url(../images/sprite2.png); background-position: -120px -180px; }
.icon-logo21 { background-image: url(../images/sprite2.png); background-position: -180px -180px; }
.icon-logo22 { background-image: url(../images/sprite2.png); background-position: -240px 0px; }
.icon-logo23 { background-image: url(../images/sprite2.png); background-position: -240px -60px; }
.icon-logo24 { background-image: url(../images/sprite2.png); background-position: -240px -120px; }
.icon-logo25 { background-image: url(../images/sprite2.png); background-position: -240px -180px; }
.icon-logo26 { background-image: url(../images/sprite2.png); background-position: 0px -240px; }
.icon-logo27 { background-image: url(../images/sprite2.png); background-position: -60px -240px; }
.icon-logo28 { background-image: url(../images/sprite2.png); background-position: -120px -240px; }
.icon-logo29 { background-image: url(../images/sprite2.png); background-position: -180px -240px; }
.icon-logo3 { background-image: url(../images/sprite2.png); background-position: -240px -240px; }
.icon-logo30 { background-image: url(../images/sprite2.png); background-position: -300px 0px; }
.icon-logo31 { background-image: url(../images/sprite2.png); background-position: -300px -60px; }
.icon-logo32 { background-image: url(../images/sprite2.png); background-position: -300px -120px; }
.icon-logo33 { background-image: url(../images/sprite2.png); background-position: -300px -180px; }
.icon-logo34 { background-image: url(../images/sprite2.png); background-position: -300px -240px; }
.icon-logo35 { background-image: url(../images/sprite2.png); background-position: 0px -300px; }
.icon-logo36 { background-image: url(../images/sprite2.png); background-position: -60px -300px; }
.icon-logo37 { background-image: url(../images/sprite2.png); background-position: -120px -300px; }
.icon-logo38 { background-image: url(../images/sprite2.png); background-position: -180px -300px; }
.icon-logo39 { background-image: url(../images/sprite2.png); background-position: -240px -300px; }
.icon-logo4 { background-image: url(../images/sprite2.png); background-position: -300px -300px; }
.icon-logo40 { background-image: url(../images/sprite2.png); background-position: -360px 0px; }
.icon-logo41 { background-image: url(../images/sprite2.png); background-position: -360px -60px; }
.icon-logo42 { background-image: url(../images/sprite2.png); background-position: -360px -120px; }
.icon-logo43 { background-image: url(../images/sprite2.png); background-position: -360px -180px; }
.icon-logo44 { background-image: url(../images/sprite2.png); background-position: -360px -240px; }
.icon-logo45 { background-image: url(../images/sprite2.png); background-position: -360px -300px; }
.icon-logo46 { background-image: url(../images/sprite2.png); background-position: 0px -360px; }
.icon-logo47 { background-image: url(../images/sprite2.png); background-position: -60px -360px; }
.icon-logo48 { background-image: url(../images/sprite2.png); background-position: -120px -360px; }
.icon-logo49 { background-image: url(../images/sprite2.png); background-position: -180px -360px; }
.icon-logo5 { background-image: url(../images/sprite2.png); background-position: -240px -360px; }
.icon-logo50 { background-image: url(../images/sprite2.png); background-position: -300px -360px; }
.icon-logo51 { background-image: url(../images/sprite2.png); background-position: -360px -360px; }
.icon-logo52 { background-image: url(../images/sprite2.png); background-position: -420px 0px; }
.icon-logo53 { background-image: url(../images/sprite2.png); background-position: 0px 0px; }
.icon-logo54 { background-image: url(../images/sprite2.png); background-position: -420px -120px; }
.icon-logo55 { background-image: url(../images/sprite2.png); background-position: -420px -180px; }
.icon-logo56 { background-image: url(../images/sprite2.png); background-position: -420px -240px; }
.icon-logo57 { background-image: url(../images/sprite2.png); background-position: -420px -300px; }
.icon-logo58 { background-image: url(../images/sprite2.png); background-position: -420px -360px; }
.icon-logo59 { background-image: url(../images/sprite2.png); background-position: 0px -420px; }
.icon-logo6 { background-image: url(../images/sprite2.png); background-position: -60px -420px; }
.icon-logo60 { background-image: url(../images/sprite2.png); background-position: -120px -420px; }
.icon-logo61 { background-image: url(../images/sprite2.png); background-position: -180px -420px; }
.icon-logo62 { background-image: url(../images/sprite2.png); background-position: -240px -420px; }
.icon-logo63 { background-image: url(../images/sprite2.png); background-position: -300px -420px; }
.icon-logo64 { background-image: url(../images/sprite2.png); background-position: -360px -420px; }
.icon-logo65 { background-image: url(../images/sprite2.png); background-position: -420px -420px; }
.icon-logo66 { background-image: url(../images/sprite2.png); background-position: -480px 0px; }
.icon-logo67 { background-image: url(../images/sprite2.png); background-position: -480px -60px; }
.icon-logo68 { background-image: url(../images/sprite2.png); background-position: -480px -120px; }
.icon-logo69 { background-image: url(../images/sprite2.png); background-position: -480px -180px; }
.icon-logo7 { background-image: url(../images/sprite2.png); background-position: -480px -240px; }
.icon-logo70 { background-image: url(../images/sprite2.png); background-position: -480px -300px; }
.icon-logo71 { background-image: url(../images/sprite2.png); background-position: -480px -360px; }
.icon-logo72 { background-image: url(../images/sprite2.png); background-position: -480px -420px; }
.icon-logo73 { background-image: url(../images/sprite2.png); background-position: 0px -480px; }
.icon-logo74 { background-image: url(../images/sprite2.png); background-position: -60px -480px; }
.icon-logo75 { background-image: url(../images/sprite2.png); background-position: -120px -480px; }
.icon-logo76 { background-image: url(../images/sprite2.png); background-position: -180px -480px; }
.icon-logo77 { background-image: url(../images/sprite2.png); background-position: -240px -480px; }
.icon-logo78 { background-image: url(../images/sprite2.png); background-position: -300px -480px; }
.icon-logo79 { background-image: url(../images/sprite2.png); background-position: -360px -480px; }
.icon-logo8 { background-image: url(../images/sprite2.png); background-position: -420px -480px; }
.icon-logo80 { background-image: url(../images/sprite2.png); background-position: -480px -480px; }
.icon-logo81 { background-image: url(../images/sprite2.png); background-position: -540px 0px; }
.icon-logo82 { background-image: url(../images/sprite2.png); background-position: -540px -60px; }
.icon-logo83 { background-image: url(../images/sprite2.png); background-position: -540px -120px; }
.icon-logo84 { background-image: url(../images/sprite2.png); background-position: -540px -180px; }
.icon-logo85 { background-image: url(../images/sprite2.png); background-position: -540px -240px; }
.icon-logo86 { background-image: url(../images/sprite2.png); background-position: -540px -300px; }
.icon-logo87 { background-image: url(../images/sprite2.png); background-position: -540px -360px; }
.icon-logo88 { background-image: url(../images/sprite2.png); background-position: -540px -420px; }
.icon-logo89 { background-image: url(../images/sprite2.png); background-position: -540px -480px; }
.icon-logo9 { background-image: url(../images/sprite2.png); background-position: 0px -540px; }
.icon-logo90 { background-image: url(../images/sprite2.png); background-position: -60px -540px; }
.icon-logo91 { background-image: url(../images/sprite2.png); background-position: -120px -540px; }
.icon-logo92 { background-image: url(../images/sprite2.png); background-position: -180px -540px; }
.icon-logo93 { background-image: url(../images/sprite2.png); background-position: -240px -540px; }
.icon-logo94 { background-image: url(../images/sprite2.png); background-position: -300px -540px; }
.icon-logo95 { background-image: url(../images/sprite2.png); background-position: -360px -540px; }
.icon-logo96 { background-image: url(../images/sprite2.png); background-position: -420px -540px; }
.icon-logo97 { background-image: url(../images/sprite2.png); background-position: -480px -540px; }
.icon-logo98 { background-image: url(../images/sprite2.png); background-position: -540px -540px; }
.icon-logo99 { background-image: url(../images/sprite2.png); background-position: -600px 0px; }
/* 公共头 */
.fixed{position:fixed;top:0;left:0;z-index:1000;box-shadow:0 0 10px #aaa;}
.app-header {background: rgba(255, 255, 255, 0.95);width: 100%; }
.navbar { height: 90px; position: relative; }
/* .navbarMini { height: 66px; } */
.brand-logo { float: left; height: 100%; padding: 10px 0; }
.navbar-burger { height: 100%; width: 80px; margin-right: -20px; position: relative; right: 0; top: 0; float: right; cursor: pointer; display: none; }
.navbar-burger span { position: absolute; left: 50%; top: 50%; display: inline-block; height: 2px; width: 16px; margin-left: -8px; margin-top: -1px; border-radius: 1231px; background: #444; -webkit-transition-duration: 0.086s; transition-duration: 0.086s; -webkit-transition-property: background-color, opacity, -webkit-transform; transition-property: background-color, opacity, -webkit-transform; transition-property: background-color, opacity, transform; transition-property: background-color, opacity, transform, -webkit-transform; }
.navbar-burger span:first-child { display: inline-block; margin-top: -7px; }
.navbar-burger span:last-child { display: inline-block; margin-top: 5px; }
.navbar-burger-drop span:nth-child(2) { opacity: 0; }
.navbar-burger-drop span:first-child { -webkit-transform: translateY(6px) rotate(45deg); transform: translateY(6px) rotate(45deg); }
.navbar-burger-drop span:last-child { -webkit-transform: translateY(-6px) rotate(-45deg); transform: translateY(-6px) rotate(-45deg); }
.navbar-menu { position: absolute; right: 0; top: 0; height: 100%; text-align: right; font-size: 0; display: table; }
.navbar-menu a { font-size: 16px; border: 16px solid transparent; border-width: 0 16px; padding: 0 16px; display: table-cell; vertical-align: middle; height: 100%; color: #444; position: relative; -webkit-transition: color 0.2s ease-in-out, border-color 0.6s ease-in-out,  padding 0.3s ease-in-out; transition: color 0.2s ease-in-out, border-color 0.6s ease-in-out,  padding 0.3s ease-in-out; }
.navbar-menu a.disabled { display: none; }
.navbar-menu a ul { position: absolute; top: 90px; left: 50%; margin-left: -65%; margin-top: -1px; width: 130%; z-index: 101; display: none; }
.navbar-menu a:hover ul { display: block; }
.navbar-menu a li { line-height: 40px; background: rgba(255, 255, 255, 0.85); min-width: 76px; text-align: center; color: #444; cursor: pointer; width: 100%;padding: 0 10px; }
.navbar-menu a li:hover { background: #004ea2; color: #fff; }
.navbar-menu a:hover, .navbar-menu a.cur { color: #004ea2; }
.navbar-menu a:hover::after, .navbar-menu a.cur:after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; border-bottom: 0px solid #004ea2; }
 @media screen and (max-width: 1060px) {
.navbar-menu a { padding: 0px; }
}
 @media screen and (max-width: 790px) {
.navbar { height: 66px; }
.navbar-menu { top: 100%;z-index: 9; left: 0; height: auto; display: none; padding: 0 20px 20px; background: black; background: rgba(255, 255, 255, 0.95); }
.navbar-menu-drop { display: block; }
.navbar-menu a { display: block; /* height: 30px; */
padding: 8px 0; line-height: 20px; text-align: center; }
.navbar-menu a:hover::after,  .navbar-menu a.cur:after { border: none; }
.navbar-menu a:hover,  .navbar-menu a.cur { background: #fff; background: rgba(255, 255, 255, 0.2); }
.navbar-menu a:hover ul { display: none; }
.navbar-menu a.disabled { display: block; }
.navbar-burger { display: block; }
}
/* 公共底部 */
.app-footer { background: #004ea2; }
.footer-container { display: table; width: 100%; min-height: 158px; }
.footer-container-m { display: none; padding: 42px 0 0; }
.footer-logo { display: table-cell; vertical-align: middle; width: 105px; }
.footer-other { display: table-cell; padding: 24px 10px; color: #fff; }
.footer-qr { display: table-cell; vertical-align: middle; width: 105px; text-align: center; }
.footer-qr img { display: block; margin: 0 auto; }
.footer-qr p { color: #cfd0d0; font-size: 14px; line-height: 30px; }
.footer-box { float: right; }
.footer-menu { display: inline-block; line-height: 22px; padding: 10px 0; }
.footer-menu a { color: #fff; font-size: 16px; margin: 0 12px 0 20px; display: inline-block; white-space: nowrap; -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; }
.footer-menu a i { display: inline-block; vertical-align: -6px; margin-right: 3px; }
.footer-menu a:last-child { margin-right: 0; }
.footer-menu a:hover { opacity: 0.8; }
.footer-phone { padding: 10px; line-height: 22px; white-space: nowrap; float: right; }
.footer-phone i { display: inline-block; vertical-align: -6px; margin-right: 3px; }
.footer-other hr { height: 1px; background: #cfd0d0; display: block; clear: both; border: none; }
.footer-about { line-height: 22px; color: #b5b5b5; padding-top: 14px; padding-left: 20px; }
.footer-copyright { line-height: 20px; padding: 5px 10px 5px 20px; color: #cfd0d0; }
.footer-copyright span { display: inline-block; }
.footer-copyright a { color: #cfd0d0; }
.footer-copyright a:hover { opacity: 0.8; }
.footer-costomer { line-height: 24px; color: #fff; }
.footer-costomer b { color: #d8d8d8; }
.footer-copyright2 { clear: both; font-size: 14px; text-align: center; color: #cfd0d0; line-height: 20px; padding-bottom: 8px; padding-top: 20px; }
.footer-container-m .footer-costomer { float: left; }
.footer-container-m .footer-qr { float: right; }
 @media screen and (max-width: 1232px) {
.footer-menu a { margin: 0 0 0 20px; }
}
 @media screen and (max-width: 640px) {
.footer-container { display: none; }
.footer-container-m { display: block; }
.footer-logo { width: 86px; }
}

/* 添加公共底部 */
.hmBom{padding-top:37px}.hmBomInfo{padding-right:456px;position:relative}.hmBomInfo dl{float:left;width:25%}.hmBomInfo dl dt{font-size:16px;line-height:42px;font-weight:bold;color:#7e7e7e;height:42px}.hmBomInfo dl dd{line-height:25px;height:28px;font-size:14px;color:#7e7e7e}.hmBom_a{color:#7e7e7e}.hmBom_a:hover,.hmBomInfo dl dt:hover{color:#fff}.hmBomCnfo{width:456px;position:absolute;top:0;right:0}.hmBomInfo .hmBomCnfo dl{width:100%}.hmBomInfo .hmBomCnfo dl i{margin-right:5px}.footer{background:#333}
@media(max-width:767px){.hmBomInfo{padding-right:0}.hmBomInfo dl{width:100%;margin-bottom:12px;float:none}.hmBomInfo dl:after{content:"";display:table;clear:both}.hmBomInfo dl dd{float:left;margin-right:10px}.hmBomCnfo{position:static;width:100%;height:auto}.hmBomCnfo dd{float:none!important;height:auto!important}.webInfo{margin-top:15px}.webInfo_txt{padding-left:0;line-height:24px;margin-top:15px}}
.webInfo{padding:18px 0;border-top:1px solid #434343;font-size:14px;color:#7e7e7e;margin-top:42px}.webInfo .fl{padding-top:4px}.webInfo_txt{float:left;padding-left:18px;line-height:38px}.webInfo_txt a,.webInfo_txt a:hover{color:#7e7e7e}.webInfo_a1{background:#484848 url("../images/wb.png") no-repeat center center;height:37px;width:37px;margin-left:12px;display:inline-block}.webInfo_a2{background:#484848 url("../images/wx.png") no-repeat center center;height:37px;width:37px;margin-left:12px;display:inline-block;position:relative}.wxImgBox{background:#FFF;height:212px;width:193px;padding-top:12px;position:absolute;left:50%;top:-231px;margin-left:-96px;font-size:14px;line-height:18px;color:#7e7e7e;text-align:center;border-radius:.3em}.wxImgBox:after{content:"";border-left:9px solid transparent;border-right:9px solid transparent;border-top:9px solid #fff;left:50%;bottom:-9px;position:absolute;margin-left:-10px}

.fr {float: right;}
.fl {float: left;}
.borRds50 { border-radius: 50%;}
.webInfo_a2 .wxImgBox {display: none;}
.webInfo_a2:hover .wxImgBox {display: block;}
.hmBom p .fa{ line-height:24px; margin-bottom:30px; margin-bottom:15px; padding-left:30px; }
.hmBom p .fa-map-marker{ background:url(../images/adrr.png) no-repeat left center; }
.hmBom p .fa-phone{ background:url(../images/tel.png) no-repeat left center; }
.hmBom p .fa-fax{ background:url(../images/fax.png) no-repeat left center; }
.hmBom p .fa-envelope{ background:url(../images/email.png) no-repeat left center; }

/* banner */
.banner-product { background: url(../images/banner_product.jpg_v2.jpg) no-repeat center; height: 350px; position: relative; overflow: hidden; }
.banner-product-content { position: absolute; top: 146px; left: 50%; margin-left: 50px; color: #fff; font-size: 14px; line-height: 22px; }
.banner-product-title { font-size: 48px; font-weight: 700; margin-bottom: 4px; line-height: 72px; }
.banner-product-title span { font-weight: 400; }
.banner-product-btn { width: 166px; height: 50px; border-radius: 6px; border: solid 1px #ffffff; margin-top: 30px; text-align: center; font-size: 26px; color: white; line-height: 50px; cursor: pointer; }
.banner-product-btn:hover { background-color: #5cc2cf; border-color: #5cc2cf; }
.banner-product-about { position: absolute; left: 50%; top: 200px; font-size: 18px; color: #cafdff; font-weight: bold; }
.banner-product-about p { font-size: 14px; font-weight: normal; color: #fff; }

.banner { position: relative; color: #fff; text-shadow: 0 3px 5px rgba(0,0,0,.5);background-size: 100% auto;}
.banner-txt { margin-left: 8%; padding-top: 13%; padding-bottom: 13%; }
.banner-txt-1 { font-size: 52px; font-weight: bold; line-height: 66px; font-family: Arial; text-transform: uppercase;}
.banner-txt-2 { font-size: 30px; line-height: 46px;}

.banner-case { background: url(../images/banner_case.jpg) no-repeat center; }
.banner-service { background: url(../images/banner_service.jpg) no-repeat;}
.banner-contact { background: url(../images/banner_contact.jpg) no-repeat center;}
.banner-news { background: url(../images/banner_news.jpg) no-repeat center;}
.banner-about { background: url(../images/banner_about.jpg) no-repeat center;}
.banner-job { background: url(../images/banner_job.jpg) no-repeat center;}
.banner-bidding { background: url(../images/banner_bidding.jpg) no-repeat center;}

@media screen and (max-width: 640px) {
.banner { background-size: 130% auto;}
.banner-txt { padding-top: 6%; padding-bottom: 6%; }
.banner-txt-1 { font-size: 24px; line-height: 26px;}
.banner-txt-2 { font-size: 20px; line-height: 26px;}
}

/* 轮播图 */

.swiper-container-1 .swiper-pagination-bullet { background:#fff; width:8px; height:8px; opacity:1; }
.swiper-container-1 img{width:100% !important;}
.swiper-container-1 .swiper-pagination-bullet-active { width:30px; background:#fff; border-radius:30px; }
.swiper-container-1>.swiper-pagination-bullets{ bottom:28px !important; }
/* 
#slider { position: relative; font-size: 0; height: 750px; }
.slider-item { display: block; position: absolute; width: 100%; overflow: hidden; }
.slider-ctrl { position: absolute; left: 0; bottom: 20px; width: 100%; text-align: center; z-index: 13; }
.slider-ctrl span { display: inline-block; background: #fff; height: 12px; width: 12px; border-radius: 6px; margin-right: 8px; cursor: pointer;/* filter: alpha(opacity=50); *1/
  /* opacity: 0.5; *1/
}
.slider-ctrl span.on { /* filter: alpha(opacity=100); *1/
  /* opacity: 1; *1/
width: 20px; background: #004ea2; }
.slider-item-1 { height: 750px; background: url("../images/banner1.jpg") center no-repeat; }
.slider-item-1-content { position: absolute; top: 256px; left: 50%; margin-left: -520px; font-size: 30px; line-height: 22px; opacity: 0; -webkit-transition: top 0.8s ease-in-out, opacity 0.8s ease-in-out; transition: top 0.8s ease-in-out, opacity 0.8s ease-in-out; -webkit-transition-delay: 0.5s; transition-delay: 0.5s; color: #ffffff;  text-shadow: 0 0 5px rgb(0 0 0 / 50%); }
.slider-item-1.on .slider-item-1-content { top: 236px; opacity: 1;  color: #ffffff; }
.slider-item-2.on .slider-item-1-content { top: 236px; opacity: 1;  color: #ffffff;}
.slider-item-3.on .slider-item-1-content { top: 236px; opacity: 0;  color: #ffffff; }
.slider-item-1-title { font-size: 52px; font-weight: bold; margin-bottom: 4px; line-height: 72px; }
.slider-item-1-title span { font-weight: bold; }
.slider-item-1-btn { width: 166px; height: 50px; border-radius: 6px; border: solid 1px #ffffff; margin-top: 30px; text-align: center; font-size: 26px; color: white; line-height: 50px; cursor: pointer; }
.slider-item-1-btn:hover { background-color: #5cc2cf; border-color: #5cc2cf; }
.slider-item-about { position: absolute; left: 50%; top: 200px; font-size: 18px; color: #cafdff; font-weight: bold; }
.slider-item-about p { font-size: 14px; font-weight: normal; color: #fff; }
.slider-item-2 { height: 750px; background: url("../images/banner2.jpg") center no-repeat; display: none; }
.slider-item-3 { height: 750px; background: url("../images/banner3.jpg") center no-repeat; display: none; } */
/* 优秀合作伙伴 */
.parter { padding-bottom: 50px; clear: both; color: #444; background: #ecf7fd; }
.parter-cap { padding: 60px 20px 26px; text-align: center; }
.parter-cap h2 { font-size: 30px; line-height: 38px; font-weight: normal; }
.parter-more { border: 1px solid #797a7a; display: inline-block; width: 120px; height: 26px; line-height: 24px; border-radius: 13px; cursor: pointer; margin-top: 8px; }
.parter-list { padding: 0 10px; font-size: 0; }
.parter-box { width: 33.33%; padding: 10px 12px 0; height: 300px; position: relative; /* display: inline-block; */
float: left; }
.parter-item { background: #fff; height: 260px; font-size: 14px; padding: 42px 28px 0; margin-bottom: 24px; cursor: default; -webkit-transition: margin-top 0.3s ease-in-out, -webkit-box-shadow 0.2s ease-in-out; transition: margin-top 0.3s ease-in-out, -webkit-box-shadow 0.2s ease-in-out; transition: margin-top 0.3s ease-in-out, box-shadow 0.2s ease-in-out; transition: margin-top 0.3s ease-in-out, box-shadow 0.2s ease-in-out, -webkit-box-shadow 0.2s ease-in-out; -webkit-box-shadow: 1px 3px 13px 1px rgba(0, 0, 0, 0.07); box-shadow: 1px 3px 13px 1px rgba(0, 0, 0, 0.07); }
.parter-item:hover { margin-top: -10px; -webkit-box-shadow: rgba(10, 10, 10, 0.2) 2px 16px 16px -4px; box-shadow: rgba(10, 10, 10, 0.2) 2px 16px 16px -4px;/* box-shadow: 0 4px 18px 0 rgba(180,180,180,.45); */
}
.parter-logo { display: block; margin: 0 auto; }
.parter-title { text-align: center; font-size: 26px; line-height: 24px; margin: 18px 0; color:#3e3e3e}
.parter-about { /* text-indent: 2em; */
line-height: 22px; margin-top: 18px;font-size: 18px; }
 @media screen and (max-width: 1160px) {
.parter-box { width: 50%; }
}
 @media screen and (max-width: 640px) {
.parter-box { width: 100%; }
}
/* 善德环境ERP典型案例 url(../images/about-contact_bg.png) no-repeat*/
.case { padding-bottom: 60px; clear: both;  background: #ecf7fd; background-size: 100% 100%; overflow: hidden; }
.case-cap { padding: 60px 20px 26px; text-align: center; }
.case-cap h2 { font-size: 30px; line-height: 38px; font-weight: normal; }
.case-more { border: 1px solid #3e3e3e; color: #3e3e3e; display: inline-block; width: 120px; height: 26px; line-height: 24px; border-radius: 13px; cursor: pointer; margin-top: 8px; }
.case-more:hover { border: 1px solid #004ea2; color: #004ea2; }
.case-logo { display: table; width: 100%; margin-bottom: 32px; }
.case-logo span { display: table-cell; text-align: center; -webkit-filter: brightness(0%); filter: brightness(0%); }
.case-logo span.cur, .case-logo span:hover { -webkit-filter: brightness(100%); filter: brightness(100%); }
.case-list { position: relative; font-size: 0; width: 100%; overflow: hidden; }
.case-move-box { position: absolute; left: 0; top: 0; width: 100%; min-height: 100%; overflow: hidden; -webkit-transition: left 0.5s ease-in-out; transition: left 0.5s ease-in-out; }
.case-item { font-size: 0; background: #fff; display: none; height: 100%; position: relative; }
.case-item.cur { display: block; }
.case-item:last-child { width: 100%; }
.case-photo { display: inline-block; width: 52%; vertical-align: middle; }
.casae-detail { display: inline-block; width: 48%; font-size: 14px; vertical-align: middle; padding: 0 4%; }
.casae-detail h3 { font-size: 18px; line-height: 46px; }
.casae-detail p { font-size: 14px; line-height: 22px; margin-bottom: 2px; }
.case-pos { width: 52%; }
.case-ctrl { margin-top: 22px; text-align: center; z-index: 13; display: none; }
.case-ctrl span { display: inline-block; background: #fff; height: 12px; width: 12px; border-radius: 6px; margin-right: 6px; cursor: pointer; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.case-ctrl span.cur { background: #004ea2; width: 26px; }
.case-logo-side { position: absolute; left: 10px; top: 10px; height: 58px; display: none; }
 @media screen and (max-width: 1024px) {
.casae-detail { padding: 0 10px; }
.casae-detail h3 { font-size: 14px; line-height: 28px; }
.casae-detail p { font-size: 14px; line-height: 18px; }
}
 @media screen and (max-width: 820px) {
.case { background-image: none; }
.case-logo { display: none; }
.case-photo { width: 100%; }
.case-logo-side { display: inline; }
.casae-detail { width: 100%; padding: 10px 10px 36px; }
/* 
    .casae-detail h3{
        font-size: 18px;
        line-height: 46px
    }
    .casae-detail p{
        font-size: 14px;
        line-height: 22px;
    }*/
.case-pos { width: 100%; }
.case-ctrl { display: block; }
}

/* 播放器 */
@-webkit-keyframes plyr-progress {  to {
 background-position: 25px 0;
}
}
@keyframes plyr-progress {  to {
 background-position: 25px 0;
}
}
 @-webkit-keyframes plyr-popup {  0% {
 opacity: .5;
 -webkit-transform: translateY(10px);
 transform: translateY(10px);
}
to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}
 @keyframes plyr-popup {  0% {
 opacity: .5;
 -webkit-transform: translateY(10px);
 transform: translateY(10px);
}
to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}
 @-webkit-keyframes plyr-fade-in {  from {
 opacity: 0;
}
to { opacity: 1; }
}
 @keyframes plyr-fade-in {  from {
 opacity: 0;
}
to { opacity: 1; }
}
.plyr { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; direction: ltr; font-family: Avenir, "Avenir Next", "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif; font-variant-numeric: tabular-nums; font-weight: 500; line-height: 1.7; max-width: 100%; min-width: 200px; position: relative; text-shadow: none; -webkit-transition: -webkit-box-shadow .3s ease; transition: -webkit-box-shadow .3s ease; transition: box-shadow .3s ease; transition: box-shadow .3s ease, -webkit-box-shadow .3s ease; }
.plyr audio, .plyr video { border-radius: inherit; height: auto; vertical-align: middle; width: 100%; }
.plyr button { font: inherit; line-height: inherit; width: auto; }
.plyr:focus { outline: 0; }
.plyr--full-ui { -webkit-box-sizing: border-box; box-sizing: border-box; }
.plyr--full-ui *, .plyr--full-ui::after, .plyr--full-ui::before { -webkit-box-sizing: inherit; box-sizing: inherit; }
.plyr--full-ui a, .plyr--full-ui button, .plyr--full-ui input, .plyr--full-ui label { -ms-touch-action: manipulation; touch-action: manipulation; }
.plyr__badge { background: #4f5b5f; border-radius: 2px; color: #fff; font-size: 9px; line-height: 1; padding: 3px 4px; }
 .plyr--full-ui::-webkit-media-text-track-container {
 display: none;
}
.plyr__captions { -webkit-animation: plyr-fade-in .3s ease; animation: plyr-fade-in .3s ease; bottom: 0; color: #fff; display: none; font-size: 14px; left: 0; padding: 10px; position: absolute; text-align: center; -webkit-transform: translateY(-40px); transform: translateY(-40px); -webkit-transition: -webkit-transform .4s ease-in-out; transition: -webkit-transform .4s ease-in-out; transition: transform .4s ease-in-out; transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out; width: 100%; }
.plyr__captions span { background: rgba(0, 0, 0, 0.8); border-radius: 2px; -webkit-box-decoration-break: clone; box-decoration-break: clone; line-height: 185%; padding: .2em .5em; white-space: pre-wrap; }
.plyr__captions span div { display: inline; }
.plyr__captions span:empty { display: none; }
 @media (min-width: 480px) {
.plyr__captions { font-size: 16px; padding: 20px; }
}
 @media (min-width: 768px) {
.plyr__captions { font-size: 18px; }
}
.plyr--captions-active .plyr__captions { display: block; }
.plyr--hide-controls .plyr__captions { -webkit-transform: translateY(-15px); transform: translateY(-15px); }
.plyr__control { background: 0 0; border: 0; border-radius: 3px; color: inherit; cursor: pointer; -ms-flex-negative: 0; flex-shrink: 0; overflow: visible; padding: 7px; position: relative; -webkit-transition: all .3s ease; transition: all .3s ease; }
.plyr__control svg { display: block; fill: currentColor; height: 18px; pointer-events: none; width: 18px; }
.plyr__control:focus { outline: 0; }
.plyr__control.plyr__tab-focus { -webkit-box-shadow: 0 0 0 3px rgba(26, 175, 255, 0.35); box-shadow: 0 0 0 3px rgba(26, 175, 255, 0.35); outline: 0; }
.plyr__control[aria-pressed=false] .icon--pressed, .plyr__control[aria-pressed=false] .label--pressed, .plyr__control[aria-pressed=true] .icon--not-pressed, .plyr__control[aria-pressed=true] .label--not-pressed { display: none; }
.plyr--audio .plyr__control.plyr__tab-focus, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded=true] { background: #1aafff; color: #fff; }
.plyr__control--overlaid { background: rgba(26, 175, 255, 0.8); border: 0; border-radius: 100%; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); color: #fff; display: none; left: 50%; padding: 15px; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; }
.plyr__control--overlaid svg { height: 20px; left: 2px; position: relative; width: 20px; }
.plyr__control--overlaid:focus, .plyr__control--overlaid:hover { background: #1aafff; }
.plyr--playing .plyr__control--overlaid { opacity: 0; visibility: hidden; }
.plyr--full-ui.plyr--video .plyr__control--overlaid { display: block; }
 .plyr--full-ui::-webkit-media-controls {
 display: none;
}
.plyr__controls { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; }
.plyr__controls .plyr__menu, .plyr__controls .plyr__progress, .plyr__controls .plyr__time, .plyr__controls > .plyr__control { margin-left: 5px; }
 .plyr__controls .plyr__menu:first-child, .plyr__controls .plyr__menu:first-child + [data-plyr=pause], .plyr__controls .plyr__progress:first-child, .plyr__controls .plyr__progress:first-child + [data-plyr=pause], .plyr__controls .plyr__time:first-child, .plyr__controls .plyr__time:first-child + [data-plyr=pause], .plyr__controls > .plyr__control:first-child, .plyr__controls > .plyr__control:first-child + [data-plyr=pause] {
 margin-left: 0;
}
.plyr__controls .plyr__volume { margin-left: 5px; }
 @media (min-width: 480px) {
.plyr__controls .plyr__menu, .plyr__controls .plyr__progress, .plyr__controls .plyr__time, .plyr__controls > .plyr__control { margin-left: 10px; }
.plyr__controls .plyr__menu + .plyr__control, .plyr__controls > .plyr__control + .plyr__control, .plyr__controls > .plyr__control + .plyr__menu { margin-left: 5px; }
}
.plyr--video .plyr__controls { background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.7))); background: linear-gradient(transparent, rgba(0, 0, 0, 0.7)); border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; bottom: 0; color: #fff; left: 0; padding: 35px 10px 10px; position: absolute; right: 0; -webkit-transition: opacity .4s ease-in-out, -webkit-transform .4s ease-in-out; transition: opacity .4s ease-in-out, -webkit-transform .4s ease-in-out; transition: opacity .4s ease-in-out, transform .4s ease-in-out; transition: opacity .4s ease-in-out, transform .4s ease-in-out, -webkit-transform .4s ease-in-out; z-index: 2; }
.plyr--video .plyr__controls .plyr__control svg { -webkit-filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.15)); filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.15)); }
.plyr--video .plyr__controls .plyr__control.plyr__tab-focus, .plyr--video .plyr__controls .plyr__control:hover, .plyr--video .plyr__controls .plyr__control[aria-expanded=true] { background: #1aafff; color: #fff; }
.plyr--audio .plyr__controls { background: #fff; border-radius: inherit; color: #4f5b5f; padding: 10px; }
.plyr--video.plyr--hide-controls .plyr__controls { opacity: 0; pointer-events: none; -webkit-transform: translateY(100%); transform: translateY(100%); }
.plyr [data-plyr=airplay], .plyr [data-plyr=captions], .plyr [data-plyr=fullscreen], .plyr [data-plyr=pip] { display: none; }
.plyr--airplay-supported [data-plyr=airplay], .plyr--captions-enabled [data-plyr=captions], .plyr--fullscreen-enabled [data-plyr=fullscreen], .plyr--pip-supported [data-plyr=pip] { display: inline-block; }
.plyr__video-embed { height: 0; padding-bottom: 56.25%; position: relative; }
.plyr__video-embed iframe { border: 0; height: 100%; left: 0; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; }
.plyr--full-ui .plyr__video-embed iframe { pointer-events: none; }
.plyr--full-ui .plyr__video-embed > .plyr__video-embed__container { padding-bottom: 240%; position: relative; -webkit-transform: translateY(-38.28125%); transform: translateY(-38.28125%); }
.plyr__menu { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; }
.plyr__menu .plyr__control svg { -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; }
.plyr__menu .plyr__control[aria-expanded=true] svg { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip { display: none; }
.plyr__menu__container { -webkit-animation: plyr-popup .2s ease; animation: plyr-popup .2s ease; background: rgba(255, 255, 255, 0.9); border-radius: 4px; bottom: 100%; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); color: #4f5b5f; font-size: 16px; margin-bottom: 10px; position: absolute; right: -3px; text-align: left; white-space: nowrap; z-index: 3; }
.plyr__menu__container > div { overflow: hidden; -webkit-transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1); transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1); }
.plyr__menu__container::after { border: 4px solid transparent; border-top-color: rgba(255, 255, 255, 0.9); content: ''; height: 0; position: absolute; right: 15px; top: 100%; width: 0; }
.plyr__menu__container ul { list-style: none; margin: 0; overflow: hidden; padding: 7px; }
.plyr__menu__container ul li { margin-top: 2px; }
.plyr__menu__container ul li:first-child { margin-top: 0; }
.plyr__menu__container .plyr__control { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #4f5b5f; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; padding: 4px 14px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; }
.plyr__menu__container .plyr__control::after { border: 4px solid transparent; content: ''; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.plyr__menu__container .plyr__control--forward { padding-right: 28px; }
.plyr__menu__container .plyr__control--forward::after { border-left-color: rgba(79, 91, 95, 0.8); right: 5px; }
.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after, .plyr__menu__container .plyr__control--forward:hover::after { border-left-color: currentColor; }
.plyr__menu__container .plyr__control--back { font-weight: 500; margin: 7px; margin-bottom: 3px; padding-left: 28px; position: relative; width: calc(100% - 14px); }
.plyr__menu__container .plyr__control--back::after { border-right-color: rgba(79, 91, 95, 0.8); left: 7px; }
.plyr__menu__container .plyr__control--back::before { background: #b7c5cd; -webkit-box-shadow: 0 1px 0 #fff; box-shadow: 0 1px 0 #fff; content: ''; height: 1px; left: 0; margin-top: 4px; overflow: hidden; position: absolute; right: 0; top: 100%; }
.plyr__menu__container .plyr__control--back.plyr__tab-focus::after, .plyr__menu__container .plyr__control--back:hover::after { border-right-color: currentColor; }
.plyr__menu__container label.plyr__control { padding-left: 7px; }
.plyr__menu__container label.plyr__control input[type=radio] + span { background: rgba(0, 0, 0, 0.1); border-radius: 100%; display: block; -ms-flex-negative: 0; flex-shrink: 0; height: 16px; margin-right: 10px; position: relative; -webkit-transition: all .3s ease; transition: all .3s ease; width: 16px; }
.plyr__menu__container label.plyr__control input[type=radio] + span::after { background: #fff; border-radius: 100%; content: ''; height: 6px; left: 5px; opacity: 0; position: absolute; top: 5px; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: opacity .3s ease, -webkit-transform .3s ease; transition: opacity .3s ease, -webkit-transform .3s ease; transition: transform .3s ease, opacity .3s ease; transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease; width: 6px; }
.plyr__menu__container label.plyr__control input[type=radio]:checked + span { background: #1aafff; }
.plyr__menu__container label.plyr__control input[type=radio]:checked + span::after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
.plyr__menu__container label.plyr__control input[type=radio]:focus + span { -webkit-box-shadow: 0 0 0 3px rgba(26, 175, 255, 0.35); box-shadow: 0 0 0 3px rgba(26, 175, 255, 0.35); outline: 0; }
.plyr__menu__container label.plyr__control.plyr__tab-focus input[type=radio] + span, .plyr__menu__container label.plyr__control:hover input[type=radio] + span { background: rgba(0, 0, 0, 0.1); }
.plyr__menu__container .plyr__menu__value { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: auto; margin-right: -7px; overflow: hidden; padding-left: 25px; pointer-events: none; }
.plyr__progress { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; position: relative; }
.plyr__progress input[type=range] { position: relative; z-index: 2; }
.plyr__progress .plyr__tooltip { font-size: 14px; left: 0; }
.plyr__progress--buffer { -webkit-appearance: none; background: 0 0; border: 0; border-radius: 100px; height: 6px; left: 0; margin: -3px 0 0; padding: 0; position: absolute; top: 50%; width: 100%; }
 .plyr__progress--buffer::-webkit-progress-bar {
 background: 0 0;
 -webkit-transition: width .2s ease;
 transition: width .2s ease;
}
 .plyr__progress--buffer::-webkit-progress-value {
 background: currentColor;
 border-radius: 100px;
 min-width: 6px;
}
 .plyr__progress--buffer::-moz-progress-bar {
 background: currentColor;
 border-radius: 100px;
 min-width: 6px;
 -webkit-transition: width .2s ease;
 transition: width .2s ease;
}
 .plyr__progress--buffer::-ms-fill {
 border-radius: 100px;
 -webkit-transition: width .2s ease;
 transition: width .2s ease;
}
.plyr--video .plyr__progress--buffer { -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); color: rgba(255, 255, 255, 0.25); }
.plyr--audio .plyr__progress--buffer { color: rgba(183, 197, 205, 0.66); }
.plyr--loading .plyr__progress--buffer { -webkit-animation: plyr-progress 1s linear infinite; animation: plyr-progress 1s linear infinite; background-image: linear-gradient(-45deg, rgba(47, 52, 61, 0.6) 25%, transparent 25%, transparent 50%, rgba(47, 52, 61, 0.6) 50%, rgba(47, 52, 61, 0.6) 75%, transparent 75%, transparent); background-repeat: repeat-x; background-size: 25px 25px; color: transparent; }
.plyr--video.plyr--loading .plyr__progress--buffer { background-color: rgba(255, 255, 255, 0.25); }
.plyr--audio.plyr--loading .plyr__progress--buffer { background-color: rgba(183, 197, 205, 0.66); }
.plyr__poster { background-color: #444; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; width: 100%; z-index: 1; pointer-events: none; }
.plyr--stopped .plyr__poster { opacity: 1; }
.plyr--full-ui input[type=range] { -webkit-appearance: none; background: 0 0; border: 0; border-radius: 28px; color: #1aafff; display: block; height: 20px; margin: 0; padding: 0; -webkit-transition: -webkit-box-shadow .3s ease; transition: -webkit-box-shadow .3s ease; transition: box-shadow .3s ease; transition: box-shadow .3s ease, -webkit-box-shadow .3s ease; width: 100%; }
 .plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
 background: 0 0;
 border: 0;
 border-radius: 3px;
 height: 6px;
 -webkit-transition: all .3s ease;
 transition: all .3s ease;
 -webkit-user-select: none;
 user-select: none;
 background-image: -webkit-gradient(linear, left top, right top, from(currentColor), to(transparent));
 background-image: linear-gradient(to right, currentColor var(--value, 0), transparent var(--value, 0));
}
 .plyr--full-ui input[type=range]::-webkit-slider-thumb {
 background: #fff;
 border: 0;
 border-radius: 100%;
 -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2);
 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2);
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 height: 14px;
 position: relative;
 -webkit-transition: all .2s ease;
 transition: all .2s ease;
 width: 14px;
 -webkit-appearance: none;
 margin-top: -4px;
}
 .plyr--full-ui input[type=range]::-moz-range-track {
 background: 0 0;
 border: 0;
 border-radius: 3px;
 height: 6px;
 -webkit-transition: all .3s ease;
 transition: all .3s ease;
 -moz-user-select: none;
 user-select: none;
}
 .plyr--full-ui input[type=range]::-moz-range-thumb {
 background: #fff;
 border: 0;
 border-radius: 100%;
 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2);
 box-sizing: border-box;
 height: 14px;
 position: relative;
 -webkit-transition: all .2s ease;
 transition: all .2s ease;
 width: 14px;
}
 .plyr--full-ui input[type=range]::-moz-range-progress {
 background: currentColor;
 border-radius: 3px;
 height: 6px;
}
 .plyr--full-ui input[type=range]::-ms-track {
 background: 0 0;
 border: 0;
 border-radius: 3px;
 height: 6px;
 -webkit-transition: all .3s ease;
 transition: all .3s ease;
 -ms-user-select: none;
 user-select: none;
 color: transparent;
}
 .plyr--full-ui input[type=range]::-ms-fill-upper {
 background: 0 0;
 border: 0;
 border-radius: 3px;
 height: 6px;
 -webkit-transition: all .3s ease;
 transition: all .3s ease;
 -ms-user-select: none;
 user-select: none;
}
 .plyr--full-ui input[type=range]::-ms-fill-lower {
 background: 0 0;
 border: 0;
 border-radius: 3px;
 height: 6px;
 -webkit-transition: all .3s ease;
 transition: all .3s ease;
 -ms-user-select: none;
 user-select: none;
 background: currentColor;
}
 .plyr--full-ui input[type=range]::-ms-thumb {
 background: #fff;
 border: 0;
 border-radius: 100%;
 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2);
 box-sizing: border-box;
 height: 14px;
 position: relative;
 -webkit-transition: all .2s ease;
 transition: all .2s ease;
 width: 14px;
 margin-top: 0;
}
 .plyr--full-ui input[type=range]::-ms-tooltip {
 display: none;
}
.plyr--full-ui input[type=range]:focus { outline: 0; }
 .plyr--full-ui input[type=range]::-moz-focus-outer {
 border: 0;
}
 .plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
 -webkit-box-shadow: 0 0 0 3px rgba(26, 175, 255, 0.35);
 box-shadow: 0 0 0 3px rgba(26, 175, 255, 0.35);
 outline: 0;
}
 .plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track {
 box-shadow: 0 0 0 3px rgba(26, 175, 255, 0.35);
 outline: 0;
}
 .plyr--full-ui input[type=range].plyr__tab-focus::-ms-track {
 box-shadow: 0 0 0 3px rgba(26, 175, 255, 0.35);
 outline: 0;
}
 .plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
 background-color: rgba(255, 255, 255, 0.25);
}
 .plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
 background-color: rgba(255, 255, 255, 0.25);
}
 .plyr--full-ui.plyr--video input[type=range]::-ms-track {
 background-color: rgba(255, 255, 255, 0.25);
}
 .plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
 -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5);
 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5);
}
 .plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5);
}
 .plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5);
}
 .plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
 background-color: rgba(183, 197, 205, 0.66);
}
 .plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
 background-color: rgba(183, 197, 205, 0.66);
}
 .plyr--full-ui.plyr--audio input[type=range]::-ms-track {
 background-color: rgba(183, 197, 205, 0.66);
}
 .plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
 -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1);
 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1);
}
 .plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1);
}
 .plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1);
}
.plyr__time { font-size: 14px; }
.plyr__time + .plyr__time::before { content: '\2044'; margin-right: 10px; }
 @media (max-width: 767px) {
.plyr__time + .plyr__time { display: none; }
}
.plyr--video .plyr__time { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); }
.plyr__tooltip { background: rgba(255, 255, 255, 0.9); border-radius: 3px; bottom: 100%; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); color: #4f5b5f; font-size: 14px; font-weight: 500; line-height: 1.3; margin-bottom: 10px; opacity: 0; padding: 5px 7.5px; pointer-events: none; position: absolute; -webkit-transform: translate(-50%, 10px) scale(0.8); transform: translate(-50%, 10px) scale(0.8); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition: opacity .2s .1s ease, -webkit-transform .2s .1s ease; transition: opacity .2s .1s ease, -webkit-transform .2s .1s ease; transition: transform .2s .1s ease, opacity .2s .1s ease; transition: transform .2s .1s ease, opacity .2s .1s ease, -webkit-transform .2s .1s ease; white-space: nowrap; z-index: 2; }
.plyr__tooltip::before { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid rgba(255, 255, 255, 0.9); bottom: -4px; content: ''; height: 0; left: 50%; position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 0; z-index: 2; }
.plyr .plyr__control.plyr__tab-focus .plyr__tooltip, .plyr .plyr__control:hover .plyr__tooltip, .plyr__tooltip--visible { opacity: 1; -webkit-transform: translate(-50%, 0) scale(1); transform: translate(-50%, 0) scale(1); }
.plyr .plyr__control:hover .plyr__tooltip { z-index: 3; }
.plyr__controls > .plyr__control:first-child .plyr__tooltip, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip { left: 0; -webkit-transform: translate(0, 10px) scale(0.8); transform: translate(0, 10px) scale(0.8); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; }
.plyr__controls > .plyr__control:first-child .plyr__tooltip::before, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip::before { left: 16px; }
.plyr__controls > .plyr__control:last-child .plyr__tooltip { right: 0; -webkit-transform: translate(0, 10px) scale(0.8); transform: translate(0, 10px) scale(0.8); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; }
.plyr__controls > .plyr__control:last-child .plyr__tooltip::before { left: auto; right: 16px; -webkit-transform: translateX(50%); transform: translateX(50%); }
.plyr__controls > .plyr__control:first-child .plyr__tooltip--visible, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible, .plyr__controls > .plyr__control:first-child + .plyr__control.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip, .plyr__controls > .plyr__control:first-child.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:first-child:hover .plyr__tooltip, .plyr__controls > .plyr__control:last-child .plyr__tooltip--visible, .plyr__controls > .plyr__control:last-child.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:last-child:hover .plyr__tooltip { -webkit-transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1); }
.plyr--video { overflow: hidden; }
.plyr--video.plyr--menu-open { overflow: visible; }
.plyr__video-wrapper { background: #444; border-radius: inherit; overflow: hidden; position: relative; z-index: 0; }
.plyr__volume { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; position: relative; }
.plyr__volume input[type=range] { position: relative; z-index: 2; }
 @media (min-width: 480px) {
.plyr__volume { max-width: 50px; }
}
 @media (min-width: 768px) {
.plyr__volume { max-width: 80px; }
}
.plyr--is-ios .plyr__volume { display: none !important; }
.plyr--is-ios.plyr--vimeo [data-plyr=mute] { display: none !important; }
.plyr--has-error { pointer-events: none; }
.plyr--has-error::after { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #444; color: #fff; content: attr(data-plyr-error); display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 16px; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; left: 0; position: absolute; text-align: center; text-shadow: 0 1px 1px #444; top: 0; width: 100%; z-index: 10; }
 .plyr:-webkit-full-screen {
 background: #444;
 border-radius: 0 !important;
 height: 100%;
 margin: 0;
 width: 100%;
}
 .plyr:-moz-full-screen {
 background: #444;
 border-radius: 0 !important;
 height: 100%;
 margin: 0;
 width: 100%;
}
 .plyr:-ms-fullscreen {
 background: #444;
 border-radius: 0 !important;
 height: 100%;
 margin: 0;
 width: 100%;
}
 .plyr:fullscreen {
 background: #444;
 border-radius: 0 !important;
 height: 100%;
 margin: 0;
 width: 100%;
}
 .plyr:-webkit-full-screen video {
 height: 100%;
}
 .plyr:-moz-full-screen video {
 height: 100%;
}
 .plyr:-ms-fullscreen video {
 height: 100%;
}
 .plyr:fullscreen video {
 height: 100%;
}
 .plyr:-webkit-full-screen .plyr__video-wrapper {
 height: 100%;
 width: 100%;
}
 .plyr:-moz-full-screen .plyr__video-wrapper {
 height: 100%;
 width: 100%;
}
 .plyr:-ms-fullscreen .plyr__video-wrapper {
 height: 100%;
 width: 100%;
}
 .plyr:fullscreen .plyr__video-wrapper {
 height: 100%;
 width: 100%;
}
 .plyr:-webkit-full-screen .plyr__video-embed {
 overflow: visible;
}
 .plyr:-moz-full-screen .plyr__video-embed {
 overflow: visible;
}
 .plyr:-ms-fullscreen .plyr__video-embed {
 overflow: visible;
}
 .plyr:fullscreen .plyr__video-embed {
 overflow: visible;
}
 .plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
 height: 0;
 top: 50%;
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
}
 .plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper {
 height: 0;
 top: 50%;
 transform: translateY(-50%);
}
 .plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
 height: 0;
 top: 50%;
 transform: translateY(-50%);
}
 .plyr:fullscreen.plyr--vimeo .plyr__video-wrapper {
 height: 0;
 top: 50%;
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
}
 .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
 display: block;
}
 .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen {
 display: block;
}
 .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
 display: block;
}
 .plyr:fullscreen .plyr__control .icon--exit-fullscreen {
 display: block;
}
 .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
 display: none;
}
 .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg {
 display: none;
}
 .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
 display: none;
}
 .plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg {
 display: none;
}
 .plyr:-webkit-full-screen.plyr--hide-controls {
 cursor: none;
}
 .plyr:-moz-full-screen.plyr--hide-controls {
 cursor: none;
}
 .plyr:-ms-fullscreen.plyr--hide-controls {
 cursor: none;
}
 .plyr:fullscreen.plyr--hide-controls {
 cursor: none;
}
 @media (min-width: 1024px) {
 .plyr:-webkit-full-screen .plyr__captions {
 font-size: 21px;
}
 .plyr:-moz-full-screen .plyr__captions {
 font-size: 21px;
}
 .plyr:-ms-fullscreen .plyr__captions {
 font-size: 21px;
}
 .plyr:fullscreen .plyr__captions {
 font-size: 21px;
}
}
 .plyr:-webkit-full-screen {
 background: #444;
 border-radius: 0 !important;
 height: 100%;
 margin: 0;
 width: 100%;
}
 .plyr:-webkit-full-screen video {
 height: 100%;
}
 .plyr:-webkit-full-screen .plyr__video-wrapper {
 height: 100%;
 width: 100%;
}
 .plyr:-webkit-full-screen .plyr__video-embed {
 overflow: visible;
}
 .plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
 height: 0;
 top: 50%;
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
}
 .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
 display: block;
}
 .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
 display: none;
}
 .plyr:-webkit-full-screen.plyr--hide-controls {
 cursor: none;
}
 @media (min-width: 1024px) {
 .plyr:-webkit-full-screen .plyr__captions {
 font-size: 21px;
}
}
 .plyr:-moz-full-screen {
 background: #444;
 border-radius: 0 !important;
 height: 100%;
 margin: 0;
 width: 100%;
}
 .plyr:-moz-full-screen video {
 height: 100%;
}
 .plyr:-moz-full-screen .plyr__video-wrapper {
 height: 100%;
 width: 100%;
}
 .plyr:-moz-full-screen .plyr__video-embed {
 overflow: visible;
}
 .plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper {
 height: 0;
 top: 50%;
 transform: translateY(-50%);
}
 .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen {
 display: block;
}
 .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg {
 display: none;
}
 .plyr:-moz-full-screen.plyr--hide-controls {
 cursor: none;
}
 @media (min-width: 1024px) {
 .plyr:-moz-full-screen .plyr__captions {
 font-size: 21px;
}
}
 .plyr:-ms-fullscreen {
 background: #444;
 border-radius: 0 !important;
 height: 100%;
 margin: 0;
 width: 100%;
}
 .plyr:-ms-fullscreen video {
 height: 100%;
}
 .plyr:-ms-fullscreen .plyr__video-wrapper {
 height: 100%;
 width: 100%;
}
 .plyr:-ms-fullscreen .plyr__video-embed {
 overflow: visible;
}
 .plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
 height: 0;
 top: 50%;
 transform: translateY(-50%);
}
 .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
 display: block;
}
 .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
 display: none;
}
 .plyr:-ms-fullscreen.plyr--hide-controls {
 cursor: none;
}
 @media (min-width: 1024px) {
 .plyr:-ms-fullscreen .plyr__captions {
 font-size: 21px;
}
}
.plyr--fullscreen-fallback { background: #444; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 10000000; }
.plyr--fullscreen-fallback video { height: 100%; }
.plyr--fullscreen-fallback .plyr__video-wrapper { height: 100%; width: 100%; }
.plyr--fullscreen-fallback .plyr__video-embed { overflow: visible; }
.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper { height: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen { display: block; }
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg { display: none; }
.plyr--fullscreen-fallback.plyr--hide-controls { cursor: none; }
 @media (min-width: 1024px) {
.plyr--fullscreen-fallback .plyr__captions { font-size: 21px; }
}
.plyr__ads { border-radius: inherit; bottom: 0; cursor: pointer; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; z-index: -1; }
.plyr__ads > div, .plyr__ads > div iframe { height: 100%; position: absolute; width: 100%; }
.plyr__ads::after { background: rgba(47, 52, 61, 0.8); border-radius: 2px; bottom: 10px; color: #fff; content: attr(data-badge-text); font-size: 11px; padding: 2px 6px; pointer-events: none; position: absolute; right: 10px; z-index: 3; }
 .plyr__ads::after:empty {
 display: none;
}
.plyr__cues { background: currentColor; display: block; height: 6px; left: 0; margin: -3px 0 0; opacity: .8; position: absolute; top: 50%; width: 3px; z-index: 3; }
.plyr--no-transition { -webkit-transition: none !important; transition: none !important; }
.plyr__sr-only { clip: rect(1px, 1px, 1px, 1px); overflow: hidden; border: 0 !important; height: 1px !important; padding: 0 !important; position: absolute !important; width: 1px !important; }
/* 播放器 */
.player { background: url("../images/video_bg.jpg") no-repeat; background-position: 50% 85%; padding-bottom: 66px; }
.player-cap { padding: 70px 0 18px; color: #444; text-align: center; }
.player-cap h2 { font-size: 34px; line-height: 38px; font-weight: normal; }
.player-cap-sub { font-size: 14px; line-height: 22px; margin-top: 10px; }
.player-more { border: 1px solid #aaa; display: inline-block; width: 120px; height: 26px; line-height: 26px; border-radius: 13px; cursor: pointer; margin-top: 8px; }
.player-box { text-align: center; max-width: 890px; max-height: 470px; margin: 0 auto; }
.player video { max-width: 890px; max-height: 470px; -o-object-fit: fill; object-fit: fill; }
 @media screen and (max-width: 640px) {
.player { background: #ffffff; }
}
.plyr { -webkit-box-shadow: 1px 3px 13px 1px rgba(0, 0, 0, 0.17); box-shadow: 1px 3px 13px 1px rgba(0, 0, 0, 0.17); margin: 1rem auto; }
.plyr.plyr--audio { max-width: 480px; }
.plyr.plyr--video .plyr__controls { -webkit-box-shadow: 5px 0px 0px rgba(0, 0, 0, 0.2); box-shadow: 5px 0px 0px rgba(0, 0, 0, 0.2); background: white; border-bottom-right-radius: inherit; bottom: 0; color: rgba(0, 0, 0, 0.8); left: 0; padding: 4px; position: absolute; right: 0; -webkit-transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out; transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out; transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out; transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out; z-index: 2; }
.plyr.plyr--video .plyr__control--overlaid { background-color: transparent; border: solid 3px white; }
.plyr__video-wrapper::after { border: 1px solid rgba(0, 0, 0, 0.15); border-radius: inherit; bottom: 0; content: ''; left: 0; pointer-events: none; position: absolute; right: 0; top: 0; z-index: 3; }
.plyr__cite { display: none; margin-top: 1rem; }
.plyr__cite .icon { margin-right: 1rem; }
.plyr--video:not(.plyr--youtube):not(.plyr--vimeo) ~ ul .plyr__cite--video, .plyr--audio ~ ul .plyr__cite--audio, .plyr--youtube ~ ul .plyr__cite--youtube, .plyr--vimeo ~ ul .plyr__cite--vimeo { display: block; }
.plyr__poster { background-size: cover; background-image: url("../images/playercover.jpg"); }
.plyr--stopped .plyr__poster { opacity: 1; }
/* 善德环境优势 */
.advantages-cap { padding: 80px 0 28px; color: #444; text-align: center; }
.advantages-cap h2 { font-size: 34px; line-height: 38px; font-weight: normal; }
.advantages-cap-sub { font-size: 14px; line-height: 28px; }
.advantages-content { height: 498px; overflow: hidden; }
.advantages-item { height: 498px; width: 20%; float: left; border-right: 1px solid #e1e1e1; background: #f7f7f7; overflow: hidden; -webkit-transition: width 0.3s ease-in-out; transition: width 0.3s ease-in-out; cursor: default; }
.advantages-item:last-child { border-right: 0px; }
.advantages-item h3 { text-align: center; line-height: 50px; font-size: 14px;/*font-weight: normal;*/
}
.advantages-item h3 img { vertical-align: middle; margin-right: 12px; }
.advantages-small { padding-top: 40px; height: 100%; }
.advantages-small-body { width: 200px; margin: 0 auto; margin-top: 28px; }
.advantages-fun { font-size: 16px; margin-top: 26px; }
.advantages-fun span { display: inline-block; margin-right: 10px; margin-bottom: 16px; line-height: 30px; height: 32px; width: 90px; text-align: center; border: 1px solid #b5b5b5; cursor: default; }
.advantages-fun span:nth-child(2n) { margin-right: 0; }
.advantages-item.cur, .advantages-item:hover { width: 40%; float: left; background: #004ea2; }
.advantages-big { color: #fff; position: relative; height: 100%; padding-top: 40px; }
.advantages-about { width: 90%; margin: 0 auto; display: table; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; -webkit-transition-delay: 0.18s; transition-delay: 0.18s; }
.advantages-about .v-middle { height: 148px; }
.advantages-about .v-middle div { vertical-align: middle; display: inline-block; }
.advantages-about p { line-height: 22px; text-indent: 2em; vertical-align: middle; display: inline-block; }
.advantages-about center { font-size: 14px; vertical-align: middle; display: inline-block; width: 100%; }
.advantages-big-bottom { position: absolute; bottom: 0; left: 0; right: 0; text-align: center; width: 100%; overflow: hidden; }
.advantages-big-bottom img { max-width: 309px; width: 85%; margin-bottom: -30px; opacity: 0.0; filter: alpha(opacity=0); -webkit-transition: opacity 0.8s ease-in-out; transition: opacity 0.8s ease-in-out; }
.advantages-data { height: 86px; }
.advantages-item.cur .advantages-small, .advantages-item:hover .advantages-small { display: none; }
.advantages-item.cur .advantages-big, .advantages-item:hover .advantages-big { display: block; }
.advantages-item.cur .advantages-about { opacity: 1; filter: alpha(opacity=100); }
.advantages-item.cur .advantages-big-bottom img { opacity: 1; filter: alpha(opacity=100); }
.advantages-case { width: 90%; margin: 0 auto; table-layout: fixed; position: relative; border-collapse: collapse; text-align: center; }
.advantages-case td { border: 1px solid #fff; padding: 6px 0; }
 @media screen and (max-width: 1088px) {
.advantages-item { width: 24%; }
.advantages-item.cur { width: 28%; }
}

/*
    @media screen and (min-width:761px) and (max-width:930px){
        .advantages-item{
            width: 25%;
        }
        .advantages-item.cur {
            width: 25%;
        }
        .advantages-small-body {
            width: 180px;
        }
        .advantages-fun span {
            width: 80px;
        }
        .advantages-fun{
            font-size: 14px;
        }
    }*/
@media screen and (max-width: 960px) {
.advantages { background: #004ea2; }
.advantages-cap { color: #fff; }
.advantages-content { overflow: unset; }
.advantages-item,  .advantages-item.cur,  .advantages-item:hover { width: 100%; background: #004ea2; }
.advantages-small { display: none; }
.advantages-big { display: block; }
.advantages-about { opacity: 1; filter: alpha(opacity=100); }
.advantages-big-bottom img { opacity: 1; filter: alpha(opacity=100); }
}
/* 善德环境优势 */
.advantages2 { background: url(../images/advantages2_bg.jpg) no-repeat right bottom; background-size: cover; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding-bottom: 68px; }
.advantages2-cap { padding: 48px 0 0; color: #fff; text-align: center; }
.advantages2-cap h2 { font-size: 34px; line-height: 38px; font-weight: normal; }
.advantages2-cap-sub { font-size: 14px; line-height: 28px; margin: 12px 0 16px; color: #686868; }
.advantages-box { width: 1000px; margin: 0 auto; font-size: 0; text-align: center; min-height: 540px; }
.advantages-side { display: inline-block; font-size: 16px; width: 200px; position: relative; vertical-align: top; }
.advantages-side:after { content: ""; position: absolute; right: -3px; top: -3px; width: 8px; height: 8px; background: #458df0; border-radius: 4px; }
.advantages-side span { display: block; height: 132px; background: no-repeat 22px center; line-height: 132px; color: #4cb3fd; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; text-align: left; padding-left: 84px; border-right: 1px solid #458df0; }
.advantages-side span:hover, .advantages-side span.cur { color: #fff; border-right: 1px solid #fff; padding-left: 89px; background-position-x: 28px; }
span.advantages-side-1 { background-image: url(../images/function-off.png); }
span.advantages-side-1:hover, span.advantages-side-1.cur { background-image: url(../images/function-on.png); }
span.advantages-side-2 { background-image: url(../images/system-off.png); }
span.advantages-side-2:hover, span.advantages-side-2.cur { background-image: url(../images/system-on.png); }
span.advantages-side-3 { background-image: url(../images/service-off.png); }
span.advantages-side-3:hover, span.advantages-side-3.cur { background-image: url(../images/service-on.png); }
span.advantages-side-4 { background-image: url(../images/price-off.png); }
span.advantages-side-4:hover, span.advantages-side-4.cur { background-image: url(../images/price-on.png); }
.advantages-main { display: inline-block; width: 790px; font-size: 14px; color: #fff; text-align: left; position: relative; }
.advantages-img { display: block; margin: 0 auto; max-width: 100%; }
.advantages-main-item { position: absolute; top: 20px; top: 30px; left: 70px; opacity: 0; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transition-delay: 0s; transition-delay: 0s; }
.advantages-main-item.cur { top: 20px; opacity: 1; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
.advantages-main-item h3 { line-height: 30px; margin-bottom: 17px; font-size: 20px; font-weight: normal; }
.advantages-main-item h3 img { vertical-align: middle; margin-right: 10px; display: none; }
.advantages-detail { line-height: 24px; font-size: 14px; }
.advantages-fun-list { font-size: 0; text-align: center; }
.advantages-fun-list li { display: inline-block; width: 112px; height: 32px; line-height: 32px; margin: 0 4px 8px 4px; background-color: #0a61e2; border: 1px solid #10a1fb; text-align: center; color: #8ccefe; font-size: 14px; }
.advantages-numbrer { background-color: #0a61e2; height: 52px; display: table; width: 100%; }
 @media screen and (min-width: 0px) {
/* 就为了ie8 */
.advantages-numbrer { background-color: rgba(10, 97, 226, 0.5); border: solid 1px rgba(16, 161, 251, 0.5); }
}
.advantages-numbrer-item { display: table-cell; text-align: center; color: #36eeff; font-size: 14px; vertical-align: bottom; padding-bottom: 3px; }
.advantages-numbrer-item em { font-size: 36px; }
 @media screen and (max-width: 970px) {
.advantages2 { background: #1f67e1; }
.advantages2-cap-sub { margin-bottom: 0; }
.advantages-box { width: 100%; }
.advantages-main { width: 100%; }
.advantages-side { display: none; }
.advantages-main-item { left: 0; max-width: 100%; text-align: center; opacity: 1; position: relative; margin-top: 50px; }
.advantages-main-item h3 img { display: inline-block; }
.advantages-fun-list li { width: 100px; }
.advantages-numbrer { height: 32px; }
.advantages-numbrer-item { font-size: 10px; }
.advantages-numbrer-item em { font-size: 18px; }
}
/* 数据 */
.data-container { font-size: 0%; margin-top: 20px;}
.data-item { display: inline-block; width: 50%; text-align: center; font-size: 16px; line-height: 30px; padding: 10px 0; }
.data-item img { display: block; margin: 0 auto; }
.countup-int { font-size: 42px; color: #004ea2;font-family: Century Gothic,Arial; }
.server-count { color: #004ea2; }
 @media screen and (max-width: 820px) {
.data-item { width: 50%; }
}
 @media screen and (max-width: 440px) {
.data-item { font-size: 14px; }
}
/* 主要产品功能 */
.function { background: url(../images/function_bg_2.png) #1c0970 no-repeat center; background-size: cover; min-height: 750px; margin-top: 80px; padding-bottom: 50px; color: #fff; clear: both; -webkit-transition: background-image 0.6s ease-in-out; transition: background-image 0.6s ease-in-out; }
.function-cap { padding: 60px 20px 26px; text-align: center; }
.function-cap h2 { font-size: 34px; line-height: 38px; font-weight: normal; }
.function-more { border: 1px solid #fff; display: inline-block; width: 120px; height: 26px; line-height: 26px; border-radius: 13px; cursor: pointer; margin-top: 8px; }
.function-tabs { height: 81px; border-bottom: 1px solid #ddd; position: relative; margin: 0 10px; }
.function-tabs:after { content: ""; position: absolute; left: 0; bottom: -3px; height: 6px; width: 6px; background: #fff; border-radius: 3px; display: none; }
.function-tab { width: 25%; float: left; text-align: center; }
.function-tab span { display: inline-block; margin: 0 auto; height: 82px; padding: 28px 10px 20px 52px; /*padding: 24px 10px;*/
cursor: pointer; line-height: 18px; border-bottom: 4px solid transparent; cursor: pointer; }
.function-tab span:hover, .function-tab.cur span { border-bottom: 4px solid #33ccff; color: #33ccff; }
.function-tab span { vertical-align: middle; }
.function-tab1 { background: url(../images/function_order.png) no-repeat 10px center; }
.function-tab2 { background: url(../images/function_cangchu.png) no-repeat 10px center; }
.function-tab3 { background: url(../images/function_fengxiao.png) no-repeat 10px center; }
.function-tab4 { background: url(../images/function_xietong.png) no-repeat 10px center; }
.function-tab1:hover, .function-tab.cur .function-tab1 { background: url(../images/function_order2.png) no-repeat 10px center; }
.function-tab2:hover, .function-tab.cur .function-tab2 { background: url(../images/function_cangchu2.png) no-repeat 10px center; }
.function-tab3:hover, .function-tab.cur .function-tab3 { background: url(../images/function_fengxiao2.png) no-repeat 10px center; }
.function-tab4:hover, .function-tab.cur .function-tab4 { background: url(../images/function_xietong2.png) no-repeat 10px center; }
.function-contens { position: relative; height: 480px; }
.function-content { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: block; opacity: 0; -webkit-transition: opacity 0.48s ease-in-out; transition: opacity 0.48s ease-in-out; -webkit-transition-delay: 0s; transition-delay: 0s; text-align: center; }
.function-content.cur { display: block; opacity: 1; -webkit-transition-delay: 0.48s; transition-delay: 0.48s; }
.function-process-img { vertical-align: middle; max-width: 95%; }
.function-process-txt { display: inline-block; line-height: 30px; vertical-align: middle; margin-left: 40px; text-align: left; }
.mfunction { background: #1c0970; width: 100%; overflow: hidden; position: relative; margin-top: -1px; clear: both; }
.mfunction-cap { background: #1c0970; padding: 60px 0 1px; text-align: center; color: #fff; clear: both; }
.mfunction-cap::after { content: " "; display: block; width: 90%; border-top: 1px solid #493a8d; overflow: hidden; margin: 20px auto 0; }
.mfunction-cap h2 { font-size: 34px; line-height: 38px; font-weight: normal; }
.mfunction-list { width: 2960px; }
.mfunction-item { float: left; background-size: cover; position: relative; padding-top: 20px; padding-bottom: 38px; text-align: center; color: #fff; }
.mfunction-item-cap { margin: 18px 0 30px; font-size: 18px; }
.mfunction-item-cap img { vertical-align: middle; margin-right: 10px; }
.mfunction-process { display: block; margin: 0 auto; padding: 0 20px; }
.mfunction-process img { width: 100%; }
.mfunction-txt { text-align: center; color: #fff; line-height: 1.8em; height: 168px; padding-top: 20px; }
.mfunction-nav { position: absolute; bottom: 20px; left: 0; text-align: center; width: 100%; font-size: 0; }
.mfunction-nav li { height: 8px; width: 8px; border-radius: 4px; display: inline-block; margin: 0 3px; background-color: #CECECE; line-height: 0; font-size: 0; padding: 0; opacity: .8; }
.mfunction-nav li.on { background-color: #fff; opacity: 1; }
.function { display: block; }
.mfunction, .mfunction-cap { display: none; }
 @media screen and (max-width: 1200px) {
.function { display: none; }
.mfunction,  .mfunction-cap { display: block; }
}
/* 对接物流 */
.express { background: #fff url("../images/express_bg.jpg") no-repeat; background-size: 100% 100%; padding-bottom: 100px; }
.express-cap { padding: 80px 0 0;text-align: center; }
.express-cap h2 { font-size: 34px; line-height: 38px; font-weight: normal; }
.express-cap-sub { font-size: 14px; line-height: 28px; }
/* 版本介绍 */
.version { padding-bottom: 50px; clear: both;}
.version-cap { padding: 60px 20px 26px; text-align: center; }
.version-cap h2 { font-size: 30px; line-height: 38px; font-weight: normal; }
.version-more { border: 1px solid #797a7a; display: inline-block; width: 120px; height: 26px; line-height: 24px; border-radius: 13px; cursor: pointer; margin-top: 8px; }
.version-td { width: 33.3%; padding: 15px; }
.version-item { width: 32%; float: left; margin: 0px 0 32px; -webkit-box-shadow: 0 2px 10px 0 rgba(180, 180, 180, 0.45); box-shadow: 0 2px 10px 0 rgba(180, 180, 180, 0.45); text-align: center; min-height: 316px; -webkit-transition: -webkit-box-shadow 0.3s ease-in-out; transition: -webkit-box-shadow 0.3s ease-in-out; transition: box-shadow 0.3s ease-in-out; transition: box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out; }
.version-item:nth-child(2n) { margin: 0px 2% 32px; }
.version-item:hover { -webkit-box-shadow: 0 4px 26px 0 rgba(180, 180, 180, 0.8); box-shadow: 0 4px 26px 0 rgba(180, 180, 180, 0.8); }
.version-item img { display: block; margin: 0 auto; max-width: 100%;}
.version-item h3 { line-height: 36px;font-weight: normal; margin-top: 20px;font-size: 16px; }
.version-item-about { text-align: left;  padding: 0px 20px 0;}
.version-item-about p { margin: 10px 0; line-height: 26px;color: #666;margin-bottom: 30px; display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;font-size: 14px; height: 80px;}
.version-table { width: 100%; overflow: hidden; table-layout: fixed; position: relative; border-collapse: collapse; -webkit-box-shadow: 0 4px 18px 0 rgba(180, 180, 180, 0.45); box-shadow: 0 4px 18px 0 rgba(180, 180, 180, 0.45); }
.version-table th, .version-table td { text-align: center; padding: 15px 3px; line-height: 20px; }
.version-table th { background: #696969; color: #fff; font-weight: normal; }
.version-table tr:nth-child(2n+1) { background: #f9f9f9; }
.version-table td { border-right: 1px solid #e1e1e1; }
.version-img { display: none; width: 100%; }
 @media screen and (max-width: 740px) {
.version .wrap { padding: 0 20px; }
.version-item:nth-child(2n),  .version-item { width: 100%; margin: 0 auto 30px; float: none; }
.version-table { width: 100%; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; margin: 0 auto; }
}
 @media screen and (max-width: 640px) {
.version-table { display: none; }
.version-img { display: block; }
}
/* 产品页 */
.app { background: #f8fcff url("../images/app_bg.jpg") no-repeat; background-size: 100% 100%; padding-bottom: 100px; }
.app-cap { padding: 80px 0 28px; color: #444; text-align: center; }
.app-cap h2 { font-size: 34px; line-height: 38px; font-weight: normal; }
.app-pc { display: block; margin: 0 auto; }
.app-mobile { display: none; text-align: center; position: relative; }
.app-mobile img { max-width: 100%; }
.app-mobile-android { position: absolute; bottom: 34px; left: 14%; width: 106px; height: 35px; }
.app-mobile-ios { position: absolute; bottom: 34px; right: 14%; width: 106px; height: 35px; }
 @media screen and (max-width: 960px) {
.app { background: #f8fcff; }
.app-pc { display: none; }
.app-mobile { display: block; }
}
/* 服务页 */
.service-app { overflow: hidden; }
.service-guarantee { width: 100%; height: 160px; font-size: 23px;  background: white; text-align: center; padding-top: 80px; }
.service-guarantee-cards { margin: auto; padding-bottom: 60px; }
.service-guarantee-card-out { vertical-align: top; display: inline-block; padding: 15px; padding-top: 10px; width: 100%; width: 33%; }
.service-guarantee-card { text-align: center; width: 100%;padding-bottom: 20px; -webkit-transition: margin-top 0.3s ease-in-out, -webkit-box-shadow 0.2s ease-in-out; transition: margin-top 0.3s ease-in-out, -webkit-box-shadow 0.2s ease-in-out; transition: margin-top 0.3s ease-in-out, box-shadow 0.2s ease-in-out; transition: margin-top 0.3s ease-in-out, box-shadow 0.2s ease-in-out, -webkit-box-shadow 0.2s ease-in-out; -webkit-box-shadow: 1px 3px 13px 1px rgba(0, 0, 0, 0.07); box-shadow: 1px 3px 13px 1px rgba(0, 0, 0, 0.07); }
.service-guarantee-card:hover { margin-top: -10px; -webkit-box-shadow: rgba(10, 10, 10, 0.2) 2px 16px 16px -4px; box-shadow: rgba(10, 10, 10, 0.2) 2px 16px 16px -4px; }
.service-guarantee-card-img { width: 100%; height: auto; }
.service-guarantee-card-title { color: #444; font-size: 16px; }
.service-progress { width: 100%; background: url("../images/service_progress_bg.jpg") no-repeat; background-size: 100% 100%; text-align: center; padding-bottom: 124px; height: 880px; }
.service-progress .service-progress-title { text-align: center; color: #d4d2da; font-size: 28px; line-height: 167px; }
.service-progress .service-progress-content { width: 1060px; margin: auto; }
.service-progress .service-progress-content .service-instructions { display: inline-block; vertical-align: top; width: 164px; float: left; top: 0; }
.service-progress .service-progress-content .service-instructions .instruction { display: table-cell; height: 70px; width: 164px; text-align: center; vertical-align: middle; background: white; border-radius: 10px; color: #676767; font-size: 17px; }
.service-progress .service-progress-content .service-instructions .instruction .tip { color: #00a8fe; font-size: 15px; }
.service-progress .service-progress-content .service-instructions .arrow { display: block; border-right: 2px solid white; border-bottom: 2px solid white; height: 18px; width: 18px; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-bottom: 13px; margin-top: 5px; margin-left: auto; margin-right: auto; }
.service-progress .service-progress-content .service-progress-mobile { display: none; }
.service-progress .service-progress-content .service-progress-diagram { margin-left: 65px; display: inline-block; vertical-align: top; width: 774px; float: right; }
.service-branch { height: 890px; width: 100%; background: url("../images/branch_bg.png") no-repeat #f8fdff; background-size: 100% 100%; }
.service-branch .title { text-align: center; color: #676767; font-size: 28px; line-height: 167px; }
.service-branch .content { display: table; text-align: center; width: 100%; }
.service-branch .content .map { display: inline-block; vertical-align: middle; width: 690px; margin-left: -120px; }
.service-branch .content .detail { display: inline-block; vertical-align: middle; margin-left: 120px; }
.service-branch .content .detail .item { color: #676767; margin-bottom: 33px; margin-top: 33px; text-align: left; }
.service-branch .content .detail .item .count { color: #00a8fe; line-height: 40px; padding-bottom: 3px; font-size: 24px; border-bottom: 2px solid #00a8fe; }
 @media screen and (max-width: 640px) {
/* .banner-service {  background-size: 100% 100%; height: auto; } */
.banner-service-image { display: block; }
.banner-service-title { display: none; }
.banner-service-content { display: none; }
}
 @media screen and (max-width: 1060px) {
.service-progress { height: auto; background: #1c1a67; }
.service-progress .service-progress-content { width: 100%; }
.service-progress .service-progress-content .service-instructions { display: none; }
.service-progress .service-progress-content .service-progress-mobile { display: block; margin: 0 auto; max-width: 100%; margin-top: 30px; }
.service-progress .service-progress-content .service-progress-diagram { width: 100%; float: none; margin-left: 0; }
.service-branch { height: auto; width: 100%; background: #ecf7fd; }
.service-branch .content { display: table; text-align: center; width: 100%; }
.service-branch .content .map { display: block; width: 100%; margin-right: 0; margin-left: 0; }
.service-branch .content .detail { display: block; font-size: 0; width: auto; margin-left: auto; margin-right: auto; }
.service-branch .content .detail .item { width: 33%; font-size: 14px; text-align: left; display: inline-block; color: #676767; margin-left: auto; margin-right: auto; margin-bottom: 0; }
.service-branch .content .detail .item .count { line-height: 38px; font-size: 22px; }
}
.service-branch .map { position: relative; }
.service-branch .map img { width: 100%; }
/* 新闻页 */
.news-item { min-height: 182px; padding: 10px; padding-left: 320px; padding-right: 60px; -webkit-box-shadow: 0 2px 10px 0 rgba(180, 180, 180, 0.45); box-shadow: 0 2px 10px 0 rgba(180, 180, 180, 0.45); margin: 30px 0; }
.news-img { width: 280px; height: 160px; margin-left: -310px; float: left; }
.news-title { display: block; font-size: 16px; margin-top: 26px; color: #444;font-weight: bold; }
.news-date { display: block; text-align: right; color: #666; }
.news-brief {font-size: 14px; color: #666; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.news-list .news-body { padding-right: 270px; }
.news-list .title { text-align: center; }
.news-list .content { -webkit-box-shadow: 0 2px 10px 0 rgba(180, 180, 180, 0.45); box-shadow: 0 2px 10px 0 rgba(180, 180, 180, 0.45); margin: 30px 0; padding: 52px; background: #fff;}
.news-side { width: 240px; margin-right: -270px; float: right; }
.news-side-item { display: block; margin-bottom: 10px; }
.news-side-item img { width: 100%; }
.news-side-item span { text-align: center; line-height: 20px; display: block; height: 32px; padding: 6px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;font-size: 16px; }
.content .title h2 { font-size: 24px; font-weight: bold; line-height: 46px; }
.contentBox { margin-top: 30px; font-size: 16px; line-height: 30px;}
.contentBox p { margin: 10px 0; line-height: 1.8; }

.news-list .news-item:nth-child(1){background: #ecf7fd;min-height: 360px;padding-left: 560px; margin-bottom: 80px;}
.news-list .news-item:nth-child(1) .news-title { color: #444; font-size: 18px;}
.news-list .news-item:nth-child(1) .news-date { color: #464646; font-size: 14px;}
.news-list .news-item:nth-child(1) .news-brief { color: #464646;font-size: 14px;}
.news-list .news-item:nth-child(1) .news-img{max-width: 500px;width: 100%; height: auto;margin-left: -550px;}

 @media screen and (max-width: 640px) {
.news-item { padding: 10px; padding-bottom: 20px; }
.news-img { width: 100%; height: auto; margin-left: 0; float: unset; }
.news-list .news-body { padding-right: 0; }
.news-side { display: none; }
.news-list .news-item:nth-child(1){padding-left:0;padding: 10px; padding-bottom: 20px;}
.news-list .news-item:nth-child(1) .news-img{margin-left:0;}
.content .title h2{font-size: 22px; line-height: 26px;}

}
 @media screen and (max-width: 720px) {
.pgs { display: none; }
.news-list .content { padding: 10px  10px 30px }
}

/* 添加新闻页 */
.news_div{ padding:20px;}
.news_div .newslist2 { border-bottom: 1px dashed #e7e7e7; overflow: hidden; padding: 20px; }

.news_div .newslist2 .newslist_d { float: left; border:1px solid #e7e7e7; width:98px; text-align:center; padding-top:10px; padding-bottom:6px; }
.news_div .newslist2 .newslist_d div { font-family: Arial; font-size: 48px; color: #444; font-weight: bold; margin-bottom: 10px; -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -ms-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; transition: all .5s ease 0s; }
.news_div .newslist2 .newslist_d p { font-family: Arial; border-top:1px solid #e7e7e7; padding-top:9px; font-size: 18px; color: #999; }
.news_div .newslist2 .newslist_con { float: left; width:calc(100% - 120px); margin-left: 20px; }
.news_div .newslist2 .newslist_con .newslist_con_t { font-size: 18px; color: #444; font-weight: bold; -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -ms-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; transition: all .5s ease 0s; }
.news_div .newslist2 .newslist_con .newslist_con_t a { font-size: 16px; color: #444; font-weight: bold;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical; }

.news_div .newslist2 .newslist_con .newslist_con_b { font-size: 14px; color: #666; line-height: 25px; margin: 5px 0 5px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical; }
.news_div .newslist2 .newslist_con .newslist_con_a { font-size: 12px; color: #666; font-family: Arial; font-weight: bold; -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -ms-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; transition: all .5s ease 0s; }

.news_div  .newslist2:nth-child(1){background: #ecf7fd;margin-bottom: 50px;}
.news_div .newslist2:nth-child(1) .newslist_con .newslist_con_t,.news_div .newslist2:nth-child(1) .newslist_d div,.news_div .newslist2:nth-child(1) .newslist_d p {color: #fff;}

.news_div .newslist2:nth-child(1) .newslist_d{ float: left; border:0px solid #f0f0f0; width: 140px; height: 140px; border-radius: 140px; background: #004ea2;}
.news_div .newslist2:nth-child(1) .newslist_d p{ border-top:1px solid #f0f0f0;}
.news_div .newslist2:nth-child(1) .newslist_con { float: left; width:calc(100% - 160px); margin-left: 20px; }
.news_div .newslist2:nth-child(1) .newslist_d div{margin-bottom: 0px;}

@media screen and (max-width: 640px) {
.news_div{ padding:20px;}
.news_div .newslist2 { border-bottom: 1px dashed #e7e7e7; overflow: hidden; padding: 20px 0; }
.news_div .newslist2 .newslist_d { float: left; border:1px solid #e7e7e7; width:68px; text-align:center; padding-top:15px; padding-bottom:6px; }
.news_div .newslist2 .newslist_d div { font-family: Arial; font-size: 30px; color: #444; font-weight: bold; margin-bottom: 6px; -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -ms-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; transition: all .5s ease 0s; }
.news_div .newslist2 .newslist_d p { font-family: Arial; border-top:1px solid #e7e7e7; padding-top:9px; font-size: 14px; color: #999; }
.news_div .newslist2 .newslist_con { float: left; width:calc(100% - 80px); margin-left: 10px; }
.news_div .newslist2 .newslist_con .newslist_con_t { font-size: 16px; color: #444; font-weight: bold; -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -ms-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; transition: all .5s ease 0s; }
.news_div .newslist2 .newslist_con .newslist_con_t a { font-size: 14px; color: #444; font-weight: bold; }

.news_div .newslist2 .newslist_con .newslist_con_b { font-size: 14px; color: #666; line-height: 25px; margin: 5px 0 5px; }
.news_div .newslist2 .newslist_con .newslist_con_a { font-size: 12px; color: #666; font-family: Arial; font-weight: bold; -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -ms-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; transition: all .5s ease 0s; }
}
/* 合作伙伴页 */
.partner-contact { width: 100%; margin: 80px auto; }
.partner-contact-box { padding-left: 480px; height: 300px; background: #f5f5f5; font-size: 0px; }
.partner-contact-photo { margin-left: -480px; width: 480px; vertical-align: top; }
.partner-contact-cell { vertical-align: top; font-size: 16px; width: 90%; padding-left: 10%; display: inline-block; color: #444; line-height: 24px; padding-top: 10px; }
.partner-contact-cell h2 { font-size: 30px; margin-top: 30px; line-height: 36px; font-weight: bold;}
.partner-contact-cell h3 { font-size: 18px;line-height: 36px; font-weight: bold; margin-bottom: 10px; color: #c2c2c2;font-family: Arial;}
.partner-contact-cell h3 img { vertical-align: top; }
 @media screen and (max-width: 1000px) {
.partner-contact-box { padding-left: 0; height: auto; }
.partner-contact-photo { margin-left: 0; width: 100%; }
.partner-contact-cell { min-height: 300px; }
.partner-contact-cell h3 { margin-top: 10px; }
}
.partner-deep { background: #ecf7fd; background-size: 100% 100%; color: #444; padding-bottom: 114px; }
.partner-deep-list { font-size: 0; }
.partner-deep-item { display: inline-block; width: 33.33%; border: 14px solid transparent; text-align: center; vertical-align: top; }
.partner-deep-block { background: #fff; position: relative; padding-top: 238px; min-height: 230px; }
.partner-deep-photo { width: 100%; position: absolute; top: 0; left: 0; width: 100%; }
.partner-deep-logo { display: block; margin: 0 auto; position: relative; z-index: 8; }
.partner-deep-txt { font-size: 16px; line-height: 24px; color: #444; padding: 20px;}
.partner-deep-detail { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: #004ea2; z-index: 9; color: #fff; filter: alpha(opacity=0); opacity: 0; -webkit-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; cursor: pointer; }
.partner-deep-detail:before { content: ""; display: inline-block; height: 100%; width: 5%; vertical-align: middle; }
.partner-deep-detail p { display: inline-block; width: 90%; vertical-align: middle; font-size: 14px; text-align: left; }
.partner-deep-detail:hover { filter: alpha(opacity=94); opacity: 0.94; }
.partner-body { background: #f8f8f8; padding-bottom: 80px; }
.partner-body-list { font-size: 0; text-align: center; margin-top: 30px; }
.partner-body-list img { margin: 14px 7px; -webkit-box-shadow: 0 2px 10px 0 rgba(180, 180, 180, 0.45); box-shadow: 0 2px 10px 0 rgba(180, 180, 180, 0.45); }
.partner-body-list img:hover { -webkit-box-shadow: 0 4px 18px 0 rgba(180, 180, 180, 0.45); box-shadow: 0 4px 18px 0 rgba(180, 180, 180, 0.45); }
.partner-warehouse { background: url(../images/warehouse_bg.jpg) no-repeat #2a5aa4; background-size: 100% 100%; color: #fff; padding-bottom: 80px; }
.partner-warehouse-list { font-size: 0; text-align: center; margin-top: 30px; }
.partner-warehouse-list img { margin: 14px 7px; -webkit-box-shadow: 0 2px 10px 0 rgba(180, 180, 180, 0.45); box-shadow: 0 2px 10px 0 rgba(180, 180, 180, 0.45); }
.partner-warehouse-list img:hover { -webkit-box-shadow: 0 4px 18px 0 rgba(180, 180, 180, 0.45); box-shadow: 0 4px 18px 0 rgba(180, 180, 180, 0.45); }
 @media screen and (max-width: 960px) {
.partner-deep-item { width: 50%; }
.partner-deep { background: #5b48e0; }
}
 @media screen and (max-width: 640px) {
.partner-deep-item { width: 100%; }
.partner-body-list { text-align: left; }
.partner-body-list img { width: 32%; margin: 3% 0 0; }
.partner-body-list img:nth-child(3n+2) { margin-left: 2%; margin-right: 2%; }
.partner-warehouse-list { text-align: left; }
.partner-warehouse-list img { width: 32%; margin: 3% 0 0; }
.partner-warehouse-list img:nth-child(3n+2) { margin-left: 2%; margin-right: 2%; }
.news_div .newslist2:nth-child(1) .newslist_d{width: 100px; height: 100px;}
.news_div .newslist2 .newslist_d { padding-top:5px; padding-bottom:5px; }

}
/* 案例页 */
.case-show-item { -webkit-box-shadow: 1px 3px 13px 1px rgba(0, 0, 0, 0.07); box-shadow: 1px 3px 13px 1px rgba(0, 0, 0, 0.07); padding: 30px 3.5%; font-size: 0; margin-bottom: 48px; margin-top: 24px; }
.case-show-photo, .case-show-photo-m { display: inline-block; width: 50%; padding: 0px 4%; vertical-align: middle; }
.case-show-photo-m { display: none; }
.case-show-detail { display: inline-block; width: 50%; padding: 0px 4%; font-size: 14px; vertical-align: middle; }
.case-show-logo { display: block; margin: 0 auto; margin-bottom: 8px; }
.case-show-txt { line-height: 24px; }
.case-show-photo { display: inline-block; width: 50%; padding: 0px 4%; vertical-align: middle; }
 @media screen and (max-width: 768px) {
.case-show-photo { display: none; }
.case-show-photo-m { width: 98%; display: block; margin: 0 auto; }
.case-show-detail { width: 98%; display: block; margin: 0 auto; margin-top: 30px; }
}
.case-group-name { margin-top: 32px; line-height: 30px; text-align: center; font-size: 18px; }
.case-group-name img { margin-right: 5px; vertical-align: middle; }
.case-group-name span { vertical-align: middle; }
.case-classic-list { font-size: 0; text-align: center; }
.case-classic-list img { margin: 14px 7px; }
 @media screen and (max-width: 768px) {
.case-classic-list { font-size: 0; text-align: left; }
.case-classic-list img { width: 32%; margin: 3% 0 0; }
.case-classic-list img:nth-child(3n+2) { margin-left: 2%; margin-right: 2%; }
}
.case-toList { width: 100%; }
 @media screen and (max-width: 768px) {
.case-toList { display: none; }
}
/* 关于我们 */
.about-jst { /* background:#004ea2; */
padding-top: 80px; padding-bottom: 80px; }
.about-jst-box { position: relative; }
.about-jst-photo { width: 57%; display: block; }
.about-jst-txt { position: absolute; right: 0; top: 0; background: #f5f5f5; width: 43%; height: 100%; font-size: 14px; }
.about-jst-txt:before { content: ""; display: inline-block; height: 100%; width: 5%; vertical-align: middle; }
.about-jst-content { display: inline-block; width: 90%; vertical-align: middle; color: #444; }
.about-jst-content h2 { text-align: center; font-size: 24px; line-height: 36px; margin-bottom: 10px; font-weight: normal; }
.about-jst-content p { line-height: 22px; text-indent: 2em; margin-bottom: 5px; }
 @media screen and (max-width: 1020px) {
.about-jst-photo { width: 100%; }
.about-jst-txt { position: static; display: block; width: 100%; height: auto; padding: 30px 0; }
}
.about-history { background: url(../images/about_history_bg.jpg) no-repeat #4064a1; background-size: 100% 100%; color: #444; padding-bottom: 80px; }
.about-history-list { position: relative; margin-top: 38px; }
.about-history-list:before { content: ""; left: 50%; top: 0; height: 100%; position: absolute; width: 1px; background: #004ea2; }
.about-history-item { font-size: 0; margin: 10px 0; }
.about-history-photo { display: inline-block; width: 40%; text-align: right; vertical-align: middle; }
.about-history-point { display: inline-block; width: 20%; height: 40px; vertical-align: middle; padding-left: 1px; }
.about-history-point span { width: 40px; height: 40px; margin: 0 auto; display: block; background: rgba(0, 204, 255, 0.08); overflow: hidden; border-radius: 20px; position: relative; }
.about-history-point span:before { content: ""; position: absolute; left: 50%; top: 50%; height: 22px; width: 22px; border-radius: 11px; margin-left: -11px; margin-top: -11px; background: #00ccff; }
.about-history-point span:after { content: ""; position: absolute; left: 50%; top: 50%; height: 12px; width: 12px; border-radius: 6px; margin-left: -6px; margin-top: -6px; background: #004ea2; }
.about-history-detail { display: inline-block; vertical-align: middle; width: 40%; font-size: 14px; background: #fff; padding-bottom: 20px; cursor: default; position: relative; }
.about-history-detail::before { content: ""; width: 40px; height: 40px; position: absolute; top: 50%; left: -20px; margin-top: -20px; background: #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.about-history-detail dl { position: relative; }
.about-history-detail dt { font-size: 20px; color: #fff; background: #56ddf1; height: 50px; line-height: 50px; padding-left: 22px; margin-bottom: 10px; }
.about-history-detail dd { color: #444; line-height: 38px; padding-left: 24px; }
.about-history-detail img { display: none; padding-left: 24px; max-width: 90%; }
.about-history-mobile { display: none; }
.about-history-item:nth-child(2n) .about-history-detail dt { text-align: right; padding-right: 22px; }
.about-history-item:nth-child(2n) .about-history-detail dd { padding-right: 24px; text-align: right; }
.about-history-item:nth-child(2n) .about-history-detail::before { right: -20px; left: auto; }
.about-history-item:nth-child(2n) .about-history-photo { text-align: left; }
.about-history-item:nth-of-type(1) dt { background: #56ddf1; }
.about-history-item:nth-of-type(2) dt { background: #00ccff; }
.about-history-item:nth-of-type(3) dt { background: #00b4ff; }
.about-history-item:nth-of-type(4) dt { background: #004ea2; }
.about-history-item:nth-of-type(5) dt { background: #0066cc; }
 @media screen and (max-width: 768px) {
.about-history { background: #eaeffe; }
.about-history-photo { display: none; }
.about-history-list:before { left: 5%; }
.about-history-point { margin-left: -5%; margin-right: 3%; }
.about-history-detail::before { left: -12px; }
.about-history-item:nth-child(2n) .about-history-detail::before { right: auto; left: -12px; }
.about-history-detail { width: 82%; }
.about-history-detail img { display: block; }
.about-history-item:nth-child(2n) .about-history-detail dt { text-align: left; }
.about-history-item:nth-child(2n) .about-history-detail dd { text-align: left; }
}

.about-txt{width: 100%; padding: 30px 0; font-size: 16px; text-align: left;}
.about-prizes { background: #ecf7fd; background-size: 100% 100%; color: #444; padding-bottom: 80px; }
.about-prizes-box { font-size: 0; padding-top: 50px; }
.about-prizes-year {text-align: center; display: inline-block; vertical-align: middle; width: 100%; font-size: 18px; padding-right: 20px; }
.about-prizes-year span {  display: inline-block; cursor: pointer; line-height: 45px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;  text-align: center; background: #d2d2d2; margin: 0 10px; color: #fff; border-radius: 8px;padding: 0 30px;width: 180px;}
.about-prizes-year span.cur { color: #fff; background: #004ea2;}
.about-prizes-show { display: inline-block; vertical-align: middle; width: 100%; position: relative; min-height: 360px; margin-top: 10px; }
.about-prizes-list { position: absolute; left: 0; top: 10px; width: 100%; z-index: 2; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transition-delay: 0s; transition-delay: 0s; overflow: hidden; }
.about-prizes-list.cur { filter: alpha(opacity=100); opacity: 1; top: 0; z-index: 3; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
.about-prizes-item { display: inline-block; width: 32%; text-align: center; vertical-align: top; margin-right: 1%; margin-bottom: 1%; }
.about-prizes-item img{max-width: 100%; }
.about-prizes-list:nth-child(3n) { margin-right: 0; }
.about-prizes-item p { font-size: 18px; line-height: 30px; background: #fff; padding: 20px 0; }
.about-prizes-ctrl { text-align: center; }
.about-prizes-ctrl span { display: inline-block; background: #fff; height: 12px; width: 12px; border-radius: 6px; margin-right: 6px; cursor: pointer; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.about-prizes-ctrl span.cur { background: #004ea2; width: 26px; }
 @media screen and (max-width: 640px) {
.about-prizes { background: #ecf7fd;padding-bottom: 20px; }
.about-prizes-item { width: 100%;margin-right: 0%;  margin-bottom: 2%; }
.about-prizes-item img{max-width: 100%; }
.about-prizes-list:nth-child(2n) { margin-right: 0; }
.about-prizes-year { display: block; text-align: center; width: 100%; }
.about-prizes-show { width: 100%; min-height: 920px; }
.about-prizes-year span { cursor: default; display: none; width: 100%; }
.about-prizes-year span.cur { display: inline-block; color: #fff; }
.about-prizes-list.about-prizes-list:nth-child(2n) .about-prizes-item { width: 100%; }
/* .about-prizes-item:nth-child(n+5) { display: none; } */
.about-history-mobile { display: block; }
.about-history-pc { display: none; }
}
/* url(../images/about-contact_bg.png) no-repeat  */
.about-contact { background: #f8fdff; background-size: 100% 100%; color: #444; }
.about-contact-map { text-align: center; margin-top: 30px; }
.about-contact-map-img { display: inline-block; vertical-align: middle; position: relative; }
.about-contact-map-img img { max-width: 100%; }
.about-contact-map-txt { display: inline-block; vertical-align: middle; width: 360px; background: #fff; padding: 28px 30px; line-height: 24px; font-size: 14px; text-align: left; margin-left: 18px; -webkit-box-shadow: 1px 3px 13px 1px rgba(0, 0, 0, 0.07); box-shadow: 1px 3px 13px 1px rgba(0, 0, 0, 0.07); }
.about-contact-phone { border-top: 1px solid #eee; padding-top: 5px; margin-top: 10px; }
.about-contact-phone dl { padding-left: 36px; line-height: 26px; font-weight: bold; margin-top: 16px; }
.about-contact-phone dd { color: #004ea2; }
.about-contact-phone dl:nth-child(1) {  background: url(../images/dianhua.png) no-repeat left top;
}
.about-contact-phone dl:nth-child(2) {  background: url(../images/ren.png) no-repeat left top;
}
 @media screen and (max-width: 1020px) {
.about-contact { background: #ecf7fd; }
.about-contact-map-txt { width: 100%; margin-left: 0; margin-top: 20px; }
}
.containermap { width: 100%; height:480px;border:#ccc solid 1px; }
.about-addr { font-size: 0px; }
.about-addr-block { display: inline-block; width: 42%; /*height: 396px;*/ vertical-align: top; font-size: 14px; /*padding-left: 20px;*/ margin-left: 2%; }
.about-addr-block:nth-child(3n+1) { padding-left: 0px; }
.about-addr-block:nth-child(n+4) { height: auto; }
.about-addr-map { padding-bottom: 0px; position: relative; width: 54%;}
.about-addr-head { position: absolute; bottom: 12px; left: 0; right: 0; height: 126px; background: #004ea2; font-size: 0; }
.about-addr-head:before { content: ""; display: inline-block; height: 100%; width: 3%; vertical-align: middle; }
.about-addr-head p { display: inline-block; width: 94%; font-size: 16px; line-height: 26px; color: #fff; vertical-align: middle; }
.about-addr-item { position: relative; background: #fff; height: 120px; line-height: 32px; padding-top: 0; padding: 26px; -webkit-box-shadow: 1px 3px 13px 1px rgba(0, 0, 0, 0.07); box-shadow: 1px 3px 13px 1px rgba(0, 0, 0, 0.07); height: 480px;}
.about-addr-item .con { vertical-align: middle; display: inline-block;  font-size: 16px; }
.about-addr-item .con h2{margin-bottom: 20px;}
.about-addr-item .con p { line-height:24px; margin-bottom:30px; margin-bottom:15px; padding-left:30px; }
.about-addr-item .con p.a1 { background:url(../images/adrr2.png) no-repeat left center; }
.about-addr-item .con p.a2 { background:url(../images/pc2.png) no-repeat left center; }
.about-addr-item .con p.a3 { background:url(../images/tel2.png) no-repeat left center; }
.about-addr-item .con p.a4 { background:url(../images/fax2.png) no-repeat left center; }
.about-addr-item .con p.a5 { background:url(../images/email2.png) no-repeat left center; }

/* position: absolute; right: 0; top: 0; bottom: 0; width: 80px; */
.about-addr-item a { text-align: center; padding-top: 32px;}
.about-addr { margin-top: 30px; }
 @media screen and (max-width: 960px) {
.about-addr-block { width: 100%; padding-left: 0; }
.containermap{height: 350px;}
}
/* 推荐新闻  url(../images/rcmd_bg.png) no-repeat  url("../images/platform_bg.jpg") no-repeat*/
.rcmd { background: #ecf7fd; padding-bottom: 88px; }
.rcmd2{ background:#ecf7fd}
a.rcmd-item { width: 16.66%; display: inline-block; padding-right: 15px; vertical-align: top; }
.rcmd-item img { width: 100%; }
.rcmd-info { background: #fff; padding: 20px; line-height: 20px; }
.rcmd-item-title { font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 38px; }
.rcmd-item-time { color: #bbb; font-size: 14px; text-align: right; line-height: 32px; }
.rcmd-item-brief { color: #666; font-size: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; min-height: 60px; }
.rcmd-prev, .rcmd-next { position: absolute; background: rgba(255, 255, 255, 0.5); top: 15%; width: 34px; height: 100px; cursor: pointer; -webkit-transition: background 0.4s ease-in-out; transition: background 0.4s ease-in-out; display: none; }
.rcmd-prev:hover, .rcmd-next:hover { background: rgba(255, 255, 255, 0.8); }
.rcmd-prev { left: 0; }
.rcmd-next { right: 0; }
.rcmd-prev::before, .rcmd-next::before { content: ""; position: absolute; top: 50%; left: 50%; width: 12px; height: 12px; margin-top: -8px; margin-left: -4px; border: 1px solid #fff; border-width: 0 0 2px 2px; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: border-color 0.3s ease-in-out; transition: border-color 0.3s ease-in-out; }
.rcmd-next::before { border-width: 2px 2px 0 0; margin-left: -9px; }
.rcmd-prev:hover::before, .rcmd-next:hover::before { border-color: #004ea2; }
.rcmd-box { position: relative; min-height: 460px; margin-top: 50px; padding-bottom: 30px; }
.rcmd-box::after { content: ""; position: absolute; right: -15px; width: 16px; height: 100%;}
.rcmd-boxFix1 { position: absolute; right: -15px; left: 0; top: 0; bottom: 0; overflow: hidden; }
.rcmd-boxFix2 { position: absolute; left: 0; top: 0; bottom: 0; width: 200%; font-size: 0; -webkit-transition: left 0.5s ease-in-out; transition: left 0.5s ease-in-out; }
.rcmd-boxFix2- { position: absolute; left: 0; top: 0; bottom: 0; width: 200%; font-size: 0; -webkit-transition: left 0.5s ease-in-out; transition: left 0.5s ease-in-out; }
 @media screen and (max-width: 768px) {
.rcmd { background: #f8fdff; }
.rcmd-box, .rcmd-boxFix1, .rcmd-boxFix2,.rcmd-boxFix2- { position: static; width: 100%; }
.rcmd-boxFix2 { position: static; }
.rcmd-boxFix2- { position: static; }
.rcmd-box::after { display: none; }
a.rcmd-item { width: 100%; padding-right: 0; padding-left: 0; margin-bottom: 40px; }
}
/* 胜算 */
.shengsuan-idea h2 { color: #004ea2; }
.shengsuan-idea-list { font-size: 0; padding: 30px 10px; }
.shengsuan-idea-item { display: inline-block; width: 33.3%; text-align: center; padding: 20px 0; }
.shengsuan-idea-item h3 { font-size: 18px; color: #004ea2; line-height: 30px; margin-top: 5px; }
.shengsuan-idea-item p { font-size: 14px; color: #444; line-height: 26px; }
 @media screen and (max-width: 640px) {
.shengsuan-idea-item { width: 100%; }
}
/*  url("../images/bg.png") no-repeat */
.shengsuan-operating { background: #ecf7fd; background-size: 100% 100%; }
.shengsuan-operating-list { font-size: 0; }
.shengsuan-operating-item { display: inline-block; width: 33.33%; vertical-align: top; padding: 0 15px; margin-bottom: 30px;}
.shengsuan-operating-box { background: #fff; font-size: 14px; text-align: center; }
.shengsuan-operating-item-cap { background: #004ea2; padding: 2%; display: table; width: 100%; table-layout: fixed; text-align: center; }
.shengsuan-operating-item-cap-img { display: table-cell; vertical-align: middle; width: 70px; }
.shengsuan-operating-item-cap-txt { display: table-cell; vertical-align: middle; font-size: 16px; color: #fff; line-height: 28px; }
.shengsuan-operating-item-cap h3 { font-size: 18px; font-weight: normal; }
.shengsuan-operating-item-txt {font-size: 0; }
.shengsuan-operating-item img { max-width: 100%; }
.shengsuan-operating-item ul { display: inline-block; text-align: left; height: 104px; margin-top: 10px; }
.shengsuan-operating-item li { line-height: 26px; }
.shengsuan-operating-item li::before { content: "●"; margin-right: 5px; color: #004ea2; font-size: 16px; }
 @media screen and (max-width: 860px) {
.shengsuan-operating-item { width: 100%; }
}
.shengsuan-caiwu { background: #e2ebff url("../images/bg2.png") no-repeat; }
.shengsuan-caiwu .shengsuan-operating-item-cap { background: #f3b92d; }
.shengsuan-operating-item li::before { color: #f3b92d; }
.shengsuan-jingyuingzhe { background: #f8fdff; }
.shengsuan-jingyuingzhe-box { display: table; width: 100%; table-layout: fixed; margin: 50px 0; }
.shengsuan-jingyuingzhe-left { width: 64%; -webkit-box-shadow: 0 0 10px 0 rgba(180, 180, 180, 0.45); box-shadow: 0 0 10px 0 rgba(180, 180, 180, 0.45); position: relative; background: #fff; display: table-cell; padding-top: 40px; }
.shengsuan-jingyuingzhe-left:before { content: ""; position: absolute; top: 50%; right: 0%; margin-right: -12px; margin-top: -20px; width: 40px; height: 40px; -webkit-transform: rotate(45deg); transform: rotate(45deg); background: #fff; -webkit-box-shadow: 0 0 10px 0 rgba(180, 180, 180, 0.45); box-shadow: 0 0 10px 0 rgba(180, 180, 180, 0.45); }
.shengsuan-jingyuingzhe-left:after { content: ""; position: absolute; top: 50%; right: 0%; margin-top: -34px; width: 66px; height: 66px; background: #fff; }
.shengsuan-jingyuingzhe-middle { display: table-cell; width: 30px; }
.shengsuan-jingyuingzhe-right { display: table-cell; -webkit-box-shadow: 0 0 10px 0 rgba(180, 180, 180, 0.45); box-shadow: 0 0 10px 0 rgba(180, 180, 180, 0.45); vertical-align: middle; background: #fff url("../images/jingyuingzhe_zixun.png") no-repeat center center; height: 330px; cursor: pointer; }
.shengsuan-jingyuingzhe-item { float: left; width: 50%; text-align: center; }
.shengsuan-jingyuingzhe-item dl { min-height: 148px; }
.shengsuan-jingyuingzhe-item dt { color: #009ef1; font-size: 16px; line-height: 36px; }
.shengsuan-jingyuingzhe-item dd { line-height: 28px; }
 @media screen and (max-width: 860px) {
.shengsuan-jingyuingzhe-right, .shengsuan-jingyuingzhe-middle { display: none; }
.shengsuan-jingyuingzhe-left:before { display: none; }
.shengsuan-jingyuingzhe-left:after { display: none; }
}
 @media screen and (max-width: 640px) {
.shengsuan-jingyuingzhe-item { width: 100%; }
}

.more{text-align: center;}
.more a{font-size: 16px; display: inline-block; width: 184px; height: 48px; line-height: 46px; border-radius: 48px; cursor: pointer; margin-top: 8px; text-align: center; background: #004ea2; color: #fff;}
.more a:hover { border: 2px solid #004ea2;background:#fff;color:#004ea2;}

/*# sourceMappingURL=style.css.map */

/* 公共二级 */
/* .PublicSecondary {
    border-bottom: 1px solid #e5e5e5;
    background-color: #fff;
}

.PublicSecondary .Public_left {
    margin: 16px auto;
text-align: center;
}

.PublicSecondary .Public_left li {
    display: inline-block;
    line-height: 45px;
    font-size: 16px;
    position: relative;
}

.PublicSecondary .Public_left li.on a {
    background: #004ea2;color: #fff;padding: 0 30px;border-radius: 45px;
}

.PublicSecondary .Public_left li a {
    display: block;
}

.PublicSecondary .Public_left li+li {
    margin-left: 70px;
}

.PublicSecondary .Public_right {
    float: right;
    display: none;
}

.PublicSecondary .Public_right .current {
    padding-left: 25px;
    background: url("../images/crumbs.png") no-repeat left 24px;
    -moz-background-size: 20px 18px;
         background-size: 20px 18px;
    font-size: 13px;
    color: #aaa;
}

.PublicSecondary .Public_right .current a,.PublicSecondary .Public_right .current span {
    color: #aaa;
    line-height: 70px;
}

.PublicSecondary .Public_right .current a:hover {
    text-decoration: underline;
    color: #004ea2;
}

@media screen and (max-width: 980px) {
    .PublicSecondary .Public_right {
        display: none;
    }
    .PublicSecondary .Public_left {
        text-align: center;
        width: 100%;
    }
}

@media screen and (max-width: 769px) {
    .PublicSecondary .Public_left li {
        margin: 0 20px !important;
        line-height: 50px;
    }
} */

.PublicSecondary {
    border-bottom: 1px solid #e5e5e5;
    background-color: #fff;
}

.PublicSecondary .Public_left {
    float: left;
}

.PublicSecondary .Public_left li {
    display: inline-block;
    line-height: 70px;
    font-size: 16px;
    position: relative;
}

.PublicSecondary .Public_left li.on a {
    color: #004ea2;
}

.PublicSecondary .Public_left li.on:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #004ea2;
}

.PublicSecondary .Public_left li a {
    display: block;
}

.PublicSecondary .Public_left li+li {
    margin-left: 70px;
}

.PublicSecondary .Public_right {
    float: right;
}

.PublicSecondary .Public_right .current {
    padding-left: 25px;
    background: url("../images/crumbs.png") no-repeat left 24px;
    -moz-background-size: 20px 18px;
         background-size: 20px 18px;
    font-size: 13px;
    color: #aaa;
}

.PublicSecondary .Public_right .current a,.PublicSecondary .Public_right .current span {
    color: #aaa;
    line-height: 70px;
}

.PublicSecondary .Public_right .current a:hover {
    text-decoration: underline;
    color: #004ea2;
}

@media screen and (max-width: 980px) {
    .PublicSecondary .Public_right {
        display: none;
    }
    .PublicSecondary .Public_left {
        text-align: center;
        width: 100%;
    }
}

@media screen and (max-width: 769px) {
    .PublicSecondary .Public_left li {
        margin: 0 20px !important;
        line-height: 50px;
    }
}
/* 企业文化 */

.qywh_content .main .qywh_main ul.ul {font-size: 0;}

.qywh_content .main .qywh_main ul.ul li {
    overflow: hidden;
    display: inline-block;
    width: 32.23%;
    -moz-background-size: 100%;
         background-size: 100%;
    height: 0;
    padding-bottom: 50%;
    margin-bottom: 1.6%;
    vertical-align: top;
    -webkit-transition: background-size .3s;
    -moz-transition: background-size .3s, -moz-background-size .3s;
    transition: background-size .3s;
    transition: background-size .3s, -moz-background-size .3s;
    margin-right: 1.6%;
}

.qywh_content .main .qywh_main ul.ul li:hover {
    -moz-background-size: 110%;
         background-size: 110%;
}

.qywh_content .main .qywh_main ul.ul li:nth-child(3n) {
    margin-right: 0%;
}

.qywh_content .main .qywh_main ul.ul li:nth-child(2) {
}

.qywh_content .main .qywh_main ul.ul li:nth-child(3) {
}

.qywh_content .main .qywh_main ul.ul li:nth-child(4) {
}

.qywh_content .main .qywh_main ul.ul li img {
    width: 80px;
    height: 80px;
    margin-left: 40px;
    margin-top: 20%;
    -webkit-transition: -webkit-transform .6s;
    transition: -webkit-transform .6s;
    -moz-transition: transform .6s, -moz-transform .6s;
    transition: transform .6s;
    transition: transform .6s, -webkit-transform .6s, -moz-transform .6s
}

.qywh_content .main .qywh_main ul.ul li:hover img {
    -webkit-transform: rotate(360deg);
       -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
            transform: rotate(360deg);
}

.qywh_content .main .qywh_main ul.ul li h4 {
    font-size:24px;
    font-weight: normal;
    color: #ffffff;
    padding: 0 0 0 12px;
    margin: 20px 0 12px 0;
    position: relative;
}

.qywh_content .main .qywh_main ul.ul li div {
    /* margin-left: 68px; */
    text-align: center;
margin-top: 20%;
}

.qywh_content .main .qywh_main ul.ul li h4:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    /* width: 3px;  height: 100%; background-color: #004ea2; */
}

.qywh_content .main .qywh_main ul.ul li p {

        font-size: 18px;
    color: #ffffff;
    padding: 0 0 0 12px;
    margin: 0;
}

@media screen and (max-width: 1024px) {
    .qywh_content .main .qywh_main ul.ul li img {
        margin-top: 12%;
    }
    .qywh_content .main .qywh_main{
        padding: 0 10px;
    }
}

@media screen and (max-width: 640px) {
    .qywh_content .main .qywh_main ul.ul li {
        width: 100%;
        height: auto;
        padding-bottom: 110%;
    }
    .qywh_content .main .qywh_main ul.ul li:nth-child(2n) {
        margin-left: 0;
    }
    .qywh_content .main .qywh_main ul.ul li img {
        margin-top: 4%;
    }
    .ptop80{padding-top: 0px;}
    .about-jst,.block{padding-top: 20px; padding-bottom: 20px;}
    .parter-cap{padding: 20px 20px 26px;}
    .parter {padding-bottom: 20px;}
}