﻿body {

	color: rgba(0,0,0,0.8);

	font-family: Arial, Helvetica, sans-serif;

	background: #fff;

	font-size: 16px;

}



* {

	margin: 0;

	padding: 0;

	box-sizing: border-box;



}



dl {

	margin: 0;

}



dt {

	font-weight: normal;

}



ul,

li {

	list-style-type: none;

	margin: 0;

}



h1,

h2,

h3,

h4,

h5,

h6 {

	font-size: 100%;

	font-weight: normal;

}



a {

	color: rgba(0,0,0,0.8);

	outline: none;

	transition: all 0.6s;

}



a:hover {

	text-decoration: none;

	color: #f59b4d;

}



a:focus {

	text-decoration: none;

	color: inherit;

}



img {

	border: 0;

	vertical-align: middle;

	transition: all 0.6s;

}



table {

	border-collapse: collapse;

}



input,

textarea,

select,

button {

	border: 0;

	outline: none;

}



.btn,

.btn:focus,

.btn:active {

	outline: none;

}



.wrap {

	width: 100%;

	overflow: hidden;

}



/*公共样式勿删除*/

.clearfix:after {

	content: " ";

	display: block;

	clear: both;

	visibility: hidden;

	line-height: 0;

	height: 0;

}



.clearfix {

	zoom: 1;

}



.fl {

	float: left;

}



.fr {

	float: right;

}



.flex {

	display: flex;

	align-items: center;

}



.flex_item {

	flex: 1;
    font-size: 13px;
}





/**/



.header {

	z-index: 99;

	position: relative;

	line-height: 70px;

}

.top{
	
    background: #f2f2f2;

	line-height:35px;
	font-size:14px;
	
}

.container{
	
	padding-right:15px;
	padding-left:15px;
	margin-right:auto;
	margin-left:auto;
	
	
	
	
}

/*@media (min-width:1200px){.container{width:1230px}} */

/*@media (min-width:768px){.container{width:750px}}*/

/*@media (min-width:992px){.container{width:970px}}*/


.flex{
	
  display:flex;
  align-items:center;
	
}

.flex_item{
	
	flex:1;
	
}

.top .h_tel{
	font-weight:bold;
	color:#2055a5;
	font-size:20px;
	
	
}

.top .h_email{
	font-weight:bold;
	color:#2055a5;
	font-size:14px;
	
	
}

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


.a{
	
	
	color:#151a2d;
	outline:none;
	
}
.navbar-default {

	background: none;

	border: none;

	margin: 0;

}





.header .navbar-default .navbar-nav>li{

	margin: 0 27px;

}

.header .navbar-default .navbar-nav>li>a {

	padding: 0 ;

	line-height:88px;

	font-size: 16px;

}



.header .navbar-default .navbar-nav>.active>a,

.header .navbar-default .navbar-nav>:hover>a,

.header .navbar-default .navbar-nav>.active>a:focus,

.header .navbar-default .navbar-nav>.active>a:hover {

	color: #e77711;

	background: none;

}

.header .navbar-default .navbar-nav>li:last-child{

	margin-right: 0;

}

.header .navbar-default .navbar-nav>li:hover .dropdown-menu {

	display: block;

}



.header .navbar-default .dropdown-menu {

	min-width: 100%;

	border: none;

	border-radius: 0;

	margin: 0;

	padding: 0;

	background: #f2f1ef;

	border-top: 5px solid #f69b4c;

}



.header .dropdown-menu>li>a {

	padding: 0 20px;

	line-height: 58px;

	font-size: 16px;

	border-bottom: 1px solid #ddd;

}



.header .dropdown-menu>li>a:hover {

	color: #666;

	background: #fff;

}



.d_n{

	display: none;

}





.footer .a {

	background: #4b566a;

	color: #fff;

	padding: 30px 0 50px;

}

.footer .a h2 {

	font-size: 40px;

	text-align: center;

	margin-bottom: 30px;

}

.footer .a p{

	line-height: 43px;

}

.footer .a p a{

	color: #f59b4d;

}

.footer .a input{

	height: 50px;

	background: #373c4f;

	border: none;

	color: #fff;

	font-size: 16px;

	margin-top: 20px;

}

