.mainNav .child{width:auto;padding:0 12px;}

.main{border-bottom:1px solid #cacaca;}
.mainContent{padding:30px 0;}
.mainContent:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.mainContent .mainImg{padding-bottom:30px;}
.mainContent .mainImg img{width:100%;}
.mainContent .mainInfo{border:1px solid #b7b7b7;margin-bottom:20px;}
.mainContent .mainInfo .mainInfoContent{padding:20px 20px;text-align:left;}
.mainContent .mainInfo .mainInfoContent p{color:#656565;font-size:14px;line-height:24px;padding:4px 0;}
.mainContent .mainInfo .mainInfoContent .title{line-height:36px;color:#434343;font-size:22px;padding:10px 0; }

.mainAboutTitle{padding:40px 0;color:#434343;font-size:20px;}
.mainAbout{position:relative;height:200px;width:100%;}
.mainAbout .content{position:relative;height:200px;width:100%;overflow:hidden;}
.mainAbout .aboutBtn{position:absolute;top:-80px;bottom:0px;margin:auto 0;cursor:pointer;z-index:1;}
.mainAbout .aboutBtn.leftBtn{left:-100px;}
.mainAbout .aboutBtn.rightBtn{right:-100px;}
.mainAbout .moveContent{position:absolute;top:0px;left:0px;}
.mainAbout .moveContent .child{position:absolute;top:0px;width:377px;margin-right:15px;}
.mainAbout .moveContent .child .childImg{width:100%;height:130px;overflow:hidden;}
.mainAbout .moveContent .child .childImg img{width:100%;height:100%;}
.mainAbout .moveContent .child .childImg img{transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s; -webkit-transition-duration:.3s; }
.mainAbout .moveContent .child:hover .childImg img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);}
.mainAbout .moveContent .child .childTitle{padding-top:24px;line-height:26px;color:#434343;font-size:16px;}

.interested{border-top:0px !important;}
@media (max-width: 639px) {
.mainNav .child{padding:0 12px;}


.mainContent{padding:20px 0;}
.mainContent .mainImg{padding-bottom:20px;}
.mainContent .mainInfo{margin-bottom:10px;}
.mainContent .mainInfo .mainInfoContent{padding:12px 16px;}
.mainContent .mainInfo .mainInfoContent p{font-size:12px;line-height:20px;padding:2px 0;}
.mainContent .mainInfo .mainInfoContent .title{line-height:24px;font-size:18px;padding:2px 0; }

.mainAboutTitle{padding:20px 0;font-size:18px;}
.mainAbout{height:145px;}
.mainAbout .content{height:145px;width:290px;margin:0 auto;}
.mainAbout .aboutBtn{top:-20px;height: 40px;}
.mainAbout .aboutBtn.leftBtn{left:0px;}
.mainAbout .aboutBtn.rightBtn{right:0px;}
.mainAbout .moveContent .child{width:290px;margin-right:15px;}
.mainAbout .moveContent .child .childImg{height:100px;}
.mainAbout .moveContent .child .childTitle{padding-top:10px;line-height:22px;font-size:14px;}

}
@media (min-width: 640px) and (max-width:1023px ) {
.mainNav .child{padding:0 12px;}

.mainContent{padding:20px 0;text-align:center;}

.mainAboutTitle{padding:30px 0;font-size:20px;}
.mainAbout{height:200px;}
.mainAbout .content{height:200px;width:377px;margin:0 auto;}
.mainAbout .aboutBtn{top:-80px;}
.mainAbout .aboutBtn.leftBtn{left:0px;}
.mainAbout .aboutBtn.rightBtn{right:0px;}


}
@media (min-width: 1024px) and (max-width:1199px ) {



.mainContent{padding:30px 0;text-align:center;}

.mainAboutTitle{padding:30px 0;font-size:20px;}
.mainAbout{height:170px;}
.mainAbout .content{height:170px;}
.mainAbout .aboutBtn{top:-80px;}
.mainAbout .aboutBtn.leftBtn{left:0px;}
.mainAbout .aboutBtn.rightBtn{right:0px;}
.mainAbout .moveContent .child{width:290px;margin-right:15px;}
.mainAbout .moveContent .child .childImg{height:110px;}
.mainAbout .moveContent .child .childTitle{padding-top:18px;line-height:22px;font-size:14px;}
}
@media (min-width: 1200px) and (max-width:1439px ) {

.mainAbout .aboutBtn.leftBtn{left:0px;}
.mainAbout .aboutBtn.rightBtn{right:0px;}
}
@media (min-width: 1440px) and (max-width:1920px ) {



}