/* reset beigin*/
a{color:#0e1013;text-decoration:none;outline:none}
a:hover{color:#090}
.wrap{width:1000px;margin:0 auto;text-align:left;position:relative}
/* reset end*/
/*clearfix*/
.clearfix:after,.wrap:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix,.wrap{*+height:1%}
/*clearfix end*/
html,body{width: 100%;height: 100%;}
.center{width:1200px;margin:0 auto;}
.blue{color:#cf1a36}
.bannerbox {width:100%;position:relative; overflow:hidden;height:500px;margin-top:109px;}  
.banner {width:1920px;position:absolute;left:50%;margin-left:-960px;}  
/*content begin*/
.content{}
/*content-left begin*/
.tabBox{display:block;overflow:hidden;height:205px;background:#f5f5f5;}
.content-left{width:260px;float:left;font-family:微软雅黑;}
.content-left>p{width:100%;height:66px;background:#cf1a36;text-align:center;line-height:66px;color:#fff;font-size:20px}
.content-left>ul li{display:block;height:43px;background:#f5f5f5;border-bottom:1px solid #dedede;}
.content-left>ul li:hover {background:#fff;cursor:pointer;}
.content-left>ul li:hover a{color:#cf1a36;margin-left:0;border-left:#cf1a36 2px solid;padding:10px 0 10px 62px;}
.content-left>ul li a{line-height:43px;padding-left:43px;box-sizing:border-box;}
.content-left>ul li.blue{background:#fff}
.content-left>ul li.blue a{color:#cf1a36;margin-left:0;border-left:#cf1a36 2px solid;padding:10px 0 10px 62px;}
/*content-right begin*/
.content-right {width:920px;margin-left:20px;float:right;position: relative;}
.content-right ul.tab-menu li{width:112px;height:120px;display:block;float:left;border-bottom:solid 2px #fff;padding-top:5px;}
.content-right ul.tab-menu li img{margin:0 19%}
.content-right ul.tab-menu li p{text-align:center;padding-top:7px;padding-bottom:14px;}
.content-right ul.tab-menu li.cur{background:#fdfdfd;border-bottom:2px solid #cf1a36}
.content-right ul.tab-menu li:hover{background:#fdfdfd;border-bottom:2px solid #cf1a36;cursor:pointer}
.content-right .tab-box{width:100%;height:806px;;border:1px solid #d1d1d1;margin-bottom:30px;}
.content-right .tab-box .tab-content{width:100%;height:205px;background:#f5f5f5;position: relative;}
.content-right .tab-box .tab-box-left{width:569px;float:left}
.content-right .tab-box .tab-box-left p{padding:36px 0px 11px 23px;font-size:18px;color:#cf1a36;}
.content-right .tab-box .tab-box-left p span{display: inline-block;width: 8px;height: 8px;border-radius: 50%;background:#d4d4d4 ;margin-right: 5px;}
.content-right .tab-box .tab-box-left div{padding:0px 38px 0px 38px;dispaly:block;width:550px;height:81px;border-right:1px solid #e2e2e2;}
.content-right .tab-box .tab-box-right{float:right;padding:23px;}
.content-right .tab-box .tab-box-right>img{float: left;}
.content-right .tab-box .tab-box-right>img:last-child{margin: 7px 0 0 7px;}
.jt{margin:0 48%}
.tab-box-img{width:520px;height:500px;padding:42px 200px 20px 200px;position: relative;}
.images-show{width:202px;overflow: hidden;margin-left: 89px;padding-top: 61px;}
.images-warp{width:1300px;height:519px;position: relative;}
.images-warp>img{height:360px;float: left;width:202px;}
.blackcover {width: 202px;height: 360px;background: rgba(0,0,0,0.5);margin: 0 auto;
    position: absolute;
    top: 102px;
    left: 366px;
    
}
.blackcover>img{margin-left: 83px;margin-top: 170px;}
.blackcover>img:hover{cursor: pointer;}
.toleft{position: absolute;top:200px;cursor:pointer}
.toright{position: absolute;top:200px;left: 654px;cursor:pointer;-moz-transform:scaleX(-1);
    -webkit-transform:scaleX(-1);
    -o-transform:scaleX(-1);
    transform:scaleX(-1);
    /*IE*/
    filter:FlipH;}
.hide{display: none;}
.bigimg-warp{width: 100%;height: 100%;position: fixed;background: rgba(0,0,0,0.5);z-index:9999;}

.bigimg{position: relative;width:547px;height: 808px;top:50%;left:53%;}


.image-b{width: 367px;height: 580px;background: url(../images/iphone1.png) no-repeat;margin: 0 auto;}
.blueline{width: 112px;height: 2px;background: blue;position: absolute;top: 180px;}
.close{position: absolute;}
.kh-saoyisao{position: absolute;top: 418px;left: 239px;width: 170px;height: 205px;background: url(../images/saoyisaowarp.png) no-repeat;}
.kh-saoyisao>img{position: relative;top:25px;left: 10px;}
.tobigimg{width:350px;height: 622px;}
#mun {

	height: 870px;
    overflow-y: auto;
	background: #f5f5f5;
}

/*content end*/

@media screen and (max-width:1440px){
	.bigimg{width:347px;height:513px;margin-left:-202px;}
	.tobigimg{width:100%;height:auto;}
	.kh-saoyisao{top:360px;left:235px;}
	.close{right:-42px;top:0px;}
}


@media screen and (max-width: 980px) {
#mun {
    height:100%;
    overflow-y: auto;
	background: #f5f5f5;
}
.center{width:100%;margin:0 auto;}
.tabBox{display:block;overflow:hidden;height:auto;background:#f5f5f5;}
.content-left{width:20%;float:left;font-family:微软雅黑;}
.content-left>p{width:100%;height:66px;background:#cf1a36;text-align:center;line-height:66px;color:#fff;font-size:10px}
.content-left>ul li{display:block;height:43px;background:#f5f5f5;border-bottom:1px solid #dedede;}
.content-left>ul li:hover {background:#fff;cursor:pointer;}
.content-left>ul li:hover a{color:#cf1a36;margin-left:0;border-left:#cf1a36 2px solid;padding:10px 0 10px 2px;}
.content-left>ul li a{line-height:43px;padding-left:4px;box-sizing:border-box;}
.content-left>ul li.blue{background:#fff}
.content-left>ul li.blue a{color:#cf1a36;margin-left:0;border-left:#cf1a36 2px solid;padding:10px 0 10px 2px;}
/*content-right begin*/
.content-right {width:78%;float:right;position: relative;margin-left:0;}
.content-right ul.tab-menu li{width:112px;height:120px;display:block;float:left;border-bottom:solid 2px #fff;padding-top:5px;}
.content-right ul.tab-menu li img{margin:0 19%}
.content-right ul.tab-menu li p{text-align:center;padding-top:7px;padding-bottom:14px;}
.content-right ul.tab-menu li.cur{background:#fdfdfd;border-bottom:2px solid #cf1a36}
.content-right ul.tab-menu li:hover{background:#fdfdfd;border-bottom:2px solid #cf1a36;cursor:pointer}
.content-right .tab-box{width:98%;height:1076px;border:1px solid #d1d1d1;margin-bottom:30px;}
.content-right .tab-box .tab-content{width:100%;height:205px;background:#f5f5f5;position: relative;}
.content-right .tab-box .tab-box-left{width:100%;float:left; }
.content-right .tab-box .tab-box-left p{padding:36px 0px 11px 23px;font-size:18px;color:#cf1a36;}
.content-right .tab-box .tab-box-left p span{display: inline-block;width: 8px;height: 8px;border-radius: 50%;background:#d4d4d4 ;margin-right: 5px;}
.content-right .tab-box .tab-box-left div{padding:0px 38px 0px 38px;dispaly:block;width:80%;height:81px;border-right:1px solid #e2e2e2;}
.content-right .tab-box .tab-box-right{float:right;padding:23px;margin-top:196px;}
.content-right .tab-box .tab-box-right>img{float: left;}
.content-right .tab-box .tab-box-right>img:last-child{margin: 7px 0 0 7px;}
.jt{margin:0 40%}
.tab-box-img{width:98%;height:500px;padding:42px 2px 20px 2px;position: relative;}
.images-show{width:100%;overflow: hidden;margin-left: 0;padding-top: 61px;}
.images-warp{width:1300px;height:519px;position: relative;}
.images-warp>img{height:360px;float: left;width:202px;}
.blackcover {width: 60%;height: 360px;background: rgba(0,0,0,0.5);margin: 0 auto;
    position: absolute;
    top: 102px;
    left: 16%;
    
}
.blackcover>img{margin-left: 83px;margin-top: 170px;}
.blackcover>img:hover{cursor: pointer;}
.toleft{position: absolute;top:200px;cursor:pointer;width:10%;}
.toright{width:10%;position: absolute;top:200px;left: 86%;cursor:pointer;-moz-transform:scaleX(-1);
    -webkit-transform:scaleX(-1);
    -o-transform:scaleX(-1);
    transform:scaleX(-1);
    /*IE*/
    filter:FlipH;}
.hide{display: none;}
.bigimg-warp{width: 100%;height: 100%;position: fixed;background: rgba(0,0,0,0.5);z-index:9999;}

.bigimg{position: relative;width:40%;height: 808px;top:50%;left:5%;}


.image-b{width: 70%;height: 580px;background: url(../images/iphone1.png) no-repeat;margin: 0 auto;}
.blueline{width: 112px;height: 2px;background: blue;position: absolute;top: 180px;}
.close{position: absolute;}
.kh-saoyisao{position: absolute;top: 418px;left: 239px;width: 170px;height: 205px;background: url(../images/saoyisaowarp.png) no-repeat;}
.kh-saoyisao>img{position: relative;top:25px;left: 10px;}
.tobigimg{width:350px;height: 622px;}
}