.index .banner{position: relative;}
.index .main-content{margin:0 auto;width: 1200px;}
.index .title h4{width:100%;margin:40px auto 40px;padding-top: 50px;font-size: 20px;text-align:center;color: #6e6e6e;letter-spacing: 2px;font-family: 'Microsoft YaHei';}
.index .main-content .content-box{margin:40px auto 0;width: 100%;}
.index .content-box li{float: left;width: 32%;height: 236px;margin-right:2%;margin-top:50px;border:1px solid #469fff;}
.index .content-box li .img-top{width: 100.1%;position: relative;background: url('../images/定制背景图.jpg') no-repeat top center;background-size: 100%;}
.index .content-box li:last-child{margin-right:0;}
.index .img-top h4{width: 100%;height: 100%;text-align:center;font:500 24px/98px 'Microsoft YaHei';color: #fff;letter-spacing: 2px;}
.index .content-box li .img-bottom{width: 100%;height: 100px;margin:35px auto 0;position: relative;text-align:center;}
.index .img-bottom p{font:500 16px/25px 'Microsoft YaHei';}
.index .main-content .content-bottom{width: 100%;height: 100%;margin:45px auto 0;}
.main-content .line-img{width:100%;height:100%;margin:45px auto;}
.index .main-content .content-bottom p{color:#469fff;text-align:center;font:500 13px/15px 'Microsoft YaHei';}
.main-content a:last-child{margin:0 auto;width: 155px;height: 50px;border-radius: 15px;line-height: 50px;font-size: 30px;font-family: 'Microsoft YaHei';letter-spacing: 3px;text-align:center;color: #fff;background: -webkit-linear-gradient(left, #3994f0 , #204cc7); background: -o-linear-gradient(right, #3994f0, #204cc7); background: -moz-linear-gradient(right, #3994f0, #204cc7); background: linear-gradient(to right,#3994f0,#204cc7);}
.main-content a:hover{cursor: pointer;background: -webkit-linear-gradient(right, #3994f0 , #204cc7); background: -o-linear-gradient(left, #3994f0, #204cc7); background: -moz-linear-gradient(left, #3994f0, #204cc7); background: linear-gradient(to left,#3994f0,#204cc7);}

@media screen and (max-width: 1200px) {
.index .main-content{margin:0 auto;width: 1000px;}
.index .title h4{width:100%;margin:40px auto 40px;padding-top: 50px;font-size: 20px;text-align:center;color: #6e6e6e;letter-spacing: 2px;font-family: 'Microsoft YaHei';}
.index .main-content .content-box{margin:40px auto 0;width: 100%;}
.index .content-box li{float: left;width: 32%;height: 236px;margin-right:2%;margin-top:50px;border:1px solid #469fff;}
.index .content-box li .img-top{width: 100.1%;position: relative;background: url('../images/定制背景图.jpg') no-repeat top center;background-size: 100%;}
.index .content-box li:last-child{margin-right:0;}
.index .img-top h4{width: 100%;height: 100%;text-align:center;font:500 24px/98px 'Microsoft YaHei';color: #fff;letter-spacing: 2px;}
.index .content-box li .img-bottom{width: 100%;height: 100px;margin:35px auto 0;position: relative;text-align:center;}
.index .img-bottom p{font:500 16px/25px 'Microsoft YaHei';}
.index .main-content .content-bottom{width: 100%;height: 100%;margin:45px auto 0;}
.main-content .line-img{width:100%;height:100%;margin:45px auto;}
.index .main-content .content-bottom p{color:#469fff;text-align:center;font:500 13px/15px 'Microsoft YaHei';}
.main-content a:last-child{margin:0 auto;width: 155px;height: 50px;border-radius: 15px;line-height: 50px;font-size: 30px;font-family: 'Microsoft YaHei';letter-spacing: 3px;text-align:center;color: #fff;background: -webkit-linear-gradient(left, #3994f0 , #204cc7); background: -o-linear-gradient(right, #3994f0, #204cc7); background: -moz-linear-gradient(right, #3994f0, #204cc7); background: linear-gradient(to right,#3994f0,#204cc7);}
.main-content a:hover{cursor: pointer;background: -webkit-linear-gradient(right, #3994f0 , #204cc7); background: -o-linear-gradient(left, #3994f0, #204cc7); background: -moz-linear-gradient(left, #3994f0, #204cc7); background: linear-gradient(to left,#3994f0,#204cc7);}	
}