/*原来*/
.banner{position: relative; width: 100%; height: 300px;}
.banner img{position: relative; left: 50%; top: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.slide-nav{/* width:128px !important */}
.bannerImg { width: 1182px; left: 50%; top: 10px; margin-left: -621px; position: absolute;}
.bannerImg img {width: 88%; float: left;}
.bannertitle { padding-top: 140px; font-size: 24px; font-family: "Microsoft YaHei"; color: #fff;}

.mk1{width: 100%; background: #fff; margin: auto; padding: 60px 0; box-sizing: border-box;}
.content{width: 1182px; margin: auto;}
.content:after{content: ''; display: block; clear: both;}
.imgFl{float: left; margin-top: 20px; margin-left: 70px;}
.textFr{float: left; margin-left: 60px; font-family: "Microsoft YaHei"; font-size: 14px; line-height: 32px; text-align: left; margin-top: 40px;}
.textFr p {line-height: 180%;}
.textFr .zc01 {font-size: 26px; color: #f00; line-height: 60px;}
.textFr p b{font-style: italic; font-size: 16px;}
.textFr .zc02 {font-size: 22px; color: #f00; line-height: 60px;}
.mk2{width: 100%; background: url(../images/20161217/bg.png) center center; background-size: cover; padding: 40px 0; box-sizing: border-box;}
.yshi{margin:40px auto; padding: 0; list-style-type: none;}
.yshi li{float: left; width: calc((100% - 60px)/4); height: 270px; margin-bottom: 20px; margin-right: 20px; background: #fff; text-align: center; box-shadow: 0 0 6px rgba(0,0,0,.1); box-sizing: border-box; padding-top: 20px;}
.yshi li:nth-child(4n){margin-right: 0;}
.yshi li h3{font-size: 22px; font-family: "Microsoft YaHei"; display: block; margin: 15px;}
.yshi li p{font-size: 14px; font-family: "Microsoft YaHei"; display: block; margin-top: 6px; color: #666;}

.yshi li .icon-a { transition: linear all 0.3s; -moz-transition: linear all 0.3s; -webkit-transition: linear all 0.3s; -o-transition: linear all 0.3s;}
.yshi li:hover .icon-a { transform: rotateY(180deg); -ms-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -o-transform: rotateY(180deg);}

.mk3{width: 100%; padding: 50px 0 0; background: #0e44b3 url(../images/20161217/bg3.png) no-repeat center bottom; background-size: 100%;}
.mk3 .content{position: relative; height: 650px; background: url(../images/20161217/bg2-2.png) no-repeat center center; box-sizing: border-box;}
.mk3 h1, .mk4 h1{font-size: 36px; color: #fff;}
.mk3 div h2{color: #fff; font-size: 24px; font-family: "Microsoft YaHei"; margin-bottom: 10px;}
.mk3 div p{color: #fff; font-size: 14px; font-family: "Microsoft YaHei";}
.m1,.m2{position: absolute; text-align: right; width: 300px;}
.m3,.m4{position: absolute; text-align: left; width: 300px;}
.m1{left: calc(50% - 570px); top: 200px;}
.m2{left: calc(50% - 570px); top: 435px;}
.m3{left: calc(50% + 300px); top: 200px;}
.m4{left: calc(50% + 300px); top: 435px;}
.pro_title span{display: block; font-size: 16px; margin-top: 15px; }
.mk4{background: #c04032 url(../images/20161217/bg4.png) no-repeat bottom center; padding: 60px 0;}
.mk4 table{background: #fff; width: 100%; font-family: "Microsoft YaHei"; text-align: left; margin-top: 20px;}
.mk4 table tr{}
.mk4 table tr td{border-right: 1px solid #eee; border-bottom: 1px solid #eee; width: 25%; box-sizing: border-box; position: relative; padding: 10px 0 30px;}
.mk4 table tr:last-child,.mk4 table tr td:last-child{border-right:none;}
.mk4 table tr:first-child td{font-size: 30px; padding: 38px 0; text-align: center;}
.mk4 table tr td:first-child{font-size: 20px; text-align: center; padding: 55px 0;}
.mk4 .j{font-size: 14px; text-align: center;}
.mk4 .j font{font-size: 20px;}
.mk4 .buyBtn{display: block; width: 140px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; color: #fff; background: #3c90d9; margin: 10px auto 0;}
.mk4 .buyBtn:hover{background: #f00;}
.mk4 table div{padding: 10px 28px; line-height: 1.4;}
.mk4 .song{background: url(../images/20161217/song.png) no-repeat left top;}
.mk4 .song h3{font-size: 16px; color: #f00; padding:20px 30px 0px;}
.mk4 .z{font-size: 20px; color: #333; text-align: center; font-weight: normal;}
.mk4 .z span{display: block; font-size: 16px;}
.slide_warp .slide li{width: calc((100% - 50px)/3); margin-right: 25px; height: 570px;}
.slide_warp .slide li:last-child{margin-right: 0;}
.slide_warp .slide li .an1 {background: #596270;}
.slide_warp .slide li .an1:hover {background: #3e5474;}
.slide_warp .slide li .an3{background: #636b79;}
.slide_warp .slide li div{color: #fff; width: 100%; height: 100%; text-align: left; font-family: "Microsoft YaHei";}
.slide_warp .slide li div h1{font-size: 24px; padding: 0 30px; margin: 20px 0px;}
.slide_warp .slide li div p{font-size: 12px; margin-bottom: 10px; padding: 0 30px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; overflow: hidden;}
.slide_warp .slide li div img{width: 100%;}
.an_int { height: 165px;}

.designLink{display:none}
#bottom{margin-top:0 !important}

.pro_title{font-size:32px; text-align:center; padding-bottom:20px; padding-top:24px; font-family:microsoft yahei; font-weight:normal; clear:both;}
.pro_detail{font-size:16px; margin-bottom:20px;color:#666;}

.mk4 table tr td{line-height: 116% !important;}

.mk4 table div {
    padding: 10px 28px;
    line-height: 1.4;
    font-size: 12px;
}

.mk3 .content{background-position-x:50%; }

@media screen and (max-width:1250px){
    .mk3 .content{width: 96%;margin: 0 auto !important;height: 760px;}
}

@media screen and (max-width:1182px){
    #Page{width: 100%;}
    .content{width: 96%;}
    .imgFl{width: 48%;margin-left: 0;display: block;float: left;margin-top: 40px;}
    .textFr{margin-left: 4%;float: left;width: 48%;}
    .yshi li{width: 23.5%; margin-right: 2%;}
    .m1{top:100px;left: 0;}
    .m3{top:100px;right: 0;left: auto;}
    .m2{top:615px;left: 0;}
    .m4{top:615px;right: 0;left: auto;}
    .mk3 div p{text-align: center;}
    .mk3 h2{text-align: center;}
    .partner ul{width: 50%;}
    .partner ul li{width: 32% !important;margin-right: 2% !important;height: 47em !important;}
    .partner ul li:last-child{margin-right: 0 !important;}
    .partner .slide{width: 200%;}
    .slide_warp .slide li div h1{padding: 0 10%;margin:20px 0;line-height: 32px;font-size: 20px;}
    .slide_warp .slide li div p{padding: 0 10%;}
}

@media screen and (max-width:1000px){
    .textFr .zc01{font-size: 22px;}
    .textFr .zc02{font-size: 18px;}
    .partner ul li{  height: 43em !important;}
}

@media screen and (max-width:900px){
    .yshi li{width: 32%; padding-left: 2%;padding-right: 2%;}
    .yshi li:nth-of-type(4n){margin-right: 2%;}
    .yshi li:nth-of-type(3n){margin-right: 0;}
    .slide_warp .slide li div h1{font-size: 18px;}
}


@media screen and (max-width: 800px){
    .imgFl{width: auto !important;float: none !important;margin: 10px auto !important;height: 250px;}
    .textFr{width:auto;margin-left: calc((100% - 430px)/2);margin-top: 10px;}
    .yshi li{height: 24em;}
    .partner ul li{  height: 40em !important;}
    .mk4 table tr td:first-child{padding: 55px 10px;font-size: 16px;}
}

@media screen and (max-width: 700px){
    .table_scroll{overflow-x: scroll;}
    .table_scroll .mk4 table{width: 700px;}
    .mk4 table tr:first-child td{padding: 20px 0;font-size: 16px;}
    .mk4 table tr td{padding: 10px;}
}

@media screen and (max-width:680px){
    .mk3 div p{text-align: left;}
    .mk3 h2{text-align: center;font-size: 20px !important;}
    .mk3 div{position: static;margin:20px 0;width: 48%;margin-right: 4%;}
    .mk3 div:nth-of-type(2n){margin-right: 0;}
    .m1,.m3{float: left;}
    .m2,.m4{float: right;}
    .mk3 h1{padding-bottom: 30px;}
    .mk3 .content{background-image: none;}
    .mk3 .content{height: auto;}
    .mk3{padding-bottom: 30px;}
}

@media screen and (max-width: 600px){
    .partner ul li{  height: 38em !important;}
    .slide_warp .slide li{width: 70% !important;height: auto !important;margin: 0 15% 20px !important;}
    .slide_warp .slide li div{height: auto;}
    .slide_warp .slide li div h1{font-size: 20px;}
    .slide_warp .slide li .an1{padding-bottom: 40px;}
    .slide_warp .slide li p{height: auto;}
}

@media screen and (max-width: 550px) {
    .yshi li{width: 49%;margin-right: 2%;margin-bottom: 2%;}
    .yshi li:nth-of-type(4n){margin-right: 2%;}
    .yshi li:nth-of-type(3n){margin-right: 2%;}
    .yshi li:nth-of-type(2n){margin-right: 0;}
}

@media screen and (max-width: 480px){
    .imgFl{width: 100% !important;;height: auto !important;;}
    .textFr{width:100% !important;margin-left: 0;}
    .textFr .zc01{font-size: 18px;margin: 10px 0;line-height: 30px;}
    .textFr .zc02{font-size: 16px;}
    .mk1{padding: 20px 0;}
    .yshi li p{font-size: 12px;}
    .yshi li{height: 23em;}
    .mk2{padding-top: 20px;}
    .yshi{margin: 20px auto;}
    .mk3 div{width: 100%;margin-right: 0;}
    .mk3{padding-top: 20px;}
    .slide_warp .slide li{width: 100% !important;margin-left: 0 !important;}
    .slide_warp .slide li .an1{padding-bottom: 20px !important;}
}

@media screen and (max-width: 380px){

    .yshi li img{height: 28px;}
    .yshi li .icon-a{height: 90px;}
    .yshi li h3{font-size: 18px;}
}

@media screen and (min-width:768px) and (max-width:1023px){
	#homeBanner .slide-content li{background-size: 155% 100% !important;}
	.mk4 .song h3{font-size:14px;}
}

@media screen and (min-width:414px) and (max-width:767px){
	#homeBanner,.slide-content,#homeBanner .slide-content li{height:200px !important;}
	#homeBanner .slide-content li{background-size: 155% 100% !important;}
	.slide-nav{top:165px;}
	.partner .slide,.partner ul{width: 100%;}
	.partner .slide_nav{display: none;}
	.pro_title{font-size:18px !important;padding:0px;}
	.yshi li h3{font-size:16px;}
	.mk3 h2{font-size:16px !important;}
	.mk4{padding: 20px 0;}
	.mk4 .buyBtn{font-size:14px;}
	.mk4 .song h3{font-size:14px;}
}
@media screen and (min-width:320px) and (max-width:413px){
	#homeBanner,.slide-content,#homeBanner .slide-content li{height:200px !important;}
	#homeBanner .slide-content li{background-size: 155% 100% !important;}
	.slide-nav{top:165px;}
	.partner .slide,.partner ul{width: 100%;}
	.partner .slide_nav{display: none;}
	.pro_title{font-size:18px !important;padding:0px;}
	.yshi li h3{font-size:16px;}
	.mk3 h2{font-size:16px !important;}
	.mk4{padding: 20px 0;}
	.mk4 .buyBtn{font-size:14px;}
	.mk4 .song h3{font-size:14px;}
}