@import url('4041.css');


html {
	overflow-x: hidden;
}
body {
	overflow-x: hidden;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 1.8;
	font-size: 16px;
	background: #fff;
	color: #333;
}
a {
	-webkit-transition: .3s all ease;
	-o-transition: .3s all ease;
	transition: .3s all ease;
	color: #151a59;
}
a:hover {
	text-decoration: none;
	color: #151a59;
}
h1, h2, h3, h4, h5,
.h1, .h2, .h3, .h4, .h5 {
	line-height: 1.45;
	font-weight: normal;
	color: #151a59;
}
h1, .h1 {
	font-size: 30px;
}
h2, .h2 {
	font-size: 24px;
}
h3, .h3 {
	font-size: 22px;
}
h5, .h4 {
	font-size: 20px;
}
h5, .h5 {
	font-size: 18px;
}
.display-5 {
	font-size:40px;
}
.pt-6 {padding-top:6em !important;}.pb-6 {padding-bottom:6em !important;}
.pt-7 {padding-top:7em !important;}.pb-7 {padding-bottom:7em !important;}
.pt-8 {padding-top:8em !important;}.pb-8 {padding-bottom:8em !important;}
.pt-9 {padding-top:9em !important;}.pb-9 {padding-bottom:9em !important;}
.pt-10 {padding-top:10em !important;}.pb-10 {padding-bottom:10em !important;}

.text-primary {
	color: #151a59 !important;
}
.text-secondary {
	color: #4fb5e6 !important;
}
.text-darkblue {
	color:#151a59 !important;
}
.text-lightblue {
	color:#4fb5e6 !important;
}
.clear {
    clear: both;
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}
.clearfix:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
}

ul li {list-style:none;}

