﻿﻿.head3{
display: block;
}
/*banner*/
.bannerlist img{max-width: 100%;} 

.minbox .clearfloat{display:-ms-flexbox;display:flexbox}
/*品牌实力*/
.main1{
	margin-top: 3%;
}
.main1-1{
	text-align: center;
}
.main1-1 span{
	font-size: 26px;
	color: #282828;
	font-weight: 600;
	letter-spacing: 0.1rem;
}
.main1-1 p{
margin-top: 0.9%;
}
.main1-1 p img{
	width: 6%;
}
.main1-2{
	margin-top: 2.66%;
}
.main1-2-1{
	width: 23%;
	float: left;
	text-align: center;
	background: #fafafa;
	height: 320px;
	margin-left: 2.66%;
}
.main1-2-1:nth-child(1){
	margin-left: 0;
}
.main1-2-1 img{
	width: 50%;
}
.main1-2-1:hover img{
    -moz-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
    -moz-transition: all ease .5s 0s;
    -webkit-transition: all ease .5s 0s;
    cursor: pointer;
    transition: all ease .5s 0s;
}
.main1-2-1 p{
    font-size: 24px;
    color: #282828;
    letter-spacing: 0.2rem;
    font-weight: 600;
    margin-top: 4%;
    margin-bottom: 15%;
}
.main1-2-1 span{
	font-size: 18px;
	color: #656565;
	line-height: 1.8rem;
}
.main1-2-1-1{
    padding: 6% 14%;
}
/*品牌实力*/


/*产品展示*/
.main2{
	background: #f8f8f8;
	padding: 3% 0;
	margin-top: 3%;
}
.main2-1{
	margin-top: 3%;
}
.main2-1 ul{
	text-align: center;
}
.main2-1 ul li{
	/*float: left;*/
	display: inline-grid;
	display: -ms-inline-grid;
	width: 14.28%;
	text-align: center;
	padding: 0.6% 0;
}
.main2-1 ul li a{
	font-size: 20px;
	color: #282828;
}
.main2-1 ul li:hover,.main2-1 ul li.on{
	background: #b60005;
}
.main2-1 ul li:hover .a1,.main2-1 ul li.on .a1{
	color: white;
}
.main2-1-li{
	background: #c19740;
}
.main2-1-a{
	color: white !important;
}

.main2-2-1{
	width: 31%;
	float: left;
	position: relative;
	margin-top: 3.5%;
	margin-left: 3.5%;
}
.main2-2-1:nth-child(1){
	margin-left: 0;
}
.main2-2-1:nth-child(4){
	margin-left: 0;
}
.main2-2-1 a{
	display: block;
}
.main2-2-1 img{
	display: block;
}
.main2-2-1 p{
	width: 100%;
	font-size: 20px;
	color: white;
	background: rgba(182,0,5,0.6);
	position: absolute;
	letter-spacing: 0.2rem;
	text-align: center;
	bottom: 0;
	padding: 3% 0;
	display: none;
}
.main2-2-1:hover .p1{
	display: block;
}
.main2-3{
	margin-top: 5%;
	text-align: center;
}
.main2-3 a{
	font-size: 20px;
	color: #282828;
	display: inline-block;
	padding: 0.6% 3%;
	border: 1px solid #282828;
}
.main2-3 a:hover{
	background: #b60005;
	color: #fff;
}
/*产品展示*/


/*走进康氏*/
.main4{
	background: url(../images/aboutbj.png) no-repeat;
	background-size: 100% 100%;
	padding-top: 3%;
	padding-bottom: 5%;
	/*margin-top: 3%;*/
}
.main4-1{
	margin-top: 3%;
}
.main4-1-1{
	width: 48.5%;
	float: left;
}
.main4-1-2{
	width: 48.5%;
	float: right;
}
.main4-1-2 p{
	font-size: 20px;
	color: white;
	/*text-indent: 2rem;*/
	margin-top: 3%;
}
.main4-1-2-1{
	margin-top: 8%;
}
.main4-1-2-1 a{
	font-size: 20px;
	color: white;
	display: inline-block;
	padding: 1% 6%;
	border: 1px solid white;
}
.main4-1-2-1 a:hover{
	background: #b60005;
    color: #fff;
}
/*走进康氏*/


/*选择我们的优势*/
.main3{
	margin-top: 4%;
}
.main3-1{
	text-align: center;
}
.main3-1 img{
	width: 30%;
}
.main3-2{
	margin-top: 4%;
}
.main3-2-1{
	width: 46%;
	float: left;
}
.main3-2-2{
	width: 50%;
	float: right;
	text-align: center;
}
.main3-2-2 strong{
	font-size: 22px;
	color: #333333;
	display: inline-block;
	margin-top: 8%;
}
.main3-2-2 span{
	font-size: 16px;
	color: #62bd83;
}
.main3-2-2 p{
	text-align: left;
	font-size: 18px;
	color: #333333;
	line-height: 2rem;
	margin-top: 8%;
}
.main3-2-2 img{
	width: 14%;
    margin-top: 31%;
}
.bj{
	background: url(../images/youshibj.png) no-repeat;
	background-size: 100% 100%;
	padding: 3% 0;
	margin-top: 4%;
}
.bj .main3-2-1{
	float: right;
	color: white;
}
.bj .main3-2-2{
	float: left;
	color: white;
}
.bj .main3-2-2 strong{
	font-size: 22px;
	color: white;
	display: inline-block;
	margin-top: 8%;
}
.bj .main3-2-2 span{
	font-size: 16px;
	color: white;
}
.bj .main3-2-2 p{
	text-align: left;
	font-size: 18px;
	color: white;
	line-height: 2rem;
	margin-top: 8%;
}
/*选择我们的优势*/