.footer .a textarea{

	margin-top: 20px;

	height: 190px;

	background: #373c4f;

	border: none;

	color: #fff;

	font-size: 16px;

}

.footer .a .btn{

	border-radius: 25px;

	height: 50px;

	margin-top: 20px;

	background: #f59b4d;

	font-size: 16px;

}

.footer .b {

	background: #fff;

	padding: 50px 0 25px;

}

.footer .b i{

	display: inline-block;

	width: 23px;

	height: 17px;

	background-image: url(../images/home_49.png);

	background-repeat: no-repeat;

}

.footer .b .icon1{

	background-position: 5px 0;

}

.footer .b .icon2{

	background-position: -31px 0;

}

.footer .b .icon3{

	background-position: -81px 0;

}

.footer .b .icon4{

	background-position: -122px 0;

}

.footer .b .icon5{

	background-position: -162px 0;

}

.footer .b .icon6{

	background-position: -198px 0;

}

.footer .b a{

	display: inline-block;

	position: relative;

	margin: 0 10px;

}

.footer .b a:hover span{

	display: inline-block;

}

.footer .b a span{

	position: absolute;

	background: #353c4e;

	border-radius: 5px;

	display: none;

	line-height: 20px;

	font-size: 12px;

	top: -32px;

	left: 50%;

	color: #fff;

	transform: translate(-50%,0);

	padding: 0 10px;

}

.footer .b a span::after{

	content: '';

	width:0;

		height:0;

		border-right:5px solid transparent;

		border-left:5px solid transparent;

		border-top:5px solid #353c4e;

		position: absolute;

		bottom: -5px;

		left: 50%;

		transform: translate(-50%,0);

}

.totop{

	width: 39px;

	height: 39px;

	text-align: center;

	line-height: 39px;

	color: #fff;

	border-radius: 5px;

	position: fixed;

	right: 20px;

	background: #4c4c4c;

	bottom: 20px;

	cursor: pointer;

}

/**/

.homepage .a{

	height: 598px;

	background: url(../images/banner.jpg) center no-repeat;

	padding-top: 108px;

	color: #fff;

}

#video {

	width: 100%;

	height: 379px;

	position: relative;

}



#video video {

	width: 100%;

	height: 100%;

	object-fit: fill;

}



.VideoBtn {

	position: absolute;

	left: 50%;

	top: 50%;

	display: block;

	width: 70px;

	height: 70px;

	margin-left: -35px;

	margin-top: -35px;

	cursor: pointer;

	z-index: 10;

}



.homepage .a .btn{

	width: 376px;

	height: 55px;

	line-height: 55px;

	text-align: center;

	background: #f59b4d;

	color: #fff;

	font-size: 18px;

	padding: 0;

	border-radius: 30px;

	margin-top: 310px;

}

.homepage .b .bd{

	box-shadow: 0 0 15px rgba(0,0,0,0.2);

	background: #fff;

	text-align: center;

	position: relative;

	padding: 40px 30px 15px;

	margin-top: -60px;

}

.homepage .b .bd a{

	color: #0068b7;

}

.homepage .b .bd a p{

	line-height: 24px;

	padding: 15px 30px 0;

}

.homepage .title{

	text-align: center;

	padding: 80px 0 40px;

	font-size: 24px;

	color: #666;

}

.homepage .title h2{

	font-size: 36px;

	margin-top: 0;

	color: #333;

	margin-bottom: 22px;

}

.homepage .title h4{

	line-height: 34px;

}

.homepage .c .box{

	border-radius: 10px;

	box-shadow: 0 0 10px rgba(0,0,0,0.2);

	height: 237px;

	text-align: center;

	position: relative;

	transition: all 0.6s;

}

.homepage .c .box .hd::before{

	content: '';

	display: block;

	height: 48px;

	background: #44cf76;

	border-radius: 10px 10px 0 0;

}

.homepage .c .box .hd {

	line-height: 40px;

	font-size: 28px;

	text-align: center;

	color: #666;

}

.homepage .c .box p{

	padding-top: 35px;

}

