html {  overflow-x: hidden;}
body {
  background: #fff;
  font-size: 14px;
  font-weight: 400;
  font-family:  "メイリオ", Meiryo, Microsoft YaHei, Arial;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: subpixel-antialiased;
  color: #abacae;
  line-height: 22px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow-x: hidden;
}

h1, h2, h3, h4 {
  font-size: 38px;
  color: #585b60;
  font-weight: 700;
  font-family: 'Microsoft YaHei', Arial;
}

a {-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;}
a:hover {text-decoration: none;}
a a:focus {outline: none;}
p {
  font-weight: 400;
  font-family: 'Microsoft YaHei', Arial;
  margin: 0px;
  font-size: 14px;
}
ul, ol {list-style: outside none none; margin: 0; padding: 0;}
ul li, ol li {list-style: none;}
.section-header{margin-bottom: 45px;}
.section-header h5 { color:#a3a3a3; }
.section-title {
  color: #585b60;
  font-size: 39px;
  text-align: center;
  letter-spacing: 1px;
  line-height: 1;
  padding: 0 10px;
  position: relative;
  margin-bottom:17px;
  font-weight:normal;
}
.clearfix {zoom:1}
.clearfix:after{content:"";display:block;clear:both;height:0;overflow:hidden;visibility:hidden;}
.padding-none {  padding: 0px;}
.btn {
  font-size: 14px;
  padding: 10px 30px;
  cursor: pointer;
  font-weight: 400;
  color: #fff;
  border-radius: 30px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  display: inline-block;
}
.btn:focus,.btn:active {box-shadow: none; outline: none; color: #fff;}

.btn-lg {
  padding: 14px 33px;
  text-transform: uppercase;
  font-size: 16px;
}
.fixed-top{top:30px!important}
.tlinks{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
.btn-rm {
  padding: 7px 18px;
  text-transform: capitalize;
}

button:focus {  outline: none !important;}
.icon-close, .icon-check {  color: #137ED9;}

.social-icon a {
  color: #666;
  width: 100px;
  height: 100px;
  line-height: 85px;
  display: inline-block;
  text-align: center;
  border-radius: 100%;
  font-size: 50px;
  border:1px solid #fff;
  margin: 15px 6px 12px 4px;
  transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
}
.social-icon a:hover {color: #fff !important;}
.social-icon .contact{font-size:20px; color:#fff;line-height: 1;padding-top:10px;}
.social-icon .number{font-size:16px; color:#696969;line-height: 1;padding-top:15px;}
.social-icon .wechat:hover {background: #3eac21;border:1px solid #3eac21;}

.social-icon .qq:hover {background: #00a0e9;border:1px solid #00a0e9;}
.social-icon .mail:hover {background: #e04a00;border:1px solid #e04a00;}
.social-icon .phone:hover {  background: #01ea01;  border:1px solid #01ea01;}
.social-icon .google:hover {  background: #01ea01;}

/* ScrollToTop */
a.back-to-top {display: none;position: fixed;bottom: 18px;right: 15px;text-decoration: none;}

a.back-to-top i {
  display: block;
  font-size: 22px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  background: #137ED9;
  border-radius: 30px;
  text-align: center;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
}

a.back-to-top:hover, a.back-to-top:focus {  text-decoration: none;}

/* Preloader */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 9999999;
}

.loader {
  top: 50%;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  position: relative;
  margin: 0 auto;
}

#loader-1:before, #loader-1:after {
  content: "";
  position: absolute;
  top: -10px;
  left: -10px;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: 7px solid transparent;
  border-top-color: #137ED9;
}

#loader-1:before {  z-index: 100;  animation: spin 1s infinite;}

#loader-1:after {  border: 7px solid #f2f2f2;}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.section-padding {padding: 50px 0;}
hr {border-top: 1px dotted #ddd;}
#feature {background: #f8f9fb;}
.text-wrapper {  height: 100%;  display: table;  padding-left: 40px;}

.text-wrapper > div {vertical-align: middle;display: table-cell;}
.feature-thumb {  margin-right: -60px;}
.title-hl {
  font-size: 49px;
  font-weight: bold;
  color: #3e8adb;
  font-style: italic;
  margin-bottom: 50px;
}

.features-box {  margin-top: 15px;  margin-bottom: 15px;}
.features-box .features-icon {  margin-bottom: 15px;}
.features-box .features-icon i { color: #137ED9;  font-size: 30px;}
.features-box .features-content h4 {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 5px;
  transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}
.navbar-brand { position:relative; padding:0px; margin:-7px 0 0 0; }

.top-nav-collapse {
  background: #fff;
  z-index: 999999;
  top: 0px !important;
  min-height: 58px;
  box-shadow: 0px 3px 6px 3px rgba(0, 0, 0, 0.06);
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  background: #fff !important;
}

.top-nav-collapse .navbar-brand {  top: 0px;}

.top-nav-collapse .navbar-brand img {  width: 65%;}

.top-nav-collapse .navbar-nav .nav-link {
  color: #585b60 !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important;  
}

.top-nav-collapse .navbar-nav .nav-link:hover {
  cursor: pointer;
  color: #1bbe94 !important;
}

.top-nav-collapse .navbar-nav li.active a.nav-link {
  color: #1bbe94 !important;
}

.top-nav-collapse .dropdown-menu{margin-top:0}
.indigo {  background: transparent;}
.menu-bg {  background: transparent;}
.navbar-expand-lg .navbar-nav .nav-link i {
  font-size: 14px;
  margin-left: 5px;
  vertical-align: middle;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.navbar-expand-lg .navbar-nav .nav-link {
  font-size:18px;
  color: #585b60;
  padding:9px 34px 10px 35px;
  margin-top: 30px;
  margin-bottom: 30px;
  line-height: 40px;
  text-transform: uppercase;
  cursor: pointer;
  background: transparent;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.navbar-expand-lg .navbar-nav li a:hover,
.navbar-expand-lg .navbar-nav li .active > a,
.navbar-expand-lg .navbar-nav li a:focus {
  color: #1bbe94;
  outline: none;
}

.navbar-expand-lg .navbar-nav .active > .nav-link,
.navbar-expand-lg .navbar-nav .nav-link.active,
.navbar-expand-lg .navbar-nav .nav-link.open,
.navbar-expand-lg .navbar-nav .open > .nav-link {
  color: #1bbe94 !important;
}

.navbar-expand-lg .navbar-nav .nav-link:focus,
.navbar-expand-lg .navbar-nav .nav-link:hover {
  color: #1bbe94 !important;
}

.navbar {  padding:0; }
.navbar li.active a.nav-link {  color:#1bbe94; }
.dropdown-toggle::after { display:none; }

.dropdown-menu {
  margin: 0;
  margin-top:-30px;
  padding: 15px 0;
  display: none;
  position: absolute;
  z-index: 99;
  min-width: 150px;
  background-color: #25c39a;
  white-space: nowrap;
  border-radius: 8px;
  animation: fadeIn 0.4s;
  -webkit-animation: fadeIn 0.4s;
  -moz-animation: fadeIn 0.4s;
  -o-animation: fadeIn 0.4s;
  -ms-animation: fadeIn 0.4s;
}
/*
.dropdown-menu:before {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: 100%;
  left: 20%;
  margin-left: -5px;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-bottom: 10px solid #fff;
}
*/
.dropdown:hover .dropdown-menu {
  display: block;
  position: absolute;
  text-align: left;
  top: 100%;
  border: none;
  animation: fadeIn 0.4s;
  -webkit-animation: fadeIn 0.4s;
  -moz-animation: fadeIn 0.4s;
  -o-animation: fadeIn 0.4s;
  -ms-animation: fadeIn 0.4s;
}

.dropdown .dropdown-menu .dropdown-item {
  width: 100%;
  padding: 5px 25px 5px 25px ;
  font-size: 14px;
  color: #fff !important;
  text-decoration: none;
  display: inline-block;
  float: left;
  clear: both;
  position: relative;
  outline: 0;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  background-repeat: no-repeat; background-position: 15px 13px;
} 
.dropdown .dropdown-item span{display:none;font-size:10px;}
.dropdown .dropdown-item:focus,
.dropdown .dropdown-item:hover,
.dropdown .dropdown-item.active {
  color: #a7ffe8 !important;background-color:transparent; background-image: url(../img/submenu.png); 
  
   }
.dropdown .dropdown-item:focus span,
.dropdown .dropdown-item:hover span,
.dropdown .dropdown-item.active span{
  display:inline;margin-right:3px;
}

.dropdown-item.active, .dropdown-item:active {  background: transparent;}

.fadeInUpMenu { -webkit-animation-name: fadeInUpMenu;  animation-name: fadeInUpMenu;}
.slicknav_btn { border-color: #137ED9; margin:16px 18px 15px 0; height:44px; width:53px; padding:14px 0 9px; }
.slicknav_menu .slicknav_icon-bar { background:#137ED9; width:1.425em; }
.navbar-toggler {display: none;}
.mobile-menu {display: none;}
.slicknav_menu {display: none;}

@media screen and (max-width: 990px) {  
	.navbar-brand { position:absolute; padding:21px 0 0 13px !important; top:0; }
  .slicknav_menu {    display: block;  }
  .slicknav_nav .active a {    background: #E91E63;    color: #fff;  }
  .slicknav_nav .slicknav_parent.active a{    background: #f8f9fa;    color: #666;  }
  .slicknav_nav .active a.dropdown-item{    background:#fff;    color:#666;  }
  .slicknav_nav a:hover,
  .slicknav_nav a:focus,
  .slicknav_nav .active {
    color: #137ED9;
    outline: none;
    background: #232323 !important;
  }


}
@media screen and (max-width: 768px) {
	.fixed-top { top:0px!important; }
	.header-info-wrap { display:none; }
  .navbar-header {    width: 100%;  }
  .navbar-brand img {    width: 68%;    margin:0!important;  }
  #mobile-menu {    display: none;  }
  .dropdown .dropdown-item:focus, .dropdown .dropdown-item:hover, .dropdown .dropdown-item.active {
    color: #E91E63 !important;
    outline: none;
    background: #f8f9fa;
}
}

/* ==========================================================================
3. Hero Area
========================================================================== */
#hero-area {
  color: #fff;
  overflow: hidden;
  position: relative;
  background: #f8f9fb;
}
#hero-area .slider-main {padding-top: 120px;}
#hero-area .contents h5 {font-size: 50px;}
#hero-area .contents .head-title {
  color: #585b60;
  font-size: 34px;
  line-height: 48px;
  font-weight: 700;
  margin-bottom: 30px;
}
.sloder-img {background: #34363a;}

/* Team Item */
.team .team-header{
  padding-bottom:40px; border-bottom:1px solid #2a2a2a;margin-bottom:5px;}
.team-item {
  margin: 15px 0;
  border-radius: 0px;
  border:1px solid #e7e7e7;
}

.team-item .team-img {
  position: relative;
  cursor: pointer;
  overflow: hidden;
  border-radius: 0px;
}
.product-img:hover {  box-shadow: 0 20px 30px -12px rgba(0, 0, 0, 0.35);}
.product-item:hover .product-overlay {  opacity: 1;  border:1px solid #eb382a;}

.product-item {
  cursor: pointer;
  border-radius: 0px;
  box-shadow: 0 10px 30px -7px rgba(0, 0, 0, 0.35);
  transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  width:280px;height:210px;
}

.product-img {
  position: relative;
  cursor: pointer;
  overflow: hidden;
  border-radius: 0px;
  vertical-align: middle; text-align: center; 
}

.product-overlay{
  cursor: pointer;
  height: 100%;
  position: absolute;
  top: 0;
  opacity: 0;
  width: 280px;
  border-radius: 0px;
  transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
}
.overlay-social-icon {
  color: #fff;
  top: 40%;
  position: absolute;
  display: table-cell;
  margin: 0 auto;  width: 100%;
}

.product-img:hover .product-overlay {  opacity: 1;}

/* ==========================================================================
   Pricing Table Style
   ========================================================================== */

#pricing { text-align:center; background-color:#f0f0f0; }
#pricing .title {  padding-top: 25px; padding-bottom: 40px;}
#pricing .table {
  margin-top: 30px;
  padding-bottom: 30px;
  border-radius: 4px;
  background-color:#fff;
  min-height:360px;
  min-width:230px;
}
#pricing .table:hover{  
  box-shadow: 0px 2px 18px 0px rgba(198, 198, 198, 0.3);
  -webkit-transition: all .3s linear;
  -moz-transition: all .3s linear;
  -ms-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
#pricing .table .icon {  padding-top: 30px;}
#pricing .table .icon i {  color: #137ED9;  font-size: 42px;}
#pricing .table .pricing-header {  position: relative;  padding-bottom: 20px;  text-align: center;}
#pricing .table .description {  text-align: center;  padding: 0px 10px;  margin-bottom: 20px;}
#pricing .table:hover {  box-shadow: 0px 2px 18px 0px rgba(198, 198, 198, 0.3);  cursor:pointer;}
#pricing #active-tb {  background: #f8f9fb;  box-shadow: 0px 2px 18px 0px rgba(198, 198, 198, 0.3);}
#pricing .active {  z-index: 99999;}
.testimonial {background: #34363a;}
.owl-carousel .owl-dots {  text-align: center;  margin-top: 20px;}
.owl-carousel button.owl-dot {  display: inline-block;  zoom: 1;  display: inline;  text-align: center;}
.owl-carousel button.owl-dot span {
  display: block;
  width: 12px;
  height: 12px;
  margin: 2px 4px;
  filter: alpha(opacity=50);
  opacity: 1;
  border-radius: 30px;
  background: #fff;
  border: 2px solid #fff;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
  transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}

.owl-carousel button.owl-dot.active span, .owl-carousel button.owl-dot.clickable, .owl-carousel button.owl-dot:hover span {
  background: #137ED9;
}

.slick-slider {
  /*padding: 80px 0;*/
}
.slider-center img {
  opacity: 0.7;
  transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  padding: 63px 63px;
  position: relative;
  text-align: center;
}

.slider-center .slick-center img {
  -moz-transform: scale(1.9);
  -ms-transform: scale(1.9);
  -o-transform: scale(1.9);
  -webkit-transform: scale(1.9);
  opacity: 1;
  transform: scale(1.9);
}
.btn.disabled, .btn:disabled {  opacity: 1;}
#contact-title .contact-title .container { font-size:0; }
.contact-block { display:inline-block; width:40%; vertical-align:middle; text-align:right; }
.contact-block div { float:right; width:280px; text-align:center; }
.contact-block img { max-width:100%; height:auto; }
.contact-block div p { color:#121212; font-size:20px;  padding:20px 0 0 0; }
.contact-right-area { display:inline-block; width:49%; vertical-align:middle; margin-left:10%; }
.contact-form-area h2 {  font-size: 18px;  text-transform: uppercase;}
.contact-right {  padding: 4px;}
.contact-right .single-contact {
  margin: 30px 0px 40px 0;
  padding: 3px 0 3px 80px;
  position: relative;
  color: #abacae;
}
.contact-right .single-contact:first-child{margin-top:0}
.contact-right .single-contact p.title {
  color: #a8a8a8;
  font-size: 18px;
  font-style: italic;
}
.contact-right .single-contact p.des,.contact-right .single-contact p.title span {
  color: #484848;
  font-size: 20px;
  font-style: normal;
}
.contact-right .single-contact p.title span{font-size:18px;}
.contact-right .single-contact p a {
  color: #abacae;
}

.contact-right .contact-icon {
  left: 0;
  padding-top: 12px;
  position: absolute;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 60px;
}
#contact-title.contact-title { background:#fff; padding:150px 0 150px 0; }
.contact-block1 { display:none; }

@media(max-width: 767px) {
	#contact-title.contact-title { width:90%; margin:0 auto; }
	.contact-block { display:none; }
	.contact-block1 { display:block; width:100%; text-align:left; margin:0 0 30px 0; }
	.contact-block div { float:none; width:auto;  text-align:left; }
	.contact-block div img { width:50%; }
	.contact-right-area { width:100%; }
	#contact-title.contact-title { padding:50px 0 50px 0; }
	.contact-right .contact-icon img { width:80%; }
	.contact-right .single-contact { margin:20px 0px 20px 0; }
	.contact-block div p { width:50%; font-size:15px; padding:10px 0 0 0; text-align:center; }
}


#contact {  position: relative;  overflow: hidden;}
#contact #contactForm {margin-top: 30px;}
.text-danger {  font-size: 14px;  margin-top: 10px;}
.list-unstyled li {  color: #d9534f;}

#conatiner-map {
  margin-top: 30px;
  text-align: center;
  background-color: #fff;
  height: 480px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 101;
  width: 100%;
}
.h3 {  font-size: 16px;  margin-top: 26px;}
.companyphoto{text-align: center;}
.photo{text-align: center;}


/* Footer Area Start */
.footer-area { padding:60px 0; background:#303030; }
.footer-area .footer-titel { font-size:38px; font-style:italic; color:#fff; padding-bottom:10px; letter-spacing:0.5px; margin-bottom:80px; }
.footer-area .footer-titel span { font-size:20px; color:#a3a3a3; }
.footer-area ul li { margin-bottom: 10px;}
.footer-area ul li a { color:#ccc; font-size:14px; font-weight:400; }
.footer-area ul li a:hover {  color: #137ED9;}
#copyright { background:#303030; border-top:2px solid #585858; padding:5px; }
#copyright p { font-size:16px; line-height:42px; color:#808080; text-align:center; margin:0; }

#copyright p span{font-family: Arial;}
#copyright p a {  color: #fff;}
#copyright p a:hover {  color: #137ED9;}

/* only small tablets */
@media (min-width: 768px) and (max-width: 991px) {
	.section-title , .sub-title{font-size: 36px;margin-bottom: 30px;}
	.des-title{font-size:20px}
	.services-item .services-content h3 a {font-size: 16px;}
	#about .sec-title h3, .sys-product h2, .logistics h2 {font-size: 30px;line-height: 42px;}
	.title-hl {font-size: 30px;}
	.text-wrapper {padding: 60px 30px;}
	.why .content h3 {font-size: 30px;}
	#pricing-table .title h3 {font-size: 14px;}
	.slider-center img {padding: 40px 60px;}
	.subscribes h4 {font-size: 30px;}
	.footer-area .footer-titel {margin-top: 30px;}
	.contact-right-area {margin-top: 30px;}
	#nav-main li a.nav-link {
	padding-top: 18px;
	}
	.dropdown .dropdown-item span{display:none;font-size:10px;}
	.dropdown .dropdown-item:focus,
	.dropdown .dropdown-item:hover,
	.dropdown .dropdown-item.active {
	color: #E91E63 !important; background-color:transparent; 
	background:none;
	}
}
/* mobile or only mobile */
@media (max-width: 767px) {
	.section-padding,.sub-padding, .logistics.section-padding { padding: 50px 0; }
	.righttext {padding: 20px;}
	.single-product:first-child{margin-top:20px;}
	.des-title, #contact-title span,.contact-right .single-contact p.title,
	.contact-right .single-contact p.des, .contact-right .single-contact p.title span{font-size:14px}
	.section-title , .sub-title,.system .sub-title, .operate .services-content h4{
	font-size: 36px;margin-bottom: 18px;}
	.sys-product h2, .logistics h2{font-size: 22px;}
	.title-hl {font-size: 22px;}
	.navbar-brand img {margin: 5px 0;}
	#hero-area .contents {padding: 100px 0px 60px 0px;}
	#hero-area .contents .head-title {font-size: 20px;line-height: 36px;margin-bottom: 15px;}
	#hero-area .contents p{font-size: 18px;}
	#hero-area .contents .btn {margin: 5px 10px 10px 0px;}
	.text-wrapper {padding: 60px 15px;}
	#about .sec-title h3 {font-size: 22px;line-height: 36px;  }
	.why .content h3 {font-size: 18px;}
	.client-item-wrapper img {width: 70%;}
	.slick-slider {padding: 0;}
	.slider-center img {padding: 60px 40px;}
	.subscribes h4 {font-size: 22px;}
	.subscribes p {font-size: 16px; line-height: 28px; }
	.footer-right-contact .single-contact {margin: 10px 7px;padding: 3px 45px;}
	.footer-area .footer-titel {margin-top: 30px;font-size:28px;}
	.contact-right-area {margin: 20px 0;}
	.contact-form-area h2, .system .description,.sys-product .description,
	.logistics .description, .operate .services-content p {font-size: 14px;}
	.goodness .row>div{padding: 0px 15px 30px 15px;}
	.goodness .title {padding:15px 0 !important;}
	.goodness .section-header { margin:0 !important; }
	.goodness .sub-title {padding:0 0 0px 0 !important; margin-bottom:0; }
	.goodness h5 {font-size: 16px;}
	.goodness .description {padding: 20px 30px 0 20px;font-size: 14px;}
	.des-title {margin-top:20px;}
	#success{padding: 50px 0 0 0;}  
	.social-icon a{width:80px; height:80px;padding:20px; line-height: 25px;}
	.social-icon a img{width:60%;}
	#footer .container{max-width:90%;}
	.thereset .row>div:nth-child(1){border-bottom:none}
	.thereset .row>div:nth-child(2){border-bottom:1px solid #d2d2d2; }
	.thereset .row>div:nth-child(3){border-right:1px solid #d2d2d2; }
	.goodness .row>div:nth-child(1), .goodness .row>div:nth-child(3), .goodness .row>div:nth-child(5) { border:none !important; width:50%; padding-bottom:0; }
	.goodness .row>div:nth-child(2), .goodness .row>div:nth-child(4), .goodness .row>div:nth-child(6) { border:none !important; width:50%; padding-bottom:0; }
}
@media (max-width:673px) {
	.footer-area .footer-titel { text-align:left !important; margin-bottom:30px; }
	#footer .social-icon { -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; }
	#footer .social-icon a { width:60px; height:60px; padding:10px; vertical-align:middle; }
	#footer .social-icon .row { display:block; }
	#footer .social-icon .col { text-align:left; display:block; flex-basis:auto; }
	#footer .social-icon .contact { display:inline-block; font-size:17px; padding:0 10px 0 0; vertical-align:middle; }
	#footer .social-icon .number { display:inline-block; font-size:15px; padding:0; vertical-align:middle; }
	#copyright p span { display:none; }
	#copyright p a { display:none; }
	.footer-area { padding:20px 0; }

}

/* history */
#history { background:#f4f4f4; padding:120px 0 30px 0; }
#history .container .row { -webkit-justify-content:center; justify-content:center; -moz-box-pack:center; -webkit--moz-box-pack:center; box-pack:center; }
#history .sub-title { padding:0 0 10px 0; }
#history .history { position:relative; }
#history .contain div img { max-width:928px; width:100%; }
#history .company-more { position:absolute; bottom:0; left:50%; margin:0 0 0 -20px; }
#history .contain { width:100%; position:relative; margin:0 auto; padding:0 0 100px 0; height:580px; overflow:hidden; text-align:center; }
#history .open-btn { position:absolute; width:100%; bottom:-20px; height:100px; background:linear-gradient(180deg,rgba(255,255,255,0),#f4f4f4); }
#history .open-btn a { display:inline-block; margin-top:46px; }

@media (min-width: 768px) and (max-width: 991px) {
	#history { padding:80px 0 30px 0; }
	#history .contain { height:450px; padding:0 0 80px 0; }
}
@media(max-width: 767px) {
	#history { padding:50px 0 20px 0; }
	#history .contain { height:330px; padding:0 0 40px 0;}
}

/* elegant */
#elegant { padding:130px 0 160px 0; }
#elegant .aboutus-list { width:1120px; margin:0 auto; height:100%; }
#elegant .sub-title { margin:0 0 110px 0; }
#elegant .swiper-slide p { text-align:left; padding:10px 0 0 0; display:block; color:#414141; font-size:18px; }
#elegant .swiper-slide img { width:360px; height:240px; }
#elegant .swiper-button-next, .swiper-container-rtl .swiper-button-prev { height:auto; width:auto; background:none; left:50%; top:0; margin:0 0 0 48.2%; }
#elegant .swiper-button-prev, .swiper-container-rtl .swiper-button-next { height:auto; width:auto; background:none; left:auto; top:0; right:50%; margin:0 48.2% 0 0; }
#elegant .swiper-button-next img:last-child, .swiper-container-rtl .swiper-button-prev img:last-child,
#elegant .swiper-button-prev img:last-child, .swiper-container-rtl .swiper-button-next img:last-child { display:none; }
#elegant .swiper-button-next.swiper-button-disabled,
#elegant .swiper-button-prev.swiper-button-disabled { opacity:1; }
#elegant .swiper-button-next.swiper-button-disabled img:first-child,
#elegant .swiper-button-prev.swiper-button-disabled img:first-child { display:none; }
#elegant .swiper-button-next.swiper-button-disabled img:last-child,
#elegant .swiper-button-prev.swiper-button-disabled img:last-child { display:block; }
 
 /* sp-elegant */
#sp-elegant { display:none; padding:70px 0 50px 0; }
#sp-elegant .aboutus-list { width:1120px; margin:0 auto; height:100%; }
#sp-elegant .sub-title { margin:0 0 50px 0; }
#sp-elegant .sp-elegant { font-size:0; width:92%; margin:0 auto; }
#sp-elegant .sp-elegant li { display:inline-block; width:50%; vertical-align:top; text-align:center; }
#sp-elegant .sp-elegant li img { width:90%; }
#sp-elegant .sp-elegant p { text-align:left; padding:10px 5% 30px 5%; display:block; color:#414141; font-size:18px; }

@media (max-width:1191px){
	#elegant .swiper-button-next, .swiper-container-rtl .swiper-button-prev { margin:0 0 0 51.2%; }
	#elegant .swiper-button-prev, .swiper-container-rtl .swiper-button-next { margin:0 51.2% 0 0; }
}

@media (max-width:768px){
	#elegant { display:none; }
	#sp-elegant { display:block; }
}
@media (min-width: 576px){
	#sp-elegant .container { max-width:none; }
}
@media (max-width: 576px){
	#sp-elegant .sp-elegant p { font-size:16px; }
}

/*header info*/
.header-info-wrap{ background-color:#343434; }
.header-info{ width:1200px; height:30px; margin:0 auto; color:#bfbfbf; line-height:30px; }
.header-info .slogan, .header-info .link { padding:0; }
.header-info .slogan { font-family:arial; line-height:28px; }
.header-info .link { font-size:0; line-height:0; }
.header-info .link a { color:#fff; }
.header-info .link a:hover { color:#fff; text-decoration:underline; cursor:pointer; }
.header-info .link span { padding:0 13px; }

/*dropdown  menu language*/
.header-info .link .dropdown { margin-left:8px; font-size:14px; line-height:30px; }
.dropdown-toggle::after { display:inline-block; margin-left:1px; vertical-align:middle; content:""; border-top:.3em solid; border-right:.3em solid transparent; border-bottom:0; border-left:.3em solid transparent; }
.header-info .link .dropdown .btn{padding:0;background-color:#343434;border-radius: 0;width:98px; text-align:left;margin-top:-4px; }
.header-info .link .dropdown .btn img, .header-info .link .dropdown .dropdown-menu .dropdown-item img{margin:0 3px 0 9px}
.header-info .link .dropdown .btn:hover{background-color:#1d1d1d}
.header-info .link .dropdown-menu{background-color:#343434;z-index:1031;border-radius: 0px; width:98px; min-width:98px;margin-top:-2px;border: none; height:31px;padding:0;}
.header-info .link .dropdown-menu:before{display:none;}
.header-info .link .dropdown .dropdown-menu .dropdown-item:hover, .header-info .link .dropdown .dropdown-menu .dropdown-item:focus{background-color:#1d1d1d;text-decoration: none;}
.header-info .link .dropdown .dropdown-menu .dropdown-item:last-child,.header-info .link .dropdown .dropdown-menu .dropdown-item:first-child { border:none;  border-radius:0; }
.header-info .link .dropdown .dropdown-menu .dropdown-item{padding:0; color:#fff;}
.header-info .link .dropdown.float-right a::after { display:none; }
.header-info .link .dropdown.float-right a { text-decoration:none; margin:0; }
.header-info .link .float-right { font-size:14px; line-height:28px; }
.header-info .link .float-right a { text-decoration:underline; position:relative; margin:0 23px 0 0; }
.header-info .link .float-right a::after { content:''; height:12px; width:1px; background:#8c8c8c;right:-13px; top:4px; }

.slicknav_menu ul { background:#232323; }
.slicknav_menu ul li a:hover { color:#E91E63; }
.slicknav_menu .dropdown .dropdown-item:hover { color:#E91E63 !important; }
.slicknav_menu > ul a { color:#fff; line-height:50px; background:#232323; margin:0 5px; }
.slicknav_menu > ul ul li a { background:#131313; color:#fff !important; }
.slicknav_menu > ul > li:first-child { text-align:center; border-bottom:1px solid #404040; }
.slicknav_menu > ul > li:first-child a { width:auto; display:inline-block; color:#fff; padding:0 40px 0 40px; background:#232323 !important; }
.slicknav_menu > ul > li:first-child span { display:inline-block; height:10px; width:1px; background:#fff; }
.slicknav_nav { max-height:none; }
.slicknav_nav .slicknav_arrow { background:#494949 none repeat scroll 0 0; color:#fff; line-height:40px; width:40px; }
.slicknav_nav ul { margin:0; background:#131313; }
.slicknav_nav .dropdown.slicknav_open { padding:0 !important; }
.slicknav_nav ul li a { padding:5px 10px 5px 60px; }

#hero-area .slider-main .slick-slide img { margin:0 auto; }

@media (max-width:576px){
  .header-info .slogan{    display:none;  }
  .header-info .link{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    max-width: 35%;
  }  
}

/*navar bar*/
.navbar .container { padding:0; }
.navbar-expand-lg .navbar-nav .nav-item:last-child a { padding-right:0; }
.navbar .navbar-collapse .navbar-nav li:last-child { padding:0 10px 0 0; }
.navbar .navbar-collapse .navbar-nav li a.active { color:#1bbe94; }


@media(max-width:1200px) and (min-width:900px){
  .navbar-expand-lg .navbar-nav .nav-link{padding: 10px 25px; margin: 20px 0;}
  #hero-area .slider-main {padding-top:100px}
}
@media screen and (max-width: 991px){
  #hero-area .slider-main {padding-top:75px}
  .dropdown-menu{position: relative;}
}


/* main slider */
.slider-main .slick-dots{bottom:15px;}
.slider-main .slick-dots li button:before{color:#fff;font-size:40px;}
.slider-main .slick-dots li.slick-active button:before{color:#fff;}
.slick-dotted.slider-main{margin-bottom: 0;}
.slider-main .slick-prev, .slider-main .slick-next{z-index:999;background-color:#000;opacity:0.3;height:100px;width:60px;top:58.5%;}
.slider-main .slick-prev:hover, .slider-main .slick-next:hover{opacity:0.5}
.slider-main .slick-prev{left:0px;}
.slider-main .slick-next{right:0px;}
.slider-main .slick-prev:before{background: url(../img/prev.png) no-repeat;top:27px;left:13px;}
.slider-main .slick-next:before{background: url(../img/next.png) no-repeat;top:27px;right:13px;}
.slider-main .slick-prev:before, .slider-main .slick-next:before{content:" ";position:absolute; width:27px; height: 47px;}
.section-header .h5{font-size:20px}
.section-header .section-title{}


/* business */
#business { text-align:center; padding:79px 0 70px 0; background:#fff; }
#business .title { padding-bottom:12px;}
#business .title h4 {padding-top:18px; font-size:20px; font-weight:normal; }
#business .table { margin-top:28px; padding-bottom:49px; border-radius:4px; background-color:#fff; min-width:auto; }
#business .table .description{font-size:14px;color:#6b6b6b;}
#business .table .icon i { color:#137ED9;  font-size:42px;}
#business .table .pricing-header {  position:relative;  padding-bottom:20px;  text-align:center;}
#business .table .description {  text-align:center;  padding:0px 10px;  margin-bottom:20px;}
#business #active-tb {  background:#f8f9fb;  box-shadow: 0px 2px 18px 0px rgba(198, 198, 198, 0.3);}
#business .active {  z-index:99999;}
#business .table .icon img { border:5px solid #fff; border-radius:100%; -webkit-transition:all .3s linear; -moz-transition:all .3s linear; -ms-transition:all .3s linear; -o-transition:all .3s linear; transition:all .3s linear; }
#business .table:hover .icon img { box-shadow:0px 2px 18px 0px rgba(198, 198, 198, 0.3); }
#business .table h4 { -webkit-transition:all .3s linear; -moz-transition:all .3s linear; -ms-transition:all .3s linear; -o-transition:all .3s linear; transition:all .3s linear;  }
#business .table:hover h4 { color:#3679db; }
#business .table a { text-decoration:none; }
#business .table .more1 { display:inline-block; animation:fade-in; animation-duration:.8s; -webkit-animation:fade-in .3s; -webkit-transition:all .3s linear; -moz-transition:all .3s linear; -ms-transition:all .3s linear; -o-transition:all .3s linear; transition:all .3s linear;  }
#business .table .more2 { display:none; animation:fade-in; animation-duration:.8s; -webkit-animation:fade-in .3s; -webkit-transition:all .3s linear; -moz-transition:all .3s linear; -ms-transition:all .3s linear; -o-transition:all .3s linear; transition:all .3s linear;  }
#business .table:hover .more1 { display:none; }
#business .table:hover .more2 { display:inline-block; }
#business a { color:#acacac; text-decoration: underline; font-style:italic;font-size:14px; margin:auto;}
#business .row { display:block; text-align:center; font-size:0; }
#business .row .col-lg-auto { padding:0px 5px; }
#business .customerService { display:inline-block; width:25%; vertical-align:top; }

@keyframes fade-in {  
    0% {opacity: 0;}/*初始状态 透明度为0*/  
    40% {opacity: 0;}/*过渡状态 透明度为0*/  
    100% {opacity: 1;}/*结束状态 透明度为1*/  
}  
@-webkit-keyframes fade-in {/*针对webkit内核*/  
    0% {opacity: 0;}  
    40% {opacity: 0;}  
    100% {opacity: 1;}  
}  

/* sp-business */
#sp-business { display:none; text-align:center; padding:79px 0 70px 0; background:#fff;  }
#sp-business .title { padding-bottom:12px;}
#sp-business .title h4 {padding-top:18px; font-size:20px; font-weight:normal; }
#sp-business .table { margin-top:28px; padding-bottom:49px; border-radius:4px; background-color:#fff; min-width:auto; }
#sp-business .table .description{font-size:14px;color:#6b6b6b;}
#sp-business .table .icon {  }
#sp-business .table .icon i { color:#137ED9;  font-size:42px;}
#sp-business .table .pricing-header {  position:relative;  padding-bottom:20px;  text-align:center;}
#sp-business .table .description {  text-align:center;  padding:0px 10px;  margin-bottom:20px;}
#sp-business #active-tb {  background:#f8f9fb;  box-shadow: 0px 2px 18px 0px rgba(198, 198, 198, 0.3);}
#sp-business .active {  z-index:99999;}
#sp-business .table .icon img { border:5px solid #fff; border-radius:100%; -webkit-transition:all .3s linear; -moz-transition:all .3s linear; -ms-transition:all .3s linear; -o-transition:all .3s linear; transition:all .3s linear; }
#sp-business .table:hover .icon img { box-shadow:0px 2px 18px 0px rgba(198, 198, 198, 0.3); }
#sp-business .table h4 { -webkit-transition:all .3s linear; -moz-transition:all .3s linear; -ms-transition:all .3s linear; -o-transition:all .3s linear; transition:all .3s linear;  }
#sp-business .table:hover h4 { color:#3679db; }
#sp-business .table a { text-decoration:none; }
#sp-business a { color:#acacac; text-decoration: underline; font-style:italic;font-size:14px; margin:auto;}
#sp-business .row { display:block; text-align:center; font-size:0; }
#sp-business .row .col-lg-auto { padding:0px 5px; }
#sp-business .customerService { display:inline-block; width:25%; vertical-align:top; }

@media screen and (max-width: 991px){
	#business { display:none; }
	#sp-business { display:block; padding:40px 0 50px 0; }
	.section-title, .sub-title, .system .sub-title, .operate .services-content h4 { font-size:25px; margin-bottom:15px; }
	.section-header { margin-bottom:10px; }
	#sp-business .table { padding-bottom:0; margin-bottom:0; }
	#sp-business .table h4 { font-size:18px; }
}

@media screen and (max-width:768px){
	#sp-business .container { max-width:100%; }
	.navbar-header { width:100%; }
}
@media screen and (max-width:576px){
	#sp-business .container { max-width:100%; }
	#sp-business .customerService { width:33.33%; }
}

/* platform */
#platform { text-align:center; padding:40px 0 0 0; height:669px; background:#fff; }
#platform .nav-tabs { 
	border:none;
	padding:0 0 30px 0;
	-webkit-justify-content:center;
	justify-content:center;
	-moz-box-pack:center;
	-webkit--moz-box-pack:center; }
#platform .nav-tabs li { padding:17px 0 0 0; }
#platform .nav-tabs li a { display:inline-block; padding:0px 50px; margin:0 8px; border-radius:21px; font-size:20px; line-height:44px; color:#000; background:#e1e1e1; }
#platform .nav-tabs li a.active { color:#fff; background:#3679db; }
#platform .card-carousel { width:1123px; }
#platform .card-carousel-cards .card-carousel--card { background:none; box-shadow:none; margin:0 5px; border-radius:0; }
#platform .card-carousel-cards .card-carousel--card--footer p { color:#fff; font-size:16px; }
#platform .card-carousel--nav__left, #platform .card-carousel--nav__right { transform:rotate(0deg); }
#platform .card-carousel--nav__left, #platform .card-carousel--nav__right { border:none; width:auto; height:auto; padding:0; margin:-40px 12px 0;; } 
#platform .card-carousel-cards .card-carousel--card img { border-radius:0; }
#platform .card-carousel-wrapper { margin:0; }
#platform .card-carousel-cards .card-carousel--card img:hover { opacity:1; }
#platform .card-carousel--nav__left[disabled], .card-carousel--nav__right[disabled] { opacity:0.5; } 
#platform #mytab-content { position:relative; }
#platform .tab-content>.tab-pane { position:absolute; top:0; display:block; }
.swiper-slide { text-align:center; font-size:18px; background:none; width:80%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.swiper-slide { width:auto; }
#platform .swiper-slide p { color:#fff; font-size:16px; padding:11px 0 0 0; }
#platform .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background:none; left:50%; margin:-10px 0 0 571px; }
#platform .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background:none; left:auto; right:50%; margin:-10px 571px 0 0; }
#platform #bulletin { width:100%; padding:140px 0 100px 0;background:url('../img/bg01.jpg') center center no-repeat;  }
#platform #rule { width:100%; padding:140px 0 100px 0;background:url('../img/bg02.jpg') center center no-repeat;  }
#platform #forum { width:100%; padding:140px 0 100px 0;background:url('../img/bg03.jpg') center center no-repeat;  }
#platform .brand-list01 { width:1117px; margin:0 auto; height:100%; }
#platform .brand-list02 { width:1117px; margin:0 auto; height:100%; }
#platform .brand-list03 { width:1117px; margin:0 auto; height:100%; }

@media screen and (max-width: 1100px){
	#platform { height:586px; }
	#platform #bulletin { width:100%; padding:90px 0 70px 0;background:url('../img/bg01.jpg') center center no-repeat;  }
	#platform #rule { width:100%; padding:90px 0 70px 0;background:url('../img/bg02.jpg') center center no-repeat;  }
	#platform #forum { width:100%; padding:90px 0 70px 0;background:url('../img/bg03.jpg') center center no-repeat;  }
	#platform .brand-list01 { width:890px; margin:0 auto; height:100%; }
	#platform .brand-list02 { width:890px; margin:0 auto; height:100%; }
	#platform .brand-list03 { width:890px; margin:0 auto; height:100%; }
	#platform .swiper-button-next, .swiper-container-rtl .swiper-button-prev { left:50%; margin:-10px 0 0 461px; }
	#platform .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left:auto; right:50%; margin:-10px 461px 0 0; }
}

@media screen and (max-width:991px){
	#platform { height:450px; }
	#platform #bulletin { width:100%; padding:60px 0 40px 0;background:url('../img/bg01.jpg') center center no-repeat;  }
	#platform #rule { width:100%; padding:60px 0 40px 0;background:url('../img/bg02.jpg') center center no-repeat;  }
	#platform #forum { width:100%; padding:60px 0 40px 0;background:url('../img/bg03.jpg') center center no-repeat;  }
	#platform .brand-list01 { width:90%; margin:0 auto; height:100%; }
	#platform .brand-list02 { width:90%; margin:0 auto; height:100%; }
	#platform .brand-list03 { width:90%; margin:0 auto; height:100%; }
	#platform .swiper-button-next, .swiper-container-rtl .swiper-button-prev { left:50%; margin:-10px 0 0 461px; }
	#platform .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left:auto; right:50%; margin:-10px 461px 0 0; }
	#platform .nav-tabs li a { display:inline-block; padding:0px 25px; margin:0 5px; border-radius:21px; font-size:16px; line-height:35px; }
}


/*pricing*/
#pricing .title h4 {padding-top:40px; font-size:20px;font-weight:normal}
#pricing .table .description{font-size:14px;color:#6b6b6b;}
#pricing .table .icon{width:70px;height:70px;margin: auto;}
#pricing .customerService .table .icon{background: url(../img/service-ico-phone.png) no-repeat;}
#pricing .customerService .table:hover .icon{background: url(../img/service-ico-phone-on.png) no-repeat;}
#pricing .logisticsServices .table .icon{background: url(../img/service-ico-house.png) no-repeat;}
#pricing .logisticsServices .table:hover .icon{background: url(../img/service-ico-house-on.png) no-repeat;}
#pricing .shopSupport .table .icon{background: url(../img/service-ico-mall.png) no-repeat;}
#pricing .shopSupport .table:hover .icon{background: url(../img/service-ico-mall-on.png) no-repeat;}
#pricing .operateSupport .table .icon{background: url(../img/service-ico-sys.png) no-repeat;}
#pricing .operateSupport .table:hover .icon{background: url(../img/service-ico-sys-on.png) no-repeat;}
#pricing .supplyChain .table .icon{background: url(../img/service-ico-map.png) no-repeat;}
#pricing .supplyChain .table:hover .icon{background: url(../img/service-ico-map-on.png) no-repeat;}
#pricing a{color:#acacac; text-decoration: underline; font-style:italic;font-size:14px; display:none; position:absolute;bottom:10px;left:0;right:0;margin:auto;}
#pricing .row .col-lg-auto{padding:0px 5px;}
#pricing .table:hover h4{color:#2574ea;}
#pricing .table:hover a{display:block;}



/*success*/
#success{padding:90px 0 70px 0; }
#success .section-header{margin-bottom: 15px;}
#success .container .row{background:url(../img/map.png) no-repeat; background-size: 100%;padding-bottom:130px;padding-top:75px;}
#success .cell{padding:40px 0; border-right:1px solid #d2d2d2;}
#success .cell:last-child{border:none;}
#success .counter {font-size: 130px;line-height:1; color: #ff6c24;}
#success .counter-unit {font-size: 20px;color: #323232;}
#success .counter-des {margin-top:10px;font-size: 20px;color: #a4a4a4;line-height: 1;text-align: center;}
@media (max-width: 1200px){
  #success .counter {font-size: 100px;}
  #success .container .row{padding-bottom:100px;padding-top:60px;}
}
@media screen and (max-width: 991px){
  #success .counter {font-size: 80px;}
  #success .container .row{padding-bottom:80px;padding-top:50px;}
}
@media (max-width: 767px){
  #success .cell{padding-top:0;border: none;}  
}


/* partner */
#partner { background:url('../img/partnerbg.jpg') center top no-repeat; padding:83px 0 115px 0; }
#partner .row ul { font-size:0; text-align:center; margin:0 auto; max-width:1000px; }
#partner .row ul li { display:inline-block; }
#partner .section-header { margin-bottom:88px; }
@media (max-width: 991px){
	#partner { padding:50px 0 80px 0; }
	#partner .row { width:98%; margin:0 auto; }
	#partner .row ul li { width:25%; }
	#partner .row ul li img { width:100%; }
	#partner .section-header { margin-bottom: 58px; }
}


/*services*/
#services { background-color:#3679db; padding:44px 0 50px 0; margin:0 -104px 0 0; }
#services .title-hl { color:#fff; margin:0; padding:28px 0px 50px 0; }
#services .text-wrapper{ padding:0; }
#services .text-wrapper h2 .subtitle { font-size:36px; font-weight:normal; }
#services .services-thumb { padding-top:0px; text-align:right; }
#services .services-thumb img { max-width:100%; height:auto; }
#services ul li { text-align:left; color:#fff; font-size:18px; padding:15px 0; line-height:1; }
#services ul li span { display:inline-block; background-color:#cbcbcb; width:4px; height:4px; margin: .25rem; }
#services button { color:#353535; margin-top:45px; padding:4px 20px; font-size:18px; margin-left:-5px; }
#services button:hover { background-color:#fc8a26; color:#fff; }
#services button div { width:0; margin-right:7px; margin-top:6px; height:0; border-top:7px solid transparent; border-bottom:7px solid transparent; border-right:7px solid #353535; }
#services button:hover div { border-right-color:#fff; }
#services .row .col-lg-7 { -webkit-box-flex:0; -ms-flex:0 0 58.333333%; flex:0 0 58.333333%; max-width:58.333333%; }
#services .row .col-lg-5 { padding:0; -webkit-box-flex:0; -ms-flex:0 0 41.666667%; flex:0 0 41.666667%; max-width:41.666667%; }
 
@media (max-width: 1199px) and (min-width: 992px){
	#services { margin:0 -80px 0 0; }
	#services .text-wrapper h2 { font-size:39px; }
	#services .text-wrapper h2 .subtitle { font-size:26px; }
	#services .title-hl { padding:18px 0px 25px 0; }
	#services ul li { padding:10px 0; }
}
@media (max-width: 992px) and (min-width:768px){
	#services { margin:0 -10% 0 0; }
	#services .text-wrapper h2 { font-size:30px; }
	#services .text-wrapper h2 .subtitle { font-size:25px; }
	#services .title-hl { padding:10px 0px 15px 0; }
	#services ul li { padding:10px 0; }
	#services button { margin-top:20px; }
}
@media (max-width: 768px) and (min-width:576px){
	#services { margin:0 -10% 0 0; }
	#services .text-wrapper h2 { font-size:25px; }
	#services .text-wrapper h2 .subtitle { font-size:20px; }
	#services .title-hl { padding:15px 0px 15px 0; }
	#services ul li { padding:10px 0; font-size:16px; }
	#services button { margin-top:20px; }
}
@media (max-width:576px){
	#services .text-wrapper{ padding-left:40px; }
	#services .title-hl { 0 0px 50px 0 }
	#services .row .col-lg-7 { -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
	#services .row .col-lg-5 { -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
}



/*news*/
#news { padding:8% 0; }
#news .container .row .cell{border-bottom:1px solid #414141;padding:20px 10px; margin-bottom:20px;line-height:1;
  overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
#news .container .row .cell:hover{background-color:#f2f2f2;border-bottom-color:#f4562b;cursor:pointer;}
#news .container .row .cell:first-child{ margin-right:10px;}
#news .container .row .cell:last-child{ margin-left:10px;}
#news .container .title{font-size:20px;color:#414141; float:left;}
#news .container .date{font-size:16px;color:#a7a7a7; float:right;font-style: italic;}
#news .section-header { margin-bottom:8%; }
.sub-slide { padding-top:120px; }
.sub-slide div:first-child {  }
.sub-slide div:last-child { display:none; }
.sub-padding {padding: 120px 0;}
@media (max-width:1320px){.sub-slide{padding-top: 100px;}}
@media (max-width:992px){
	#news .container .row .cell:first-child { margin-right:0px; }
	#news .container .row .cell:last-child { margin-left:0px; }
	.sub-slide { padding-top:75px; }
	.sub-slide div:first-child { display:none; }
	.sub-slide div:last-child { display:block; }
}
@media (max-width: 576px){
    .sub-padding .container { width:90%; margin:0 auto; }
	.sub-padding .des-title { line-height:1.6; }
}





/* about us*/
.sub-title{
  color: #585b60;
  font-size: 48px;
  text-align: center;
  font-weight: normal;
  letter-spacing: 1px;
  line-height: 1;
  padding: 0 10px;
  position: relative;
  margin-bottom:20px;
}

.des-title { width:78%; margin:0 auto; font-size:26px; text-align:center; line-height:45px; margin-top:50px; color:#2e2e2e; }

.goodness { text-align:center; background:#efefef; padding:120px 0 167px 0; }
.goodness .section-header { margin-bottom:27px; }
.goodness .icon { transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s; -o-transition:all 0.3s ease-in-out 0s;  }
.goodness .icon img { margin-top:11px; width:55%; max-width:115px; }
.goodness .sub-title { padding:20px 0 0 0; color:#414141; }
.goodness .title { text-align:center; padding:80px 0 56px 0; }
.goodness  h5 { font-size:26px; color:#2e2e2e; line-height:1.4; }
.goodness .row>div { padding:0 30px 0 30px; }

.goodness .description { padding:30px 50px 0 50px; font-size:16px; }
#success.aboutus .container .row { background:none; }
.aboutus-partner .sub-title { color:#414141; }
.aboutus-success .sub-title { color:#414141; }
.aboutus-history .sub-title { color:#414141; }



/*system*/
.system .sub-title{font-size:55px;}
.system .description{font-size:18px;text-align: center;color:#8e8e8e;margin-top:10px;}
.sys-product .text-left{margin:auto 0}
.sys-product h2{font-size:42px;font-weight:normal}
.sys-product .description{font-size:24px;line-height: 28px; color:#7b7b7b;padding-top:20px;margin:auto 0;font-weight:normal;}
.sys-product ul {    margin-top: 20px;
  list-style-type: disc;
  margin-left: 20px;}
.sys-product ul li{ color: #4a4a4a;
  padding: 10px 0 10px 0px;
  list-style-type: disc;}
.righttext{display:inline-flex;align-items:center;}

/*contact us*/
#contact-title .des-title{color:#353535;margin-top:30px;margin-bottom:0}
#contact-title span{color:#b4b4b4;font-size: 20px;}
#contact-title .social-icon .row{margin-bottom:25px;}
#contact-title .social-icon a{background-color:#2b6fd1; width:60px;height:60px;line-height: 50px;margin:0;}
#contact-title .social-icon .title{color:#a8a8a8;font-size:18px; font-style:italic}
#contact-title .social-icon .des{color:#484848;font-size:20px}
contact-title


/* services */
.logistics.section-padding{padding:120px 0;}
.logistics h2{font-size:50px; font-weight:normal }
.logistics .description{font-size:28px;padding:20px 0 10px 0; line-height: 40px;}
.system.logistics{padding:120px 0}
.system.logistics .sub-title{margin:0}
.system.logistics .description{padding-top:40px; padding-bottom:100px;}
.orangenumber{font-size:60px; color:#f87515;}
.product .top-border{border-top: solid 1px #2a2a2a;}
.product .row{border-bottom:#e0e0e0 solid 1px;padding:20px 0;}
.system .title-border{width:156px; border-bottom: 7px solid #f5ae37; margin:auto;}
.single-product{
  margin: 10px 0px;
  padding: 0 0 0 80px;
  position: relative;
}
.single-product:first-child{margin-top:0;}
.single-product .category{
  color: #adabab;
  font-size: 18px;
  font-style: italic;
  left: 0;
  position: absolute;
  text-align: center;
  width: 60px;
}
.single-product p{font-size:18px; color:#383838;}
.single-product p a{color:#a8a8a8}
.single-product p a:hover{color:#f15b38; text-decoration:underline ;}
.operate .row{border-bottom: dashed 1px #bfbfbf;padding: 35px 0 35px 0;}
.operate .row:last-child{border:none;}
.operate .section-header{margin-bottom:120px;}
.operate .services-content h4{font-size:32px; color:#3c3c3c; font-weight: normal; margin:10px 0 20px 0;}
.operate .services-content p{font-size: 20px; color: #999999;;}
.operate .operate-button a{color:#ffffff;  }
.operate .operate-button a:hover{color:#f89e2a;  }
.operate .operate-button a:active{color:#ffffff;  }
.operate .operate-button{text-align: center; margin:80px 0 80px 0;}
.operate .operate-button button{background-color:#f89e2a;  border-radius: 5px; font-size:24px;}
.operate .operate-button button:hover{background-color:transparent;color:#f89e2a;  }

/* maintain */
.maintain{
  height: 1080px;
  margin-top: 120px;
  padding-top: 250px;
  text-align: center;
  background: #f6f6f6;
}

#pic02 { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.5); z-index:9999999; }
#pic02 img {  position:absolute; top:50%; margin-left:-180px; margin-top:-120px; left:50%; }


/* EC service */
.ecService-word01 { padding:120px 0 0 0; }
.ecService-word01 .section-header { margin:0; }
.ecService-word01 .sub-title { margin:0; color:#414141; }
.ecService-word01 .des-title { margin:30px auto 0 auto; color:#8e8e8e; }

.ecService-iamge01 { padding:100px 0 0 0; text-align:center; }
.ecService-iamge01 img {  max-width:1094px; width:100%; }
.ecService-iamge01 .table { margin:0; }

.ecService-iamge02 { padding:0 0 120px 0; text-align:center; background:#f4f4f4; }
.ecService-iamge02 .sub-title { margin:0; color:#414141; }
.ecService-iamge02 .row { -webkit-justify-content:center; justify-content:center; -moz-box-pack:center; -webkit--moz-box-pack:center; box-pack:center; align-items:center; }
.ecService-iamge02 .row div { margin:0 5.5%; }
.ecService-iamge02 .row div img { width:100%; max-width:288px; }
.ecService-iamge02 .sub-title { padding:100px 0 50px 0; }
.ecService-iamge01 .table { margin:0 0 30px 0; }
.ecService-iamge02 .row ul img { width:100%; max-width:387px; }

.ecService-iamge03 { padding:80px 0 120px 0; text-align:center; }
.ecService-iamge03 .sub-title { margin:0; color:#414141; padding:0 0 90px 0; }
.ecService-iamge03 .row { -webkit-justify-content:center; justify-content:center; -moz-box-pack:center; -webkit--moz-box-pack:center; box-pack:center; align-items:center; }
.ecService-iamge03 ul { text-align:center; font-size:0; width:100%; }
.ecService-iamge03 ul li { display:inline-block; width:25%; }
.ecService-iamge03 ul li img { width:100%; max-width:239px; }

.ecService-iamge04 { padding:80px 0 120px 0; text-align:center; background:#f4f4f4; box-shadow:0 3px 5px #e1e1e1; }
.ecService-iamge04 .row { -webkit-justify-content:center; justify-content:center; -moz-box-pack:center; -webkit--moz-box-pack:center; box-pack:center; align-items:center; }
.ecService-iamge04 .sub-title { margin:0; color:#414141; padding:0 0 40px 0; }
.ecService-iamge04 .row img { width:90%; max-width:1075px; }
.ecService-btn { margin:0 auto; text-align:center; -webkit-justify-content:center; justify-content:center; -moz-box-pack:center; -webkit--moz-box-pack:center; box-pack:center; align-items:center;  }
.ecService-btn a { display:inline-block; border-radius:6px; margin:50px 0 50px 0; width:388px; line-height:59px; background:#307be7; color:#fff; font-size:25px; padding:0; }

@media (max-width: 1200px){
	.ecService-iamge02 .row ul { display:inline-block; width:33.33%; }
	.ecService-iamge02 .row div { display:inline-block; width:33.33%; margin:0; text-align:center; }
	.ecService-iamge02 .row div img { width:70%; }
}
@media (max-width: 991px){
	.ecService-iamge02 { padding:0 0 80px 0; }
	.ecService-word01.sub-padding { padding:50px 0 20px 0; }
	.ecService-iamge01.sub-padding { padding:0 0 0 0; }
	.ecService-iamge02 .sub-title { padding:60px 0 40px 0; }
	.ecService-iamge03 { padding:80px 0 100px 0; }
	.ecService-iamge03 .sub-title { padding:0 0 50px 0; }
}
@media (max-width: 767px){
	.ecService-iamge02 { padding:0 0 50px 0; }
	.ecService-word01.section-padding, .ecService-word01 .logistics.section-padding { padding:20px 0; }
	.ecService-iamge01.section-padding, .ecService-iamge01 .logistics.section-padding { padding:0 0 0 0; }
	.ecService-iamge02 .sub-title { padding:50px 0 30px 0; }
	.ecService-iamge02 .container { max-width:95%; }
	.ecService-iamge03 { padding:80px 0 80px 0; }
	.ecService-btn a { display:inline-block; border-radius:0; margin:0 0 0 0; width:100%; line-height:59px; background:#307be7; color:#fff; font-size:20px; padding:0; }

}


/* train */
.train-01 .sub-title { margin:0 0 100px 0; text-align:center; color:#414141; }
.train-01 .row { -webkit-justify-content:center; justify-content:center; -moz-box-pack:center; -webkit--moz-box-pack:center; box-pack:center; align-items:top; }
.train-01 .row .table { text-align:center; vertical-align:top; font-size:0; }
.train-01 .row .table h5 { color:#3d3d3d; padding:40px 5% 0 5%; font-size:1.15rem; line-height:1.5; }
.train-01 .row .table img { width:90%; max-width:243px; }
#train-02 .nav-tabs { margin:0 auto; border-bottom:1px solid #bfbfbf; padding:0 0 30px 0; -webkit-justify-content:center; justify-content:center; -moz-box-pack:center; -webkit--moz-box-pack:center; box-pack:center; align-items:top; }
#train-02 .nav-tabs li { padding:17px 0 0 0;  position:relative; }
#train-02 .nav-tabs li a { display:inline-block; padding:0px 40px; margin:0 4px; border-radius:21px; font-size:20px; line-height:44px; color:#000; border:1px solid #bfbfbf; }
#train-02 .nav-tabs li a.active { color:#fff; background:#3679db; border:1px solid #3679db; }
#train-02 .container-inner .nav-tabs { width:1200px; margin:0 auto; }
#train-02 .container-inner #mytab-content { width:100%; border-bottom:1px solid #bfbfbf; padding:0 0 150px 0; }
#train-02 .container-inner #mytab-content > div { margin:0 auto; width:1200px; }
#train-02 .shape { display:none; width:0; height:0; position:absolute; bottom:-31px; left:50%; margin:0 0 0 -5px; border-top:solid 10px transparent; border-right:solid 10px transparent; border-bottom:solid 10px #bfbfbf; border-left:solid 10px transparent; }
#train-02 .shape:after { content:""; width:0; height:0; position:absolute; left:-10px; top:-9px; border-top:solid 10px transparent; border-right:solid 10px transparent; border-bottom:solid 10px white; border-left:solid 10px transparent; }
#train-02 .nav-tabs .active ~ .shape { display:block; }
#train-02 .sub-title { padding:80px 0 0 0; }
#train-02 .container-inner { padding:0; }
#train-02 .container-inner .nav-tabs { border:0; -webkit-justify-content:left; justify-content:left; -moz-box-pack:left; -webkit--moz-box-pack:left; }
#train-02 .container-inner .nav-tabs li { padding:0; }
#train-02 .container-inner .nav-tabs li a { border-radius:7px; font-size:16px; line-height:34px; padding:0 30px; margin:0 6px 10px 0; }
#train-02 .container-inner .tab-content { font-size:0; }
#train-02 .container-inner .tab-content ul li { display:inline-block; margin:0 60px 80px 0; }
#train-02 .container-inner .tab-content ul li:nth-child(3n) { margin:0; }
#train-02 .container-inner .tab-content ul li p { font-size:18px; color:#414141; }
#train-02 .container-inner .tab-content ul li:hover p { text-decoration:underline; color:#f46405; }
#train-02 .container-inner > .tab-pane { display:none; }
#train-02 .container-inner > .tab-pane { display:none; }
#train-02 .container-inner > .tab-pane.active { display:block; }
#train-02 .container-inner .empty { font-size:25px; text-align:center; padding:130px 0 200px 0; color:#b7b7b7; box-shadow:0 3px 5px #e1e1e1; }
#train-02 .train-btn { margin:0 auto; text-align:center; -webkit-justify-content:center; justify-content:center; -moz-box-pack:center; -webkit--moz-box-pack:center; box-pack:center; align-items:center;  }
#train-02 .train-btn a { display:inline-block; border-radius:6px; margin:0 0 50px 0; width:282px; line-height:59px; background:#307be7; color:#fff; font-size:25px; padding:0; }

@media (max-width: 1200px){
	#train-02 .container-inner .nav-tabs { width:900px; margin:0 auto; }
	#train-02 .container-inner #mytab-content > div { width:900px; margin:0 auto; }
	#train-02 .container-inner #mytab-content > div li { margin:0 45px 50px 0; }
	#train-02 .container-inner #mytab-content > div li:nth-child(3n) { margin:0 0 60px 0; }
	#train-02 .container-inner #mytab-content > div iframe { width:270px; height:auto; }
}
@media (max-width: 991px){
	#train-02 .container-inner .nav-tabs { width:95%; margin:0 auto; -webkit-justify-content:center; justify-content:center; -moz-box-pack:center; -webkit--moz-box-pack:center; box-pack:center; align-items:top; }
	#train-02 .container-inner #mytab-content > div { width:95%; margin:0 auto; text-align:left; }
	#train-02 .container-inner #mytab-content > div li { width:50%; margin:0 0 60px 0; vertical-align:top; }
	#train-02 .container-inner #mytab-content > div li:nth-child(3n) { margin:0 0 60px 0; }
	#train-02 .container-inner #mytab-content > div iframe { width:95%;; height:auto; }
	#train-02 .train-btn a { margin:50px 0 50px 0; }
	#train-02 .nav-tabs li a { font-size:18px; padding:0 25px; line-height:36px; }
	#train-02 .section-header { margin:0; }
}
@media (max-width: 767px){
	.train-01 .row .table { margin:0 0 7% 0; }
	.train-01 .sub-title { margin:0 0 50px 0; }
	.train-01 .row > div { padding:0; }
	.train-01 .row .table .title { display: inline-block; width:40%; vertical-align:middle; }
	.train-01 .row .table .title img { width:70%; }
	.train-01 .row .table h5 { display: inline-block; width:55%; padding:0 0 0 3%; text-align:left; vertical-align:middle; font-size:15px; }
	#train-02 .sub-title { padding:50px 0 0 0; }
	#train-02 .container-inner #mytab-content { padding:0 0 50px 0; }
	#train-02 .train-btn  a { display:inline-block; border-radius:0; margin:0 0 0 0; width:100%; line-height:59px; background:#307be7; color:#fff; font-size:20px; padding:0; }
	#train-02.section-padding { padding:50px 0 0 0; }
	#train-02 .container-inner #mytab-content > div p { font-size:16px; }
	#train-02 .container-inner .empty { font-size:18px; padding:70px 0 100px 0; }
}


/* brand Introduce */
.brand01 { padding:120px 0 40px 0; }
.brand01 .section-header { margin-bottom:25px; }
.brand01 .sub-title { margin:0; color:#414141; }
.brand01 .des-title { width:90%; font-size:17px; margin:0 auto; line-height:1.5; color:#737373; }
.brand01 .brand01-mod { width:100%; margin:50px auto 0 auto; text-align:center; -webkit-justify-content:center; justify-content:center; -moz-box-pack:center; -webkit--moz-box-pack:center; box-pack:center; align-items:top; }
.brand01 .brand01-mod img { width:100%; max-width:1149px; }
.brand01 .brand01-btn { margin:0 auto; text-align:center; -webkit-justify-content:center; justify-content:center; -moz-box-pack:center; -webkit--moz-box-pack:center; box-pack:center; align-items:center;  }
.brand01 .brand01-btn a { display:inline-block; border-radius:6px; margin:50px 0 50px 0; padding:0 50px; line-height:59px; background:#307be7; color:#fff; font-size:25px; }

.brand02 { padding:90px 0 60px 0; text-align:center; background:#f4f4f4; box-shadow:0 3px 5px #e1e1e1; }
.brand02 .sub-title { margin:0; text-align:center; color:#414141; }
.brand02 .des-title { width:90%; margin:30px auto 0; font-size:17px; line-height:1.5; color:#737373; }
.brand02 .section-header { margin:0; }
.brand02-btn { margin:0 auto; text-align:center; -webkit-justify-content:center; justify-content:center; -moz-box-pack:center; -webkit--moz-box-pack:center; box-pack:center; align-items:center;  }
.brand02-btn a { display:inline-block; border-radius:6px; margin:50px 0 50px 0; padding:0 50px; line-height:59px; background:#307be7; color:#fff; font-size:25px; }
.brand02 .dertail { width:238px; min-height:230px; margin:0 auto; text-align:left; padding:10px; background:#fff; color:#353535; }
.brand02 .dertail h3 { font-size:18px; }
.brand02 .dertail p { font-size:16px; line-height:1.8; }
.brand02 .table { padding:40px 0 0 0; }
.brand02 .table ul li { width:25%; margin:0 0 30px 0; }

@media (max-width: 991px){
	.brand02 .table { padding:0; margin:0 0 40px 0; }
}
@media (max-width: 767px){
	.brand01 .des-title { font-size:15px; }
	.brand02 .des-title { font-size:15px; }
	.brand01 .brand01-btn a { margin:30px 0 30px 0; padding:0 27px; line-height:40px; font-size:18px; }
	.brand01.sub-padding { padding:50px 0 0 0; }
	
}
@media (max-width: 767px){
	.brand02 .table ul li { -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%; }
	.brand02.sub-padding { padding:50px 0 0 0; }
	.brand02 .table ul li img { width:100%; }
	.brand02 .table .dertail { width:100%; }
	.brand02 .dertail h3 { font-size:16px; }
	.brand02 .dertail p { font-size:14px; line-height:1.5; }
	.brand02-btn a { display:inline-block; border-radius:0; margin:0 0 0 0; width:100%; line-height:59px; background:#307be7; color:#fff; font-size:20px; padding:0; }
}


/* market */
.market01.sub-padding { border-bottom:1px solid #dfdfdf; }
.market01 .sub-title { margin:0; color:#414141; }
.market01 .section-header { margin:0 0 100px 0; }
.market01 .row { -webkit-justify-content:center; justify-content:center; -moz-box-pack:center; -webkit--moz-box-pack:center; box-pack:center; align-items:center; }
.market01 .row > div:first-child { margin:0 0 0 11%; }
.market01 .row > div:first-child img { max-width:393px; width:100%; }
.market01 .row > div:last-child { margin:0 0 0 5%; font-size:24px; line-height:2; color:#3d3d3d; }
.market-btn { margin:0 auto; text-align:center; -webkit-justify-content:center; justify-content:center; -moz-box-pack:center; -webkit--moz-box-pack:center; box-pack:center; align-items:center;  }
.market-btn a { display:inline-block; border-radius:6px; margin:50px 0 100px 0; padding:0 50px; line-height:59px; background:#307be7; color:#fff; font-size:25px; }


@media (max-width:1200px){
	.market01 .row > div:first-child { width:40%; margin:0; text-align:center; }
	.market01 .row > div:first-child img { width:100%; }
	.market01 .row > div:last-child { margin:0; margin:0 0 0 5%; width:55%; -webkit-box-flex: 0; -ms-flex:0 0 55%; flex:0 0 55%; max-width:55%; font-size:20px; } 
}
@media (max-width: 767px){
	.market01.sub-padding { padding:50px 0 30px 0; }
	.market01 .row > div:first-child { margin:0; -webkit-box-flex: 0; -ms-flex:0 0 100%; flex:0 0 100%; text-align:center; }
	.market01 .row > div:first-child img { width:80%; }
	.market01 .row > div:last-child { max-width:90%; margin:0; -webkit-box-flex: 0; -ms-flex:0 0 100%; flex:0 0 100%; font-size:17px; line-height:1.5; -webkit-justify-content:center; justify-content:center; -moz-box-pack:center; -webkit--moz-box-pack:center; box-pack:center; } 
	.market01 .row > div:last-child .description { text-align:center; }
	.market01 .section-header { margin:0 0 30px 0; }
	.market-btn a { display:inline-block; border-radius:0; margin:80px 0 0 0; width:100%; line-height:59px; background:#307be7; color:#fff; font-size:20px; padding:0; }
}


/* delivery */
.delivery .section-header { margin:0 0 90px 0; }
.delivery .sub-title { margin:0; color:#414141; }
.delivery img { max-width:1180px; width:100%; }
.delivery .row { -webkit-justify-content:center; justify-content:center; -moz-box-pack:center; -webkit--moz-box-pack:center; box-pack:center; }
.delivery-btn { margin:0 auto; text-align:center; -webkit-justify-content:center; justify-content:center; -moz-box-pack:center; -webkit--moz-box-pack:center; box-pack:center; align-items:center;  }
.delivery-btn a { display:inline-block; border-radius:6px; margin:50px 0 100px 0; padding:0 50px; line-height:59px; background:#307be7; color:#fff; font-size:25px; }

@media (max-width: 767px){
	.delivery .section-header { margin:0 0 40px 0; }
	.delivery-btn a { display:inline-block; border-radius:0; margin:30px 0 0 0; width:100%; line-height:59px; background:#307be7; color:#fff; font-size:20px; padding:0; }
}



/* agent */
.agent01 { background:#fff; padding:120px 0 250px 0; }
.agent01 .row { text-align:center; font-size:0; -webkit-justify-content:center; justify-content:center; -moz-box-pack:center; -webkit--moz-box-pack:center; box-pack:center; align-items:top; }
.agent01 .row > ul { width:31%; }
.agent01 .row .wow.fadeInUp { width:38%; margin:13% 0 0 0; }
.agent01 .row .wow.fadeInUp img { width:100%; max-width:308px; }
.agent01 .agent01-box img { width:auto; }
.agent01 .agent01-left { display:inline-block; }
.agent01 .agent01-right { display:inline-block; }
.agent01 .row > ul > li { font-size:18px; min-height:36%; }
.agent01 .row .agent01-leftarea { text-align:left; }
.agent01 .row .agent01-leftarea .agent01-left { float:left; width:60%; }
.agent01 .row .agent01-leftarea .agent01-right { float:right; }
.agent01 .row .agent01-rightarea { text-align:right; }
.agent01 .row .agent01-rightarea .agent01-left { float:left; }
.agent01 .row .agent01-rightarea .agent01-right { float:right; width:60%; }
.agent01 .row .agent01-box h5 { font-size:1.45rem; color:#252525; line-height:1.0; }
.agent01 .row .agent01-box li { font-size:1.15rem; color:#6c6c6c; line-height:1.4; margin:15px 0 15px 0; }
.agent01 .section-header h5 { padding:0 0 80px 0; font-size:1.45rem; color:#a2a2a2; }
.agent02 { background:#f4f4f4; padding:120px 0 70px 0; }
.agent02 .sub-title { margin:0 0 110px 0; }
.agent02 .row ul { font-size:0; text-align:center; }
.agent02 .row ul li { width:20%; display: inline-block; vertical-align:top; }
.agent02 .row ul li img { width:100%; max-width:108px; }
.agent02 .row ul li .dertail { font-size:19px; color:#414141; margin:20px 0 50px 0; }
.agent02-btn { margin:0 auto; text-align:center; -webkit-justify-content:center; justify-content:center; -moz-box-pack:center; -webkit--moz-box-pack:center; box-pack:center; align-items:center;  }
.agent02-btn a { display:inline-block; border-radius:6px; margin:50px 0 100px 0; padding:0 50px; line-height:59px; background:#307be7; color:#fff; font-size:25px; }

@media (max-width:1200px){
	.agent01 .row .wow.fadeInUp { margin:20% 0 0 0; }
}
@media (max-width: 991px){
	.agent01 .row .wow.fadeInUp { width:30%; margin:16% 0 0 0; }
	.agent01 .row .wow.fadeInUp img { width:80%; }
	.agent01 .row > ul { width:35%; }
	.agent01 .container { max-width:96%; }
	.agent01 .row .agent01-box h5 { font-size:22px; }
	.agent01 .row .agent01-box li { font-size:18px; line-height:1.4; }
	.agent01 .agent01-box img img { width:84%; }
	.agent01 .row > ul > li { font-size:16px; min-height:30%; }
}
@media (max-width: 767px){
	.agent01 .row .wow.fadeInUp { width:30%; margin:5% 0 12% 0; }
	.agent01 .row .wow.fadeInUp img { width:90%; }
	.agent01 .row > ul { width:80%; }
	.agent01 .row > ul > li { font-size:18px; min-height:auto; margin:0 0 10% 0; }
	.agent01 .section-header h5 { padding:0 0 30px 0; font-size:16px; }
	.agent01 .row .agent01-box h5 { font-size:18px; }
	.agent01 .row .agent01-box li { font-size:16px; line-height:1.4; }
	.agent01 .sub-title { margin:0 0 10px 0; }
	.agent02 .row ul li .dertail { font-size:15px; margin:10px 0 30px 0; }
	.agent02.sub-padding { padding:50px 0 0 0; }
	.agent02.sub-padding .container { width:100% }
	.agent02 .row ul li .dertail { font-size:13px; }
	.agent02 .sub-title { margin:0 0 40px 0; }
	.agent02-btn a { display:inline-block; border-radius:0; margin:0 0 0 0; width:100%; line-height:59px; background:#307be7; color:#fff; font-size:22px; padding:0; }
}


/* sys-product */
.sys-product.section-padding.under-border { border-bottom:1px solid #dfdfdf; }
.sys-product.section-padding.under-borders { box-shadow:0 3px 5px #dfdfdf; }
.sys-product-btn { margin:0 auto; text-align:center; -webkit-justify-content:center; justify-content:center; -moz-box-pack:center; -webkit--moz-box-pack:center; box-pack:center; align-items:center;  }
.sys-product-btn a { display:inline-block; border-radius:6px; margin:70px 0 80px 0; padding:0 50px; line-height:59px; background:#307be7; color:#fff; font-size:25px; }
.sys-product .row img { max-width:100%; }
@media (max-width: 767px){
	.sys-product-btn a { display:inline-block; border-radius:0; margin:0 0 0 0; width:100%; line-height:59px; background:#307be7; color:#fff; font-size:22px; padding:0; }
}


/* logistics */
.logistics.section-padding.under-border { border-bottom:1px solid #dfdfdf; }
.logistics.section-padding.under-borders { box-shadow:0 3px 5px #dfdfdf; }
.logistics-btn { margin:0 auto; text-align:center; -webkit-justify-content:center; justify-content:center; -moz-box-pack:center; -webkit--moz-box-pack:center; box-pack:center; align-items:center;  }
.logistics-btn a { display:inline-block; border-radius:6px; margin:70px 0 80px 0; padding:0 50px; line-height:59px; background:#307be7; color:#fff; font-size:25px; }
.logistics .row img { max-width:100%; }
@media (max-width: 767px){
	.logistics a { display:inline-block; border-radius:0; margin:0 0 0 0; width:100%; line-height:59px; background:#307be7; color:#fff; font-size:22px; padding:0; }
}

/* system-service */
.system-service01.sub-padding { padding:111px 0 70px 0; }
.system-service01 .container { padding:0; }
.system-service01 h1.title { text-align:left; font-size:24px; color:#292929; margin:0 0 16px 0; }
.system-service01 p { text-align:left; color:#292929; font-size:16px; }
.system-service01 .btns { text-align:left; }
.system-service01 .btns .btn01 a { display:inline-block; border-radius:6px; margin:27px 0 0 0; padding:0px 26px; line-height:48px; background:#307be7; color:#fff; font-size:18px; font-weight:bold; }
.system-service01 .btns .btn02 a { display:inline-block; border-radius:6px; margin:27px 0 0 0; padding:0px 26px; line-height:48px; background:#ef7d02; color:#fff; font-size:18px; font-weight:bold; }
.system-service01 h2.title { border-bottom:1px solid #c7c7c7; font-size:16px; color:#292929; padding:75px 0 5px 0; margin:0 0 22px 0; }
.system-service01 h2.title img { vertical-align:middle; margin:0 4px 0 0; }
.system-service01 h2.title span { vertical-align:middle; }
.system-service01 .description { font-size:0; }
.system-service01 .description p { color:#292929; padding:9px 0 50px 0; }
.system-service01 .description li { display:inline-block; margin:0 60px 0 0; }
.system-service01 .description li:nth-child(3n) { margin:0; }

.system-service02.sub-padding { padding:111px 0 70px 0; background:#f4f4f4; }
.system-service02 .container { padding:0; }
.system-service02 h1.title { text-align:left; font-size:24px; color:#292929; margin:0 0 16px 0; }
.system-service02 p { text-align:left; color:#292929; font-size:16px; }
.system-service02 .btns { text-align:left; font-size:0; }
.system-service02 .btns li { display:inline-block; margin:0 10px 0 0; }
.system-service02 .btns .btn01 a { display:inline-block; border-radius:6px; margin:27px 0 0 0; padding:0px 26px; line-height:48px; background:#307be7; color:#fff; font-size:18px; font-weight:bold; }
.system-service02 .btns .btn02 a { display:inline-block; border-radius:6px; margin:27px 0 0 0; padding:0px 26px; line-height:48px; background:#ef7d02; color:#fff; font-size:18px; font-weight:bold; }
.system-service02 h2.title { border-bottom:1px solid #c7c7c7; font-size:16px; color:#292929; padding:75px 0 5px 0; margin:0 0 22px 0; }
.system-service02 h2.title img { vertical-align:middle; margin:0 4px 0 0; }
.system-service02 h2.title span { vertical-align:middle; }
.system-service02 .description { font-size:0; }
.system-service02 .description p { color:#292929; padding:9px 0 50px 0; }
.system-service02 .description li { display:inline-block; margin:0 60px 0 0; vertical-align:top; }
.system-service02 .description li:nth-child(3n) { margin:0; }

.system-service-btn { margin:0 auto; text-align:center; -webkit-justify-content:center; justify-content:center; -moz-box-pack:center; -webkit--moz-box-pack:center; box-pack:center; align-items:center;  }
.system-service-btn a { display:inline-block; border-radius:6px; margin:70px 0 80px 0; padding:0 50px; line-height:59px; background:#307be7; color:#fff; font-size:25px; }

@media (max-width:1200px){
	.system-service01 .description li { width:33.33%; margin:0 5% 0 0; }
	.system-service01 .description iframe { width:100%; height:auto; }
	.system-service02 .description li { width:30%; margin:0 5% 0 0; }
	.system-service02 .description iframe { width:100%; height:auto; }
}
@media (max-width: 767px){
	.system-service01.sub-padding { padding:50px 0 50px 0; }
	.system-service01 h1.title { text-align:center; }
	.system-service01 p { text-align:center; color:#969595; }
	.system-service01 .btns { text-align:center; }
	.system-service01 .description li { width:48%; }
	.system-service01 .description iframe { width:100%; height:auto; }
	.system-service01 .description li:nth-child(2n) { margin:0; }
	.system-service01 .btns .btn01 a { margin:27px 0 0 0; padding:0px 26px; line-height:40px; font-size:16px; font-weight:bold; }
	.system-service01 .btns .btn02 a { margin:27px 0 0 0; padding:0px 26px; line-height:40px; font-size:16px; font-weight:bold; }
	.system-service01 h2.title { padding:45px 0 5px 0; }
	.system-service01 .description p { font-size:15px; padding:0 0 30px 0; }
	.system-service01 .description li { margin:0 4% 0 0; }

	.system-service02.sub-padding { padding:50px 0 50px 0; }
	.system-service02 h1.title { text-align:center; }
	.system-service02 p { text-align:center; color:#969595; }
	.system-service02 .btns { text-align:center; }
	.system-service02 .description li { width:48%; }
	.system-service02 .description iframe { width:100%; height:auto; }
	.system-service02 .description li:nth-child(2n) { margin:0; }
	.system-service02 .btns .btn01 a { margin:27px 0 0 0; padding:0px 26px; line-height:40px; font-size:16px; font-weight:bold; }
	.system-service02 .btns .btn02 a { margin:27px 0 0 0; padding:0px 26px; line-height:40px; font-size:16px; font-weight:bold; }
	.system-service02 h2.title { padding:45px 0 5px 0; }
	.system-service02 .description p { font-size:15px; padding:0 0 30px 0; }
	.system-service02 .description li { margin:0 4% 0 0; }

	.system-service-btn a { display:inline-block; border-radius:0; margin:0 0 0 0; width:100%; line-height:59px; background:#307be7; color:#fff; font-size:22px; padding:0; }
}


/* contact-title */
#contact-title { background:#f4f4f4; }
#contact-title .section-title { font-size:53px; color:#414141;  }
.contact-title-btn { margin:0 auto; text-align:center; -webkit-justify-content:center; justify-content:center; -moz-box-pack:center; -webkit--moz-box-pack:center; box-pack:center; align-items:center;  }
.contact-title-btn a { display:inline-block; border-radius:20px; margin:40px 0 80px 0; padding:0 35px; line-height:40px; background:#2b6fd1; color:#fff; font-size:18px; }
.contact-title-btns { display:none; }

@media (max-width:1200px){
	#contact-title .section-title { font-size:40px; color:#414141; }
}
@media (max-width:991px){
	#contact-title .section-title { font-size:30px; color:#414141; margin-bottom:10px; }
}
@media (max-width: 767px){
	#contact-title .section-title { font-size:25px; color:#414141; margin-bottom:10px; }
	#contact-title .des-title img { width:50%; }
	.contact-title-btn a { margin:50px 0 50px 0; padding:0 25px; line-height:40px; background:#2b6fd1; color:#fff; font-size:16px; }
	.contact-title-btns { display:block; text-align:center; }
	.contact-title-btns a { display:inline-block; border-radius:0; margin:0 0 0 0; width:100%; line-height:59px; background:#307be7; color:#fff; font-size:22px; padding:0; }

}