/*客户见证*/
.main5{
	margin-top: 4%;
}
.main5-1{
	margin-top: 3%;
}
/*客户见证*/


/*友情链接*/
.main6{
	margin-top: 3%;
	margin-bottom: 1%;
}
.main6 div{
	padding: 10px 0;
}
.main6 span{
	font-size: 22px;
	color: #282828;
	font-weight: 600;
}
.main6 a{
	font-size: 16px;
	line-height: 28px;
	margin-right: 5px;
	color: #282828;
}
.main6 a:visited{color: #282828;}
.main6 a:hover{color: #b60005;}
/*友情链接*/

@media screen and (max-width: 1200px) {
.main1-2-1 {
    width: 48%;
    float: left;
    text-align: center;
    background: #fafafa;
    height: 460px;
    margin-left: 4%;
    margin-top: 4%;
}
.main{
	margin-bottom: 13%;
}
.main1-2-1 p {
    font-size: 2.6rem;
    color: #282828;
    letter-spacing: 0.2rem;
    font-weight: 600;
    margin-top: 4%;
    margin-bottom: 15%;
}
.main1-2-1:nth-child(3){
	margin-left: 0;
}
.main1-2-1 span {
    font-size: 2rem;
    line-height: 2.6rem;
    color: #656565;
    
}
.main1-1 span {
    font-size: 4rem;
    color: #282828;
    font-weight: 600;
    letter-spacing: 0.1rem;
}
.main1-1 p img {
    width: 20%;
    margin-top: 10px;
}
.main2-1 ul li:nth-child(1){
    margin-left: 0;
}
.main2-1 ul li a{
	font-size: 2.6rem;
	color: #282828;
}
.main2-1 ul li{
	float: left;
	width: 25%;
	text-align: center;
	padding: 0.6% 0;
}


.main2-2-1 {
    width: 48.2%;
    float: left;
    position: relative;
    margin-top: 3.5%;
    margin-left: 3.5%;
}
.main2-2-1:nth-child(3){
	margin-left: 0%;
}
.main2-2-1:nth-child(4){
	margin-left: 3.5%;
}
.main2-2-1:nth-child(5){
	margin-left: 0%;
}
.main2-2-1 p {
    width: 100%;
    font-size: 2rem;
    color: white;
    background: rgba(182,0,5,0.6);
    position: absolute;
    letter-spacing: 0.2rem;
    text-align: center;
    bottom: 0;
    padding: 3% 0;
    display: block;
}
.main2-3 a {
    font-size: 2.6rem;
    color: #282828;
    display: inline-block;
    padding: 0.6% 3%;
    border: 1px solid #282828;
}



.main4-1-1 {
    width: 90%;
    float: none;
    margin-left: 5%;
}
.main4-1-2 {
    width: 90%;
    float:none; 
    margin-left: 5%;
}
.main4-1-2 p {
    font-size: 1rem;
    color: white;
    /*text-indent: 6rem;*/
    margin-top: 3%;
}
.main4-1-2-1{
	text-align: center;
}
.main4-1-2-1 a {
    font-size: 2.6rem;
    color: white;
    display: inline-block;
    padding: 1% 6%;
    border: 1px solid white;
}

.main3{
	padding: 0 2%;	
}
.main3-2-2 p {
    text-align: left;
    font-size: 2rem;
    color: #333333;
    line-height: 2.2rem;
    margin-top: 2%;
}
.main3-2-2 strong {
    font-size: 2.4rem;
    color: #333333;
    display: inline-block;
    margin-top: 0%;
}
.main3-2-2 span {
    font-size: 2rem;
    color: #62bd83;
}
.main3-2-2 img {
    width: 14%;
    margin-top: 10%;
}

.main5{
	padding: 0 2%;	
}
.main6{
	padding: 0 2%;
}
.main6 div{
	padding: 20px 0;
}
.main6 a{
	font-size: 2rem;
}

.bj .main3-2-2 p {
    text-align: left;
    font-size: 2rem;
    color: white;
    line-height: 2rem;
    padding: 0 2%;
    margin-top: 2%;
    text-align: justify;
}
.bj .main3-2-2 strong {
    font-size: 2.4rem;
    color: white;
    display: inline-block;
    margin-top: 0%;
}
.bj .main3-2-2 span {
    font-size: 2rem;
    color: white;
}
}