.homepage .c .box .btn{

	font-size: 20px;

	color: #44cf76;

	border: 2px solid #44cf76;

	width: 200px;

	line-height: 49px;

	padding: 0;

	border-radius: 25px;

	position: absolute;

	bottom: -52px;

	left: 50%;

	opacity: 0;

	transform: translate(-50%,0);

}

.homepage .c .col-lg-4:hover .box{

	margin-top: -20px ;

}

.homepage .c .col-lg-4{

	min-height: 297px;

}

.homepage .c .box:hover .btn{

	opacity: 1;

	bottom: -25px;

}

.homepage .c .col-lg-4:nth-child(2) .hd::before{

	background: #f59b4d;

}

.homepage .c .col-lg-4:nth-child(2) .btn{

	color: #f59b4d;

	border: 2px solid #f59b4d;

}

.homepage .c .col-lg-4:nth-child(3) .hd::before{

	background: #f57663;

}

.homepage .c .col-lg-4:nth-child(3) .btn{

	color: #f57663;

	border: 2px solid #f57663;

}

.homepage .c .col-lg-4:nth-child(4) .hd::before{

	background: #0064b2;

}

.homepage .c .col-lg-4:nth-child(4) .btn{

	color: #0064b2;

	border: 2px solid #0064b2;

}

.homepage .c .col-lg-4:nth-child(5) .hd::before{

	background: #f4cb3f;

}

.homepage .c .col-lg-4:nth-child(5) .btn{

	color: #f4cb3f;

	border: 2px solid #f4cb3f;

}

.homepage .d .bd .pic{

	border: 1px solid #ddd;

	margin-bottom: 30px;

}

.homepage .d .bd a{

	display: block;

	text-align: center;

	font-size: 20px;

}

.homepage .d .bd a img{

	max-width: 100%;

}

.homepage .d .bd a:hover .pic{

	border: 1px solid #f59b4d;

}

.homepage .d .btn{

	width: 200px;

	height: 56px;

	border-radius: 0;

	font-size: 20px;

	color: #fff;

	line-height: 56px;

	background: none;

	color: #f59b4d;

	border: 2px solid #f59b4d;

	padding: 0;

	margin-top: 50px;

}





.homepage .d .btn:hover{

      color: #fff;

      background:#f59b4d;

      border:1px solid #f59b4d!important;

}





.homepage .e{

	background: #f5f5f5;

	margin-top: 80px;

	/*padding-bottom: 80px;*/

}

.homepage .e .bd a {

	display: block;

	border: 1px solid #ddd;

	padding: 10px;

}

.homepage .e .bd a img{

	width: 100%;

}

.homepage .e .bd a .pic{

	position: relative;

}

.homepage .e .bd a .pic::after{

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	height: 100%;

	width: 0;

	background: rgba(0,100,178,0.3);

	transition: all 0.6s;

}

.homepage .e .bd a:hover .pic::after{

	width: 100%;

}

.homepage .e a p{

	line-height: 36px;

	font-size: 18px;

	margin: 10px 0 25px;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 3;

	overflow: hidden;

}

.homepage .e .bd dl{

	padding: 15px 20px;

}

.homepage .e .bd dt{

	color: #999;

}

.homepage .e .bd .more{

	font-size: 18px;

	display: inline-block;

	background: url(../images/home_45.png) right center no-repeat;

	padding-right: 45px;

}

.homepage .e .bd a:hover .more{

	background: url(../images/usefulinfo_05.png) right center no-repeat;

}

.homepage .e .btn{

	width: 200px;

	height: 56px;

	border-radius: 0;

	font-size: 20px;

	color: #fff;

	line-height: 56px;

	background: none;

	color: #f59b4d;

	border: 2px solid #f59b4d;

	padding: 0;

	margin-top: 50px;

}

.homepage .e .btn:hover{

color: #fff;

background:#f59b4d;

border:1px solid #f59b4d!important;



}





/**/

.banner_info {

height: 200px;

position: relative;

color: #fff;

font-size: 30px;

text-align: center;

background: url(../images/contactus_02.jpg) center no-repeat;

}

.banner_info span{

	display: inline-block;

	position: absolute;

	left: 50%;

	top: 50%;

	transform: translate(-50%,-50%);

}

