*{ margin: 0; padding: 0;box-sizing: border-box;}
body { font-family:"Helvetica Neue","Hiragino Sans GB","Microsoft YaHei","\5FAE\8F6F\96C5\9ED1","\5B8B\4F53","\9ED1\4F53",Arial,sans-serif;/*Arial Tahoma 'Microsoft YaHei';*/ background:#fff; color:#7d8694; padding-top:50px; }
ul,li{ margin:0; padding:0; list-style-type:none; }
img{ vertical-align:bottom; }
a{ outline:none; color:#1e7efb; }
a:visited{ outline:none; }
a:hover,a:focus{ text-decoration:none; outline:none; color:#378cfe; }

.row{ margin-left: -10px; margin-right: -10px;}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-right: 10px;
    padding-left: 10px;
}
.dropdown:hover .dropdown-menu{ display: block; }


/*btn*/
.btn{ border-radius:4px; box-shadow:none;transition:.5s; text-shadow:none; border:0;box-sizing: border-box; line-height: 1;}
.btn-lg{ font-size:16px; padding:14px 36px; }
.btn-md{ font-size:14px; padding:9px 24px; }
.btn-sm{ font-size:13px; padding:8px 12px; }
.btn-xs{ font-size:13px; padding:4px 10px; }
.btn-form{ font-size:13px;  padding:0 10px; height:34px; line-height:34px; }
.btn-radius{ border-radius:4px !important; }
.btn-primary{ background-image:none; background:linear-gradient( to right,#1e7efb, #2a92ff); transition:.2s; border:0;  }
.btn-primary:focus,.btn-primary:hover{ opacity: .8; /*box-shadow: 0 5px 30px rgba(44,110,255,0.3);*/}
.btn-warning{ background-image:none; background:#f90; border-color:#f90; transition:.2s;   }
.btn-warning:hover,.btn-warning:focus{ background:#f80; border-color:#f80; box-shadow:0 0 8px #f8b551; -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}
.btn-danger{ background-image:none; background:#cc3f3b; border-color:#cc3f3b; transition:.2s;}
.btn-default{ background-image:none; background:#f5f5f5; border-color:#ccc; transition:.2s;}
.btn-default:focus,.btn-default:hover{  background:#fff; border-color:#ccc; box-shadow:0 0 8px #e8e8e8; -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); }
.btn-primary-border{ background:transparent; border:solid 1px #1e7efb; color:#1e7efb; transition:.2s; }
.btn-primary-border:focus,.btn-primary-border:hover{ background:#1e7efb; border:solid 1px #1e7efb; color:#fff;  }
.btn-primary-border.btn-md{ padding:6px 22px;}
.btn-warning-border{ background:#fff; border:solid 1px #f39800; color:#f39800; border-radius:0;transition:.2s; }
.btn-warning-border:focus,.btn-warning-border:hover{ background:#f39800; border:solid 1px #f39800; color:#fff;  }
.btn-default-border{ background:#fff; border:solid 1px #ccc; color:#555; border-radius:50px;transition:.2s;  }
.btn-default-border:hover{ background:#fff; border:solid 1px #bbb; }
.navbar-right .btn-default-border{ background-color:transparent; border:solid 1px rgba(255,255,255,.6); color:#fff; font-size:13px;border-radius:5px; }
.navbar-right .btn-default-border:hover{ background-color:#1e7efb; border:solid 1px #1e7efb; color:#fff;box-shadow:0 0 3px #387dff; -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); }
.btn-white{ background:#fff; border:solid 1px #ddd; color:#555; padding-left:30px ; padding-right: 30px;  }
.btn-white:hover{ border:solid 1px #aaa; color:#333333;  }
.form-inline .btn-form{ -webkit-transform:inherit; transform:inherit; }
.btn-border-white{ background: transparent; border:solid 1px #fff; color:#fff; }
.btn-border-white:hover{ background: #fff; color:#1e7efb}
.btn-border-white:active{ background: #fff; color:#1e7efb}

.text-black{ color:#1d2026;}
.text-primary{ color:#1e7efb; }
.text-success{ color:#42bd56; }
.text-warning{ color:#f80; }
.text-danger{ color:#ff0042; }
.text-gray{ color:#7d8694; }
.text-gray-light{ color:#adb6c4; }
.text-white{ color:#fff; }

.c-blue{ color:#1e7efb; }
.c-gray{ color:#838998; }
.c-gray-m{ color:#999;}
.c-org{ color:#f60; }
.c-red{ color:#ff0042; }
.c-green{ color:#38B549;}

.fs12{ font-size:12px;}
.fs13{ font-size:13px;}
.fs14{ font-size:14px;}
.fs15{ font-size:15px;}
.fs16{ font-size:16px;}
.fs18{ font-size:18px;}
.fwb{ font-weight:bold}
.ffa{ font-family:Arial }

.text-md{ font-size:15px;}
.text-lg{ font-size:16px;font-family:Tahoma; }
.text-xl{  font-size:24px;font-family:Tahoma; font-weight:normal; }

.text-bold{ font-weight: bold;}
.text-center{ text-align: center;}
.text-left{ text-align: left;}
.text-right{ text-align: right;}

.lh-lg{ line-height: 160%;}

.va-middle{ vertical-align:middle; }
.db-inline{ display:inline-block; }
.bor{ border: solid 1px #e5e5e5;}
.bor-t{ border-top:solid 1px #eee;}
.bor-b{ border-bottom:solid 1px #eee;}

.mgl5{ margin-left:5px; }
.mgl10{ margin-left:10px; }
.mgl15{ margin-left:15px; }
.mgl20{ margin-left:20px; }
.mgr10{ margin-right:10px; }
.mgr15{ margin-right:15px; }
.mgb10{ margin-bottom:10px; }
.mgb15{ margin-bottom:15px; }
.mb20{ margin-bottom: 20px;}
.mgb30{ margin-bottom:30px ! important; }
.mgtb15{ margin:15px 0; }
.mgt10{ margin-top:10px; }
.mgt15{ margin-top:15px; }
.mgt20{ margin-top:20px; }
.pdt15{ padding-top:15px;}
.pdt20{ padding-top:20px;}
.pdb10{ padding-bottom:10px;}
.pdb20{ padding-bottom:20px;}

label{ font-weight:normal; }
.form-control{ box-shadow:none; }
.inline-block{ display:inline-block; }

.img-mw{ max-width: 100%;}

.navbar{ margin-bottom:0; }
.navbar-inverse{ border:0; border-radius:0; background: #fff; box-shadow:0 0 10px 1px rgba(0,0,0,.2), 0 0 10px 1px rgba(255,255,255,.2); }
.navbar-brand{ margin-top:0px; margin-bottom:0px; }
.logo{ display: block; width:230px; height:50px; background: url(../image/logo.png) no-repeat center center; }
.navbar-nav > li > a{ color:#7d8694; }
.navbar-inverse .navbar-nav > li > a{ color:#7d8694; text-shadow:none;  }
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus{ color:#111;background-color:transparent; }
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .open > a{ background-image:none; box-shadow:none; }
.navbar-inverse .navbar-nav > li > a:hover{ color:#1e7efb;}
.navbar-nav > li.active > a:hover{color:#1d1d1d !important;opacity: 1; }
.navbar-inverse .navbar-toggle{ border-color:transparent; }
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{ background-color:transparent; }
.navbar-inverse .navbar-toggle .icon-bar{ transition:.5s; }
.navbar-inverse .navbar-toggle:focus .icon-bar,.navbar-inverse .navbar-toggle:hover .icon-bar{ background-color:#1e7efb; }
.navbar-right{  padding-right:0px; }
.navbar-inverse .navbar-toggle .icon-bar{ background: #555;}
.navbar-inverse .navbar-collapse{ border-color:#e5e8ed;}

.navbar .btn{  padding:10px 15px; margin-left:0px; display:inline-block; font-size:14px; margin-top: 13px; vertical-align: top;  }
.navbar .btn-link{ border:solid 1px #1e7efb; color:#1e7efb; box-sizing: border-box; }
.navbar .btn-link:hover{ background: #1e7efb; color:#fff;opacity: 1;box-shadow: 0 3px 5px rgba(30, 126, 251, 0.3); text-decoration: none; transform: translate3d(0,-2px,0);}
.navbar .btn-primary{ background-image:none; background:linear-gradient( to right,#1e7efb, #2a92ff); border:solid 1px #1e7efb; color:#fff; }
.navbar .btn-primary:hover{ opacity: 1; box-shadow: 0 3px 5px rgba(30, 126, 251, 0.3); transform: translate3d(0,-2px,0);}

/*banner*/
.carousel{ height:560px; background: #eee;}
.carousel-indicators{ bottom:20px}
.carousel-indicators li{ width:20px; height:4px; border:0; background: rgba(255,255,255,.4); margin: 0 2px; transition: .5s;}
.carousel-indicators li.active{width:40px; height:4px;border:0; background: rgba(255,255,255,1);margin: 0 2px;}

.item-all{width:100%; height:560px; text-align: center; }
.banner-pic-all-text{ margin: 176px auto 0px auto; }
.banner-pic-all-text h1{ font-size: 44px; letter-spacing: 20px; margin-bottom: 16px;}
.banner-pic-all-text p{display: inline-block; padding:8px 0; border-top: solid 1px #fff; border-bottom: solid 1px #fff; font-size: 36px; }
.banner-all-text{ text-align: center; padding-top: 40px; color:#fff}
.banner-all-text h2{ font-size: 24px; font-weight: bold;}
.banner-all-text p{ padding: 8px 15px; font-size: 15px; line-height: 160%;}
.item-all .col-md-3{ width: 20%; float:left}

.item-erp{ width:100%; height:560px;background:#1350fe; }
.item-erp-bg{width:100%; height:560px; background: url(../image/banner-pic-erp.jpg) no-repeat center center; }

.item-listing{ width:100%; height:560px; background:#18085b;}
.item-listing-bg{width:100%; height:560px; background: url(../image/banner-pic-listing.jpg) no-repeat center bottom; }

.item-yms{ width:100%; height:560px; background:#fa6e5b;}
.item-yms-bg{width:100%; height:560px; background: url(../image/banner-pic-yms.jpg) no-repeat center bottom; }

.item-yy{ width:100%; height:560px;background:#404040; }
.item-yy-bg{width:100%; height:560px; background: url(../image/banner-pic-yy.jpg) no-repeat center center; }


.carousel-text{ color:#fff; padding-top: 170px; }
.carousel-text h1{ font-size:40px; margin-bottom:20px; font-weight: bold; }
.carousel-text p{ font-size:32px; margin-bottom:35px; }

.item-yy .carousel-text{ text-align: center; }
.carousel-text-yy { font-size:17px; padding-top: 15px; margin-bottom: 40px;}
.carousel-text-yy span{ display: inline-block; margin:0 20px 10px 20px;}
.carousel-text-yy span .iconfont{ font-size:17px; margin-right: 4px;}
.item-yy .carousel-text .btn-primary{background:linear-gradient( to right,#1e7efb, #2a92ff); color:#fff; }
.item-yy .carousel-text .btn-primary:hover,.item-yy .carousel-text .btn-primary:active{ color:#fff; box-shadow:0 5px 20px rgba(0,0,0,.4);}

.item-yms .carousel-text h1{ font-size:32px; margin-bottom:20px; font-weight: bold; }
.item-yms .carousel-text p{ font-size:17px; line-height: 165%; margin-bottom:35px; padding-right: 40px; }

.icon-play{ display: inline-block; width:16px;height:16px; background: url(../image/icon-play.png) no-repeat center center; margin-left: 8px; vertical-align:text-bottom; }

.carousel-control{ width:9%;}
.carousel-control.right,.carousel-control.left{ background-image: none;}
.carousel-control .iconfont{ position: absolute; top:50%; font-size: 30px; left:50%; margin: -15px 0 0 -15px; opacity: .4;}

.carousel-text a{ font-size:16px; color:#fff; }
.carousel-text a:hover,.carousel-text a:active{ color:#fff;}
.carousel-text .btn-lg{ padding-top:14px ; padding-bottom: 14px; padding-left: 40px; padding-right: 40px;}
.carousel-text .btn-primary{ background: #fff; color:#1c69fe; opacity: 1; }
.carousel-text .btn-primary:hover,.carousel-text .btn-primary:active{ color:#1c69fe; box-shadow:0 5px 10px rgba(30,126,251,.5);}
.carousel-text a.text-white{ padding-left:25px ; padding-right: 20px; margin-left: 10px; border:solid 1px rgba(255,255,255,.4)}
.carousel-text a.text-white:hover{ background: rgba(255,255,255,.1); }
.carousel-text a.btn-lg.text-white { padding-top: 13px; padding-bottom: 13px; }

.item-listing-bg .carousel-text{ padding-top: 190px;}
.item-listing-bg .carousel-text p{ margin-bottom: 50px;}

.item-yms .carousel-text .btn-primary{ color:#fd5425; }
.item-yms .carousel-text .btn-primary:active{ background: #fff;color:#fd5425;}
.item-yms .carousel-text .btn-primary:hover,.item-yms .carousel-text .btn-primary:active{ box-shadow:0 5px 12px rgba(253,84,37,.9);}
.item-yms .carousel-text .btn{ margin-right: 12px;}
.item-yms .carousel-text .btn-lg.btn-border-white{ padding: 13px 40px 13px 40px;border:solid 1px rgba(255,255,255,.8); color:#fff;}
.item-yms .carousel-text .btn-border-white:hover{ background: #fff; color:#fd5425; box-shadow:0 5px 12px rgba(253,84,37,.9);}
.item-yms .carousel-text .btn-border-white:active{ background: #fff; color:#fd5425; box-shadow:0 5px 12px rgba(253,84,37,.9);}
.item-yms .carousel-text .btn-lg.text-white{ padding-left: 10px; border:0px;margin-left: 0px; }
.item-yms .carousel-text .btn-lg.text-white .icon-play{ background: url(../image/icon-play-org.png) no-repeat center center;  }

.item-yms .carousel-text .btn-lg.text-white:link{ color:#fff;}
.item-yms .carousel-text .btn-lg.text-white:visited{ color:#fff;}
.item-yms .carousel-text .btn-lg.text-white:hover{ color: #fff; opacity: .7; background: transparent;}
.item-yms .carousel-text .btn-lg.text-white:active{ color:#fff;}



@media (max-width:992px) {
    .carousel{ height:240px; }
    .carousel-indicators{ bottom:5px}
    .item-erp{ height:340px;}
    .item-erp-bg{height:340px; background-size: auto 100%; }
    .item-listing{ height:340px; }
    .item-listing-bg{height:340px;background-size: auto 100%; }
    .item-yms{ height:340px; }
    .item-yms-bg{height:340px;background-size: auto 100%; }
    .item-yy{ height:340px;}
    .item-yy-bg{height:340px; background-size: auto 100%; }

    .carousel-text{ text-align: center;padding-top: 50px;}
    .carousel-text h1{ font-size:36px; }
    .carousel-text p{ font-size:18px; }
    .carousel-text a{ font-size:14px; }

    .item-all{height:240px; background-size: auto 100%; }
    .banner-pic-all-text{ margin-top: 30px; color:#fff; }
    .banner-pic-all-text img{ max-width: 100%;}
    .banner-all-text{ padding-top: 20px; }
    .item-all-bg .col-md-3{ width: 48%; float:left}
    .banner-all-text h2{ font-size: 16px; text-align: left; margin: 0; padding:0; font-weight: bold;}
    .banner-all-text p{ padding:8px 0 0; font-size: 12px; text-align: left; margin: 0; line-height: 140%; opacity: .7; }

    .item-listing-bg .carousel-text{ padding-top: 70px;}
    .item-listing-bg .carousel-text p{ margin-bottom: 30px;}

    .item-yms .carousel-text{ text-align: left; padding-top: 20px;}
    .item-yms .carousel-text h1{ font-size:24px; line-height: 140%; margin-bottom:15px; font-weight: bold; }
    .item-yms .carousel-text p{ font-size:14px; line-height: 165%; margin-bottom:25px; padding-right: 50px; }

    .item-yms .carousel-text .btn-lg{ padding: 12px 20px; font-size:15px;}
    .item-yms .carousel-text .btn-lg.btn-border-white{ padding: 11px 20px; font-size:15px;}
    .item-yms .carousel-text .btn{ margin: 0 10px 0 0;}
    .item-yms .carousel-text .btn-lg.text-white{ padding-left: 4px;}

    .item-yy .carousel-text{ padding-top: 60px;}
    .item-yy .carousel-text h1{ font-size:30px; }
    .carousel-text-yy { font-size:16px; padding-top: 0px; margin-bottom: 30px;}
    .carousel-text-yy span{ display: inline-block; margin:0 30px 5px 30px;}
    .carousel-text-yy span .iconfont{ font-size:16px; margin-right: 4px;}
}



.content{ padding:30px 0 30px 0; }
.content-in{ padding:0px 0 0px 0; }
.content-top{ padding-top: 40px;}
.bg2{ background: #f5f7fd; }
.bg3{ background:#fafafa; }
.title{ text-align:center; margin-bottom:15px; }
.title h2{ font-size:28px; margin-top:0; line-height: 135%; color:#1d2026; font-weight: bold; }
.title h4{ font-size:15px; line-height: 150%; color:#1d2026; padding-top: 4px;  }
.title p{ margin-top: 15px;}
.title span{ font-size:14px; color:#555;  display:block; font-weight:normal; margin-top:12px;  line-height:160%;}
.title2{ border-top:solid 1px #e5e5e5;margin-top:40px;margin-bottom:30px; }
.title2 h3{ font-size: 24px;float:left; margin-top:-14px; padding-right:15px; background: #fff; color:#333; }
.title3{ text-align:left; margin-bottom:50px; }
.title3 h2{ font-size:28px; margin-top:0; color:#1d2026; font-weight: bold; }
.title3 p{ margin-top: 15px; font-size:15px;}
.item-box{ background:#fff; padding:18px 20px;}
.cell{ display: flex; flex-direction: row; align-items: center; }
.cell-auto{ flex:1;}

.inx-safety{ position: relative; /*background:#f7f9fc #f6f9fd*/; margin-top: -42px; }
.inx-safety-content{ background: #fff; border-radius:4px; box-shadow: 0 10px 20px rgba(0,0,0,0.07); padding:25px 20px 25px;}
.inx-safety-content .col-md-3{border-right:solid 1px rgba(0,0,0,.1);  }
.inx-safety-content .col-md-3:last-child{ border:0;}
.inx-safety .item-box{ background: transparent; padding: 0px 15px; }
.icon-safety{ width: 40px; height:40px;line-height: 34px; /*border-radius: 50%; background: linear-gradient(45deg, #1e7efb,#629cfc); display: flex;align-items: center; justify-content: center;*/ margin-right: 15px;}
.safety-hd-title{ color:#111; font-weight: bold; font-size:15px; }
.safety-hd-info{ color:#7d8694;}
.safety-bd{ padding-top: 12px; font-size:12px; color:#7d8694; line-height:160%;}
.icon-safety .iconfont{ font-size: 36px; color:#333;}
.icon-safety .icon-bianyuanyunfuwu{ font-size: 31px; }
.icon-safety .icon-zhiliangguanli{ font-size: 35px; }
@media (max-width: 768px) { 
    .inx-safety-content{ padding:6px 0 6px 15px;}
    .inx-safety-content .col-md-3{ border:0; width: 47%; float:left;}
    .inx-safety .item-box{ padding: 10px 0px; }
    .icon-safety{ margin-right: 8px;}
}


.nav-tabs { border-bottom:1px solid #dce4f0; text-align:center; font-size:16px; }
.nav-tabs>li { float:none; display:inline-block;  margin-bottom:-1px;  }
.nav-tabs>li>a { margin:0px 20px; line-height:1.42857143; border:0; border-bottom:1px solid transparent; border-radius:0; padding: 12px 40px;  color:#1d2026; }
.nav-tabs>li>a:hover { background-color:transparent; border-bottom:solid 0px #1e7efb; color:#1e7efb; }
.nav-tabs>li>a:visited,.nav-tabs>li>a:active,.nav-tabs>li>a:link,.nav-tabs>li>a:focus{ background-color:transparent !important;}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {color:#1e7efb;cursor:default;background-color:transparent;border:0;border-bottom:solid 2px #1e7efb; }
.tt-tabs{border-bottom:1px solid #eee;  }
.tt-tabs .nav-tabs{ border:0;}
.tt-tabs .tabs-flex{ margin-bottom: 0; }
.tt-tabs .nav-tabs>li>a{ padding-top: 15px; padding-bottom: 15px;}
@media (max-width:768px) {
    .tt-tabs .nav-tabs{ border:0; display: flex;}
    .tt-tabs .nav-tabs li{ flex:1; padding:0; margin: 0;}
    .nav-tabs>li>a { padding-left:0px; padding-right: 0; margin: 0;}
}

.tt-cell{ display: flex; flex-direction: row;}
.tt-cell-auto{ flex:1; }

.tab-content{ padding-bottom: 10px;}
.prd-wrap{ background: #e7eef9; background-size: cover;height: auto; overflow: hidden; border-radius: 8px; padding:25px 32px 25px; margin-bottom: 20px; transition: .5s; }
.prd-wrap:hover{ -webkit-transform: translate3d(0, -8px, 0); transform: translate3d(0, -8px, 0); }
.prd-wrap-1{background: #e7eef9 url(../image/pic-inx-prd-bg-1.png) no-repeat center center;background-size: cover;}
.prd-wrap-2{ background: #f2eff6 url(../image/pic-inx-prd-bg-2.png) no-repeat center center;background-size: cover;}
.prd-wrap-3{ background: #e7eef9 url(../image/pic-inx-prd-bg-3.png) no-repeat center center;background-size: cover;}
.prd-wrap .btn-primary-border{ border-color:#ededed; color:#7d8694; }
.prd-wrap:hover .btn-primary-border{ background:#1e7efb; border:solid 1px #1e7efb; color:#fff;  }
/*.prd-wrap.prd-wrap-2{ height: 310px;}*/
.prd-hd{ border-bottom:solid 1px rgba(0, 0, 0, 0.07); padding-bottom: 10px; }
.prd-hd .tt-cell{ display: block;}
.prd-hd img{ display: block; width:60px; margin-right:20px;}
.prd-hd h3{ font-size: 20px; color:#1d1d1d; line-height: 1; font-weight: bold;}
.prd-hd h3 .iconfont{ font-size: 20px; margin-left: 3px; transition: .3s;}
.prd-hd h3 a{ color:#1d1d1d;}
.prd-wrap:hover h3 a{ color:#1e7efb;}
.prd-wrap h3 a:hover .iconfont{ margin-left: 10px;}
.prd-bd{ padding-top: 15px; line-height: 160%; font-size:15px; color:#1d1d1d; }
.prd-bd span{ color:#7d8694; opacity: 1; display: block; margin-bottom: 10px;font-size:14px }  /*line-height: 150%; */ 
.prd-wrap:hover .prd-bd{ color:#333;}

@media (max-width:992px) {
    .tx-content{ padding-top: 40px !important;}
    .tx-content .row{ margin-left: -8px; margin-right: -8px;}
    .tx-content .col-md-4{ width: 33.33%; float:left; padding-left: 8px; padding-right: 8px;}
    .prd-wrap{ padding:15px 20px; min-height:380px;margin-bottom: 16px; }
}
@media (max-width:640px) {
    .tx-content{ padding-top: 40px !important;}
    .tx-content .col-md-4{ width: 100%; float:inherit;}
    .prd-wrap{ padding:15px 20px; min-height:inherit; height:auto; margin-bottom: 16px; }
}

.os-wrap{ text-align: center; background: #fff; box-shadow: 0 1px 10px rgba(0,0,0,0); border-radius: 4px; padding:25px 32px 35px; margin-bottom: 15px; transition: .5s; }
.os-wrap:hover{ box-shadow: 0 5px 30px rgba(0,0,0,0.1);/*-webkit-transform: translate3d(0, -8px, 0); transform: translate3d(0, -8px, 0);*/ }
.os-hd{ padding-bottom:18px; border-bottom:solid 1px #e5e5e5; margin-bottom:20px;}
.os-hd h3{ font-size: 20px; color:#1d1d1d;padding:0;margin:15px 0 0 0;}
.os-hd .prd-listing-img{ margin:0 auto; }
.os-bd{ padding-bottom:15px; height:135px;}
.os-bd p{ line-height: 20px;}
.os-wrap .btn{ padding:10px 24px;}
.os-wrap .prd-listing-img .iconfont{ font-size:40px;}
.os-wrap .prd-listing-img .icon-ERP{ font-size:44px;}
.os-wrap .prd-listing-img .icon-gongyinglianliebiao{ font-size:43px;}
.os-wrap .prd-listing-img .icon-piliangchuli{ font-size:38px;}
.os-logo{ display: flex; border:solid 1px #ededed; border-radius: 4px;}
.os-logo li{ flex:1; border-right:solid 1px #ededed; padding:20px 0 20px; text-align: center; }
.os-logo li:last-child{ border:0;}
.os-logo li div{ width: 100%; height:60px; display: flex; align-items: center; justify-content: center;}
.os-logo li span{ display: block; margin: 10px 0 0;}
.os-logo li img{ max-height: 46px; }
@media (max-width:992px) {
    .os-logo{ display: block; float: inherit;; border: 0px; padding-left: 1px;}
    .os-logo li{ float:left; width: 33.333%; border:solid 1px #ededed; padding:15px 0; margin-top: -1px; margin-left: -1px;}
    .os-logo li:last-child{ border:solid 1px #ededed; }
    .os-logo li img{ max-height: 46px; max-width: 70%; }
}


.service-content{ padding-top:80px !important}
.service-content .img-activity{ transition: .5s; }
.service-content .img-activity:hover{ box-shadow: 0 5px 30px rgba(44,110,255,0.3); transform: translate3d(0, -6px, 0);}
.service-content .title2{ margin-top: 50px; margin-bottom: 40px; }
.img-activity-1{ background: #010b45; display: block; width: 100%;  text-align: right;margin-bottom: 20px; }
.img-activity-2{ background: #107f62; display: block; width: 100%; text-align: center; margin-bottom: 20px; }
.img-activity-3{ background: #020f46; display: block; width: 100%; text-align: right;margin-bottom: 20px; }
.img-activity img{ max-width: 100%;}

.inx-activity-list{ background: #fff; border:solid 0px #e5e8ed; padding: 2px 0;  }
.inx-activity-list li{ padding: 18px 5px 18px 0; margin-left: 40px; border-bottom: solid 1px #e5e5e5; text-align: left; line-height: 1; }
.inx-activity-list li:first-child{ padding-top: 0;}
.inx-activity-list li:last-child{ border:0;}
.inx-activity-list li div{ font-weight: normal;  font-size: 18px;  line-height: 160%; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; /*overflow: hidden;white-space: nowrap; text-overflow: ellipsis;*/}
.inx-activity-list li a{ color:#222; }
.inx-activity-list li a:hover{ color:#1e7efb}
.inx-activity-list li span{ display: block; font-size: 15px; color:#838998; margin-top: 4px;}
.icon-new{ font-style: normal; display: inline-block; line-height: 1; padding:2px; background:linear-gradient(45deg,#f60,#f90); border-radius:3px; color:#fff;font-family: tahoma; font-size: 12px; vertical-align: top; margin-left: 6px; margin-top: 5px;}
.icon-new b{ display: inline-block;font-size:12px;transform: scale(0.8); font-weight: normal; }
.icon-hot1{ font-size:22px; color:red; margin-left: 4px; vertical-align: top; font-weight: normal !important;}

@media (max-width:768px) {
    .inx-activity-list li{ margin-left: 0;}
}


.tx-main{ padding-top: 60px; }
.tx-main .col-md-7{ text-align: center; }
.nav-tabs.tabs-flex > li > a{ padding-left:0; padding-right:0; margin: 0; cursor: pointer;}
.tabs-flex{ display: flex; color:#1d2026;}
.tabs-flex li{ flex:1;}
.tab-content-text{ padding-top:30px;}
.tab-content-text .btn{ margin-right:8px;}
.tab-content-title{ font-size:22px; color:#1d2026; padding-bottom:10px; }
.item-box-line{ display: inline-block; width:40px; height:2px; background: #1e7efb; margin:15px 0 10px;}


.ys-title{ font-size:18px; color:#222; font-weight: bold; text-align: center; border-bottom:solid 1px #ededed; padding-bottom: 20px; }
.ys-text{ text-align: left; padding: 20px 0 0; line-height: 160%; color:#7d8694}
/*.ys-icon{ margin-bottom:15px;  width: 70px; height:70px; line-height: 70px; background:linear-gradient( 45deg,#1e7efb,#51b6ff ); border-radius: 50%; font-size: 42px;font-family:Arial; font-weight: bold; color:#fff; text-align: center; }*/
.ys-img{ height:30px; text-align: center; margin-bottom: 20px;  }
.ys-img img{ height:80px; display: none; }
.ys-rotate{ width:110px;height:28px; line-height:28px; text-align:center;  font-size:14px; background:linear-gradient( 45deg,#1e7efb,#73c4ff); box-shadow: 0 2px 6px rgba(42,146,255,.2); color:#fff;transform:rotate(-45deg);position:absolute; top:12px; left:-28px;}
.ys-top{ height:30px;line-height:30px; width: 120px; background:linear-gradient( 45deg,#1e7efb,#73c4ff); border-radius: 4px 0 60px 0px; text-align:center;  font-size:15px; color:#fff; margin:0 0 30px -32px ;}

.ys-content{ background: #fafafa; }
.ys-content .item-box{ padding:0px 30px 25px 30px; margin-bottom:0px; text-align: center; background: transparent; /*box-shadow: 0 2px 8px rgba(0,0,0,0.1); */border-radius: 4px;}
/*.ys-content .item-box:hover{box-shadow: 0 0px 10px rgba(0,0,0,0.07);background: #fff;}*/ 
.ys-content .item-box .lh-lg{ padding-left:20px; padding-right:20px; padding-top: 10px; font-size: 15px;}
.ys-content .item-box .text-lg{ font-size: 18px; }

@media (max-width:992px) {
    .ys-content .item-box{ padding:0px 15px 20px 15px;}
    .ys-content .item-box .lh-lg{ padding-left: 0; padding-right: 0;}
}

.ys-content a img{ transition: .5s; }
.ys-content a:hover img{ box-shadow: 0 5px 30px rgba(44,110,255,0.3); transform: translate3d(0, -6px, 0);}

.ys-icon{ text-align: center;height:65px; }
.ys-icon .iconfont{ font-size: 40px; color:#1e7efb; display: inline-block; vertical-align: top;}
.ys-icon .icon-fazhan{ font-size: 36px;}
.ys-icon .icon-icon-test{ font-size: 32px; margin-top: 5px;}
.ys-icon .icon-jishu2{font-size: 36px; margin-top:6px; }
.ys-icon .icon-kehujingli{ font-size:40px; }
.ys-icon .icon-message-square{ font-size: 39px; }
.ys-icon .icon-shipin3{ font-size: 43px;margin:3px 0 0 5px;}
.ys-img-link{ padding-top:20px;}

.data-wrap{ background:url(../image/solutionBG.png) no-repeat center -2px, linear-gradient(rgba(28,31,65,0.9) 0%,rgba(28,31,65,1) 100%); color:#fff; padding:60px 0 0px 0; }
.data-content{ width:100%; padding:0px 0 60px 0; background-size:100% auto;  font-size:16px; }
.data-content .title h2{ color:#fff; }
.data-content .title p{ opacity: .6; }
.text-data{ font-size:28px; margin-top:10px; color:#f1f1f1;  }
.text-data span{ font-size:20px; vertical-align:top; margin-top: 32px; display: inline-block;}
.text-data b{  font-size:50px; font-weight:normal;font-family:"黑体"; margin-right:4px; }
.data-content .col-md-3{ width: 20%;}
.data-content .text-lg{ font-size: 15px; padding-left: 15px; padding-right: 15px; color:#fff;}
.data-platform{ border-top:solid 1px rgba(255,255,255,.15); padding:20px 0px 0; line-height: 170%; word-break: keep-all; margin-top:40px; font-size: 15px; }

@media (max-width:992px) {
    .data-content{ background-size:auto 50%; }
    .data-content .col-md-3{ width: 20%; float:left;  }
    .text-data{ font-size:24px;}
    .text-data b{ font-size:36px;}
    .text-data span{ font-size:17px; margin-top: 20px;}
}
@media (max-width:640px) {
    .data-content .col-md-3{ width: 100%; float: inherit; }
}

.partner-content{ background: #fafafa;}
.partner-logo-wrap{ width: 100%; padding:10px 0; overflow: hidden; }
.partner-logo{ margin-right:-12px; margin-top: -10px;}
.partner-logo li{ float:left; width:16.6%; height:70px; padding-right:12px; margin-bottom:12px;  }

.partner-logo li img{ max-width:80%;transition-duration:0.5s;max-height:32px;  }
.partner-logo li a{ display:flex;align-items: center; justify-content: center; background:#fff; border-radius:8px; height:70px; box-shadow: 0px 8px 20px 0 rgb(55 99 170 / 10%), 0px -8px 20px 0 #fff; box-sizing:border-box; transition: .5s;  }
.partner-logo li a:hover{ box-shadow:8px 8px 20px 0 rgb(55 99 170 / 20%); }
.tab-content .partner-logo{ padding-top: 30px; }
.inx-partner-btn{ text-align: center; padding-top: 20px; }
.inx-partner-btn .btn-lg{ font-size: 15px;}

@media (max-width:992px) {
    .partner-logo li{ width:25%; height:60px; }
    .partner-logo li img{ max-width:60%;max-height:30px; }
    .partner-logo li a{ height:60px; }
}
@media (max-width:640px) {
    .partner-logo li{ width:50%; height:60px; }
    .partner-logo li img{ max-width:60%;max-height:30px; }
    .partner-logo li a{ height:60px; }
}

.banner-in{ width: 100%; height:560px; background: #3d5ae1; text-align: center; color:#fff;}
.banner-in-text{ padding-top: 230px;}
.banner-in-text h1{ font-size: 42px; margin-top: 0; padding-top: 0; margin-bottom: 20px;}
.banner-in-text p{ font-size: 24px; margin-bottom: 35px;}
.banner-in-text p.psm{ font-size: 20px; margin-bottom: 40px;}
.banner-in-text .btn{ margin: 0 8px;}
.banner-in-text .btn-lg.btn-border-white{ padding: 13px 17px 13px 20px;border:solid 1px rgba(255,255,255,.4); color:#fff;}
.banner-in-text .btn-border-white:hover{ background: rgba(255,255,255,.2); color:#fff; border-color:rgba(255,255,255,.5);}
.banner-in-text .btn-border-white:active{ background: rgba(255,255,255,.2); color:#fff; border-color:rgba(255,255,255,.5);}
.banner-in-text .btn-primary{ background: #fff; color:#1e7efb;}

.banner-erp{ width: 100%; height:560px;background: #1350fe url(../image/banner-pic-erp.jpg) no-repeat center center;}
.banner-erp-img{width: 100%; height:560px; }

.banner-listing{ width: 100%; height:560px;background: #190760; }
.banner-listing-img{width: 100%; height:560px; background: url(../image/banner-pic-listing.jpg) no-repeat center center; }

.banner-erp3{ width: 100%; height:560px;background: #3d5ae1; }
.banner-erp3-img{width: 100%; height:560px; background: url(../image/banner-in-erp3.jpg) no-repeat center center;}

.banner-open{ width: 100%; height:560px; background: #033b84 url(../image/banner-api.png) no-repeat center center;}

.banner-wuliu{ width: 100%; height:560px; background: #005697 url(../image/banner-wuliu.jpg) no-repeat center center;}

.banner-wms{ width: 100%; height:560px; background: #4f559b url(../image/banner-wms.jpg) no-repeat center center;}

.banner-yms{ width: 100%; height:560px; background: #fa6e5b url(../image/banner-pic-yms.jpg) no-repeat center center;}
.banner-yms .btn-primary{ background: #fff; color:#fa5532;}
.banner-yms .banner-in-text{ text-align: left; width: 63%;padding-top: 200px;}
.banner-yms .banner-in-text h1{ font-size: 32px; font-weight: bold;  margin-top: 0; padding-top: 0; margin-bottom: 20px;}
.banner-yms .banner-in-text p{ font-size: 17px; line-height: 165%; margin-bottom: 35px; }
.banner-yms .banner-in-text .btn{ margin: 0 12px 0 0;}

.banner-yms .banner-in-text .btn-primary{ color:#fd5425; }
.banner-yms .banner-in-text .btn-primary:active{ background: #fff;color:#fd5425;}
.banner-yms .banner-in-text .btn-primary:hover,.banner-yms .banner-in-text .btn-primary:active{ opacity: 1; box-shadow:0 5px 12px rgba(253,84,37,.9);}
.banner-yms .banner-in-text .btn-lg.btn-border-white{ padding: 13px 40px 13px 40px;border:solid 1px rgba(255,255,255,.8); color:#fff;}
.banner-yms .banner-in-text .btn-border-white:hover{ background: #fff; color:#fd5425; box-shadow:0 5px 12px rgba(253,84,37,.9);}
.banner-yms .banner-in-text .btn-border-white:active{ background: #fff; color:#fd5425; box-shadow:0 5px 12px rgba(253,84,37,.9);}
.banner-yms .banner-in-text .btn-lg.text-white{ padding-left: 10px;}
.banner-yms .banner-in-text .btn-lg.text-white .icon-play{ background: url(../image/icon-play-org.png) no-repeat center center;  }

.banner-yms .banner-in-text .btn-lg.text-white:link{ color:#fff;}
.banner-yms .banner-in-text .btn-lg.text-white:visited{ color:#fff;}
.banner-yms .banner-in-text .btn-lg.text-white:hover{ color: #fff; opacity: .7;}
.banner-yms .banner-in-text .btn-lg.text-white:active{ color:#fff;}



@media ( max-width:1920px){
    .banner-erp{ background-position:120px center;}
}

@media ( max-width:1600px){
    .banner-erp{ background-position:center center;}
}

@media screen and (min-width: 769px) and (max-width: 1024px){
    .banner-in{ height:400px;}
    .banner-in-text{ padding-top: 120px;}
    .banner-in-text h1{ font-size: 36px; margin-bottom: 20px;}
    .banner-in-text p{ font-size: 18px; margin-bottom: 35px;}
    .banner-erp{ height:400px;background-position:center center; background-size: auto 142%;}
    .banner-erp-img{ height:400px;}

    .banner-listing{ height:400px;}
    .banner-listing-img{ height:400px; background-position: center bottom;}

    .banner-erp3{ height:400px;}
    .banner-erp3-img{ height:400px;}

    .banner-wms{ height:400px; background-position:left center;}
    .banner-wms h1{ font-size: 32px; margin-top:12px;}
    .banner-wms p{ font-size: 16px;}

    .banner-open{ height:400px; }
    .banner-open h1{ font-size: 32px;}
    .banner-open .banner-in-text p.psm{ font-size: 16px; margin-bottom: 30px; padding-left:20px; padding-right:20px;}

    .banner-wuliu{ height:400px; background-position:left center;}

    .banner-yms{ background-size: auto 135%;}
    .banner-yms .banner-in-text{ text-align: left; width: 78%;padding-top: 90px;}
    .banner-yms .banner-in-text h1{ font-size:30px; line-height: 140%; margin-bottom: 12px; }
    .banner-yms .banner-in-text p{ font-size:15px; margin-bottom: 15px; padding-right: 50px;}

    .banner-yms .banner-in-text .btn-lg{ padding: 12px 20px; font-size:15px;}
    .banner-yms .banner-in-text .btn-lg.btn-border-white{ padding: 11px 20px; font-size:15px;}
    .banner-yms .banner-in-text .btn{ margin: 0 10px 0 0;}
    .banner-yms .banner-in-text .btn-lg.text-white{ padding-left: 4px;}
}

@media (max-width:768px) {
    .banner-in{ height:260px;}
    .banner-in-text{ padding-top: 50px;}
    .banner-in-text h1{ font-size: 36px; margin-bottom: 20px;}
    .banner-in-text p{ font-size: 18px; margin-bottom: 35px;}
    .banner-erp{ height:260px;background-position:center center; background-size: auto 142%;}
    .banner-erp-img{ height:260px;}

    .banner-listing{ height:260px;}
    .banner-listing-img{ height:260px; background-position: center bottom;}

    .banner-erp3{ height:260px;}
    .banner-erp3-img{ height:260px;}

    .banner-wms{ height:260px; background-position:left center;}
    .banner-wms h1{ font-size: 32px; margin-top:12px;}
    .banner-wms p{ font-size: 16px;}

    .banner-open{ height:260px; }
    .banner-open h1{ font-size: 32px;}
    .banner-open .banner-in-text p.psm{ font-size: 16px; margin-bottom: 30px; padding-left:20px; padding-right:20px;}

    .banner-wuliu{ height:260px; background-position:left center;}

    .banner-yms{ background-size: auto 135%;}
    .banner-yms .banner-in-text{ text-align: left; width: 100%;padding-top: 20px;}
    .banner-yms .banner-in-text h1{ font-size:24px; line-height: 140%; margin-bottom: 12px; }
    .banner-yms .banner-in-text p{ font-size:13px; margin-bottom: 15px; padding-right: 50px;}

    .banner-yms .banner-in-text .btn-lg{ padding: 12px 20px; font-size:15px;}
    .banner-yms .banner-in-text .btn-lg.btn-border-white{ padding: 11px 20px; font-size:15px;}
    .banner-yms .banner-in-text .btn{ margin: 0 10px 0 0;}
    .banner-yms .banner-in-text .btn-lg.text-white{ padding-left: 4px;}
}

.banner-in-text .modal-header{ border-bottom: 0;}
.banner-wx{ text-align: center; padding-bottom: 25px;}
.banner-wx img{ width: 180px; height:180px;}
.banner-wx span{ display: block; color:#7d8694; font-size:14px;  padding:8px 0;}

.djpt-content{ background: #f6f9ff url(../image/img-map-gray.png) no-repeat right bottom; padding:70px 0 45px; margin-bottom: 20px;}
.djpt-content-listing{background: #f6f9ff url(../image/img-map-gray.png) no-repeat right bottom; /*background: #f6f7fc url(../images/statistics-2.png) no-repeat center center;*/}
.djpt-logo{ margin-top: 0px; font-size: 0; margin-left: -6px; margin-right:-6px; }
.djpt-logo li{ font-size: 14px; display: inline-block; width:10% ; margin-bottom: 0px; vertical-align: top; padding:5px;}
.djpt-logo li span{ display: flex; align-items: center; justify-content: center; width: 100%; height:42px; transition: .5s; background: #fff; border-radius: 4px;}
.djpt-logo li span:hover{ background: #fff;box-shadow:0px 5px 20px rgba(0,0,0,.1); }
.djpt-logo li img{ max-height: 26px; max-width: 80%; }
@media (max-width:768px) {
    .djpt-content{ padding-top: 40px; padding-bottom: 30px;}
    .djpt-logo{ margin-top: 0;}
    .djpt-logo li{ width: 25%;}
}

.prd-list{ padding-bottom: 20px; margin-top: -40px;}
.prd-list li{ border-bottom:solid 1px #e5e8ed; padding: 80px 0; display: flex; align-items: center;}
.prd-list li:last-child{ border:0;}
.prd-col{ flex:1;}
.prd-erp-img{ text-align: center;}
.prd-erp-img img{ max-width: 100%;}
.prd-text h2{ font-size: 36px;color:#1d1d1d; font-weight: bold;margin-bottom: 10px; margin-top: 5px;}
.prd-text h4{ font-size: 16px; color:#1d1d1d; margin-bottom: 25px;font-weight: normal; line-height:170% ;}
.prd-text p{ font-size: 16px; color: #1d1d1d; padding-left: 14px; position: relative; line-height: 170%; margin-bottom: 20px;}
.prd-text p b{ font-size: 18px;display: block;}
.icon-dot{ display: inline-block; width: 3px; height:16px; border-radius: 2px; background: #1e7efb;}
.prd-text p .icon-dot{ position: absolute; left:0px; top:6px;}
@media (max-width:768px) {
    .prd-list{ margin-top: 0;}
    .prd-list li{ padding: 20px 0; display: block;}
    .prd-erp-img{ padding: 15px 0;}
    .prd-erp-img img{ max-width: 80%;}
    .prd-text h2{ font-size: 28px;}
}


.prd-listing-list{ padding-bottom: 20px; margin-top: 0px;}
.prd-listing-img{ background:radial-gradient(#fff,#ebf1ff); width: 80px; height:80px; border-radius: 50%; margin-right: 30px; text-align: center; line-height: 80px;}
.prd-listing-img i{ font-size: 36px; color: #1e7efb;}
.prd-listing-img i.icon-iconset0357{font-size: 44px;  }
.prd-listing-img i.icon-yingyongshichang{font-size: 40px;  }
.prd-listing-img i.icon-jingque{font-size: 44px;  }
.tt-cell{ display: flex;}
.prd-listing-list .tt-cell .prd-text{ flex:1}
.prd-listing-list .tt-cell .prd-text h2{ margin-top: 10px;}
.prd-listing-list .tt-cell .prd-text h4{ line-height: 160%;}
.prd-listing-list .row{ padding-top: 10px; padding-bottom: 20px;}

.prd-listing-list .prd-text h2,.prd-erp3-list .prd-text h2{ font-size: 24px;}

.prd-cl-item{ background: #fff; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); border-radius: 6px; padding:30px 40px 40px; display: flex; color:#1d1d1d; margin-bottom: 30px; }
.prd-cl-item:hover{ box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);}
.prd-cl-text{flex:1; padding-right: 30px;}
.prd-cl-text h2{ font-size: 24px; margin-bottom: 20px; }
.prd-cl-text p{ font-size: 16px; line-height: 160%; }
.prd-cl-img{ width: 150px; }
.prd-cl-img img{ max-width: 100%;}

.prd-listing-info .prd-listing-img{ margin: 0 auto 20px auto; }
.prd-listing-info .prd-text h2{ font-size: 24px; margin-bottom: 10px;}
.prd-listing-info{ padding:15px; text-align: center;}
.prd-listing-info .prd-listing-img{background:linear-gradient( 45deg,#1e7efb, #51b6ff); width: 76px; height:76px; border-radius: 50%; text-align: center; line-height: 76px;}
.prd-listing-info .prd-listing-img i{ font-size: 36px; color: #fff;}
.prd-listing-info .prd-listing-img i.icon-iconset0357{font-size: 46px;  }
.prd-listing-info .prd-listing-img i.icon-yingyongshichang{font-size: 40px;  }
.prd-listing-info .prd-listing-img i.icon-jingque{font-size: 46px;  }
.prd-listing-info .prd-listing-img i.icon-fanyi{font-size: 42px;  }
.prd-listing-info .prd-listing-img i.icon-shangjia{font-size: 44px;  }

.prd-img-more{ font-size: 24px; background: #f9f9f9; border:solid 1px #efefef; color:#ccc; width: 76px; height:76px;line-height: 64px;  border-radius: 50%; text-align: center; margin: 0 auto;} 
.prd-img-more-text{ font-size: 14px; color:#aaa; display: inline-block; margin-top: 20px; }


.prd-erp3-list{ margin-bottom: 10px; margin-top: 30px;}
.prd-erp3-list .prd-text h4{ line-height: 160%; color:#777; padding-right: 30px;}
.prd-erp3-img{ position: relative; height:490px}
.prd-erp3-img img{ position: absolute; right:40px; top:-30px}

@media (max-width: 992px) {
    .prd-erp3-list{ margin-top: 0px;}
    .prd-erp3-img{ position: inherit; height:auto; text-align: center;}
    .prd-erp3-img img{ position: inherit; right:inherit; top:inherit; max-width: 100%; margin-bottom: 15px;}
}

.prd-wms-item{ /* background: #fff; border-radius: 8px; border:solid 0px #e2e2e2; box-shadow: 0 3px 6px rgba(0,0,0,0.08);*/ padding: 20px 20px; margin-bottom: 25px;}
.prd-num{ display: inline-block; background: linear-gradient( 45deg, #1e7efb,#9ecafb); width: 30px; height:30px; border-radius: 15px 15px 15px 0; margin-bottom: 5px; text-align: center; line-height: 30px;color: #fff; font-size: 17px; }
.prd-wms-list .prd-text h4{ line-height: 160%; text-align: left; margin-bottom: 0;}

.prd-wms-icon{ background:radial-gradient(#fff,#ebf1ff); width: 80px; height:80px; border-radius: 50%; margin-right: 30px; text-align: center; line-height: 80px; margin: 0 auto 20px auto;}
.prd-wms-icon .iconfont{ font-size: 42px; color:#1e7efb;}
.prd-wms-icon .icon-icon_top_listing{ font-size: 36px;}
.prd-wms-icon .icon-jingque{ font-size: 46px; }
.prd-wms-icon .icon-baobiao{ font-size: 40px;}
.prd-wms-icon .icon-kucunguanli5{ font-size: 42px; margin-left: 1px;}
@media (max-width: 768px) {
    .prd-wms-list .prd-text h4{ text-align: center;}
}

.prd-open-list .row{ padding-top: 10px; padding-bottom: 10px;}
.prd-open-list .tt-cell{ align-items: center;}
.prd-open-list .tt-cell .prd-text{ flex:1}
.prd-open-list .tt-cell .prd-text h4{ line-height: 160%; font-size: 16px; margin-bottom: 0; margin-top: 0; padding-right: 20px;}

.prd-logistics-list .tt-cell{ flex-direction:column; background: #f4f6fe; border-radius: 8px; padding: 20px 30px; min-height: 250px; margin:10px 0; transition: .5s;}
.prd-logistics-list .tt-cell:hover{ /*box-shadow: 0 10px 20px rgba(0,0,0,0.1);*/ transform: translate3d(0, -8px, 0);}
.prd-logistics-list .prd-text h2{ margin-top: 10px; font-size: 20px; text-align: center; margin-bottom: 18px;}
.prd-logistics-list .prd-text h4{ line-height: 160%; margin-bottom: 5px;}
.prd-logistics-img{ height:68px; text-align: center;}
.prd-logistics-img i{ font-size: 48px; color: #1e7efb; display: inline-block; vertical-align: top;}
.prd-logistics-img .icon-wuliu1{  margin-left: 3px; margin-top: 5px;}
.prd-logistics-img .icon-piliangzengpin_icon{font-size: 52px;  }
.prd-logistics-img .icon-fazhanlicheng{ font-size: 46px;margin-top: 8px;}
@media (max-width: 768px) {
    .prd-logistics-list .tt-cell{ min-height: inherit; margin-bottom: 15px;}
}

.trainning-box{ transition-duration: 0.5s; margin-bottom:15px; overflow:hidden;  }
.trainning-box h4{ color:#1d1d1d; font-weight:bold; padding-top:5px; margin:0; }
.trainning-box .btn{ margin-top:10px; transition-duration: 0.5s; padding-left:25px; padding-right:25px;  }
.trainning-box .btn-default{ background: #fff; border:solid 1px #ddd}
.trainning-div:hover .btn-default{ border:solid 1px #1e7efb; background:#1e7efb; color:#fff; }
.tra-pic{ display:block; width:100%;height:auto; overflow:hidden; transition-duration: 0.5s; text-align:center; }
.tra-pic img{ max-width:100%; }
.tra-c{ padding: 15px 0px 0px 0px; border:solid 0px #ddd; border-top:0px; }
.tra-c h3{ margin:0 0 12px 0; padding:0; text-align:center; font-size:17px; font-weight:bold;color:#1d1d1d;   }
.tra-t{ min-height:50px;max-height:40px; line-height:150%;  margin-top:-5px; color:#aaa; }
.tra-c .c-blue{ min-height:40px; color:#333; }
.trainning-div{ transition:.4s; }
.trainning-div:hover{ box-shadow:0 5px 20px rgba(0,0,0,.2);-webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); border-radius:6px;  }
@media (min-width:992px) {
	.trainning-div{
		width: 20%; float: left; position: relative;min-height: 1px; padding-right: 15px;padding-left: 15px; padding-top:15px; padding-bottom:10px; border-right:solid 0px #eee; margin-bottom:20px; 
	}
}
.banner-trainning{ width:100%;height:100px;background-color:transparent; color:#1d1d1d; text-align:center; margin-bottom: -30px; }
.banner-trainning h1{ padding:0; margin:55px 0 0 0; font-size:32px; }
@media (max-width: 768px) {
	.banner-trainning{ height:100px;}
	.banner-trainning h1{ line-height:100px; font-size:28px; }
}

.article-text{ font-size: 16px;color:#555; margin-top: 0px; margin-bottom: 50px; }
.article-text h2{ font-size: 20px; color:#1d1d1d; font-weight: bold; margin-bottom: 18px; margin-top: 5px;}
.article-text p{ line-height: 170%; word-wrap:break-word; word-break: normal; overflow:hidden; text-indent: 2em;}
.article-text .text-tel{ font-weight: normal;}

.culture-text {text-align: center; margin-bottom: 10px; }
.culture-hd{ width: 68px; height:68px; border-radius: 50%; background: #2782f8; color:#fff; font-size: 18px; font-weight:normal; text-align: center; line-height: 68px; margin:0 auto 15px;}
.culture-hd-yj{ background: #2782f8; box-shadow: 0 0 0px 10px rgba(39,130,248,.15);}
.culture-hd-ln{ background: #2cd24d; box-shadow: 0 0 0px 10px rgba(44,210,77,.15);}
.culture-hd-mb{ background: #fda645; box-shadow: 0 0 0px 10px rgba(253,166,69,.15);}


.culture-bd{ font-size: 15px; padding: 12px 0 0 15px; color:#555; }
.culture-line{ width: 44px; height:1px; background: #1e7efb; margin:0 auto 10px auto; display: none;}
@media (max-width: 768px) {
    .article-text{ margin-bottom: 0px;}
    .culture-text { padding: 20px 0;}
    .culture-hd{ margin-bottom: 10px;}
    .culture-line{ margin-bottom: 0px;}
}

.yj-content{ background:#eceff6 url(../image/servicebg.png) repeat-y center top; padding-bottom: 120px !important;}
.yj-content .title{ margin-bottom: 80px;}
.lc-wrap{ background: url(../image/line.gif) repeat-x center center;}
.lc-content{ height:240px; background: url(../image/dot2.gif) repeat-x center left; position: relative; }
.lc-row{ display: flex; height:120px; margin-right: -118px;}
.lc-item{ flex:1; border-left:dotted 1px #c8cfe0; padding:0 40px 0 20px; position: relative; transition: .5s; }
.lc-circle-lg{ transition: .5s; width: 22px; height:22px; background: #fff; border:solid 1px #c8cfe0; border-radius: 50%; position: absolute; bottom:-11px; left:-11px; display: flex; align-items: center; justify-content: center;}
.lc-circle-lg .iconfont{ display: inline-block; margin-top: 1px; margin-left: 1px; }
.lc-circle-sm{ width: 8px; height:8px; background: #1e7efb; border-radius: 50%; position: absolute; top:-5px; left:-4px;}
.lc-time{ font-size: 32px;color:#1d1d1d; font-family: Arial; line-height: 1; margin: -20px 0 6px 0px;font-weight: normal; transition: .5s;  }
.lc-text{ color:rgba(0,0,0,.6); font-size: 14px; line-height: 150%; transition: .5s; }

.lc-row-2 .lc-item{ margin-left: 126px; margin-right: -126px; padding-right: 30px; padding-top:71px; padding-left: 20px; }
.lc-row-2 .lc-item:last-child{ border:0;}
.lc-row-2 .lc-circle-lg{ bottom:inherit; top:-11px; left:-11px;}
.lc-row-2 .lc-circle-sm{ top:inherit; bottom:-4px; left:-4px;}
.lc-row-2 .lc-time{ margin-top: 0; }
.lc-item:hover .lc-time{ color:#1e7efb;}
.lc-item:hover .lc-text{ color:rgba(0,0,0,.9);}
.lc-item:hover .lc-circle-lg{ border:solid 1px #fff; box-shadow: 0 0 0px 10px rgba(200,207,240,.6);}
.line-arrow{ width: 18px; height:18px; background: #c8cfe0; border-radius: 50%; position: absolute; right:-2px; top:50%; margin-top: -9px; text-align: center; line-height: 18px; color:#fff;}

@media (max-width: 1180px) {
    .yj-content{ padding-bottom: 40px !important;}
    .yj-content .title{ margin-bottom: 40px;}
    .lc-wrap{background:none;} 
    .lc-content{ height:auto; background: url(../image/dot2.gif) repeat-y center top; position: relative; display: flex; }
    .lc-row{ display:block; height:auto; flex:1;margin-right: inherit;}
    .lc-item{  background: none;border-left:none; padding:0 30px 50px 0px; width: 100%; }
    .lc-row-2 .lc-item{ margin-left: inherit; margin-right: inherit; padding-top:inherit; padding-left: 20px; }
    .lc-circle-lg{ width: 20px; height:20px;background: #1e7efb; border:solid 6px #f3f5fa; right:-10px; bottom:inherit; left:inherit; top:0px; }
    .lc-circle-lg .iconfont{ display: none;}
    .lc-circle-sm{ display: none;}
    .lc-time{ text-align: right; margin: 0px 0 6px 0;}
    .lc-text{ text-align: right; text-indent: 0; font-size:14px;}

    .lc-row-2{ padding-top:50px;}
    .lc-row-2 .lc-item{ margin-left: 0px; padding:0 0px 50px 30px; }
    .lc-row-2 .lc-circle-lg{ right:inherit; left:-10px; top:6px;  }
    .lc-row-2 .lc-time{ text-align: left; }
    .lc-row-2 .lc-text{ text-align: left;}
    .line-arrow{ right:inherit; top:inherit;margin-top: 0px; bottom:-2px; left:50%; margin-left: -9px;transform:rotate(90deg); }
}

.content-md{height:10px; overflow: hidden; }

.contact-content{ padding-top: 10px;}
.contact-content .title{ margin-bottom: 50px ;}
.contact-wrap{height:500px; background: #e9e9e9 url(../image/contact-map.jpg) no-repeat center center; padding-top:48px; }
.contact-info{ background:#fff; border-radius: 4px; box-shadow: 0 5px 12px rgba(0,0,0,.2); padding: 30px 45px 30px 45px; width: 400px; color:#333;}
.contact-info h4{ font-weight: bold;}
.contact-info a{ color:#333}
.contact-info a:hover{ color:#1e7efb}
.contact-info .icon-fc{ display:inline-block; vertical-align: top; width:20px;height:20px; line-height: 20px; border-radius:50px; background: #fff; text-align:center; margin-right:10px; }
.contact-info .icon-fc i{ font-size:14px; color:#444;}
.c-line{ background:#ededed; height:1px; font-size: 0; overflow: hidden; width: 100%; margin: 15px 0;}
.contact-erweima{ display: flex; margin-left: -6px; }
.contact-erweima img{ width: 110px; height:110px}
.contact-erweima-item{ text-align: center; width: 110px;}
.contact-erweima-item:first-child{ margin-right: 60px;}
.contact-erweima-item span{ display: block; margin-top: 3px;}
@media (max-width: 768px) {
	.contact-info{ padding:30px 30px;width: 100%;}
}

.a-content{  margin-top: -15px;}
.a-content .row{ margin-left: -9px; margin-right: -9px; }
.a-content .col-md-4{ padding-left:9px; padding-right:9px ;}
.a-item{ transition: .5s; display: flex; flex-direction: column; margin-bottom: 18px; min-height:370px ; position: relative; background: #fff; border-radius: 4px; box-shadow: 0 4px 40px 0 rgb(0 0 0 / 10%); padding: 20px;  }
.a-item:hover{ box-shadow: 0 4px 40px 0 rgb(0 0 0 / 20%);}
.a-img{ width: 100%; height:150px; margin-bottom: 5px; overflow: hidden;}
.a-img img{ width: 100%;height:100%; object-fit: cover; transition: .5s; border-radius: 4px;}
.a-img:hover img{ transform: scale(1.05);}
.a-info{ flex:1;}
.a-info h3{ font-size: 20px; margin:10px 0 8px 0; padding: 0; font-weight: bold; line-height: 140%;}
.a-info h3 a{ color:#1d1d1d;}
.a-info h3 a:hover{ color:#1e7efb;}
.a-info p{ font-size: 14px; line-height: 160%;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;overflow: hidden;color:#777; }
.a-time{  background: rgba(0,0,0,.3); color:#fff; border-radius: 0px 20px 20px 0; padding:6px 10px; font-size: 14px; line-height: 1; position: absolute; left:0px; top:8px;z-index: 1;}
.a-info .tt-cell{ flex-direction: column;}
@media (max-width: 768px) {
    .a-item{ min-height: auot; margin-bottom: 10px;}
}

.tt-crumbs{ padding-bottom: 5px; border-bottom: solid 0px #ededed; margin-top: 20px; font-size: 13px;color:#1d1d1d; }
.tt-crumbs a{ color:#1d1d1d;}
.tt-crumbs a:hover{ color:#1e7efb;}
.tt-crumbs-rn{ margin-top: -42px; padding-bottom: 30px;font-size: 14px;}
.tt-crumbs-rn .iconfont{ font-size: 15px; vertical-align:top; margin-right: 2px;}
.tt-crumbs-rn a{ color:#7d8694; }
.tt-crumbs-rn a:hover{ color:#1e7efb;}
.a-article{ color:#333; background: #fff; padding:0px 0px 50px; box-shadow: 0 0 10px rgba(0,0,0,0); word-break: break-word;}
.a-article-hd{ text-align: left; padding: 15px 0 30px 0; border-bottom: solid 1px #ededed; margin-bottom: 30px;}
.a-article-hd h4{ font-size: 36px; color:#1d1d1d; margin-bottom: 15px; line-height: 140%; font-weight: bold;}
.a-article-hd span{ color:#999; font-size: 14px;}
.a-article-bd{ font-size: 17px; padding-bottom: 40px;}
.a-article-bd p{ padding: 10px 0; line-height: 190%; text-indent: 2em;}
.a-article-bd p.ti0{ text-indent: 0; }
.a-article-bd .ti0{ text-indent: 0;}
.a-article-bd h3{ font-weight: bold; margin-bottom: 20px;}
.a-article-bd h5{ font-weight: bold; margin-bottom: 20px; color:#f50; font-size: 24px;}
.a-article-bd hr{ margin: 30px 0;}
.a-article-ft{ font-size:15px; border-top:dashed 1px #ededed; padding:30px 0 0px; color:#adb6c4;}
.a-article-ft p{ padding: 2px 0;}
.a-article-ft a{ color:#333}
.a-article-ft a:hover{ color:#1e7efb}
.a-article-bd .alert{ font-size: 16px;}
.a-article-bd .alert p{ padding: 0;}
.a-p-list{ padding-bottom: 30px;}
.a-p-list p{ margin: 0; padding: 0; line-height: 170%; position: relative; padding-left: 12px; text-indent: 0; }
.a-p-list p::after{ content: ""; width: 3px; height:3px; background: #777; border-radius: 4px; position: absolute; left:1px; top:13px;}
.a-article-bd img{ max-width:100%;}
.a-article-erweima{ padding:12px; width: 140px; display: inline-block; background: #fff; box-shadow: 0 0 20px rgba(0,0,0,.15); margin-top: 15px;}
.a-article-erweima img{ width: 140px;}
.a-article-erweima span{ display: block; color:red; margin-top: 8px; text-align: center; font-size: 15px;}

.abd-logo{ width: auto; height:40px; border:solid 0px #e5e5e5; border-radius: 4px; margin:10px 0 15px 0; display: flex;align-items: center; justify-content: center;}
.abd-ds-title{ color:#1d1d1d !important; font-size:20px !important; margin-bottom: 10px !important; }

@media (max-width: 768px) {
    .tt-crumbs{ margin-top: 0; padding-bottom: 0;}
    .a-article{ padding-bottom: 30px;}
    .a-article-hd{ margin-bottom: 15px; padding-top: 10px; padding-bottom: 20px;}
    .a-article-hd h4{ font-size: 30px;}
    .a-article-bd{ padding-bottom: 20px;}
    .tt-crumbs-rn{ margin-top: -15px; padding-bottom: 15px;}
}


.activity-group{ margin-top: -20px; }
.activity-group .panel{ border:0; box-shadow:none; border-radius:inherit; margin-bottom:20px; }
.activity-group .panel-default > .panel-heading{ background-image:none; border:0;  background-color:transparent; border-radius:inherit;  padding:15px 0 0px 0;  transition:.5s;}
.activity-group .panel-heading a{ display:block;outline:none; text-decoration:none; border-bottom:solid 1px #ddd; padding-bottom:13px; color:#777;   }
.activity-group .panel-heading a.collapsed{ border-bottom:solid 1px #e9e9e9;  }
.activity-group .panel-heading a strong{ display:inline-block; font-size:22px; margin-bottom:10px; color:#1d1d1d; line-height:150%;  font-weight:bold; }
.activity-group .panel-heading a.collapsed strong{ font-weight: normal;  }
.activity-group .panel-heading a span{ display:block; font-size:13px; }
.activity-group .panel-default > .panel-heading + .panel-collapse > .panel-body{ border:0; padding:20px 0 40px 130px;border-bottom:solid 1px #e9e9e9;word-wrap:break-word; word-break: normal;  }
.activity-group .panel-body{  color:#555; line-height:180%; font-size:16px;  }
.activity-group .alert-warning,.activity-group .alert-info,.activity-group .alert-success{ color:#555; padding:18px 20px;line-height:170%; font-size:15px;  }
.activity-group .alert-warning span{ display:block; color:#f80; text-align:center; margin-top:6px; font-size:16px; font-weight:bold; }
.activity-group .alert-info span,.activity-group .alert-success span{ color:red; font-weight:normal; }
@media (max-width: 768px) { 
    .activity-group .panel-heading a strong{  font-size:17px; }
    .activity-group .panel-default > .panel-heading + .panel-collapse > .panel-body{ padding:15px 0; }
	.activity-group .panel-body{ line-height:180%; font-size:15px; }
}
#outerdiv{ position:fixed;top:0;left:0;background:rgba(0,0,0,0.8);z-index:9999999999;width:100%;height:100%;display:none;}
#innerdiv{ position:absolute; }

.activity-time{ display: block;  color:#333; font-size: 15px; width: 130px; float:left; margin-top: 1px;}
.activity-time b{ font-size: 28px; color:#1d1d1d; margin-right: 2px; font-weight: normal; font-family: "黑体"; }

.img-group{ margin:15px -15px 10px; display:flex; justify-content:center; }
.img-group-item{ margin: 0px 15px 20px; margin-bottom:15px; box-sizing:content-box; width:33.3%; }
.img-group-item-sq1{ background:#111 ; text-align:center; }
.pimg{ width:100%; height:100%; object-fit:cover; }
.img-group-item-sq1 .pimg-sq{ width:auto;  height:250px;   }

@media (max-width: 768px) { 
    .img-group-item{ width:50%; }
}
@media (max-width: 480px) { 
    .img-group{ display:block;margin:0;  }
    .img-group-item{  margin:0 0px 20px 0; width:100%; }
    .pimg-sq{ height:100%; }
}
.pic-w{ text-align:center;  }
.pic-w img{ max-width:100%; margin-bottom:15px;  }

.honor-list{ margin-top: 0px;}
.honor-item{ background: #fff; border:solid 0px #e5e8ed; box-shadow: 0 4px 40px 0 rgb(0 0 0 / 10%); border-radius: 4px; padding: 10px; text-align: center; margin-bottom: 28px; transition: .5s; }
.honor-item:hover{ box-shadow: 0 4px 40px 0 rgb(0 0 0 / 25%); }
.honor-img{ display: flex; align-items: center; justify-content: center; height:170px; overflow: hidden; }
.honor-img img{ max-width: 100%; object-fit:contain; transition: .5s; cursor: pointer; }
/*.honor-img:hover img{ cursor: pointer; transform: scale(1.1);}*/
.honor-text{ padding: 15px 0 0px 0; margin-bottom: 5px; color:#666; display:-webkit-box; overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical; }
@media (max-width: 1024px) {
    .honor-list .col-md-3{ width: 33.33%; float:left;}
}
@media (max-width: 768px) {
    .honor-list .col-md-3{ width: 50%; float:left;}
}
@media (max-width: 480px) {
    .honor-list .col-md-3{ width: 100%; float:left;}
}

.banner-in-sm{ width: 100%; height:300px; background: #4b61c7; text-align: center; color:#fff;}
.banner-in-sm h1{ padding:0 0 10px 0; margin:0; font-size: 34px;}
.banner-in-sm h5{ font-size:18px; font-weight: normal;}

.a-md{ margin-top:60px;}

.banner-help{ width:100%;height:300px;background:#2d3154 url(../image/banner-help.jpg) no-repeat center center;color:#fff; text-align:center; padding-top:170px;}
.search{ background:#fff; border-radius:40px; height:40px; width:600px; margin:30px auto 0 auto;  position:relative; text-align:left; padding-left:20px; }
.search:hover,.search:focus{ box-shadow:0 0 20px rgba(0,0,0,.2); }
.search .btn{ position:absolute; top:2px; right:2px; padding:0; width:90px;  height:36px;  margin-top:0;  }
.search input{ color:#2E3E51; width:70%; height:36px; line-height:36px;  margin-top:2px; border:0; font-size: 16px;  outline: none;  }
.search input::-webkit-input-placeholder { color: #c3cbd6; font-size: 15px; }
.search input::-moz-placeholder { color: #c3cbd6; font-size: 15px; }
@media (max-width: 768px) {
    .search{ width:100%; }
    .search .btn{ width:90px; }
}

.banner-price{ width:100%;height:300px;background:#1e7efb url(../image/d16f874ed33c424f3d4ab2e899dc916b.jpg) no-repeat center center; color:#fff; text-align:center; padding-top:150px; }

.banner-partner{ width:100%;height:300px;background:#211a43 url(../image/banner-partner.jpg) no-repeat center bottom; color:#fff; text-align:center; padding-top:150px; }

.banner-app{ width:100%;height:300px;background:#272b3d url(../image/banner-app.jpg) no-repeat center center; color:#fff; text-align:center; padding-top:150px;  }
.banner-app .btn-default{ background: linear-gradient( to right, #1096ae, #0067ed ); border:solid 0px rgba(255,255,255,.6); border-radius:60px; color:#fff; font-size:16px; font-weight:normal;margin-top:15px;  padding:12px 34px 12px 30px; transition-duration: 0.5s; opacity:0; }
.banner-app .btn-default:hover{ background: linear-gradient( to right, #0fa9c5, #1e7efb ); box-shadow: none; }
.banner-app .btn-default i{ font-size:14px; font-weight: bold; margin-right:5px; }

.banner-about{ width: 100%; height:300px;background:url(../image/img-map.png) no-repeat center bottom, linear-gradient(30deg, #003567,#100964);text-align:center; padding-top:150px; }

.banner-activity{ width:100%;height:300px;background:#3d486b url(../image/5999f2bf702d6ab3edf5140281b814b6.jpg) no-repeat center center; color:#fff; text-align:center; padding-top:150px;}
.banner-booking{ width:100%;height:300px;background:#1b3e7a url(../image/banner-booking.jpg) no-repeat center center; color:#fff; text-align:center; padding-top:150px;}

.banner-video{ width: 100%; height:auto; padding-bottom: 70px; background-image:url(../image/pic-circle.png), linear-gradient(45deg, #7054ff 30%,#2669ff); background-position: center top; background-repeat: no-repeat;text-align:center; padding-top:140px; }
.banner-video-inx{ width: 100%; height:300px; background-image:url(../image/pic-circle.png), linear-gradient(45deg, #7054ff 30%,#2669ff); background-position: center top; background-repeat: no-repeat;text-align:center; padding-top:150px;}
.banner-video-inx h5{ display: none;}

.tt-video{ margin-top: -125px;}
.tt-video-item{ position: relative; border-radius: 4px; background: #fff;box-shadow:0 2px 30px rgba(3,27,78,.15); height: 370px; overflow: hidden; padding:30px 30px; margin-bottom: 20px; transition: .5s; }
.tt-video-item:hover{border:solid 0px #2a92ff; box-shadow: 0 5px 30px rgba(3,27,78,.2);-webkit-transform: translate3d(0, -8px, 0); transform: translate3d(0, -8px, 0); }

.tt-video-text{ color:#1d1d1d;}
.tt-video-text h3{ font-size: 21px; margin-bottom: 15px; font-weight: bold; text-align: center;}
.tt-video-text p{ padding:0; margin: 7px 0 0px 0;}
.tt-video-text .p1{ color:#7d8694;}

.tt-video-btn{ text-align: center; position: absolute; width: 100%; height:40px; bottom:32px; left:0; }
.tt-video-btn a{ display: inline-block; opacity: .9; background: linear-gradient( to right,#3f2fad, #1e7efb);  border-radius: 30px; padding:8px 30px 8px 40px; color:#fff; font-size: 15px; transition: .5s;}
.tt-video-btn a .iconfont{ margin-left: 13px; font-weight: bold;}
.tt-video-btn a:hover{ opacity: 1; box-shadow: 0 6px 10px rgba(63,47,173,.3);}

.tt-video-icon{ height:92px; transition: .5s; position: relative; color:#2669ff; text-align: center; }
.tt-video-icon .iconfont{ font-size: 56px; }
.tt-video-icon .icon-diannao{ font-size: 62px;}
.tt-video-icon .icon-shipin2{ position: relative; margin-right: 75px;}
.tt-video-icon span{ font-size: 22px; display: block; font-weight: bold; line-height: 1; position: absolute; left:52px; bottom:1px;}

.tt-booking-icon{ background:radial-gradient(#fff,#ebf1ff); width: 86px; height:86px; border-radius: 50%; margin:0 auto; text-align: center; line-height: 86px;}
.tt-booking-icon .iconfont{ font-size: 50px; color: #1e7efb;}
.tt-booking-icon .icon-diannao{ font-size: 54px;}

.video-list{ margin-bottom:10px; margin-left:-12px; margin-right:-12px; font-size:0px; margin-top:-15px; min-height: 200px;  }
.video-list li{ padding:0px 12px 22px 12px;width:33.33% !important; display:inline-block; font-size:15px; }
.video-list li a{ display:table; width:100%; vertical-align:middle; color:#333; font-size:16px; line-height:20px; transition-duration: 0.5s; border:solid 0px #e5e5e5; background:#fff; border-radius: 4px;  padding:16px 20px 16px 20px; min-height:74px; box-shadow:0 2px 30px rgba(3,27,78,.1); }

.video-list li a span{ display:table-cell; vertical-align:middle; }
.video-list li a .c-gray{font-size: 14px; }
.video-list a .icon-play{ display:block; float:right; margin:0 0px 0 10px;width:44px; height:44px; background:url(../image/icon-play-gray.png) no-repeat center center; background-size:82% auto;transition-duration: 0.2s; }
.video-list a:hover{ background: linear-gradient(45deg, #3f2fad 30%,#2669ff); border:0px; transition-duration: 0.5s; box-shadow: 0 5px 30px rgba(3,27,78,.2); }
.video-list a:hover .icon-play{ display:block; width:44px; height:44px; background:url(../image/icon-play-white.png) no-repeat center center; background-size:100% auto;  }
.video-list a:hover span{ color:#fff; }

@media (max-width: 1024px){
    .tt-video-item{ padding: 20px 15px;}
}
@media (max-width: 992px) {
    .tt-video{ margin-top: -40px;}
    .tt-video-item{ padding-left: 30px; padding-right: 30px; height:auto; padding-bottom: 90px; margin-bottom: 15px; min-height: 350px; }
    .tt-video-btn{ bottom:25px;}
    .video-list{ margin-top: 0;}
    .video-list li{ width:50% !important; }
    
    .tt-video .col-md-3{ width: 50%; float:left; }
    .tt-video .col-md-4{ width: 50%; float:left; }
}
@media (max-width: 640px) {
    .tt-video{ margin-top: -15px;}
    .tt-video .col-md-3,.tt-video .col-md-4{ width: 100%; float:inherit; }
    .tt-video-item{ min-height: inherit;}
	.video-list li{ width:100% !important; padding-bottom: 15px; }
}

.v-title{ margin-top: -10px;}
.v-title.title{ text-align: center; margin-bottom: 50px;}
.v-title.title h2{ font-size: 28px;}
.v-title.title p{ font-size: 15px; color:#444; margin-top: 18px;}
.v-title.title p em{ font-style: normal; color:#7d7d7d;}
.video-list-wrap{ padding-bottom: 20px;}
.video-list-item{ display: flex; padding:0 11px;}
.vfl-title{ font-size:16px; color:#1d1d1d; margin-top: 0px; margin-bottom: 28px; position: relative;}
.vfl-title b{ font-size:17px; margin-bottom: 2px; display: inline-block;}
.vfl-list{ flex:1; border-left:dashed 1px #ddd; padding:0 40px 10px 40px;}
.vfl-list .video-list{ min-height: inherit; }
.vfl-list .video-list li{ width: 100% !important;font-size:19px !important;}
.icon-vfl{ display: block; width: 18px; height:18px; border:solid 5px #f5f7fd; box-sizing: content-box !important; background: #1e7efb; border-radius: 50%; color:#fff; font-size: 14px; text-align: center; line-height: 18px; position: absolute; top:-2px; left:-54px;}
.icon-vfl .iconfont{ font-size: 12px; vertical-align: top; display: inline-block;  margin-top: 1px;}
.icon-vfl-success{ background: #28bd6e; }
.icon-vfl-success .iconfont{ display: none; }
.video-list-item:last-child .vfl-list{ border:0; padding-bottom: 0;}

.v-tabs .nav-tabs{ display: flex;}
.v-tabs .nav-tabs li{ flex:1;}
.v-tabs .nav-tabs li a{ padding-left:0; padding-right:0; margin: 0; cursor: pointer;}

@media (max-width: 992px) {
    .v-title{ margin-top: 0;}
    .v-title.title{ margin-bottom: 20px;}
    .v-title.title h2{ font-size: 20px;}
    .v-title.title p{ font-size:14px;margin-top: 10px;}
    .video-list-wrap{ padding-bottom: 20px;}
    .vfl-title{ margin-bottom: 10px;}
    .video-list-wrap .video-list{ margin-bottom:0px;}
    .v-tabs .nav-tabs{ display: block; padding:0;}
    .v-tabs .nav-tabs li{ width: 33.3%; height:53px; overflow: hidden; display: block; float:left; font-size:15px; margin: 0;}
    .v-tabs .nav-tabs li a{ border-bottom: solid 1px #eee;}
    .tt-tabs.v-tabs{   border-bottom: 0; margin-bottom: -2px;}
    .tt-tabs.v-tabs .container{ padding:0;}
}


.banner-download{ width: 100%; height:auto; background: #0b1451 url(../image/b-circle.png) no-repeat center 204px; text-align:center; padding-top:130px; border-bottom:solid 1px #3651a7}
.download-content{ width: 100%; height:534px; background: url(../image/pic-phone.png) no-repeat center top; margin-top:30px; padding-top:100px;}
.download-erweima{ margin: 0 auto; width: 170px; height:170px; background: #fff; padding:10px; border-radius: 6px; margin-bottom: 8px; overflow: hidden; }
.download-erweima img{ width: 150px; height:150px; border:solid 0px #fff;}
.download-erweima span{ display: block;}
.d-app-info{ text-align: left; width: 250px; margin: 0 auto; padding-top: 5px;}
.d-app-info strong{ font-size: 20px; font-weight: normal; margin-bottom: 10px; display: block; }
.d-app-info span{ text-align: center; display: block; color:rgba(255,255,255,.6); margin-bottom: 20px; padding-bottom: 15px; border-bottom: solid 1px rgba(255,255,255,.2);}
.d-app-info p{ margin: 0; padding: 0; line-height: 22px;}
.d-app-info a{ display: inline-block;  margin-top: 25px ;opacity: .8;}
.d-app-info a:hover{opacity: 1; }

@media (max-width: 768px) {
    .banner-in-sm{ height:260px; padding-top: 50px;background-size:auto 100%;}
    .banner-price{ height:160px}
	.banner-in-sm h1{ font-size: 28px;}
    .banner-in-sm h5{ font-size:16px; }
    .banner-partner{ height:160px;}
    .banner-app{ height:160px;padding-top:40px;  }
    /*.banner-in-sm.banner-video-inx{ height:auto;}*/
    .banner-in-sm.banner-video h1{ margin-top: 24px;}
    .banner-in-sm.banner-download{ height:auto; padding-top: 50px;}
}

.p-tabs{ width:100%; border-bottom:solid 1px #ededed; margin-bottom:0px; text-align:center; background:#fff;  }
.a-tabs{ width:100%; border-bottom:solid 1px #ececec; margin-bottom:25px; text-align:center;  }
.tabs{ text-align:center;  padding:0; margin:0;  width:100%;float:none; text-align:center;   margin-bottom:-1px;  }
.tabs li{ float:none; display:inline-block; width:32%; padding:18px 0 12px 0;  font-size:18px; cursor:pointer; }
.tabs li.tab-current{ border-bottom:solid 3px #1e7efb; color:#1e7efb;  }

.pm-tabs{ width:100%; text-align:center; margin-top:0px; margin-bottom:0px; border-bottom: solid 1px #ededed; }
.pm-tabs .tabs{ border: 0px; margin-bottom: 0;}
.pm-tabs .tabs li{ width: auto; vertical-align: top; height:60px; line-height: 60px; padding:0 30px; margin: 0 20px -1px 20px; color:#7d8694 }
.pm-tabs .tabs li.tab-current{ border-bottom:solid 3px #1e7efb; color: #1e7efb;  }
.pm-tabs .tabs li .iconfont{display: inline-flex; font-size: 26px; margin-right: 6px; vertical-align: top; margin-top: 16px; line-height: 1; }
.pm-tabs .tabs li .icon-ERP{ font-size: 28px;}

@media (max-width: 640px) {
    .p-tabs{ margin-bottom:0px;  }
    .tabs li{ padding:15px 0 10px 0;  font-size:14px;}
    .pm-tabs .tabs{ display: flex; margin: 0; padding: 0;}
    .pm-tabs .tabs li{ padding:0;  flex:1; margin-left: 0; margin-right: 0; width: auto;}
}

/* ---new price--*/
.p-wrap{ color:#1d1d1d; box-shadow:0 4px 40px rgba(3,27,78,.15); border-radius: 6px; }
.p-wrap .c-org{ font-size: 16px; color: #FF0041;}
.p-wrap-hd{ position: -webkit-sticky; position: sticky; top:60px; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 5px rgba(0,0,0,.05); z-index: 9; }
.p-td-1{ background: #1b2327; color:#bbb;}
.p-wrap-hd .p-td-1{ border-radius:8px 0 0 0px; }
.p-td-2,.p-td-3{ flex:1; background: #fff; border-right:solid 1px #E5E5E5; }
.p-wrap-hd .p-td-2,.p-wrap-hd .p-td-3{ border: solid 1px #E5E5E5; border-left:0; border-bottom: 0; }
.p-wrap-hd .p-td-3{ border-radius: 0 8px 0 0; }

.p-wrap-erp .p-td-1{ width: 180px;}
.p-wrap-erp .p-wrap-hd .p-td-1{ height:130px;}
.p-wrap-erp .p-wrap-hd .p-td-2,.p-wrap-erp .p-wrap-hd .p-td-3{ height:130px;}

.p-wrap-hd-p{ display: flex; align-items: center; justify-content: center; }
.p-wrap-hd-p .p-td-1{ height:120px;}
.p-wrap-hd-p .p-td-2,.p-wrap-hd-p .p-td-3{ height:120px;}
.p-wrap-hd-p p{ margin-top: 2px;}

.p-wrap-listing .p-td-1{ width: 230px;}
.p-wrap-listing .p-wrap-hd .p-td-1{ height:70px; }
.p-wrap-listing .p-td-2,.p-wrap-listing .p-td-3{ text-align: center; padding-left: 0 !important; padding-right: 0 !important;}
.p-wrap-listing .p-wrap-hd .p-td-2,.p-wrap-listing .p-wrap-hd .p-td-3{ height:70px; line-height:70px; font-size:18px; font-weight: bold;}
.v-row-listing-top{ height:70px; line-height:70px; text-align:center; padding:0px;  }
.p-listing-t1{color:#111;}
.p-listing-t2{color:#f29201;}
.p-listing-t3{color:#e45858;}
.p-listing-t4{color:#a06aac;}
.icon-v{ display:inline-block; width:30px;height:24px; background-image:url(../image/icon-v.png); background-repeat:no-repeat; margin-right:10px; vertical-align:top; margin-top: 22px; }
.icon-v-common{  background-position:0 0; opacity:.8; }
.icon-v-gold{  background-position:-31px 0; }
.icon-v-platinum{  background-position:-62px 0; }
.icon-v-diamond{  background-position:-93px 0; }

.p-erp-title{ padding: 10px 50px 0; text-align: center;}
.icon-p-erp{ display: block; width: 70px; height:60px; margin: 0px auto 0px;}
.icon-p-erp img{ width: 100%;}
.p-erp-title h3{ font-size:24px; font-weight: bold;}

.p-bd-item{ display: flex; align-items: center; justify-content: center;}

.p-bd-item-jg .p-td-1{ background: #272e32;}
.p-bd-item-jg .p-td-2,.p-bd-item-jg .p-td-3{ background: #f7f7f7;}
.p-bd-td-1,.p-bd-td-2,.p-bd-td-3{ height:60px; padding: 0px 25px; display: flex; flex-direction: column; justify-content: center;}
.p-bd-td-2,.p-bd-td-3{ padding-left: 50px;}
.p-bd-item-h2 .p-bd-td-1,.p-bd-item-h2 .p-bd-td-2,.p-bd-item-h2 .p-bd-td-3{ height:70px; padding: 0px 20px 0 50px; display: flex; flex-direction: column; justify-content: center; }
.p-bd-item-h2 .p-bd-td-1{ padding-left: 25px; }

.p-bd-item-h3 .p-bd-td-1,.p-bd-item-h3 .p-bd-td-2,.p-bd-item-h3 .p-bd-td-3{ height:90px; padding: 0px 20px 0 40px; display: flex; flex-direction: column; justify-content: center;}
.p-bd-item-h3 .p-bd-td-1{ padding-left: 25px; }
.f-tm{ opacity: .7;}

.p-bd-item:hover .p-td-1,.p-bd-item:hover .p-bd-item-jg .p-td-1{ background: #183b61; color: #ddd; }
.p-bd-item:hover .p-bd-td-2,.p-bd-item:hover .p-bd-td-3{ background: #e7f1fd;}

.p-bd-item-jg-t .p-td-1{ color:#fff;}
.p-bd-item.p-bd-item-jg-t:hover .p-td-1{ background: #1b2327; color:#fff;}
.p-bd-item.p-bd-item-jg-t:hover .p-bd-td-2,.p-bd-item.p-bd-item-jg-t:hover .p-bd-td-3{ background: #fff;}
.p-bd-item.p-bd-item-jg.p-bd-item-jg-t:hover .p-td-1{ background: #272e32; color:#fff;}
.p-bd-item.p-bd-item-jg.p-bd-item-jg-t:hover .p-bd-td-2,.p-bd-item.p-bd-item-jg.p-bd-item-jg-t:hover .p-bd-td-3{ background: #f7f7f7;}

.p-bd-item-ft .p-td-1{ height:10px; border-radius:0 0 0 8px;}
.p-bd-item-ft .p-td-2,.p-bd-item-ft .p-td-3{ height:10px;border-bottom:solid 1px #E5E5E5;}
.p-bd-item-ft .p-td-3{ border-radius: 0 0 8px 0;  }
.p-bd-item.p-bd-item-ft:hover .p-td-1{ background: #1b2327; color:#fff;}
.p-bd-item.p-bd-item-ft:hover .p-bd-td-2,.p-bd-item.p-bd-item-ft:hover .p-bd-td-3{ background: #fff;}   

.vip-more-text{ text-align:center; padding:50px 0 40px 0 ; color:#999 }

.vip-table{ color:#1d1d1d; margin-bottom: -30px;}
.vip-table table{ width:100%; background:#fff;border-collapse:collapse; table-layout:fixed;border-right:solid 0px #ebebeb; border-bottom:solid 1px #ebebeb;  }
.vip-table table thead th{ padding:10px; background:#fff;  vertical-align:top; font-size:13px; text-align:center;  border:solid 1px #ebebeb; border-bottom:solid 0px #ebebeb; font-weight:normal;  }
.vip-table table thead th h3{ font-size:18px; font-weight: bold; margin-top:5px ;}
.vip-table table tbody th{ padding:10px; text-align:left; font-weight:normal;  background:#32393d; color:#aaa;border-left:solid 0px #ebebeb; border-right:solid 0px #ebebeb;font-size:13px; }
.vip-table table tbody td{ padding:10px; text-align:center; background:#f8f8f8; border-left:solid 1px #ebebeb; border-right:solid 1px #ebebeb; }
.vip-table table th.tb-t6{background:#1b2327;border-left:0; }

.vip-table table td.row-bg{ background:#f8f8f8; }
.vip-table table tr.row-bg{ background:#fff; }
.vip-table table tr.row-bg th{ background:#1b2327; }
.vip-table table tr.row-bg td{ background:#fff; }
.vip-table .c-org{ font-size:14px; color:#ff0042; font-weight: normal;}
.vip-table .c-blue{ color:#fff;}
.vip-table .c-blue .fs15{ font-size: 14px;}
.vip-table table .tb-t1{ background: #1b2327; border-color:#1b2327; border-right:0;}

.vip-table-large{ display:block; }
.vip-table-small{ display:none; }

@media (max-width: 998px) { 
    .vip-table-large{ display:none; }
    .vip-table-small{ display:block; }
    .vip-more-text{ text-align:center; padding:50px 0 20px 0 ; color:#999 }
    .icon-p-erp{ display: block; width: 70px; height:50px; margin: 0px auto 0px;}
    .icon-p-erp img{ width: auto; height: 100%;}
    .vip-table table tbody td{ padding: 15px 10px;}
}


.p-nav-wrap{ background:#fff; position:relative; width: 100%;}
.p-nav{ position: -webkit-sticky;position: sticky;top: 59px;
    height:121px;background:#fafafa;border: solid 1px #e5e8ed; border-bottom: 0; width: 100%; display: flex; z-index: 99;}

.icon-p-erp-cloud{ display: block; width: 70px; height:70px;margin: 20px auto 0px;}
.icon-p-erp-cloud img{ width: 100%;}

.p-nav-listing{ position: -webkit-sticky;position: sticky;top: 59px;
    height:70px;background:#fafafa;border: solid 1px #e5e8ed; width: 100%; display: flex; z-index: 99; }
.pn-t-listing-1,.pn-t-listing-2,.pn-t-listing-3,.pn-t-listing-4,.pn-t-listing-5{ width: 20%; text-align: center; line-height: 24px; padding-top:23px; font-size: 17px; color: #333; font-weight: bold;}
.pn-t-listing-1{ width: 19.98%; background:#fafafa; border-right: solid 1px #e5e8ed;}
.pn-t-listing-2{color:#555; border-right: solid 1px #e5e8ed;}
.pn-t-listing-3{color:#f29201;border-right: solid 1px #e5e8ed;}
.pn-t-listing-4{color:#e45858; }
.pn-t-listing-5{color:#a06aac;border-left: solid 1px #e5e8ed;}

.p-t-info{  text-align: left; margin-top: -10px;}
.p-t-info .t-line{ display:block; width:50px;height:2px; background:#1e7efb; margin:-20px auto 18px; display: none; }

.p-table-wrap{ margin-top: -1px;}

.p-table td.hover {background:#f3f8fe/*fef8ec ebecef*/;}
.p-table{ table-layout: fixed; width: 100%; border-collapse: collapse; color:#333; margin-bottom: 40px;}
.p-table thead th,.p-table thead td,.p-table tbody th,.p-table tbody td{ padding:20px 30px; border:solid 1px #e5e8ed;}
.p-table thead th,.p-table tbody th{ font-weight: normal; color:#333; background: #fafafa;}
.p-table td .c-org{ font-weight: normal;}
.p-table td .btn-white{ background: #f9f9f9;}
.p-table td .btn-white:hover{ background: #1e7efb; border-color:#1e7efb; color:#fff}
.p-table td .btn-sm{ padding: 3px 12px 3px 18px;}
.p-table tbody tr:hover{background: #f3f8fe;}
.p-table tbody tr:hover th{ background: #f3f8fe; }

.p-table-listing td{ text-align: center;}
.p-table-listing .c-red{ color:#f60 }

.icon-tips{ display:inline-block; width:15px;height:15px; border-radius:50%; background:#1e7efb; color:#fff; font-size:10px; text-align:center; line-height:15px; position:relative; vertical-align:middle; }
.icon-tips:hover{ color:#fff; }
.show-t{ display:none; }
.icon-tips:hover .show-t{ display:block; background:#1e7efb; border-radius: 4px; color:#fff; padding:5px 10px; position:absolute; top:0; left:18px; width:150px; text-align:left; line-height:18px; z-index:999999; }


.c-gold{  font-size:16px; color:#ff0042;font-weight:normal;}
.c-gold-2{  font-size:16px; color:#ff0042; font-weight:normal;}
.c-purple{  font-size:16px; color:#ff0042;font-weight:normal;}

.f-group{ display: flex; border:solid 1px #e5e5e5; background:#fff;color:#333; width:100%; margin-bottom:45px; margin-top:-10px; box-shadow:0 4px 40px rgba(3,27,78,.15); border-radius: 6px; overflow: hidden;}
.f-item{ flex:1;border-right:solid 1px #e5e8ed; padding:0px; min-height:184px; text-align:center; }
.f-item:last-child{ border:0; }
.f-item strong{ display:block; border-bottom:solid 1px #e5e8ed; padding:20px 10px 18px 10px;font-size:16px; background:#fafafa;  }
.f-item p{ padding:20px 20px; }
.f-item p.text-left{ padding-left:36px; line-height:30px;}
.f-item p .c-org{ font-weight: normal; color:#333;}
.f-item p .c-org b{ font-weight: normal; font-size:16px; color:#ff0042; margin-right: 4px;}

@media (max-width: 998px) { 
    .p-table-wrap .p-st{ display: inline-block;}
    .p-table-wrap .p-st.mgl20{ margin-left: 0;}
    .p-table{ margin-bottom: 20px;}
    .p-table thead th,.p-table thead td,.p-table tbody th,.p-table tbody td{ padding:10px 10px;}
    .pn-t-listing-1,.pn-t-listing-2,.pn-t-listing-3,.pn-t-listing-4,.pn-t-listing-5{ padding-top:11px; font-size: 14px;}
    .icon-v{ display:block; margin:0 auto; margin-bottom:4px; margin-top: 0; }
    .f-group{ display: block;margin-bottom:0px; margin-top: 0;}
    .f-item{ width:100%; border-right:0; border-bottom: solid 1px #e5e8ed; padding:0px; min-height:inherit; text-align:left; }
    .f-item strong{ padding: 12px 20px 10px;}
    .f-item p{ padding:20px 20px 15px 36px;}
}


.cloud{ margin-top:-25px; }
.cloud .table{ margin-bottom:30px; background:#fff;}
.cloud .table thead th{ padding:25px 50px; vertical-align:middle; text-align:center; position:relative; overflow:hidden; border-bottom:0; font-weight:normal }
.cloud .table tbody th{ padding:10px 15px; vertical-align:middle; font-weight:normal;}
.cloud .table td{ padding:15px 10px; text-align:center;}

.cloud-item{ background:#fff; border:solid 1px #e5e5e5; border-radius:2px; box-shadow:0 2px 4px 0 rgba(3,27,78,.06); margin-bottom:40px; }
.cloud-item:hover{ box-shadow:0 5px 15px rgba(3,27,78,.1);}
.cloud-top{ padding:25px 30px; position:relative; color:#333; border-bottom: solid 1px #ebecec; }

.cloud-top-title{ font-size:18px; font-weight: normal; margin-bottom:5px; }
.cloud-top-row{ padding-top:10px; line-height:1; }
.cloud-top-row label{ font-weight:normal; white-space:nowrap;  margin:0; padding:0 ;line-height:1; opacity: .5;}

.cloud-price{ padding:25px 30px 25px 30px; }
.cloud-area{ color:#555;  margin-bottom:3px; }
.cloud-area i{ color:#999; margin-right:4px; font-size:14px; margin-left:0px;  }
.tip-rotate{ width:124px;height:36px; line-height:36px; text-indent: 46px; font-size:14px;color:#fff;position:absolute; top:-7px; right:0px; letter-spacing: 3px;   }
.cloud-top-app .tip-rotate{ background:url(../image/tips-1.png) no-repeat right top;}
.cloud-top-database .tip-rotate{ background:url(../image/tips-2.png) no-repeat right top;}
.pc-title-1{text-align:center; margin:10px 0 35px 0; /*background:#efefef;height:1px;*/ position:relative; }
.pc-title-1 span{ color:#444;font-size:22px;font-weight:bold; padding:0px;}
.c-tdlt{text-decoration:line-through;font-size:13px; color:#aaa; }
.c-price{ display:inline-block; margin-right:0px; font-weight:normal; white-space:nowrap; }
.c-price .c-org{ font-weight:normal; font-family:Arial;font-size:15px; color:#f70;  }
.c-price .c-org b{ font-size:24px;font-weight:normal;  }
.cloud span.fs13{ color:#aaa;}


.app-box{ background: #fff; border-radius: 4px; box-shadow: 0 4px 40px 0 rgb(0 0 0 / 10%); padding: 20px 20px 20px 20px; margin-bottom: 20px; display: -webkit-box;display: flex;-webkit-transition: all .35s;transition: all .35s; cursor: pointer; position: relative;}
.app-box:hover{ box-shadow: 0 4px 40px 0 rgb(0 0 0 / 20%); transform: translate3d(0,-2px,0); }
.app-box:hover .app-content strong .iconfont{ margin-left: 10px; }
.app-pic{ width:80px; height:80px;line-height: 80px; border-radius: 6px; background: #145aab; color:#fff; text-align: center;}
.app-pic .iconfont{ font-size:44px;}
.app-pic .icon-tupian1{ font-size:48px;}
.app-pic .icon-kucunguanli2{font-size:46px; }
.app-pic .icon-fanyi2{ font-size:40px; }
.app-pic .icon-fabu1{ font-size:48px;}
.app-pic .icon-kucunguanli3{ font-size:46px;}
.app-pic .icon-SKU{ margin-left: 19px; margin-top: 2px; font-size: 48px; display: inline-block; }
.app-pic .icon-yingxiao{  font-size: 40px;}
.app-pic .icon-fapiaoguanli{ font-size: 50px; }
.app-pic .icon-zhijianmingxi{ font-size: 54px;display: inline-block; margin-left: 3px; }
.app-pic .icon-xinpinchangxian{ font-size:50px; }
.app-pic .icon-fapiao1{ font-size:48px; }
.app-pic .icon-tupianmeihua{ font-size:40px; }
.app-pic-c1{ background: #466bff;}
.app-pic-c2{ background: #145aab;}
.app-pic-c3{ background: #5bb75b;}
.app-pic-c4{ background: #5392cb;}
.app-pic-c5{ background: #29acf5;}
.app-pic-c6{ background: #d13a39;}
.app-pic-c7{ background: #eb5b45;}
.app-pic-c8{ background: #faa135;}
.app-pic-c9{ background: #23282d;}
.app-pic-c10{ background: #2ad0cb;}
.app-pic-cainiao{ background: #06F url(../image/logo-cainiao.png) no-repeat center center; background-size: 80% auto;}
.app-pic-anchuang{ background: #f3f1f2 url(../image/logo-anchuang.png) no-repeat center center; }

.app-content{ flex:1; padding: 4px 0 0 20px;}

.app-content strong{  color:#1d1d1d; display: block; margin-bottom: 8px; font-size: 18px; font-weight: bold;}
.app-content strong .iconfont{ margin-left: 4px; transition: .5s; display: inline-block; vertical-align: top;}
.app-content strong span{ display: inline-block; line-height: 1; background: #f60; padding:2px 4px; font-size: 12px; font-weight: normal; color:#fff; border-radius: 2px; vertical-align: top; margin: 3px 3px 0; }
.app-content .app-text{ color:#777;font-size:13px; line-height: 160%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; margin: 0; padding: 0;}
.app-content .app-text.line-1{-webkit-line-clamp: 1; margin-top: -2px; }
.app-content strong .app-free{ background: #28bd6e;}
.app-list .modal-header{ border-bottom: 0;}
.app-list .modal-footer{ border: 0; text-align: left; padding-left: 135px;padding-bottom: 30px;}
.app-list .modal-footer .btn-default{ border:solid 1px #ccc; padding:12px 30px;  }
.app-list .modal-footer .btn-default:hover{ -webkit-transform:inherit;transform:inherit;}
.app-modal-bd{ display: flex; padding: 0 15px; margin-top: -20px;}
.app-modal-bd .app-content{ padding-left: 25px; }
.app-modal-bd .app-content p{ color:#444; font-size:14px;line-height: 160%;}
.app-modal-bd .app-content .t-tips{ color:#999; font-size:14px;line-height: 160%;}

.app-cu{ background:linear-gradient( 45deg, #ed734b,#e53e40); box-shadow: 0 3px 3px rgba(229, 62, 64, 0.2); border-radius: 10px 2px 2px 0; font-size:12px; color:#fff; padding:4px 4px 4px 5px; line-height: 1; position: absolute; right:-4px; top:-4px; }


.app-list .tt-tabs{ margin-bottom:30px; }
.app-tips{ display:inline-block; font-size:10px; color:#fff; background:#f80; line-height:1em; padding:1px 3px 2px 3px; border-radius:0 2px 2px 2px; vertical-align:middle; position:relative; margin-left:5px; margin-top:-2px; box-shadow: 0 0 5px #fff; }
.app-tips .bottomdirection  
{  
	display:inline-block;
    width:0;height:0;  
    line-height:0;  
    border-width:4px;  
    border-style:solid;  
    border-color: #f80 transparent transparent transparent; 
	position:absolute;left:-4px;top:0; 
}
@media (max-width: 992px) {
	.banner-app .btn-default{  font-size:14px;  }

}

@media (max-width: 768px) {
	.app-box{ margin-bottom: 15px; padding:15px;}
}


.footer-banner{ padding-top:30px; padding-bottom:30px;  background:#3388ff url(../image/banner-footer.jpg) no-repeat center center;color:#fff;  text-align:center; }
.fb-text{ font-size:24px;  text-align:center; margin-bottom: 7px; }
.footer-banner .text-lg{ padding-left: 15px; padding-right: 15px;}
.fb-btn{ text-align:center; margin-top: 25px;  }
.fb-btn .btn{  transition:.2s;  }
.fb-btn .btn:hover{ box-shadow:0 10px 20px rgba(6, 58, 137, 0.3);background:#fff; color:#3388ff;transform: translate3d(0, -2px, 0);  }
.fb-btn .btn-primary-border{ color:#116bea; }/* border-color:#fff; background: #fff;*/
.fb-btn .btn-lg{ padding-left:45px; padding-right:45px; padding-top: 12px; padding-bottom: 12px;  }

.footer{ background:#22243a; padding:15px 0 10px 0; padding-bottom: 70px;  }
.footer a{ color:rgba(255,255,255,.5) }
.footer a:hover{  color:#fff; }

.footer-nav{ padding-bottom:10px; clear:both; display: flex;}
.footer-nav h5{ font-size: 15px; font-weight:bold; margin-bottom:0px; width:90px; color:#fff; }
.footer-nav ul{ flex:1; padding-top: 5px;}
.footer-nav li{ padding:3px 0 ; width: 48%; display: inline-block;}

.footer-cw{ padding-top:5px; flex:1;  }
.footer-contact{ padding-top: 4px; padding-bottom:4px; clear:both; line-height: 19px;color:rgba(255,255,255,.7); display: flex;}
.fc-text{ flex:1;}
.footer-contact a{ color:rgba(255,255,255,.7); }
.footer-contact a:hover{ color:#fff;}
.icon-fc{ display:inline-block; vertical-align: top; width:19px;height:19px; line-height: 17px; border-radius:50px; border:solid 1px rgba(255,255,255,.6); text-align:center; overflow:hidden; margin-right:10px; }
.icon-fc i{ font-size:12px; color:rgba(255,255,255,.7);}
.tt-erweima{ text-align:left; margin-top: 0px; color: #fff; padding-left:90px  }
.tt-erweima strong{ display:block; width:118px;  margin-top:10px; font-weight: normal; font-size: 13px;  }
.tt-erweima img{ width:118px; }
.copyright{ text-align:left; border-top:solid 1px rgba(255,255,255,.15); margin-top:15px; padding-top:15px; font-size:13px; color:rgba(255,255,255,.5)}
.copyright a{ margin:5px 0; display: inline-block;}
.footer-logo img{ height:18px }

.yms-service-content{ padding-top: 70px !important; padding-bottom: 40px !important;}
.yms-service{ background: #f5f7fd/*fef5f2*/; border-radius: 8px; padding:40px 40px 30px; }
.yms-service-logo{ margin-bottom: 25px;}
.yms-service-title{ font-size:22px; font-weight: bold; color:#1d1d1d; padding-bottom: 20px; padding-left: 10px;}
.yms-service-p{ font-size: 17px; position: relative; padding: 4px 0 4px 0px; color:#1d1d1d; }
.yms-service-p .iconfont{ color:#fd5425; margin-right: 10px; }
.yms-service-img{ position: relative; min-height:125px;}
.yms-service-img img{ position: absolute; right:0px; bottom:-30px;}
@media (max-width: 768px) {
    .yms-service-content{ padding-top: 30px !important; padding-bottom: 20px !important;}
    .yms-service{ padding:15px;}
    .yms-service-p{ font-size:15px}
    .yms-service-img{ min-height: auto; text-align: center; padding-top: 10px;}
    .yms-service-img img{ position: inherit; bottom: inherit; right:inherit; max-width: 80%;}
    .yms-service-p .iconfont{ margin-right: 5px; }
}

.yms-steps{ display: flex; color:#1d1d1d; padding-top: 5px; padding-bottom: 0px;}
.yms-steps-item{ text-align: center; flex:1; }
.yms-steps-lb{ position: relative; height:24px; margin-bottom: 15px;}
.yms-steps-line{ width: 100%; height:2px; background: #ddd; position: absolute; left:0; right:0; top:11px;}
.yms-steps-line.after{ width: 50%; left:inherit; }
.yms-steps-line.before{ width: 50%; right:inherit; }
.yms-steps-dot{ width: 16px; height:16px; line-height: 14px; background: #feb96c; border:solid 4px #f5f7fd; box-sizing: content-box; color:#fff; border-radius: 50%; position: absolute; top:0; left:50%; margin-left:-12px; text-align: center; }
.yms-steps-dot .iconfont{ font-size:12px; font-weight: bold;}
.yms-steps-dot .icon-confirm{ display: block; transform: scale(.8); margin-top: 2px;}
.yms-steps-item h3{ margin-bottom: 15px; font-size:22px; font-weight: bold;}
.yms-steps-item p{ color:#1d1d1d; font-size: 16px;}
.yms-steps-item p .c-red{ margin-left: 3px; }
@media (max-width: 768px) {
    .yms-steps{ display: block;}
    .yms-steps-item{ text-align: center; width: 25%; float:left; padding-top: 10px; }
    .yms-steps-lb{ margin-bottom: 6px;}
    .yms-steps-item p{ font-size:15px;}
}

.yms-step-wrap{display: flex; color:#1d1d1d; padding-top: 10px; }
.yms-step-item{ flex:1; position: relative; padding-left: 30px; padding-top: 20px;}
.yms-step-item h3{ font-size:22px;font-weight: bold; }
.yms-step-item p{ font-size:14px; padding-right: 40px;}
.yms-step-arrow{ width: 20px; height:20px; text-align: center; line-height: 20px; position: absolute; right:10px; top:50%; margin-top: 0px;}
.yms-step-arrow .iconfont{ font-size:28px; color:#fd6721; font-weight: bold;}
.yms-step-item-1{ background-image:url(https://www.tongtool.com/images/img-num-1.png); background-position: left top; background-repeat: no-repeat;}
.yms-step-item-2{ background-image:url(https://www.tongtool.com/images/img-num-2.png); background-position: left top; background-repeat: no-repeat;}
.yms-step-item-3{ background-image:url(https://www.tongtool.com/images/img-num-3.png); background-position: left top; background-repeat: no-repeat;}
.yms-step-item-4{ background-image:url(https://www.tongtool.com/images/img-num-4.png); background-position: left top; background-repeat: no-repeat;}
.yms-step-item-5{ background-image:url(https://www.tongtool.com/images/img-num-5.png); background-position: left top; background-repeat: no-repeat;}
@media (max-width: 768px) {
    .yms-step-wrap{display: block; }
    .yms-step-item{ padding-left: 30px; padding-top: 10px; margin-bottom: 20px; margin-left: 10px;}
    .yms-step-arrow{ display: none;}
}


.yms-zs-item{ background: #fff; /*box-shadow:0 10px 30px rgba(3,27,78,0.1);*/  border-radius: 8px; padding: 15px 40px 20px; text-align: center; margin-bottom: 20px; }
.yms-zs-item h3{ font-size:20px; color:#1d1d1d; margin-bottom: 15px; font-weight: bold;}
.yms-zs-item p{ font-size:15px; line-height: 160%; color:#1d1d1d;}
.yms-zs-icon{ text-align: center; height: 45px; overflow: hidden;  }
.yms-zs-icon .iconfont{ font-size: 40px; color:#fd5425; display: inline-block; vertical-align: top;}
.yms-zs-icon .icon-zijinfenxi{ font-size: 36px;  margin-top: 4px;}
.yms-zs-icon .icon-shangpin{ font-size: 32px;  margin-top: 6px;}
.yms-zs-icon .icon-jishujiaoyijinchukoubeian{ font-size: 36px;}
.yms-zs-icon .icon-fuzhuangxiemaob{ font-size: 36px;}
.yms-zs-icon .icon-api{ font-size: 36px; margin-top: 3px;}
.yms-zs-icon .icon-cube{ font-size: 41px; margin-top: 0px;}
.yms-zs-icon .icon-gaobiaozhunshifan{ font-size: 33px;margin-top: 3px;}
@media (max-width: 768px) {
    .yms-zs-item{ padding: 15px 20px; margin-bottom: 15px;}
}

.yms-ct{ display: flex; padding:10px 0 5px;}
.yms-ct-auto{ flex:1;  }
.yms-ct-item{ width: 94px; height:94px; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; padding:0px; background: #fff; box-shadow:0 10px 30px rgba(3,27,78,0.1); text-align: center; position: relative; margin: 0 auto; }
.yms-ct-num{ display: inline-block; font-size:26px; color:#fb5532;  display: none;}
.yms-ct-item p{ font-size:15px; color:#111;margin: 0; padding:0px 0 0px 0; line-height: 1; }
.yms-ct-item .c-red{ margin-left: 2px; font-size: 18px; }
.yms-ct-arrow{ width: 18px; height:20px; background: url(https://www.tongtool.com/images/icon-ct-arrow.png) no-repeat; position: absolute; left:-10px; top:50%; margin-top: -10px;}
@media (max-width: 768px) {
    .yms-ct{ display: block; }
    .yms-ct-auto{ display: block; float:left; width: 25%; text-align: center; margin-top: 10px; }
    .yms-ct-item{ width: 80px; height:80px; }
    .yms-ct-item p{ font-size:13px;}
}

.yms-s-content{ position: relative; padding-top: 100px !important; padding-bottom: 40px !important; }
.yms-s-content .title{ position: absolute; width: 100%; top:70px; left:0; z-index: 9;}
.yms-s-wrap{ width: 100%; height:680px; background: url(../image/yms-s-bg.png) no-repeat center center; background-size:auto 100% ; position: relative;  }
.yms-s-icon{width: 100%; text-align: center; animation: bounce-down 5s linear infinite; }
.yms-s-icon img{ max-width: 100%;}
.yms-s-ym{ width: 370px; height:370px; background: #fff; border-radius: 50%; box-shadow:0 10px 30px rgba(3,27,78,0.08); position: absolute; left:50%; top:50%; margin: -185px 0 0 -185px; text-align: center; padding:40px 50px 0 50px; color:#1d1d1d;}
.yms-s-title{ font-size:24px; border-bottom:solid 1px #ededed; padding: 10px 30px 12px; font-weight: bold;}
.yms-s-list{ font-size:15px; padding:15px 0 0 40px; text-align: left;}
.yms-s-list li{ display: inline-block; width: 48%; position: relative; text-align: left; padding: 4px 4px 4px 11px; }
.yms-s-list li::before{ content: ""; position: absolute; width: 4px; height:4px; background: #333; border-radius: 20px; left:0; top:12px; }
.yms-s-list li .c-red{ margin-left: 4px;}

.yms-s-l{ width: 270px; height:270px; background: #fff; border-radius: 50%; box-shadow:0 10px 30px rgba(3,27,78,0.08); position: absolute; left:50px; top:50%; margin-top: -135px; text-align: center; padding:40px 35px 0 35px; color:#1d1d1d;animation: bounce-up 5s linear infinite;}
.yms-s-l .yms-s-list{ padding-left: 30px; }
.yms-s-l .yms-s-title{ font-weight: bold;}
.yms-s-r{ width: 270px; height:270px; background: #fff; border-radius: 50%; box-shadow:0 10px 30px rgba(3,27,78,0.08); position: absolute; right:50px; top:50%; margin-top: -135px; text-align: center; padding:40px 35px 0 35px; color:#1d1d1d;animation: bounce-up 5s linear infinite;}
.yms-s-r .yms-s-list{ padding-left: 20px; }
.yms-s-r .yms-s-title{ font-weight: bold;}

.yms-li-icon{ height:45px; }
.yms-li-icon .iconfont{ font-size:40px; color:#2a92ff;  display: none;}
.yms-li-icon .icon-dengdai{ color:#2ad0cb;font-size:42px;}

.yms-footer-banner{ padding-top:32px; padding-bottom:35px; background: #fa6e5b url(https://www.tongtool.com/images/banner-footer-yms.jpg) no-repeat center center;  /*background:linear-gradient(to right, #fa6e5b,#fb9569); */color:#fff;  text-align:center; }
.yms-fb-text{ font-size:26px;  text-align:center; }
.yms-fb-btn{ text-align:center; margin-top: 20px;  }
.yms-fb-btn .btn{  transition:.2s;  }
.yms-fb-btn .btn:hover{ box-shadow:0 0 0px #378cfe;background:#fff; color:#fd5425; }
.yms-fb-btn .btn-primary-border{  background: #fff; border-color:#fff; color:#fd5425; }
.yms-fb-btn .btn-lg{ padding-left:45px; padding-right:45px; padding-top: 12px; padding-bottom: 12px;  }
.yms-fb-btn .btn-primary-border:hover{ opacity: 1; box-shadow:0 5px 12px rgba(253,84,37,.9);}
@media (max-width: 768px) {
    .yms-footer-banner{ padding-top: 25px; padding-bottom: 20px; }
    .yms-fb-text{ font-size:22px;  }
    .yms-fb-btn{ margin-top: 15px;  }
}

@media (max-width: 768px) {
    .yms-s-content{ position: relative; padding-top: 40px !important;}
    .yms-s-wrap{ height:auto;background-size:100% auto ;}
    .yms-s-icon{ display: none;}
    .yms-s-content .title{ position: inherit; width: 100%; top:inherit; left:inherit; z-index: inherit;}
    .yms-s-ym{ width: 100%; height:auto; border-radius: 6px; position: inherit;left:inherit; top:inherit; margin: 0 0 15px 0; padding:15px 30px 20px 30px;}
    .yms-s-l{ width: 100%; height:auto; border-radius: 6px; position: inherit; left:inherit; top:inherit; margin: 0 0 15px 0; padding:15px 30px 20px 30px; animation:none;}
    .yms-s-r{ width: 100%; height:auto; border-radius: 6px; position: inherit; right:inherit; top:inherit; margin: 0 0 15px 0;padding:15px 30px 20px 30px; animation:none;}
    .yms-li-icon{ display: none; }
}

@keyframes bounce-down {
    25% {transform: translateY(-10px);}
    50%, 100% {transform: translateY(0);}
    75% {transform: translateY(10px);}
}
@keyframes bounce-up {
    25% {transform: translateY(10px);}
    50%, 100% {transform: translateY(0);}
    75% {transform: translateY(-10px);}
}

.yms-yzs{ padding-bottom: 10px;}
.yms-yzs .row{ margin-left: -30px; margin-right: -30px; }
.yms-yzs .row .col-md-3{ padding-left: 30px; padding-right:30px;}
.yms-yzs .row .col-md-3 .row{ margin-left: -10px; margin-right: -10px;}
.yms-yzs .row .col-md-3 .row .col-md-6{ padding-left: 10px; padding-right: 10px;}
.yms-yzs-item{ min-height: 240px; background: #fff; box-shadow:0 5px 20px rgba(3,27,78,.1); border-radius: 6px; text-align: center; padding: 10px; margin-bottom: 20px; color:#1d1d1d; position: relative;}
.yms-yzs-item-r2{ min-height: 110px;}
.yms-yzs-title{ height:34px; line-height: 34px; border-radius: 4px; background: #fd5424; color:#fff; font-size:15px;}
.yms-yzs-title-2,.yms-yzs-title-3,.yms-yzs-title-4,.yms-yzs-title-5{ background: #3083ec;}
.yms-yzs-title-6{  background:#46c5b0 ;}

.yms-yzs-text{ padding-top: 15px; line-height: 30px; font-size:15px; }
.yms-yzs-text-kd{ padding-top: 26px;}
.yms-yzs-text-yc{ padding-top: 38px;}
.yms-yzs-text-wl{ padding-top: 68px;}
.yms-yzs-arrow-right{ width: 58px; height:24px; background: url(../image/icon-img-arrow-right.png) no-repeat right bottom; text-align: center; font-size:12px; color:#fd7f48; position: absolute; right:-58px; top:54px; }
.yms-yzs-arrow-right-vm{ top:50%; margin-top: -12px;}
.yms-yzs-arrow-right-sm{ width: 18px; height:24px; right:-18px;top:50%; margin-top: -12px;  }
.yms-yzs-arrow-right-kd{ top:40%; }
.yms-yzs-arrow-down{ width: 10px; height:18px; background: url(../image/icon-img-arrow-down.png) no-repeat center bottom; position: absolute; bottom:-18px; left:50%; margin-left: -5px;}

.yms-yzs-step{ background: transparent; border:dashed 1px #c5c5c5; /*fd7f48 box-shadow:0 5px 20px rgba(3,27,78,.1); */border-radius: 4px; padding: 16px 20px 8px 15px;margin-bottom: 20px; color:#1d1d1d; display: flex; position: relative; }
.yms-yzs-step .yms-yzs-arrow-right{ top:11px; display: none; }
.yms-yzs-step-num{ width: 20px; height:20px; background: #fd5424; border-radius: 50%; text-align: center; line-height: 20px; color:#fff; margin-top: 1px;}
.yms-yzs-step-text { flex:1; padding-left: 8px; font-size:15px; line-height: 160%;}
.yms-yzs-step-text h4{ margin: 0px 0 8px 0; padding: 0; font-size:20px; font-weight: bold;}

.yms-yzs-step-wc{ border-color: #c5c5c5; }
.yms-yzs-step-ok{ background: #46c5b0;}
.yms-yzs-step-ok .iconfont{ font-size:12px; color:#fff;}

@media (max-width: 992px) {
    .yms-yzs-item{ min-height: auto; margin-bottom: 30px;}
    .yms-yzs-text-kd{ padding-top: inherit;}
    .yms-yzs-text-yc{ padding-top: inherit;}
    .yms-yzs-text-wl{ padding-top: inherit;}
    .yms-yzs-step{ min-height: auto;padding: 15px 15px 10px 15px; margin-bottom: 15px;}

    .yms-yzs-arrow-right{ width: 120px; height:28px; line-height: 28px; background: url(../image/icon-img-arrow-down.png) no-repeat center bottom; text-align: left; text-indent: 70px; font-size:12px; color:#fd7f48; position: absolute; right:inherit; top:inherit; bottom:-28px; left:50%; margin-left: -60px;}
    .yms-yzs-arrow-right-vm{ top:inherit; margin-top: inherit;}
    .yms-yzs-arrow-right-sm{ width: 120px; height:28px; right:inherit;top:inherit; margin-top: inherit;  }
    .yms-yzs-arrow-right-kd{ top:inherit; }
    .yms-yzs-arrow-down{ width: 120px; height:28px; background: url(../image/icon-img-arrow-down.png) no-repeat center bottom; position: absolute; bottom:-28px; left:50%; margin-left: -60px;}
}

@media (min-width:768px) {
     html { position: relative; min-height: 100%;}
     body{ margin-bottom:335px;  padding-top:0px; }
     .footer{ position:absolute;  bottom:0; }
     .navbar-brand{padding-bottom:10px; margin-top:10px;}
     .navbar-brand img{ height:auto; }
     .navbar-nav > li{ margin-left:4px; margin-right:4px;  }
     .navbar-nav > li > a{  padding-top:0; padding-bottom:0 ; height:40px; line-height:40px; margin-top:10px; padding-left:8px; padding-right:8px; font-size:15px;  }
     .navbar-inverse { background-color:#fff; }

     .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover{ border-bottom:solid 0px #378cfe;  background-color:transparent; }
     .navbar-right{  padding-right:15px; padding-top:2px;}
     .navbar .btn{  padding:7px 15px; margin-left:4px;}

     .navbar-inverse .navbar-nav{ margin-right:6px; }
     .nav-line{ display:inline-block; width:1px; background: #ddd; height:16px; margin-top:0px; vertical-align:middle; margin-right: 4px;  }

     .navbar-right .dropdown-menu{ right:inherit; left:0; }
     .navbar-nav > li > .dropdown-menu{ border-radius:6px; }
     .navbar-inverse .navbar-nav > .open > a, 
     .navbar-inverse .navbar-nav > .open > a:focus, 
     .navbar-inverse .navbar-nav > .open > a:hover{ color:#fff; background:transparent; border-radius:5px 5px 0 0 ; }
     .dropdown-menu{ border-radius:5px; border:solid 1px #fff; box-shadow:0 10px 10px rgba(0,0,0,.3); }
     .dropdown-menu > li > a{ padding:10px 15px; }
     .dropdown-menu > li > a:hover { background:#f1f7ff; color:#1e7efb; }

     .content{ padding:60px 0 60px 0; }
     .content-in{ padding:60px 0 0px 0;  }
     .pm-content{ padding-top:90px;}
     .content-top{ padding-top: 110px;}
     .title{ margin-bottom:45px; }
     .title h2{ font-size:32px; font-weight: bold;  }
     .title h4{ font-size:17px; line-height: 150%;}
     .content-top .title{ margin-bottom:15px; }

     .title-line{  margin:5px 0 7px 0; }

     .footer-banner{ padding-top:40px; padding-bottom:40px; }
     .fb-text{ font-size:32px;  text-align:center;  margin-bottom:7px; }

     .footer{ padding:35px 0 10px 0;  width:100%;  }
     .footer-nav{ padding-bottom:20px; display: block; }
     .footer-nav h5{ font-weight:normal; margin-bottom:10px; width:auto; font-size: 16px; margin-top: 0;  }
     .footer-nav ul{ padding-top: 0;}
     .footer-nav li{ padding:3px 0; display: block; width:auto;}
     .footer-cw{ padding-top:2px; }
     .tt-erweima{ text-align:right; padding-left: 0; }
     .tt-erweima strong{ width:auto; float:none; }
     .footer-contact{ padding-top: 5px; padding-bottom:6px;}
     .copyright{ margin-top:5px; padding-top:15px; padding-bottom: 15px; text-align: center; }

}
@media (max-width:1024px) {
    .navbar .btn{ display:block; margin-bottom:10px;  }
}

 

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar
{
    width: 12px;
    height: 12px;
}
::-webkit-scrollbar-track
{
    /*-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.2);*/
    border-radius: 0px;
    background-color: rgba(0, 0, 0, 0.1);
}
::-webkit-scrollbar-thumb
{
    border-radius: 20px;
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
    background: #aaa;
}
::-webkit-scrollbar-thumb:hover{ 
    background: #959595;
}

@media (min-width:1181px) {
    .probootstrap-navbar {
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 0;
        margin-bottom: 0;
        background: 0 0;
        -webkit-transition: .3s all;
        transition: .3s all;
    }
    .probootstrap-navbar.scrolled {
        background: #fff !important;
        /*box-shadow:0 30px 60px -10px rgba(48,62,83,.2);*/
        box-shadow: 0 0 10px 1px rgba(0,0,0,.2), 0 0 10px 1px rgba(255,255,255,.2);
    }
    .probootstrap-navbar .navbar-brand {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        font-size: 30px;
        text-transform: uppercase;
        /*top: 24px;*/
        position: relative;
        text-indent: -999999px;
        -webkit-transition: .2s all;
        transition: .2s all;
    }
    .probootstrap-navbar.scrolled .navbar-brand {
        top: 0px;
    }
    .probootstrap-navbar .navbar-brand .logo{ background: url(../image/logo-white.png) no-repeat center center; }
    .probootstrap-navbar.scrolled .navbar-brand .logo{ background: url(../image/logo.png) no-repeat center center; }
    .probootstrap-navbar .navbar-nav > li > a{ color:#fff; opacity: .8;}
    .probootstrap-navbar .navbar-nav > li > a:hover{ color:#fff;opacity: 1; }
    .probootstrap-navbar.scrolled .navbar-nav > li > a{ padding-top:0px !important; color:#666;}
    .probootstrap-navbar .navbar-right{ 
        padding-top:15px;
        -webkit-transition: .2s all;
        transition: .2s all;
    }
    .probootstrap-navbar.scrolled .navbar-right{ 
        padding-top:2px !important;
    }

    .probootstrap-navbar .navbar-right .btn-link{ color:#fff; }
    .probootstrap-navbar.scrolled .navbar-right .btn-link{ color:#1e7efb;}
    .probootstrap-navbar.scrolled .navbar-right .btn-link:hover{ color:#1e7efb;}
    .probootstrap-navbar.scrolled .navbar-right .btn-primary:hover{ color:#fff;}

    .probootstrap-navbar.scrolled .navbar-nav > li > a:hover{ color:#1e7efb}
    .probootstrap-navbar .navbar-nav > li.active > a{color:#fff;opacity: 1; }
    .probootstrap-navbar.scrolled .navbar-nav > li.active > a{color:#1d1d1d; opacity: 1; }
    .probootstrap-navbar .navbar-nav > li.active > a:hover{color:#fff !important; opacity: 1; }
    .probootstrap-navbar.scrolled .navbar-nav > li.active > a{color:#1d1d1d !important; opacity: 1; }
    .probootstrap-navbar.scrolled .navbar-nav > li.active > a:hover{color:#1d1d1d !important; opacity: 1; }

    .probootstrap-navbar .navbar-right .btn-link{ background: transparent; border:solid 1px rgba(255,255,255,.7); color:#fff; transition: .5s;}
    .probootstrap-navbar .navbar-right .btn-link:hover{ background: #fff; color:#1e7efb;opacity: 1;box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); transform: translate3d(0,-2px,0);}
    .probootstrap-navbar .navbar-right .btn-primary{ background: #fff; border:solid 1px #fff; color:#1e7efb;}
    .probootstrap-navbar .navbar-right .btn-primary:hover{ background: #fff; color:#1e7efb; opacity: 1;box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); transform: translate3d(0,-2px,0);}
    .probootstrap-navbar.scrolled .navbar-right .btn-link{ border:solid 1px #1e7efb;box-sizing: border-box; }
    .probootstrap-navbar.scrolled .navbar-right .btn-link:hover{ background: #1e7efb; color:#fff;opacity: 1;box-shadow: 0 3px 5px rgba(30, 126, 251, 0.3); transform: translate3d(0,-2px,0);}
    .probootstrap-navbar.scrolled .navbar-right .btn-primary{ background-image:none; background:linear-gradient( to right,#1e7efb, #2a92ff); border:solid 1px #1e7efb; color:#fff; }
    .probootstrap-navbar.scrolled .navbar-right .btn-primary:hover{ opacity: 1; box-shadow: 0 3px 5px rgba(30, 126, 251, 0.3); transform: translate3d(0,-2px,0);}

    .probootstrap-navbar.scrolled .navbar-inverse .navbar-nav > .open > a, 
    .probootstrap-navbar.scrolled .navbar-inverse .navbar-nav > .open > a:focus, 
    .probootstrap-navbar.scrolled .navbar-inverse .navbar-nav > .open > a:hover{ color:#1e7efb !important;/*#1e7efb*/; background:transparent; border-radius:5px 5px 0 0 ; }

    .probootstrap-navbar.scrolled .dropdown-toggle{ color:#666 !important;}
    .probootstrap-navbar.scrolled .dropdown-toggle:hover{ color:#1e7efb !important;}
    .probootstrap-navbar.scrolled .open .dropdown-toggle{ color:#1e7efb !important;}

    .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover{ color:#1d1d1d; }
    .probootstrap-navbar.navbar-inverse .navbar-nav > .open > a, .probootstrap-navbar.navbar-inverse .navbar-nav > .open > a:focus, .probootstrap-navbar.navbar-inverse .navbar-nav > .open > a:hover{ color:#fff; }

    
}


@media (min-width: 768px){
    .modal-dialog {margin: 150px auto 0; color:#1d1d1d;}
}

.m-yy-banner{ height:230px; background: #404040 url(../image/banner-pic-yy.jpg) no-repeat center bottom; }
.m-yy-banner-text{ padding-top: 125px; color:#fff;}
.m-yy-banner-text h2{ font-size: 32px; font-weight: normal; margin-top: 0; margin-bottom: 16px;}
.m-yy-banner-text p span{ display: inline-block;font-weight: normal;  margin-right: 23px; font-size:15px; }
.m-yy-banner-text p span .iconfont{ margin-right: 5px; font-weight: normal;}

.m-yy-bd{ display: flex; justify-content: space-between; padding: 0px 0px 60px 0px; }

.m-yy-form{ background: #fff; width: 430px; border-radius: 8px; box-shadow: 0px 5px 25px 0 rgb(55 99 170 / 15%); padding: 35px 55px 55px; margin-top: -95px; }
.m-yy-form .input-lg { height: 40px; padding: 10px 16px; font-size: 15px; border-radius: 4px; color:#1d1d1d; }
.m-yy-form .btn{ margin-top: 30px;}
.m-yy-form-title{ font-size:22px; color:#1d1d1d; padding-bottom: 23px; font-weight: bold; text-align: center; }

.m-yy-price{ flex:1; padding-right: 70px; padding-top: 35px;  }
.m-yy-table{ width: 100%; border-collapse: collapse; color:#444;}
.m-yy-table th,.m-yy-table td{ border:solid 1px #e5e5e5; padding: 14px 10px; text-align: center; font-weight: normal;}
.m-yy-table thead th{ background: #f0f0f0;}
.m-yy-table tbody th{ background: #f7f7f7;}
.m-yy-table .c-org b{ font-size:14px; font-weight: normal;}
.m-yy-table .td-bg-jg{ background: #d6e5fe;}

@media (max-width: 1024px){
    .m-yy-banner-text{ padding-top: 80px; width: 50%; }
    .m-yy-banner-text span{ margin-bottom: 10px; }
}

@media (max-width: 992px){
    .m-yy-banner{ margin-top: 0px; height:180px;  }
    .m-yy-banner-text{ width: 100%; padding-top: 60px;}
    .m-yy-banner-text h2{ font-size: 28px;margin-bottom: 15px;}
    .m-yy-banner-text p span{ margin-bottom: 5px;}
    .m-yy-bd{ flex-direction: column-reverse;  padding-bottom: 30px; padding-top: 0px; }
    .m-yy-price{ padding-right: 0; padding-top: 20px; padding-bottom: 0px; }
    .m-yy-table th,.m-yy-table td{ padding: 10px 5px; }
    .m-yy-form{ width: auto;padding: 28px 30px 30px; margin-top: 0;}
    .m-yy-form .btn{ margin-top: 25px;}
}
@media (max-width: 480px){
    .m-yy-banner-text{ width: 100%; padding-top: 30px;}
}



@media (max-width: 1180px){
    .container { width: 100%;}
    .tt-erweima{ text-align: left;}
}
@media (max-width: 1024px){
    .container { width: 100%;}
}
@media screen and (min-width: 768px) and (max-width: 1179px){
    body{ padding-top: 60px;}
    .navbar-header { float: inherit;}
    .navbar-collapse.collapse {display: none !important;}
    .navbar-collapse.in {display: block !important; overflow-y: auto!important; clear: both;}
    .navbar-right{ float: inherit !important; margin-right: 0; padding-bottom: 5px;}
    .navbar-toggle {display: initial; margin-top: 13px; margin-right: 0; }
    .navbar-nav{ float: initial !important;}
    .nav.navbar-nav {margin: 0px 0px !important;}
    .navbar-nav li{ float: initial;}
    .navbar-right .nav>li>a{ padding: 0 !important; margin-top: 0 !important; }
    .navbar .btn{ padding-top: 10px; padding-bottom: 10px; margin-left: 0px;}

    .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover{ color:#1d1d1d;}
    .navbar-right .dropdown-menu{ position: inherit; left:inherit; right:inherit; top:inherit; box-shadow: none; float: inherit; min-width: inherit; border-left:solid 2px #ddd; border-radius: 0 !important; padding: 0; margin-bottom: 10px;}

    
    .inx-activity-list{ padding-top: 15px;}
    .inx-activity-list li{ margin-left: 0;}

    body{ margin-bottom:inherit; }
    .footer{ position:inherit;  bottom:inherit; padding-top: 25px; padding-bottom: 0; }
    .footer .col-md-2,.footer .col-md-4{ width: 100%; float:initial;}

    .footer-nav{ padding-bottom:10px; clear:both; display: flex;}
    .footer-nav h5{ font-size: 15px; font-weight:bold; margin-bottom:0px; width:90px; color:#fff; margin-top: 10px; }
    .footer-nav ul{ flex:1; padding-top: 5px;}
    .footer-nav li{ padding:3px 0 ; width: 48%; display: inline-block;}

    .tt-erweima{ text-align: left; padding: 10px 0 15px 90px;}

    .yms-s-l{ left:0; }
    .yms-s-r{ right:0; }

    .open-content .col-md-3{ width: 50%; float:left;}


}