/*tow banner*/
.main{overflow: hidden;background: #f5f5f5;padding-bottom: 70px;}
.main h3{font-size: 28px;color:#333;text-align: center;padding-top: 70px;}
.main p{font-size: 14px;color:#666;line-height: 30px;}
.banner01{position:relative;height:560px;background: #f2f4f5;overflow:hidden;margin-top: 40px;margin-bottom: 28px;}
.banner01 .max-container01{height:100%;}
.banner01 .container01{height:100%;}
.banner01 .content01{position:absolute;top:0px;left:0px;width:100%;height:100%;background:no-repeat center center;background-size:cover;}
.banner01 .max-container01 .btn01{transition-duration: .3s;-webkit-transition-duration:.3s;cursor:pointer;position:absolute;top:0;bottom:0px;margin:auto 0;width:40px;height:70px;background: #15120c;opacity: .4;text-align:center;line-height: 70px;}
.banner01 .max-container01 .btn01.left-btn01{left:0px;}
.banner01 .max-container01 .btn01.right-btn01{right:0px;}
.banner01 .max-container01 .btn01:hover{background:#c3241c;opacity: 1;}
.line{width: 100%;height: 10px;background: #f5f5f5;}
/*column*/
.column{overflow: hidden;padding: 80px 0;background: #ffff;}
.column .content{overflow: hidden;}
.column .content .imgBox{width: 340px;height: 420px;float: left;overflow: hidden;}
.column .content .imgBox img{width: 100%;height:auto;overflow: hidden;}
.column .content .txt {overflow: hidden;padding-left: 50px;}
.column .content .txt .name{height: 72px;line-height: 72px;}
.column .content .txt .name .first{margin-right: 20px;}
.column .content .txt .classification em{font-size: 14px;color:#888;line-height: 26px;}
.column .content .txt .classification i{font-size: 14px;color:#444;line-height: 26px;}
.column .content .txt p{font-size: 14px;color:#666;line-height: 22px;padding-top: 20px;}
.column .content .txt p em{color:#444;}
/**/
.other{overflow: hidden;padding-top: 70px;padding-bottom: 90px;}
.other p{font-size: 28px;color:#bf241c;text-align: center;}
.other span{width: 58px;height: 1px;display: block;margin:0 auto;background: #bf241c;margin-top: 10px;margin-bottom: 50px;}
.banner{position:relative;width: 100%;height:240px;overflow:hidden;z-index: 1;}
.banner .max-container{height:100%;}
.banner .container{height:100%;}
.banner .content{position:absolute;top:0px;left:0px;width:100%;height:100%;background:no-repeat center center;background-size: cover;}
.banner .content .child{float: left;width: 380px;height: 240px;margin-right: 30px;overflow: hidden;background: #e9e9e9;position: relative;}
.banner .content .child img{max-width:100%;max-height:100%;position: absolute;left:0;right:0;bottom:0;top:0;margin:auto;}
.banner .content .nor{margin-right: 0;}
.banner .max-container .btn{transition-duration: .3s;-webkit-transition-duration:.3s;cursor:pointer;position:absolute;top:0px;bottom:0px;margin:auto 0;width:36px;height:36px;line-height:36px;text-align:center;border-radius: 50%;-webkit-border-radius: 50%;background: #a4a4a4;}
.banner .max-container .btn:hover{background: #bf241c;}
.banner .max-container .btn img{ vertical-align:middle; width: 24%;}
.banner .max-container .btn.left-btn{left:0;}
.banner .max-container .btn.right-btn{right:0;}
.banner .banner-nav{position:absolute;left:0px;right:0px;bottom:20px;height:8px;line-height:8px;text-align:center;}
.banner .banner-nav .child{vertical-align:middle;display:inline-block;*display:inline;*zoom:1;width:8px;height:8px;border-radius:8px;-webkit-border-radius:8px;background:#fff;cursor:pointer;margin:0 4px;}
.banner .banner-nav .child.on{background:#771077;}
@media (max-width:639px) {
.column .content .imgBox{width: 100%;float:none;margin:0 auto;text-align: center;}
.column .content .imgBox img{max-width:340px;}
.column .content .txt{float:none;padding-left: 0;}
.main1 .right .rightBottom img{width: 100%;height:auto;}
.banner01{height: 300px;}
.banner{height: 400px;}
.banner .content{text-align: center;}
.banner .content .child{float: none;width:187px;margin-right: 10px;display: inline-block;*display:inline;*zoom:1;vertical-align: middle;overflow: hidden;margin-bottom: 10px;height: 118px;}
}
@media (min-width:640px) and (max-width:1024px) { 
.column .content .imgBox{float:none;margin:0 auto;}
.column .content .txt{float:none;}
.banner01{height: 400px;}
.banner .content{text-align: center;}
.banner .content .child{float: none;width:187px;margin-right: 4px;display: inline-block;*display:inline;*zoom:1;vertical-align: middle;overflow: hidden;margin-bottom: 10px;}
}
@media (min-width:1024px) and (max-width:1334px) { 
.banner .content{text-align: center;}
.banner .content .child{float: none;width: 32%;margin-right: 10px;display: inline-block;*display:inline;*zoom:1;vertical-align: middle;overflow: hidden;}
}