.banner_info span::after{

	content: '';

	display: block;

	width: 143px;

	margin: 15px auto 0;

	border-bottom: 2px solid #fff;

}

.Contact{

	font-size: 18px;

	padding: 80px 0;

}

.Contact .pic{

	border: 1px solid #ddd;

	padding: 40px;

}

.Contact .pic img{

	max-width: 100%;

}

.Contact .col-lg-6,.Contact .col-lg-12{

	line-height: 38px;

	color: #666;

}

.Contact h4{

	font-size: 24px;

}

.Contact h2{

	font-size: 36px;

	margin-top: 0;

}

.Contact h2::after{

	content: '';

	display: block;

	width: 70px;

	margin: 20px 0;

	border-bottom: 1px solid #f59b4d;

}

/**/

.banner_info-1{

	background: url(../images/usefulinfo_02.jpg) center no-repeat;

}

.homepage .e_info{

	margin: 0;

	background: #fff;

}

.homepage .e_info .bd a{

	margin-bottom: 30px;

}



.pagination>li>a,

.pagination>li>span {

	color: #666;

	margin: 0 5px;

	border: 1px solid #ddd;

	border-radius: 0;

	background: none;

}



.pagination>.active>a,

.pagination>.active>a:focus,



.pagination>.active>span,

.pagination>.active>span:focus,

.pagination>.active>span:hover {

	background: #fb9c58;

	border: 1px solid #fb9c58;

}

.pagination>li>a:hover{

	border: 1px solid #fb9c58;

	color: #fb9c58;

	background: none;

}

/**/

.banner_info-2{

	background: url(../images/whyHKwinwinsourcing1_02.jpg) center no-repeat;

}

.whyHKwinwinsourcing1{

	padding-bottom: 80px;

}

.whyHKwinwinsourcing1 .flex{

	align-items: stretch;

	font-size: 24px;

}

.whyHKwinwinsourcing1 .pic{

	width: 435px;

	margin-left: 30px;

}

.whyHKwinwinsourcing1 .pic img{

	width: 100%;

	margin-bottom: 20px;

	box-shadow: 0 0 15px rgba(0,0,0,0.2);

}

.whyHKwinwinsourcing1 .flex .flex .flex_item p,.whyHKwinwinsourcing1 .flex .flex_item span{

	font-size: 18px;

	color: #666;

	line-height: 32px;

}

.whyHKwinwinsourcing1 .flex .left{

	width: 205px;

}

.whyHKwinwinsourcing1 .flex .flex{

	margin-top: 30px;

}

/**/

.team img{

	width: 100%;

}

.team {

	text-align: center;

	font-size: 18px;

	padding-top: 50px;

}

.team a{

	display: block;

	margin-top: 30px;

}

.team a p{

	margin-top: 20px;

	color: #666;

	overflow: hidden;

	text-overflow:ellipsis;

	white-space: nowrap;

}

/**/

.whyHKwinwinsourcing3{

	margin-top: -80px;

	padding-bottom: 80px;

}

.whyHKwinwinsourcing3 .bd{

	text-align: center;

	font-size: 18px;

}

.whyHKwinwinsourcing3 .bd p{

	margin: 20px 0;

}

.whyHKwinwinsourcing3 .bd .box{

	text-align: left;

	color: #666;

	line-height: 32px;

	border: 2px solid #f57760;

	border-radius: 10px;

	padding: 20px;

	max-width: 320px;

	margin: 0 auto;

	height: 300px;

}

/**/

.breadcrumb{

	padding: 15px 0;

	background: none;

	font-size: 14px;

}

.breadcrumb>li+li:before{

	content: '>';

}

.info{

	padding-bottom: 50px;

}

.info img{

	display: block;

	margin: 30px auto;

	max-width: 100%;

}

.info .a .hd{

	text-align: center;

}

.info .a .hd h1{

	font-size: 36px;

	font-weight: bold;

	margin-top: 50px;

	margin-bottom: 25px;

}

.info .a .hd h4 span{

	display: inline-block;

	font-size: 14px;

	color: #999;

	margin: 0 20px;

}

.info p{

	font-size: 18px;

	line-height: 32px;

	color: #666;

	margin-bottom: 40px;

}

