* {margin: 0;padding: 0;}
a{text-decoration: none;}
.mg {margin: 0 auto;}
.font {font-weight: bold;}
.fl {float: left;}
.rg {float: right;}
.img-responsive{max-width: 100%;}
li {list-style: none;}
.centent{width: 100%; min-width: 1260px; margin: 0 auto; height: auto; font-size: 18px;font-family: "微软雅黑";}
.centent div{box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.centent ul{box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.centent li{box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.centent p{box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.centent img{box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}

.bar-head{width: 100%; height: 475px; background: url(index_01.jpg) no-repeat center;}

.bar-sy{width: 100%; height: 419px; background: url(index_gai.jpg) no-repeat center;}
.bar-sys{width: 100%; height: 519px; background: url(index_03.jpg) no-repeat center;}

.bar-kc{width: 1050px; margin: 30px auto; overflow: hidden;}
.bar-kc p a{color: #FFFFFF;}
.kc{width: 250px; float: left; margin: 0 50px; background: #DEE6E9;}
.kc-img{width: 100%; height: 180px; background: url(index_04.jpg) no-repeat center; border: 8px solid #95B0B7;}
.kc-txt{text-align: center; padding: 20px 0; color: #5A1211; line-height: 30px;}
.kc-txt font{color: #CC1B5E; font-weight: bold; font-size: 20px;}
.kc-txt-b{width: 120px; margin: 10px auto; color: #FFFFFF !important; background: #CC1B5E; border-radius: 10px;}

.kca{width: 250px; float: left; margin: 0 50px; background: #F0E7E0;}
.kca-img{width: 100%; height: 180px; background: url(index_06.jpg) no-repeat center; background-size: 100% 100%;}
.kca-txt{text-align: center; padding: 20px 0; color: #5A1211; line-height: 30px;}
.kca-txt font{color: #CC1B5E; font-weight: bold; font-size: 20px;}
.kca-txt-b{width: 120px; margin: 10px auto; color: #FFFFFF !important; background: #CC1B5E; border-radius: 10px;}

.kcb{width: 250px; float: left; margin: 0 50px; background: #DEE6E9;}
.kcb-img{width: 100%; height: 180px; background: url(index_05.jpg) no-repeat center; background-size: 100% 100%;}
.kcb-txt{text-align: center; padding: 20px 0; color: #5A1211; line-height: 30px;}
.kcb-txt font{color: #CC1B5E; font-weight: bold; font-size: 20px;}
.kcb-txt-b{width: 120px; margin: 7px auto; color: #FFFFFF !important; background: #CC1B5E; border-radius: 10px;}

.kcc{width: 250px; float: left; margin: 0 50px; background: #F0E7E0;}
.kcc-img{width: 100%; height: 180px; background: url(index_07.jpg) no-repeat center; background-size: 100% 100%;}
.kcc-txt{text-align: center; padding: 10px 0; color: #5A1211; line-height: 30px;}
.kcc-txt font{color: #CC1B5E; font-weight: bold; font-size: 20px;}
.kcc-txt-b{width: 120px; margin: 10px auto; color: #FFFFFF !important; background: #CC1B5E; border-radius: 10px;}

.kcd{width: 250px; float: left; margin: 0 50px; background: #F0E7E0;}
.kcd-img{width: 100%; height: 180px; background: url(index_08.jpg) no-repeat center; background-size: 100% 100%;}
.kcd-txt{text-align: center; padding: 10px 0; color: #5A1211; line-height: 30px;}
.kcd-txt font{color: #CC1B5E; font-weight: bold; font-size: 20px;}
.kcd-txt-b{width: 120px; margin: 7px auto; color: #FFFFFF !important; background: #CC1B5E; border-radius: 10px;}

.bar-tle{width: 100%; height: 660px; background: url(index_11.jpg) no-repeat center; position: relative;}
.bar-tle p{position: absolute; bottom: 35px; width: 100%;}
.bar-tle p a{display: block; width: 150px; height: 60px; margin: 0 auto;}

.bar-iphone{width: 100%; height: 375px; background: url(index_09.jpg) no-repeat center;}
.bar-iphones{width: 100%; height: 312px; background: url(index_10.jpg) no-repeat center;}

.bar-for{width: 100%; height: 60px; background: #CC195D;}

.bar-for p{width: 100%; height: 20px; border-bottom: 1px dashed #FFFFFF;}