@charset "utf-8";
/* CSS Document */

.banner img{width: 100%;display: block;}

.content1{margin-top:60px;}
.content1-left{width:70%; height:300px; overflow:hidden; float:left; position:relative;}
.content1-left img{width:100%;}
.content1:hover .content1-left img{width:101%; transition:all .5s;transform:scale(1.1); -webkit-transition:all .5s; -webkit-transform:scale(1.1);}
.content1:hover .bg{ display:block;}
.content1:hover .content1-right{ background-color:#00a051; transition:all .7s; -webkit-transition:all .7s;}
.content1:hover .content1-icon1 span{ height:75px;}
.content1:hover .content1-font1{ color:#FFFFFF;}
.content1:hover .content1-font3{ color:#FFFFFF;}
.content1:hover .content1-font2{ background-color:#FFFFFF;}
.bg{ position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.3); display:none;}
.bg-border{width:calc(100% - 70px); height:calc(100% - 70px); border:1px solid #FFF; margin:35px; position:relative;}
.bg-font {width: 100px;  height: 32px;  line-height: 32px;  text-align: center; font-size:16px; font-size: 1.6rem; background-color:#00a051; position:absolute;top: 50%;left: 50%; color:#FFF; margin-left: -50px;margin-top: -16px;}
.content1-right{width:30%; height:300px; float:left; background-color:#F8F8F8; position:relative;}

.content1-right-icon{position: absolute;left:0; right:0; top:50%; margin-top:-55px;}
.content1-font1{font-size:26px; color:#585858; text-align:center;margin: 20px 0;}
.content1-font2{width:40px; height:2px; margin:0 auto; background-color:#E2E2E2;}
.content1-font3{color:#E2E2E2;font-size:16px; padding-top:20px; text-align:center;}

.content2-left{float:right;}


@media screen and (max-width:1219px){
	.content1-left img{ height:100%;width: auto;}
}


@media screen and (max-width:1024px){
	.content1-left img{ height:100%;width: auto;}
	.content1-font1{font-size: 18px;font-size: 1.8rem;}
	.content1-font3{font-size: 14px;font-size: 1.4rem;padding-top: 15px;}
	.content1{margin-top: 25px;}
}

@media screen and (max-width:768px){
	.bg-font a{font-size: 14px;font-size: 1.4rem;}
	.content1-font1{ font-size:16px;font-size: 1.6rem;margin: 10px 0;}
	.content1-font3{ font-size:14px;font-size: 1.4rem;padding-top: 10px;}
	.bg{ display:block;}
}
@media screen and (max-width:518px){
	.content1{ margin-top:20px; margin-bottom: 20px;}
	.content1{ height:145px;}
	.content1-left{ height:100%; overflow:hidden; width:65%;}
	.content1-left img{ width:auto; height:100%;}
	.content1-right{ height:100%; width:35%;}
	
}