.info h2{

	font-size: 30px;

	font-weight: bold;

}

.info .b h3{

	font-size: 24px;

}

.info .b ul{

	line-height: 38px;

	color: #666;

	font-size: 18px;

	padding: 30px 50px;

}

.info .b ul li{

	background: url(../images/info_13.png) left center no-repeat;

	padding-left: 35px;

}

.info .c h3{

	font-size: 24px;

	font-weight: bold;

	color: #666;

	margin-bottom: 40px;

}

/**/

.ourproduct h2{

	font-size: 36px;

	margin: 0;

	padding: 50px 0 20px;

}

.ourproduct h4{

	font-size: 24px;

	color: #666;

}

.ourproduct .a h3{

	font-weight: bold;

	font-size: 23px;

	margin: 50px 0 20px;

}

.ourproduct .a .row{

	text-align: center;

	font-size: 19px;

}

.ourproduct .a .row p{

	margin-top: 15px;

}

.ourproduct .a .row .pic{

	border: 1px solid #ddd;

	margin-top: 20px;

}

.ourproduct .a .row img{

	max-width: 100%;

}

.ourproduct .a ul{

	font-size: 18px;

	color: #666;

	margin-top: 25px;

	line-height: 38px;

}

.ourproduct .a .bd{

	border-bottom: 1px solid #eee;

	padding-bottom: 20px;

}

.ourproduct .a .bd:last-child{

	border: none;

	padding-bottom: 0;

}

.ourproduct .b{

	background: #f5f5f5;

	margin-top: 50px;

	padding-bottom: 60px;

}

.ourproduct .b img{

	max-width: 100%;

	margin-top: 40px;

}

/**/

.ourservice .a{

	text-align: center;

	background: url(../images/ourservice1_02.jpg) center no-repeat;

	background-size: cover;

	color: #fff;

	padding: 58px 0;

}

.ourservice .a p{

	line-height: 31px;

	text-align: left;

	padding-top: 50px;

}

.ourservice .a h1{

	font-size: 40px;

	line-height: 47px;

	margin-top: 0;

	margin-bottom: 20px;

}

.ourservice h2{

	font-size: 36px;

	margin: 0;

	padding: 80px 0 0;

}

.ourservice h4{

	color: #666;

	line-height: 34px;

	font-size: 24px;

}

.ourservice .b ul{

	font-size: 24px;

	line-height: 46px;

}

.ourservice .b .flex{

	margin-top: 40px;

}

.ourservice .b img{

	max-width: 100%;

}

.ourservice .media{

	margin-top: 50px;

}

.ourservice .media h4{

	color: #333;

	margin: 15px 0;

}

.ourservice .media p{

	color: #666;

	font-size: 18px;

	line-height: 24px;

}

.ourservice .media span{

	width: 72px;

	height: 72px;

	display: block;

	border-radius: 50%;

	background: #44cf76;

	color: #fff;

	line-height: 72px;

	font-size: 20px;

	text-align: center;

	margin-right: 50px;

}

.ourservice .d ul{

	line-height: 46px;

	font-size: 24px;

	margin: 40px 0;

}

.ourservice .d h3{

	font-size: 24px;

}

.ourservice .d h3 span{

	color: #0060ad;

}

.ourservice .d p{

	font-size: 18px;

	line-height: 38px;

	color: #666;

	margin: 15px 0 50px;

}

.ourservice .d p:last-child{

	margin-bottom: 0;

}

.ourservice .e .pic{

	width: 460px;

	margin-left: 50px;

}

.ourservice .e .pic img{

	width: 100%;

	margin-bottom: 20px;

}

.ourservice .e .flex{

	align-items: stretch;

}

.ourservice .e .flex h3{

	font-size: 24px;

	line-height: 39px;

	width: 70%;

}

.ourservice .e .flex li span{

	font-size: 24px;

}

.ourservice .e .flex li{

	line-height: 32px;

	color: #666;

	margin-top: 15px;

	font-size: 18px;

}

.ourservice .f {

	padding-bottom: 60px;

}

.ourservice .f .media img{

	margin-right: 50px;

}

.ourservice .f .media p{

	line-height: 38px;

}