.brand-blue-color {color:#151a59;}
.no-background {background:none !important;}

.align-center {
    align-items: center;
	display:flex;
	width:100%;
}

/* -- readmore 共用 -- */
.readmore a {
	padding:15px 25px;
	font-size:0.6em;
	color:#fff;
	background:#21ab38;
	text-transform:uppercase;
	font-family:'DIN-Regular';
	cursor:pointer;
	
	-webkit-transition:all 0.2s ease-in;
	-moz-transition:all 0.2s ease-in;
	-o-transition:all 0.2s ease-in;
	transition:all 0.2s ease-in;
}
.readmore a .fa {
	margin-left:10px;
	font-size:1.5em;
	-webkit-transition:all 0.2s ease-in;
	-moz-transition:all 0.2s ease-in;
	-o-transition:all 0.2s ease-in;
	transition:all 0.2s ease-in;
}
.readmore a:hover {
	letter-spacing:1px;
}
.readmore a:hover .fa {
	margin-left:15px;
}




/*------ probootstrap-section ------*/
.probootstrap-section {
	padding: 6em 0 3em;
	overflow:hidden;
}
.probootstrap-section.overlay {
	position: relative;
}
.probootstrap-section.overlay:before {
	background: rgba(32, 35, 78, 0.8);
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.probootstrap-animate {
	opacity: 0;
	visibility: hidden;
}

.bg-image {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

/*------ middle-banner ------*/
.middle-banner {
	padding-top:10em !important;
	padding-bottom:10em !important;
}
.middle-banner h2 {
	font-family:'DIN-Bold';
	color:#fff;
	font-size:2em;
	text-transform:uppercase;
}
.middle-banner h2:after {
	content:'';
	background:#21ab38;
	margin:10px auto;
	display:block;
	width:50px;
	height:3px;
}
.middle-banner p {
	color:#22ac38;
	font-family:'DIN-Light';
	font-size:1.5em;
	margin-bottom:0;
}

/*------ big-title ------*/
.big-title {
	padding:0 0 20px 0;
	position:relative;
}
.big-title h4 {
	font-family:'DIN-Bold';
	font-size:1em;
	line-height:1.2em;
	color:#151a59;
	text-transform:uppercase;
	margin-top:10px;
}
.big-title h2 {
	font-family:'DIN-Bold';
	font-size:2em;
	line-height:1.2em;
	color:#151a59;
	text-transform:uppercase;
}
.big-title .title:before {
	content:'';
	position:absolute;
	left:-30px;
	top:-30px;
	background:#b7d8e9;
	width:70px;
	height:210px;
	z-index:-1;
}
.big-title .description {
	margin:40px 0 30px 0;
}
.big-title .description:before {
	content:'';
	position: absolute;
	margin-top:-20px;
	background:#21ab38;
	width:110px;
	height:6px;
}

.description p {
	margin:0;
}


/*Btn Style One*/

.btn-style-two {
	cursor: pointer;
	position:relative;
	padding: 11px 40px;
	border-radius: 25px;
	line-height:24px;
	color:#ffffff;
	text-align:center;
	display: inline-block;
	font-size:14px;
	font-weight:700;
	background:#151a59;
	letter-spacing:1px;
	text-transform:uppercase;
	border:2px solid #151a59;
	font-family: 'Poppins', sans-serif;
}

.btn-style-two:hover,.btn-style-two:focus {
	color:#fff !important;
	background:#21ab38;
	border-color:#21ab38;
}



/*========== About ===========*/
.about {
	padding-top:4em !important;
}
.text-box {
	margin:40px 0;
	padding:80px 70px 30px;
	z-index:1;
}
.about .text-box {
	background:#f5f5f5;
}
.about-solutions .big-title {
	padding-top:2em;
}
@media screen and (max-width: 991px) {
.about-solutions .big-photo {
	height:600px !important;
}
}
.about .flexslider3 {
	margin-top:2em;
}
.sanjiao-left:before {
	content:'';
	position:absolute;
    top: 28%;
    left:-20px;
	border-right: 20px solid #f5f5f5;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 0;
}
.sanjiao-right:before {
	content:'';
	position:absolute;
    top: 28%;
    right:-20px;
	z-index:2;
	border-left: 20px solid #f5f5f5;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 0;
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
.about .text-box {
	padding:40px 40px 0;
}
}
@media screen and (max-width: 991px) {
.about .text-box {
	padding:60px 60px 30px;
}
}
.about .text-title-box {
	background:none;
	padding-left:0;
	padding-top:0;
	padding-bottom:0;
}
.text-box h2 {
	font-family:'DIN-Bold';
	font-size:2em;
	line-height:1.2em;
	color:#151a59;
	text-transform:uppercase;
}
.text-title-box h2 {
	font-size:2em;
}
.text-title-box .title:before {
	content:'';
	position:absolute;
	left:-30px;
	top:-30px;
	background:#b7d8e9;
	width:70px;
	height:210px;
	z-index:-1;
}
.text-box .description {
	margin:40px 0 30px 0;
}
.text-box .description:before {
	content:'';
	position: absolute;
	margin-top:-20px;
	background:#21ab38;
	width:110px;
	height:6px;
}

.photo-box {
	margin:40px 0;
	padding:0;
}
.photo-box img {
	width:100%;
}
.product-small-photo-box {
	width:100%;
}
.product-small-photo-box img {
	max-width:100%;
}
.product-small-photo-box ul {
	padding:30px 0 0;
}
.product-small-photo-box ul li {
	width:32%;
	height:115px;
	overflow:hidden;
	background-color:#e4e4e4;
	background-repeat:no-repeat;
	background-size:cover;
	float:left;
	margin-right:2%;
}
.product-small-photo-box ul li:last-child {
	margin-right:0;
}
@media screen and (max-width: 1199px) {
.product-small-photo-box ul li {
	height:95px;
}
}
@media screen and (max-width: 991px) {
.product-small-photo-box ul li {
	height:150px;
}
.product .text-box {
	padding:0 !important;
}
}

/*========== Product ===========*/
.product {
}
.product:before {
	content:'';
	position:absolute;
	background:url(../image/product-bg01.jpg) no-repeat right top;
	width:500px;
	height:500px;
	z-index:-2;
	right:0;
	margin-top:-115px;
}
.product:after {
	content:'';
	position:absolute;
	background:url(../image/product-bg02.jpg) no-repeat left bottom;
	width:100%;
	height:500px;
	z-index:-2;
	left:0;
	margin-top:-500px;
}

.product .text-box, .product-detail .text-box {
	padding:0 0 0 50px;
}
.product .text-box-left, .product-detail .text-box-left {
	padding:0 50px 0 0;
}
.product2 .text-box {
	padding:6em 0 0 50px;
}
.product2 .text-box-left {
	padding:6em 50px 0 0;
}
.product2 .flexslider1, .product2 .flexslider2, .product2 .flexslider3 {
	margin-bottom:1em;
}
.space-line {
	width:100%;
	height:1px;
	margin:10px 0;
	background:#f0f0f0;
	display:block;
}

/* ---- product-detail ---- */
.product-detail {
	padding-top:6em !important;
	padding-bottom:6em !important;
}
.product-detail .text-box {
	margin-bottom:0;
}
@media screen and (min-width: 991px) {
.product-detail .text-box {
	margin-top:0;
}
}
@media screen and (max-width: 991px) {
.product .text-box, .product-detail .text-box {
	padding-left:0;
}
}
.product-detail .photo-box {
	margin-top:0;
	margin-bottom:0;
}
.product-detail .text-title-box {
	background:none;
	padding-left:0;
	padding-top:0;
	padding-bottom:0;
}
.product-detail .portfolio {
	padding-bottom:0 !important;
}
.product-detail-gallery, .product-detail-gallery2 {
	margin:30px 0;
}
.product-detail-gallery .cbp-item, .product-detail-gallery2 .cbp-item {
	border:1px solid #ccc;
}

.product-detail-gallery2 .cbp-item {
	max-width:50%;
}
.product-detail .description table {
	margin:1em 0;
	width:100%;
	border:1px solid #ccc;
}
.product-detail .description td {
	padding:0.5em 1em;
	border: 1px solid #ccc;
}


.product-warehouse {
	margin-top:-3em;
	margin-bottom:5em;
}


/* ---- product-banner ---- */
.product-banner {
	position:relative;
	width:100%;
	background-repeat:no-repeat;
	background-size:cover;
	padding:10em 0;
}
.product-banner:after {
    background:rgba(21,26,89,0.1);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom:0;
	z-index:1;
}
.product-banner .text-box {
	background:rgba(21,26,89,0.8);
	padding:4em;
	color:#fff;
	z-index:2;
}
.product-banner .text-box h2 {
	color:#fff;
}
.product-banner .text-box h4 {
	color:#fff;
	font-size:1.5em;
	font-family:'DIN-Medium';
}
.product-banner .text-box .description {
	margin-bottom:0;
}


/* ---- product-table 表格 ---- */
.product-table {
	padding-bottom:2em;
}
.product-table th {
    background-color: #151a59;
	border:1px solid #151a59;
    color: #fff;
	padding:1em;
}
.product-table td {
	border:1px solid #ccc;
	padding:1em;
}
.product-table h2.title {
	color:#fff;
	text-align:center;
	font-family:'DIN-Medium';
	font-size:1.5em;
	text-transform:uppercase;
	margin:0;
}
.product-table h4 {
	font-family:'DIN-Bold';
	font-size:1.1em;
	text-transform:uppercase;
}
.product-table .col-lg-6 {
	float:left;
	padding-bottom:2em;
}
/* ---- free-edit 自由编辑框 ---- */
.free-edit {
	z-index:2;
}






/*========== Advantages ===========*/
.advantages {
	position:relative;
}
.advantages img {
	max-width:100%;
}
.advantages1:before {
	content:'';
	position:absolute;
	background:url(../image/advantages_bg01.jpg) no-repeat left top;
	width:100%;
	height:600px;
	z-index:-2;
	left:0;
}
.advantages2 {
	padding-top:4em !important;
}
.advantages2:before {
	content:'';
	position:absolute;
	background:url(../image/advantages_bg02.jpg) no-repeat right top;
	width:100%;
	height:600px;
	z-index:-2;
	right:0;
}

@media screen and (max-width: 1400px) {
.advantages1:before {
	background-size:100%;
	margin-top:50px;
}
.advantages2:before {
	margin-right:-100px;
}
}
@media screen and (max-width: 1200px) {
.advantages-list li {
	width:100% !important;
}
}
@media screen and (max-width:991px) {
.advantages:before,.advantages:after {
	display:none;
}
.advantages-list li {
	font-size:1em !important;
}
}
.advantages .big-title {
	padding-bottom:0;
}
.advantages-list {
}
.advantages-list ul {
	display:inline-block;
	padding:0;
}
.advantages-list li {
	width:48%;
	float:left;
	font-family:'DIN-Bold';
	font-size:0.9em;
	border-bottom:1px solid #ccc;
	padding:20px 0 20px 40px;
	margin-right:2%;
}
.advantages-list li {
	background-size:35px;
	background-repeat:no-repeat;
	background-position:left center;
}
.advantages1 .advantages-list li:nth-child(1) {
	background-image:url(../image/quality.svg);
}
.advantages1 .advantages-list li:nth-child(2) {
	background-size:31px;
	background-image:url(../image/agreement.svg);
}
.advantages1 .advantages-list li:nth-child(3) {
	background-size:33px;
	background-image:url(../image/service.svg);
}
.advantages1 .advantages-list li:nth-child(4) {
	background-size:30px;
	background-image:url(../image/exchange.svg);
}
.advantages1 .advantages-list li:nth-child(5) {
	background-image:url(../image/excellent.svg);
}
.advantages1 .advantages-list li:nth-child(6) {
	background-image:url(../image/warranty.svg);
}
.advantages1 .advantages-list li:nth-child(7) {
	background-image:url(../image/inventory.svg);
}
.advantages1 .advantages-list li:nth-child(8) {
	background-image:url(../image/worldwide.svg);
}

.advantages2 .advantages-list li:nth-child(1) {
	background-image:url(../image/quality.svg);
}
.advantages2 .advantages-list li:nth-child(2) {
	background-size:31px;
	background-image:url(../image/warranty.svg);
}
.advantages2 .advantages-list li:nth-child(3) {
	background-size:33px;
	background-image:url(../image/excellent.svg);
}
.advantages2 .advantages-list li:nth-child(4) {
	background-size:30px;
	background-image:url(../image/dnv.svg);
}
.advantages2 .advantages-list li:nth-child(5) {
	background-size:30px;
	background-image:url(../image/agreement.svg);
}


/*========== warehouse ===========*/
.warehouse {
}
.warehouse1 {
	padding-top:9em !important;
}
.warehouse2 {
	padding-bottom:8em !important;
}
.warehouse .big-photo {
	position:relative;
	background-size:cover;
	background-repeat:no-repeat;
	margin-top:-30px;
	width:48%;
	float:left;
}
.warehouse .detail-box {
	position:relative;
	width:44%;
	margin:0 4%;
	float:right;
}
.warehouse .small-photo .photo-box {
	width:49%;
	height:250px;
	overflow:hidden;
	background-repeat:no-repeat;
	background-size:cover;
	float:left;
	margin:0 2% 0 0;
}
.warehouse .small-photo .photo-box:last-child {
	margin-right:0;
}
@media screen and (max-width: 1199px) {
.warehouse .small-photo .photo-box {
	height:200px;
}
}
@media screen and (max-width: 991px) {
.warehouse {
	max-width: 750px;
	margin:0 auto;
}
.warehouse .big-photo, .warehouse .detail-box {
	width:100%;
	padding:0;
}
.warehouse .big-photo {
	height:500px;
	margin:0 4%;
}
.warehouse1 .big-photo {
	margin-bottom:70px;
}
.warehouse2 .big-photo {
	margin-top:70px;
}
.warehouse .small-photo .photo-box  {
	height:250px;
}
.warehouse1 .big-photo:after {
	left:0 !important;
}
}

.warehouse .big-photo:after, .warehouse .small-photo .photo-box:after {
	font-family:'DIN-Bold';
	text-transform:uppercase;
	font-size:0.95em;
	position:absolute;
	bottom:-40px;
}
.warehouse1 .big-photo:after {
	content:'Shanghai';
	left:70px;
}
.warehouse1 .small-photo .photo-box:nth-child(1):after {
	content:'Houston';
}
.warehouse1 .small-photo .photo-box:nth-child(2):after {
	content:'Rotterdam';
}
.warehouse2 .big-photo:after {
	content:'Rotterdam';
}
.warehouse2 .small-photo .photo-box:nth-child(1):after {
	content:'Shanghai';
}
.warehouse2 .small-photo .photo-box:nth-child(2):after {
	content:'Houston';
}




/*========== customers ===========*/
.customers-logos {
}
.customers-logos img {
	width:100%;
}


/*---- cbp-item-video  ---- */

.cbp-item-video {
	margin-top:;
	position:;
    background:;
}
.cbp-item-video video {
	max-width:100%;
}
.hw-video-btn {
	position:absolute;
	left:50%;
	top:25%;
	background:none;
	border:none;
	cursor:pointer;
	outline: none !important; 
}
.hw-video-btn a {
    font-size: 34px;
    color: #ffffff !important;
    height: 80px;
    width: 80px;
    line-height: 80px;
    text-align: center;
    border-radius: 50%;
    border: 2px solid #ffffff;
	background:rgba(0,0,0,0.5);
    padding-left: 9px;
    margin-top: -40px;
    margin-left: -45px;
    display: block;
    position: relative;
}
.hw-video-btn a:visited {
	border:none;
}
.hw-video-btn a::before,
.hw-video-btn a::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    border: 2px solid #ffffff;
    border-radius: 50%;
    opacity: 0;
}

.hw-video-btn a::before {
    animation: playvideo 2500ms linear infinite;
    animation-delay: 300ms;
}

.hw-video-btn a::after {
    animation: playvideotwos 2500ms linear infinite;
}

@keyframes playvideo{0%{transform: scale(1.03); opacity: 0; border-color: #ffffff;} 2%{transform: scale(1.03); opacity: 1; border-color: #ffffff;} 30%{transform: scale(1.6); opacity: 0.01; border-color: #ffffff;} 100%{transform: scale(1.6); opacity: 0; border-color: #ffffff;}}
@keyframes playvideotwos{0%{transform: scale(1.03); opacity: 0; border-color: #ffffff;} 2%{transform: scale(1.03); opacity: 1; border-color: #ffffff;} 25%{transform: scale(1.6); opacity: 0.01; border-color: #ffffff;} 100%{transform: scale(1.6); opacity: 0; border-color: #ffffff;}}





/*============ Portfolio  ===========*/
.portfolio {
	padding-bottom:6em !important;
	width:100%;
}
#portfolio-gallery1 {
	max-width:1140px;
	margin:0 auto;
}
.portfolio .cbp-item img{
	-moz-transition: all .9s ease;
	-ms-transition: all .9s ease;
	-o-transition: all .9s ease;
	-webkit-transition: all .9s ease;
	transition: all .9s ease;
}
.portfolio .cbp-item h4{
	font-size:1.5em;
	color:#22ac38;
	text-transform:uppercase;
}
.portfolio .overlay p{
	color:#fff;
}
.portfolio .image:hover img,
#portfolio-gallery1 .cbp-item:hover img,
.portfolio .cbp-item:hover img {
	-moz-transform:scale(1.15); 
	-ms-transform:scale(1.15); 
	-o-transform:scale(1.15); 
	-webkit-transform:scale(1.15);
	transform:scale(1.15);

}

.portfolio .overlay, .portfolio .overlay .overlay_bottom{
  -moz-transition:all .4s ease;
  -ms-transition:all .4s ease;
  -o-transition:all .4s ease;
 -webkit-transition:all .4s ease;
}


/*Overlays*/
.portfolio .overlay{
	background:rgba(14,14,17,.9);
	opacity:0; 
	padding:0;
	top:7px; left:7px; right:7px; bottom:7px;
	color:#fff;
	transform:scale(1);
}
.portfolio .overlay:before {
	content:'';
	width:100px;
	height:100px;
	top:0;
	display:block;
	background:url(../image/plus.svg) no-repeat center center;
}
.portfolio .centered, .portfolio .overlay, 
.portfolio .overlay .overlay_bottom {
	position:absolute;
}
.portfolio .overlay .overlay_bottom{
	bottom:0;
	padding:10px 25px;
	-moz-transform:translateY(100px);
	-ms-transform:translateY(100px);
	-o-transform:translateY(100px);
	-webkit-transform:translateY(100px);
	transform:translateY(100px);
}
.portfolio .overlay:hover .overlay_bottom{
	-moz-transform:translateY(0);
	-ms-transform:translateY(0);
	-o-transform:translateY(0);
	-webkit-transform:translateY(0);
	transform:translateY(0);
}
.portfolio .cbp-item:hover .overlay,
#portfolio-gallery1 .cbp-item:hover .overlay {
   opacity:1;
	-moz-transform:scale(0.99);
	-o-transform:scale(0.99);
	-webkit-transform:scale(0.99); 
	transform:scale(0.99);
}

.portfolio .centered {
    display: block;
    position: absolute;
    left: 50%;
    top: 120px;
    width: 100%;
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.portfolio .centered {
	padding-left:10%;
}
.portfolio .centered h2 {
	margin:0;
	font-size:1.75em;
	font-family:'DIN-Medium';
	color:#fff;
}
.portfolio .centered h2:before {
	content:'';
	position: relative;
	display:block;
	width:50px;
	height:50px;
	background-size:100%;
}
.portfolio .download h2:before {
	background: url(../image/download.svg) no-repeat left center;
}
.portfolio .gallery h2:before {
	background: url(../image/gallery.svg) no-repeat left center;
}

.portfolio .centered p {
	color:#fff;
	padding-bottom:5px;
}
@media screen and (max-width: 991px) {
.portfolio .centered {
	top:80px;
}
.portfolio .centered h2 {
	font-size:1.45em;
}
.portfolio .centered p {
	font-size:0.8em;
}
.portfolio .centered h2:before {
	display:none;
}

}

/*============ topbanner  ===========*/
.topbanner {
	width:100%;
}
.topbanner .flex-caption {
	margin:10em 0 12em;
	background:rgba(21,26,89,0.8);
	padding:6em 4em;
	max-width:50%;
}
@media screen and (max-width: 991px) {
.topbanner .flex-caption, .flexslider-topbanner .flex-caption {
	max-width: inherit !important;
}
}
@media screen and (max-width: 768px) {
.topbanner .flex-caption {
	margin:5em 0 !important;
	padding:2em !important;
}
}

.topbanner .flex-caption h4 {
	border-left:4px solid #21ab38;
	padding-left:10px;
	font-family:'DIN-Bold';
	font-size: 2.1rem;
    font-weight: 300;
    line-height:1.2;
	color:#fff; 
	text-transform:uppercase;
}
.topbanner .flex-caption p {
	font-size:0.9em;
    line-height:1;
	color:#fff;
	margin-bottom:0;
}







/*============ breadcrumb-area 面包屑 二级页面路径  ===========*/
.breadcrumb-area {
	position:relative;
	background:rgba(0,0,0,0.3);
	width:100%;
	height:50px;
	margin-top:-50px;
}
.breadcrumb {
	background:none;
	z-index:5;
	margin:0 !important;
	padding: 0.55rem 1rem !important;
}
.breadcrumb ul {
	padding:0;
	margin:0;
}
.breadcrumb ul li {
	font-family:'DIN-Regular';
	font-size:1.1em;
	text-transform: uppercase;
	display:inline-block;
	padding:0 5px 0 0;
	color:#21ab38;
}
.breadcrumb ul li:after{
	content:"|";
	padding-left:10px;
}
.breadcrumb ul li:last-child:after{
	display:none;
}
.breadcrumb ul li a {
	color:#fff;
}
.breadcrumb ul li a:hover {
	color:#21ab38;
}


/*============ Mobile Size 手机尺寸样式 ===========*/

@media screen and (max-width: 768px) {
body {
	line-height:1.5em;
}
.container {
	padding-left:50px;
	padding-right:50px;
}
.logo-index {
}
.logo-index img {
	width:250px !important;
}
.probootstrap-footer .logo-bottom img {
	width:85%;
}
.probootstrap-section {
	padding-top:3em !important;
	padding-bottom:3em !important;
}
.big-title h2, .text-box h2, .text-title-box h2, .middle-banner h2, .flex-caption h4, .probootstrap-counter-title {
	font-size:1.5em !important;
}
.middle-banner p, .big-title .description {
	font-size:1em !important;
}
.product-banner {
	padding:5em 0;
}
.product-banner .text-box {
	padding:3em !important;
}
.menubar .container, .topnav .container {
	padding-left:30px !important;
	padding-right:30px !important;
}
.breadcrumb-area {
	display:none;
}
.probootstrap-footer .linkedin {
	display:none;
}
.probootstrap-footer .logo-bottom {
	margin-bottom:30px;
}
.text-box {
	padding-left:0 !important;
	padding-right:0 !important;
	margin:20px 0 !important;
}
.about .text-box {
	background:none;
	padding:0 !important;	
}
.sanjiao-left:before, .sanjiao-right:before {
	display:none !important;
}
.middle-banner {
    padding-top: 2em !important;
    padding-bottom: 2em !important;
}
.middle-banner .container {
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.product2 .flexslider1, .product2 .flexslider2, .product2 .flexslider3 {
	margin-bottom:0 !important;
}
.flexslider, .flexslider1, .flexslider2, .flexslider3, .flexslider4 {
	padding:0 !important;
	margin-top:20px !important;
}
.product:before, .product:after {
	display:none;
}
video {
	max-width:100% !important;
	min-height:200px;
}
.portfolio .centered h2:before {
	display:block;
}
.portfolio .centered {
	top:120px;
}
.about-solutions .big-photo {
	height:300px !important;
}
.warehouse .detail-box {
	padding:0 30px !important;
}
.warehouse .big-photo:after, .warehouse .small-photo .photo-box:after {
	display:none !important;
}
.warehouse .small-photo .photo-box {
	width:100%;
	margin:20px 0;
}
.warehouse .big-photo {
	height:300px;
	margin:20px 10%;
	z-index:3;
}
.probootstrap-counter {
	margin:15px 10px !important;
}
.probootstrap-counter .section-counter-icon {
	width:40px !important;
	height:40px !important;
}
.contact-info h2, .contact-info .col-lg-4 {
	padding-left:0 !important;
	padding-right:0 !important;
}
.product-detail-gallery2 .cbp-item {
	max-width: inherit;
}
table {
	max-width:100% !important;
}

.product-table .col-lg-6 {
	padding:0 0 30px 0 !important;
}
.product-table th {
	padding:5px;
	font-size:0.8em;
}
.product-table td {
	padding:5px;
	font-size:0.8em;
}
.product-table h4 {
	font-size:0.9em;
}
.product-table strong {
	font-size:0.8em;
}
	
	




}


/*============ Top & Menu  ===========*/
/*------ topnav ------*/
.topnav {
	width:100%;
	height:50px;
	background:#151a59;
}
.topnav:after {
	content:'';
	width:25%;
	height:50px;
	background:#21ab38;
	position:absolute;
	top:0;
	right:0;
}
.topnav .companyname {
	float:left;
	color:#fff;
	font-size:12px;
	line-height:50px;
	font-weight:100;
}
.topnav .companyname .fa {
	color:#21ab38;
	font-size:18px !important;
	margin-right:5px;
}
.topnav .share-icons {
	z-index:2;
}

.topnav .share-icons ul {
	width:250px;
	height:50px;
	float:right;
	padding-top:5px;
	background:#21ab38;
}
.topnav .share-icons ul:before{
	content:'';
	position:absolute;
    top: 0;
    right:265px;
	border-right: 50px solid #21ab38;
    border-top: 50px solid transparent;
    border-bottom:0;
    border-left: 0;
}
.topnav .share-icons li {
	float:left;
	display:block;
	width:33px;
	height:33px;
	border-radius:50%;
	margin-top:5px;
	margin-left:15px;
	text-align:center;
	background-color:#151a59;
	
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.topnav .share-icons li i {
	color:#fff;
	font-size:15px;
	line-height:33px;
}
.topnav .share-icons li:hover {
	background-color:#05588d;
}
.topnav .share-icons li.choose-language {
	background:none;
}
.topnav .share-icons li.choose-language img {
	max-width:100%;
}

/*------ qr-code ------*/
.qr-code {
	cursor:pointer;
}
.qr-code-open {
	z-index:3333;
	display: none;
	position:fixed;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.75);
	background-image:url(../image/weixin_code.jpg);
	background-position:center;
	background-repeat:no-repeat;
	text-align:center;
}

.logo-index {
	padding-top:15px;
	padding-bottom:15px;
}
.logo-index img {
	width:331px;
	height:auto;
}

/*------ probootstrap-navbar-dark ------*/

.probootstrap-navbar-dark {
	background: transparent !important;
	position: absolute;
	top:90px;
	right: 20px;
	z-index: 3;
	padding-top: 0;
	padding-bottom: 0;
}
@media screen and (min-width: 1280px) and (max-width: 1920px) {
.probootstrap-navbar-dark .navbar-nav li a {
    font-size:1.1em !important;
}
.probootstrap-navbar-dark {
	right:5% !important;
}
}
@media screen and (max-width: 1150px) {
.probootstrap-navbar-dark {
	right:0 !important;
}
.probootstrap-navbar-dark .navbar-nav li a {
	font-size:0.95em !important;
	padding:10px 10px !important;
}
}
@media screen and (max-width: 991px) {
.probootstrap-navbar-dark {
	top: 0;
	right: 0;
	position: relative;
	background:#151a59 !important;
	
}
.probootstrap-navbar-dark .row {
	width:100%;
}
.probootstrap-navbar-dark li a {
	color:#fff !important;
}
.probootstrap-navbar-dark .navbar-toggler-icon {
	right:0;
	background:;
}
.topnav {
	background:#21ab38 !important;
}
.topnav .companyname {
	display:none;
}
.topnav .share-icons {
	max-width:100%;
	flex: inherit;
	
}
.bottom-qrcode img {
	float: inherit;
}
}

.probootstrap-navbar-dark .navbar-nav li a {
	font-family:'DIN-Bold';
	font-size:1em;
	padding:10px 15px;
	text-transform: uppercase;
	color:#000;
	display:block;
}
.probootstrap-navbar-dark .navbar-nav a:hover {
	color:#21ab38;
}
.probootstrap-navbar-dark .navbar-nav .active > a {
	color:#21ab38 !important;
}
.probootstrap-navbar-dark .navbar-nav .active > a:after {
	content:"\f107";
	display:block;
	font:normal normal normal 14px/1 FontAwesome;
	font-size:15px;
	text-align:center;
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}
.probootstrap-navbar-dark .navbar-nav > li:hover > a:after {
	content:"\f107";
	display:block;
	font:normal normal normal 14px/1 FontAwesome;
	font-size:15px;
	text-align:center;
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}
/*
.probootstrap-navbar-dark .navbar-nav > li.dropdownicon > a:after {
	content:"\f107";
	display:block;
	font:normal normal normal 14px/1 FontAwesome;
	font-size:15px;
	text-align:center;
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}
*/
.probootstrap-navbar-dark .navbar-nav>li:hover .dropdown-menu {
	display: block; /*是否显示二级菜单*/
}
.probootstrap-navbar-dark .navbar-nav>li .dropdown-menu {
	min-width:inherit;
	left:inherit;
	top:45px;
	padding-left:5px;
	background:fff;
	border:none;
}
.probootstrap-navbar-dark .navbar-nav>li .dropdown-menu a {
	padding:2px 10px;
}
.probootstrap-navbar-dark .navbar-nav>li .dropdown-menu a:hover {
	text-decoration:underline;
}


@media screen and (max-width: 991px) {
.probootstrap-navbar-dark .navbar-nav {
	padding:20px 20px 35px;
}
.probootstrap-navbar-dark .navbar-nav > .active a, .probootstrap-navbar-dark .navbar-nav a:hover {
	color:#4fb5e6 !important;
}
.probootstrap-navbar-dark .navbar-nav li {
	border-bottom:1px solid #126ca5;
}
.probootstrap-navbar-dark .navbar-nav li li {
	list-style-type:circle;
	color:#fff;
}
.probootstrap-navbar-dark .navbar-nav li li:first-child {
	border-top:1px solid #126ca5;
}
.probootstrap-navbar-dark .navbar-nav li li:last-child {
	border:none;
}
.probootstrap-navbar-dark .navbar-nav li li {
	margin-left:10px;
}
.probootstrap-navbar-dark .navbar-nav > li.dropdownicon > a:after {
	display:none;
}
.probootstrap-navbar-dark .navbar-nav > li:hover > a:after, .probootstrap-navbar-dark .navbar-nav .active > a:after {
	display:none;/*是否显示二级菜单*/
}
.probootstrap-navbar-dark .navbar-nav>li .dropdown-menu {
	display: block;
	top:0;
	padding:0;
	margin-left:20px;
	background:none;
}
.probootstrap-navbar-dark .navbar-nav>li .dropdown-menu a {
	color:rgba(255,255,255,0.75) !important;
}
.probootstrap-navbar-dark .navbar-nav>li .dropdown-menu a:hover {
	color:#4fb5e6 !important;
	text-decoration:none;
}
.probootstrap-navbar-dark .navbar-nav>li .dropdown-menu a {
	padding-left:5px;
}
/*
.probootstrap-navbar-dark .navbar-nav .active a:after {
	display:none;
}
*/
}
@media screen and (max-width: 991px) {
	.probootstrap-navbar-dark .navbar-nav > li > a {
	padding:15px 0;
}
} 
.probootstrap-navbar-dark .navbar-nav > .nav-item.probootstrap-cta a {
	color: #fff;
}
.probootstrap-navbar-dark .navbar-nav > .nav-item.probootstrap-seperator {
	position: relative;
	margin-left: 20px;
	padding-left: 20px;
}
@media screen and (max-width: 960px) {
	.probootstrap-navbar-dark .navbar-nav > .nav-item.probootstrap-seperator {
	padding-left: 0;
	margin-left: 0;
}
} 
.probootstrap-navbar-dark .navbar-nav > .nav-item.probootstrap-seperator:before {
	position: absolute;
	content: "";
	top: 10px;
	bottom: 10px;
	left: 0;
	width: 2px;
	background: rgba(255, 255, 255, 0.05);
}
@media screen and (max-width: 960px) {
	.probootstrap-navbar-dark .navbar-nav > .nav-item.probootstrap-seperator:before {
	display: none;
}
} 
.probootstrap-navbar-dark .navbar-toggler {
	position:absolute;
	right:80px;
	margin-top:-105px;
	
	border: none;
	color: #151a59;
	cursor: pointer;
	padding-right: 0;
	text-transform: uppercase;
	font-size: 2.2em;
	padding-top: 0.5em;
	padding-bottom:0.5em;
	padding-left:20px;
}
.probootstrap-navbar-dark .navbar-toggler:focus, .probootstrap-navbar-dark .navbar-toggler:active {
	outline: none;
}
@media screen and (max-width: 768px) {
.probootstrap-navbar-dark .navbar-toggler {
	right:30px;
	margin-top:-95px;
}
.probootstrap-navbar-dark .navbar-nav {
	padding-left:0 !important;
	padding-right:0 !important;
}
}


/* ------ 菜单三条横线变X ------- */
.inner-header-icon{
	height: 50px;
	width: 50px;
	position: relative;
	cursor: pointer;
	-webkit-transition: background 0.3s;
	-moz-transition: background 0.3s;
	-o-transition: background 0.3s;
	transition: background 0.3s;
}
.inner-header-icon span{
	position: absolute;
	left: calc((100% - 25px) / 2);
	top: calc((100% - 1px) / 2);
	width: 30px;
	height:4px;
	border-radius:2px;
	background-color:#151a59;
}
.inner-header-icon span:nth-child(1){
	transform: translateY(8px) rotate(0deg);
}
.inner-header-icon span:nth-child(2){
	opacity: 0;
}
.inner-header-icon span:nth-child(3){
	transform: translateY(-8px) rotate(0deg);
}
.inner-header-icon-click span:nth-child(1){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: clickfirst;
	}
.inner-header-icon-click span:nth-child(2){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: clicksecond;
}
.inner-header-icon-click span:nth-child(3){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: clickthird;
}
/*第一条线旋转动画*/
@keyframes clickfirst {0% {transform: translateY(8px) rotate(0deg);}100% {transform: translateY(0) rotate(45deg);}}
/*第二条线淡入淡出动画动画*/
@keyframes clicksecond {0% {opacity: 1;}100% {opacity: 0;}}
/*第三条线旋转动画*/
@keyframes clickthird {0% {transform: translateY(-8px) rotate(0deg);}100% {transform: translateY(0) rotate(-45deg);}}	

.inner-header-icon-out span:nth-child(1){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: outfirst;
	}
.inner-header-icon-out span:nth-child(2){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: outsecond;
}
.inner-header-icon-out span:nth-child(3){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: outthird;
	}
@keyframes outfirst {0% {transform: translateY(0) rotate(-45deg);}100% {transform: translateY(-8px) rotate(0deg);}}
@keyframes outsecond {0% {opacity: 0;}100% {opacity: 1;}}
@keyframes outthird {0% {transform: translateY(0) rotate(45deg);}100% {transform: translateY(8px) rotate(0deg);}}



/*============ contact  ===========*/
.contact .big-title .description {
	font-family:'DIN-Medium';
	font-size:1.5em;
	color:#151a59;
}

.contact .contact-info {
	width:100%;
	margin:20px 0 10px;
}
.contact-info-adress {
	position:relative;
	width:55%;
	float:left;
	padding-bottom:3em;
}
.contact-info-adress .adress-list {
	position:relative;
	width:45%;
	float:left;
	margin-right:5%;
	margin-bottom:50px;
	padding-left:20px;
}
.contact-info-adress .adress-list:before {
	content:'';
	position:absolute;
	display:block;
	left:0;
	top:;
	background:#22ac38;
	width:2px;
	height:100%;
}
.contact-info-form {
	position:relative;
	width:43%;
	float:left;
	margin-left:2%;
}
.contact-info-form .form-box {
	margin-top:30px;
}
@media screen and (max-width: 991px) {
.contact-info-adress, .contact-info-form {
	width:100%;
}
}
@media screen and (max-width: 768px) {
.contact-info-adress .adress-list {
	width: inherit !important;
}
}
.contact .contact-info a {
	color:#151a59;
}
.contact .contact-info a:hover {
	color:#22ac38;
}
.contact .contact-info h4 {
	font-family:'DIN-Bold';
	text-transform:uppercase;
	color: #22ac38;
	font-size:1.1em;
	line-height:1em;
	margin-bottom:15px;
}
.contact .contact-info h4:before {
	content:'';
	position:absolute;
	display:block;
	left:;
	top:1.75em;
	background:#22ac38;
	width:70%;
	height:2px;
}
.contact .contact-info h4:after {
	content:'';
	position:absolute;
	display:none;
	left:;
	top:1.75em;
	background:#22ac38;
	width:25%;
	height:2px;
}

.contact .address {
	font-size:0.9em;
	color: #151a59;
	font-weight:100;
	margin:0;
	padding:10px 0 0;
}
.contact .companyname {
	font-family:'DIN-Medium';
	font-size:1em;
	text-transform:uppercase;
}
.contact .address li .fa {
	margin-right:5px;
}
.contact ul li.shipserv {
	padding-left:18px;
	background:url(../image/shipserv.svg) no-repeat left center;
	background-size:15px;
	margin-top:10px;
}

.contact .linkedin {
	width:97%;
	margin-left:3%;
	display: inline-block;
	line-height:45px;
}
.contact .linkedin .linkedin-logo {
	width:45px;
	height:45px;
	display:block;
	margin-right:10px;
	float:left;
	background:url(../image/linkedin.svg) no-repeat center;
	background-size:45px;
}


/*------- probootstrap-form -------*/
.probootstrap-form .form-control {
	border: 1px solid #ccc;
	color: #859196 !important;
	border-radius: 4px;
}
.probootstrap-form .form-control:active, .probootstrap-form .form-control:focus {
	border: 1px solid #151a59;
}
.form-label {
	display:none;
}
.form-control {
	border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    height: 50px;
    border-radius: 0px;
    background: none !important;
    color: #fff !important;
    font-size: 16px;
}
select.form-control:not([size]):not([multiple]) {
    height: 50px !important;
}
.form-control:focus, .form-control:active {
	border-bottom: 1px solid white;
}
textarea {
	height: inherit !important;
}
.btn.btn-primary {
	text-align:center;
    background: #151a59;
    border-radius:5px;
    padding: 15px 40px;
    font-size:1em;
    cursor: pointer;
	border:none;
	margin-top:10px;
}
.btn.btn-primary:hover {
    background: #22ac38;
}
.form-group {
	margin-bottom:1.1rem;
}

/*----------- Map ----------*/
.map {
	width:100%;
	height:550px;
	margin:30px 0;
	position:relative;
	background:url(../image/world-map.svg) no-repeat top center;
	background-size:;
}
.map ul {
	margin:0;
	padding:0;
}
.map > ul > li {
	position:absolute;	
}
.map ul li .pin-map {
	float:left;
	width:30px;
	height:30px;
	padding:5px;
	display:block;
	background:url(../image/map-pin.svg) no-repeat left bottom;
	background-size:15px;
	cursor:pointer;
	z-index:1;
}
.map > ul > li:hover .pin-box {
	display:block;
}
.map ul li .pin-box {
	position:relative;
	display:none;
	margin-left:30px;
	width:280px;
	color:#fff;
	background:#151b59;
	padding:25px 25px 15px;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
	z-index:2;
}
.map ul li .pin-box:before {
    content: '';
    position: absolute;
    top: 5px;
    left:-11px;
    border-right: 15px solid #151b59;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 0;
}
.map a {
	color:#4fb5e6;
}
.map a:hover {
	color:#fff;
}
.map h4 {
	font-family:'DIN-Bold';
	color: #22ac38;
	font-size:1em;
	line-height:1em;
	margin-bottom:15px;
}
.map h4:before {
	content:'';
	position:absolute;
	display:block;
	left:;
	top:3.3em;
	background:#fff;
	width:70%;
	height:2px;
}
.map h4:after {
	content:'';
	position:absolute;
	display:block;
	left:;
	top:3.3em;
	background:#22ac38;
	width:25%;
	height:2px;
}
.map .address {
	margin:0;
	padding:10px 0;
	font-size:0.8em;
	color: #4fb5e6;
	font-weight:100;
}
.map .companyname {
	font-family:'DIN-Medium';
	font-size:1em;
	text-transform:uppercase;
}
.map .address li .fa {
	margin-right:5px;
}
.map ul li.shipserv {
	padding-left:18px;
	background:url(../image/shipserv.svg) no-repeat left center;
	background-size:15px;
	margin-top:10px;
}


/* 地图标点 */
.pin-houston {  /*-- Houston --*/
	left:23%;
    top: 38.5%;
}
.pin-houston .pin-map:before {
	content:'Houston';
	position:absolute;
	margin-top:-20px;
	margin-left:-30px;
}
.pin-shanghai {  /*-- shanghai --*/
	left:76.5%;
	top:38%;
}
.pin-shanghai .pin-map:before {
	content:'Shanghai';
	position:absolute;
	margin-top:-20px;
	margin-left:-30px;
}
.pin-rotterdam {  /*-- rotterdam --*/
	left: 48.2%;
    top: 22%;
}
.pin-rotterdam .pin-map:before {
	content:'Rotterdam';
	position:absolute;
	margin-top: -7px;
    margin-left: 14px;
}
.pin-london {  /*-- london --*/
	left:46.5%;
    top: 23.4%;
}
.pin-london .pin-map:before {
	content:'London';
	color:#21ab38;
	position:absolute;
	margin-top:2px;
	margin-left:-65px;
}
.pin-london .pin-map {
	background:url(../image/map-pin-green.svg) no-repeat left bottom !important;
}
.pin-athens {  /*-- athens --*/
	left:52.5%;
    top: 33%;
}
.pin-athens .pin-map:before {
	content:'Athens';
	color:#21ab38;
	position:absolute;
	margin-top:-3px;
    margin-left: 16px;
}
.pin-athens .pin-map {
	background:url(../image/map-pin-green.svg) no-repeat left bottom !important;
}

@media screen and (max-width: 991px) {
.map {
	width:100%;
	height:420px;
	background-size:100%;
}
/* 地图标点 */
.pin-houston {  /*-- Houston --*/
	left:19%;
    top: 34.5%;
}
.pin-shanghai {  /*-- shanghai --*/
	left:80%;
    top: 34%;
}
.pin-rotterdam {  /*-- rotterdam --*/
	left: 48.4%;
    top: 19.5%;
}
.pin-london {  /*-- london --*/
	left:45.5%;
    top: 20.2%;
}
.pin-athens {  /*-- athens --*/
	left:52.5%;
    top: 29%;
}

}
@media screen and (max-width: 768px) {
.map {
	display:none;
}
}



/* ---------- 在线客服系统 ---------- */

.chaport-container .chaport-launcher .chaport-launcher-button {
    bottom: 4em;
    right: 1.2em;
    width: 3.2em;
    height: 3.2em;
}
.chaport-container .chaport-launcher .chaport-launcher-button .chaport-launcher-chat-icon {
	width:1.6em;
	height:1.6em;
	top:0.8em;
	left:0.8em;
	background-image: url(../image/chaport-launcher-chat-icon-new.gif);
}
.chaport-container .chaport-launcher .chaport-launcher-button .chaport-launcher-close-icon {
	width: 3em;
    height: 3em;
}
.chaport-container .chaport-launcher .chaport-launcher-button .chaport-launcher-close-icon::before, .chaport-container .chaport-launcher .chaport-launcher-button .chaport-launcher-close-icon::after {
	top: 1em;
    right: 1.5em;
}

/* 页面右边居中 --
.chaport-container.chaport-container-positioned {
	top:55%;
}
.chaport-container.chaport-container-positioned .chaport-window {
	margin-top:-20%;
	inset:0 80px 20px auto;
}
*----/






/*========== footer ===========*/
.probootstrap-footer {
	padding: 4em 0 0;
	position:relative;
}
.probootstrap-footer:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 50px;
	background:#101123 url(../image/footer-bg.jpg) no-repeat;
	background-size:cover;
	z-index:-1;
	opacity:0.1;
} 
.probootstrap-footer:after {
    background:#101123;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom:50px;
	z-index:-2;
} 
.probootstrap-footer .logo-bottom {
    flex: 0 0 30%;
}
.probootstrap-footer .logo-bottom img {
	width:90%;
}
.probootstrap-footer .linkedin {
	margin-top:120px;
	margin-left:20px;
	line-height:45px;
}
.probootstrap-footer .linkedin .linkedin-logo {
	width:45px;
	height:45px;
	display:block;
	margin-right:10px;
	float:left;
	background:url(../image/linkedin.svg) no-repeat center;
	background-size:45px;
}
.probootstrap-footer .contact-info {
    flex: 0 0 68%;
	margin-left:2%;
}
@media screen and (max-width: 768px) {
.probootstrap-footer .logo-bottom {
    flex: 0 0 100%;
}.probootstrap-footer .contact-info {
    flex: 0 0 100%;
	margin-left:0;
}
.probootstrap-footer:before, .probootstrap-footer:after {
	bottom:80px;
}
}

.probootstrap-footer .col-lg-4 {
	float:left;
	padding-bottom:20px;
}
.probootstrap-footer .col-lg-4:nth-child(2) {
}
.probootstrap-footer a {
	color:#4fb5e6;
	
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.probootstrap-footer a:hover {
	color:#fff;
}
.probootstrap-footer h2.heading {
	font-family:'DIN-Medium';
	color: #fff;
	font-size:1.2em;
	margin-top:15px;
	margin-bottom:15px;
}
.probootstrap-footer h4 {
	font-family:'DIN-Bold';
	color: #22ac38;
	font-size:1em;
	line-height:1em;
	margin-bottom:15px;
}
.probootstrap-footer h4:before {
	content:'';
	position:absolute;
	display:block;
	left:;
	top:2em;
	background:#fff;
	width:70%;
	height:2px;
}
.probootstrap-footer h4:after {
	content:'';
	position:absolute;
	display:block;
	left:;
	top:2em;
	background:#22ac38;
	width:25%;
	height:2px;
}
.probootstrap-footer .address {
	font-size:0.8em;
	color: #4fb5e6;
	font-weight:100;
	padding-top:10px;
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
.probootstrap-footer .address {
	font-size:0.7em;
}
.probootstrap-footer h4 {
	font-size:0.8em;
}
}
.probootstrap-footer .companyname {
	font-family:'DIN-Medium';
	font-size:1em;
	text-transform:uppercase;
}
.probootstrap-footer ul {
	margin:10px 0;
	padding:0;
}
.probootstrap-footer ul li {
}
.probootstrap-footer ul li .fa {
	margin-right:5px;
}
.probootstrap-footer ul li.shipserv {
	padding-left:18px;
	background:url(../image/shipserv.svg) no-repeat left center;
	background-size:15px;
	margin-top:10px;
}

.probootstrap-footer .probootstrap-copyright {
	padding:10px 0;
	margin-top:40px;
}
.probootstrap-footer .probootstrap-copyright p {
	text-transform:uppercase;
	font-size:0.85em;
	line-height:2em !important;
	margin:0;
	padding:0;
}
.probootstrap-footer-social {
	padding: 0;
	margin: 0;
}
.probootstrap-footer-social li {
	list-style: none;
	margin: 0 10px 10px 0;
	display: inline-block;
}
.probootstrap-footer-social li a {
	font-size: 30px;
	position: relative;
	color: #4fb5e6;
}
.probootstrap-footer-social li a:hover {
	color: #fff;
}





/* ----------  probootstrap-counter  ----------- */

.probootstrap-counter {
	margin:30px 0;
}
.probootstrap-counter .section-counter-icon {
	width:60px;
	height:60px;
	display:block;
	background-size: cover;
	background-repeat:no-repeat;
	float:left;
	margin-right:5px;
}
.probootstrap-counter .quality {
	background-image:url(../image/quality1.svg);
}
.probootstrap-counter .dnv {
	background-image:url(../image/dnv1.svg);
}
.probootstrap-counter .service {
	background-image:url(../image/service1.svg);
}
.probootstrap-counter-title {
	font-size:2.2em;
	line-height:1em;
	color: #fff;
}
.probootstrap-counter .probootstrap-number {
}
.probootstrap-counter .probootstrap-label {
	font-size:0.8em;
	text-transform: uppercase;
	color: #21ab38;
}
@media screen and (min-width: 989px) and (max-width: 1199px) {
.probootstrap-counter .probootstrap-label {
	font-size:0.7em;
}
}




/* ----------  probootstrap-loader  ----------- */
#probootstrap-loader {
	position: fixed;
	width: 96px;
	height: 96px;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background-color: rgba(255, 255, 255, 0.9);
	-webkit-box-shadow: 0px 24px 64px rgba(0, 0, 0, 0.24);
	box-shadow: 0px 24px 64px rgba(0, 0, 0, 0.24);
	border-radius: 16px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity .2s ease-out, visibility 0s linear .2s;
	-o-transition: opacity .2s ease-out, visibility 0s linear .2s;
	transition: opacity .2s ease-out, visibility 0s linear .2s;
	z-index: 1000;
}
#probootstrap-loader.fullscreen {
	padding: 0;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	background-color: #fff;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
#probootstrap-loader.show {
	-webkit-transition: opacity .4s ease-out, visibility 0s linear 0s;
	-o-transition: opacity .4s ease-out, visibility 0s linear 0s;
	transition: opacity .4s ease-out, visibility 0s linear 0s;
	visibility: visible;
	opacity: 1;
}
#probootstrap-loader .circular {
	-webkit-animation: loader-rotate 2s linear infinite;
	animation: loader-rotate 2s linear infinite;
	position: absolute;
	left: calc(50% - 24px);
	top: calc(50% - 24px);
	display: block;
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}
#probootstrap-loader .path {
	stroke-dasharray: 1, 200;
	stroke-dashoffset: 0;
	-webkit-animation: loader-dash 1.5s ease-in-out infinite;
	animation: loader-dash 1.5s ease-in-out infinite;
	stroke-linecap: round;
}
@-webkit-keyframes loader-rotate {
	100% {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}
}
@keyframes loader-rotate {
	100% {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}
}
@-webkit-keyframes loader-dash {
	0% {
	stroke-dasharray: 1, 200;
	stroke-dashoffset: 0;
}
50% {
	stroke-dasharray: 89, 200;
	stroke-dashoffset: -35px;
}
100% {
	stroke-dasharray: 89, 200;
	stroke-dashoffset: -136px;
}
}
@keyframes loader-dash {
	0% {
	stroke-dasharray: 1, 200;
	stroke-dashoffset: 0;
}
50% {
	stroke-dasharray: 89, 200;
	stroke-dashoffset: -35px;
}
100% {
	stroke-dasharray: 89, 200;
	stroke-dashoffset: -136px;
}
}





/*---------------- videolist01 ----------------*/
.videolist01 {
	margin:0 auto 25px;
}
.videolist01 ul {
	padding:0;
}
.videolist01 li {
	position:relative;
	float:left;
	width:100%;
	height:;
	margin:20px 0;
	padding-bottom:20px;
	border-bottom:1px solid #ccc;
	overflow:hidden;
}
.videolist01 li:hover .bottomlineblock {
	left:0;
}
.videolist01 li:hover .time {
	background:url(../image/news_time_line.png) no-repeat center;
}
.videolist01 li .time .date, .videolist01 li .time .month {
	color:#fff;
}
.videolist01 li:hover .time .date, .videolist01 li:hover .time .month {
	color:#4fb5e6;
}
.videolist01 li .bottomlineblock {
	width:100%;
	height:2px;
	background:#151a59;
	display:block;
	position:absolute;
	bottom:0;
	left:-100%;
	-webkit-transition: all 0.2s ease 0s; 
	-moz-transition: all 0.2s ease 0s; 
	-o-transition: all 0.2s ease 0s; 
	transition: all 0.2s ease 0s;
}
.videolist01 li .photo {
	background-color:#151a59;
}
.videolist01 video {
	width:100% !important;
	height:auto !important;
}
.videolist01 li .info {
	margin-top:20px;
}
.videolist01 li .info .title {
}
.videolist01 li .info .title p {
	font-size:1.5em;
	
	/* 只显示一行 *
	overflow:hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-moz-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	word-break: break-all;
	white-space: nowrap ;
	*/
}
.videolist01 li .info .lineblock {
	width:20px;
	height:2px;
	background:#4fb5e6;
	display:block;
	margin:10px 0;
}
.videolist01 li .info .description {
	height:50px;
	overflow:hidden;
}
.videolist01 li .info .description p {
	font-size:0.9em;
}
.videolist01 li .time {
	position:absolute;
	right:25px;
	top:25px;
	background:url(../image/news_time_line_white.png) no-repeat center;
	-webkit-transition: all 0.5s ease 0s; 
	-moz-transition: all 0.5s ease 0s; 
	-o-transition: all 0.5s ease 0s; 
	transition: all 0.5s ease 0s;
}
.videolist01 li .time .date {
	font-size:1.6em;
	line-height:1em;
	margin-left:-6px;
	-webkit-transition: all 0.5s ease 0s; 
	-moz-transition: all 0.5s ease 0s; 
	-o-transition: all 0.5s ease 0s; 
	transition: all 0.5s ease 0s;
}
.videolist01 li .time .month {
	font-size:1em;
	line-height:1.5em;
	margin-left:15px;
	-webkit-transition: all 0.5s ease 0s; 
	-moz-transition: all 0.5s ease 0s; 
	-o-transition: all 0.5s ease 0s; 
	transition: all 0.5s ease 0s;
}










/*------ Top scrollBar ---------------------------------------------*/

#scrollBar a:before {
	HEIGHT: 40px;
	WIDTH: 40px;
	background:#151A59;
	text-align:center;
	padding-top:4px;
	font-size:18px !important;

	
	content:"\f106";
	cursor:pointer;
	display:inline-block;
	font-family:FontAwesome;
	color:#fff;
	
	
	
	opacity:0.55;
	filter: alpha(opacity=55);
		
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;

}
#scrollBar a:hover:before {
	margin-bottom:10px;
	opacity:1;
	filter: alpha(opacity=90);
	
}