@charset "utf-8";
/* banner */
.banner{background:url(../images/ban4.jpg) fixed no-repeat center top;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;margin-top:120px;}
.banText{position:relative;height:450px;text-align: center;color:#fff;}
.banText h3{font:56px/1em "微软雅黑";padding-top:150px;} 
.banText h4{font:38px/2em "微软雅黑";}
.btnjT{width:36px;height:36px;border:solid 2px #fff;border-radius: 50%;margin:0 auto;}
.btnjT i{background:url(../images/icjt.png) no-repeat 0 0;width:15px;height:9px;display: inline-block;margin-top:13px;text-align: center;}
/* cakeBox */
.cakeBox{width:100%;padding:70px 0 80px;}
.cakeTit{width:100%;text-align: center;color:333333;}
.cakeTit h3{font:36px/1em "微软雅黑";margin-bottom:15px;}
.cakeTit h4{font:20px/1em "微软雅黑";}
.cakeList{margin:60px 0;text-align: center;}
.cakeList li{display:inline-block;margin:0 50px;font:14px/1em "微软雅黑";color:#333;cursor: pointer;}
.cakeList .active{color:#390f65;}
.cake_lists{width:1200px;margin:0 auto;}
.cake_lists ul{display:none;}
.cake_lists ul li{width:25%;float:left;height:auto;overflow:hidden;}
.cake_lists ul li img{width:100%;transition: all 0.5s;}
.cake_lists .show{display:block;}
.cake_lists ul li:hover img{transform: scale(1.2) ;-ms-transform: scale(1.2) ;-webkit-transform: scale(1.2) ;-o-transform: scale(1.2) ;-moz-transform: scale(1.2) ;opacity:.6;filter:alpha(opacity=60);}
/*------ 响应式  -------*/
@media screen and (max-width:1280px) {
    .cake_lists{width:90%;margin:0 auto;}
}
@media screen and (max-width:1200px) {
	.banner{background-attachment: scroll;/*margin-top:90px;*/}
	.banText{height:400px;}	
}
@media screen and (max-width:1000px) {
    .cakeList{margin:50px 0;}
    .cakeBox{padding: 60px 0 70px;}
}
@media screen and (max-width:800px) {
	    .banText{height:380px;}
    .banText h3{font: 40px/1em "微软雅黑";padding-top:140px;}
    .banText h4{font: 38px/2em "微软雅黑";}
    .cake_lists ul li{width:33.33%;}
}
@media screen and (max-width:600px) {
    .banner{/*margin-top:60px;*/}
    .banText{width:90%;margin:0 5%;height:360px;}
    .banText h3{font: 32px/1em "微软雅黑";}
    .banText h4{font: 26px/2.5em "微软雅黑";}
    .cakeList{margin:40px 0;}
	.cakeBox{padding: 50px 0 60px;}
	.cake_lists ul li{width:50%;}
}
@media screen and (max-width:480px) {
    .banText{height:350px;}
    .banText h3{font: 26px/1em "微软雅黑";padding-top:130px;}
    .banText h4{font: 20px/2.5em "微软雅黑";}
    .cakeList li{margin:0 30px;}
}
@media screen and (max-width:400px) {
	.banText h3{font: 20px/1em "微软雅黑";}
    .banText h4{font: 16px/2.5em "微软雅黑";}
    .cakeList{margin:32px 0;}
    .cakeBox{padding: 30px 0 40px;}
    .cakeList li{margin:0 25px;}
}