.ourservice .f .media h5{

	font-size: 20px;

	margin-top: 25px;

}

@media screen and (min-width:981px) and (max-width:1200px) {

	

	.header .navbar-default .navbar-nav>li>a {

		padding: 0 12px;

		font-size: 14px;

		line-height: 80px;

	}



	.header .logo {

		line-height: 80px;

	}



	.header {

		height: auto;

	}



	.logo img {

		width: 150px;

	}

}



@media screen and (min-width:769px) and (max-width:980px) {



	.logo img {

		width: 150px;

	}



	.header .navbar-default .navbar-nav>li>a {

		padding: 0 12px;

		font-size: 14px;

		line-height: 80px;

	}



	.header .logo {

		line-height: 80px;

	}



	.header {

		height: auto;

	}



}



@media (max-width:768px) {

	.header .logo {

		line-height: 50px;

		padding-left: 15px;

	}

	.header{

		line-height: inherit;

	}

	.navbar-collapse {

		float: none;

	}

	.header .navbar-default .navbar-nav>li>a {

		line-height: 40px;

		height: auto;

		font-size: 14px;

	}

	.header .navbar-default .dropdown-menu {

		position: static;

		float: none;

		box-shadow: none;

	}

	.header .navbar-default .navbar-nav>li:last-child{

		margin-right: 27px;

	}

	.header .navbar-default .navbar-nav1>li:hover .dropdown-menu{

		display: none;

	}

	.header .dropdown-menu>li>a {

		color: #666;

		padding: 0 15px;

		font-size: 14px;

		line-height: 40px;

		transition: all 0.5s;

		    -moz-transition: all 0.5s;

		    -webkit-transition: all 0.5s;

		    -o-transition: all 0.5s;

	}

	.logo img {

		width: 150px;

	}

	.header .navbar-default .navbar-nav1>.dropdown>a{

		display: inline-block;

		vertical-align: middle;

	}

	.header .navbar-default .navbar-nav1>li{

		border-bottom: 1px solid #ddd;

	}

	.header .navbar-default .navbar-nav1>li::after{

		content: " ";

		    display: inline-block;

		    height: 8px;

		    width: 8px;

		    border-width: 2px 2px 0 0;

		    border-color: #c8c8cd;

		    border-style: solid;

		    -webkit-transform: matrix(.71,.71,-.71,.71,0,0);

		    transform: matrix(.71,.71,-.71,.71,0,0);

		    position: absolute;

		    top:15px;

		    right: 0;

	}



	.header .navbar-default .navbar-nav1>li.on>.dropdown-menu{

		display: block;

	}

	.jsmodern-video{

		width: 100%!important;

	}

	.footer .b .flex{

		display: block;

		text-align: center;

	}

	.footer .b{

		padding: 20px 0;

		font-size: 12px;

	}

	.footer .b .share{

		margin-top: 20px;

	}

	.footer .a h2,.homepage .title h2{

		font-size: 20px;

	}

	.footer .a p,.homepage .title h4{

		font-size: 14px;

		line-height: 26px;

	}

	.footer .a input,.footer .a .btn{

		font-size: 14px;

	}

	.homepage .e .bd a{

		margin-bottom: 15px;

	}

	.homepage .e .btn,.homepage .d .btn{

		font-size: 14px;

		margin-top: 20px;

	}

	.homepage .title{

		padding: 30px 0 15px;

	}

	.homepage .title h2{

		margin: 0;

	}

	.homepage .d .bd .pic{

		margin: 0 0 10px;

	}

	.homepage .d .bd a{

		font-size: 14px;

		margin-bottom: 20px;

	}

	.homepage .c .box{

		margin-bottom: 20px;

	}

	.homepage .b .bd{

		margin-top: 20px;

	}

	.homepage .a{

		height: auto;

		background: none;

		padding: 0;

	}

	.homepage .a .btn{

		display: none;

	}

	#video{

		height: 200px;

		margin-top: 20px;

	}

	.homepage .b .bd a p{

		padding: 0;

		font-size: 12px;

	}

	.homepage .c .box p{

		font-size: 20px;

	}

	.homepage .e .bd .more{

		font-size: 14px;

	}

	.homepage .e a p{

		font-size: 14px;

		line-height: 24px;

	}

	.homepage .e{

		margin-top: 30px;

		padding-bottom: 30px;

	}

	.whyHKwinwinsourcing1 .flex {

		display: block;

	}

	.whyHKwinwinsourcing1 .flex{

		font-size: 16px;

	}

	.whyHKwinwinsourcing1 .flex .flex .flex_item p,.team,.whyHKwinwinsourcing1 .flex .flex_item span,.whyHKwinwinsourcing3 .bd{

		font-size: 14px;

	}

	.whyHKwinwinsourcing1 .flex .flex{

		margin-top: 15px;

	}

	.whyHKwinwinsourcing1 .pic{

		width: 100%;

		margin: 20px 0 0;

	}

	.whyHKwinwinsourcing1{

		padding-bottom: 30px;

	}

	.whyHKwinwinsourcing3{

		margin-top: -30px;

		padding-bottom: 0;

	}

	.whyHKwinwinsourcing3 .bd .box{

		height: auto;

		margin-bottom: 30px;

	}

	.info .a .hd h1{

		font-size: 20px;

		margin: 20px 0 10px;

	}

	.info p{

		font-size: 14px;

		line-height: 24px;

		margin-bottom: 20px;

	}

	.info h2{

		font-size: 18px;

	}

	.info .b h3,.info .c h3{

		font-size: 16px;

	}

	.info .b ul{

		padding: 0;

		font-size: 14px;

		line-height: 24px;

	}

	.info .b ul li{

		background: url(../images/info_13.png) left 5px no-repeat;

	}

	.info .c h3{

		margin-bottom: 15px;

	}

	.info{

		padding-bottom: 20px;

	}

	.ourproduct h2{

		font-size: 20px;

		padding: 25px 0 0;

	}

	.ourproduct h4{

		font-size: 14px;

	}

	.ourproduct .a h3{

		font-size: 18px;

		margin: 15px 0;

	}

	.ourproduct .a .row{

		font-size: 12px;

	}

	.ourproduct .a .row .pic{

		margin: 0;

	}

	.ourproduct .a ul{

		font-size: 14px;

	}

	

	.ourservice .a h1{

		font-size: 16px;

		line-height: 28px;

		margin: 0;

	}

	.ourservice .a p{

		font-size: 12px;

		line-height: 24px;

		padding-top: 15px;

	}

	.ourservice .a{

		padding: 30px 0;

	}

	.ourservice h2{

		padding: 30px 0 0;

		font-size: 20px;

	}

	.ourservice .b .flex{

		display: block;

		margin-top: 10px;

	}

	.ourservice .b ul,.ourservice h4,.ourservice .d ul,.ourservice .d p{

		font-size: 14px;

		line-height: 24px;

		margin-bottom: 10px;

	}

	.ourservice .media span{

		margin: 0;

		width: 40px;

		height: 40px;

		font-size: 12px;

		line-height: 40px;

	}

	.ourservice .media{

		margin-top: 15px;

	}

	.ourservice .media p,.ourservice .e .flex li,.ourservice .f .media h5{

		font-size: 14px;

	}

	.ourservice .d ul{

		margin: 10px 0;

	}

	.ourservice .d h3,.ourservice .e .flex h3,.ourservice .e .flex li span{

		font-size: 17px;

	}

	.ourservice .e .flex{

		display: block;

	}

	.ourservice .e .flex h3{

		width: 100%;

	}

	.ourservice .e .flex h3{

		line-height: 24px;

	}

	.ourservice .e .pic{

		margin: 20px 0 0;

		width: 100%;

	}

	.ourservice .f .media img{

		margin: 0;

		width: 40px;

	}

	.ourservice .f .media p{

		line-height: 22px;

	}

	.ourservice .f{

		padding-bottom: 30px;

	}

	.ourservice .media h4{

		margin-top: 8px;

	}

	.Contact{

		font-size: 14px;

		padding: 30px 0;

	}

	.Contact .pic{

		padding: 10px;

	}

	.Contact h2{

		font-size: 20px;

		margin-top: 15px;

	}

	.Contact h4{

		font-size: 16px;

	}

	.banner_info{

		font-size: 20px;

	}



}





