/* 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%;}
/*content begin*/
.content{margin-top: 50px;}
/*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;text-align:center;line-height:66px;color:#fff;font-size:20px}
.content-left>ul li{display:block;width:260px;height:43px;background:#f5f5f5;border-bottom:1px solid #dedede;}
.content-left>ul li:hover {background:#fff;cursor:pointer;}
.content-left>ul li a{line-height:43px;color:cfcfcf;margin-left:43px;}
.content-left>ul li.skin-color{background:#fff}

/*content-right begin*/
.content-right {width:920px;margin-left:20px;float:right;position: relative;}
.content-right ul.tab-menu li{width:112px;height:130px;display:block;float:left;box-sizing:border-box;padding:0 0 10px 0;}
.content-right ul.tab-menu li img{margin:0 19%;width:68px;height:68px;border-radius:50%;}
.content-right ul.tab-menu li p{word-wrap:break-word;text-align:center;padding:0 5px;margin-top:7px;margin-bottom:14px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;}

.content-right ul.tab-menu li:hover{background:#fdfdfd;border-bottom:2px solid #1097d5;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;word-wrap:break-word;}
.content-right .tab-box .tab-box-left p span{vertical-align:middle;margin-top:-2px;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:494px;height:81px;border-right:1px solid #e2e2e2;word-wrap:break-word;}
.content-right .tab-box .tab-box-right{float:right;padding:23px;}
.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;}
.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;top:0;left:0;}

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


.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;cursor:pointer;}
.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;}
/*content end*/
#tab-img{width:204px;height:360px;padding:61px 89px 98px 89px;background:url(../images/iphone1.png) no-repeat;position:relative;}
#tab-img .swiper-container{width:204px;height:360px;}
#tab-img .swiper-button-prev,#tab-img .swiper-button-next{opacity:0;}
#tab-img .button-prev,#tab-img .button-next{cursor:pointer;position:absolute;top:50%;width:70px;height:58px;background-image:url(../images/jt1.png);margin-top:-29px;background-size:70px 58px;}
#tab-img .button-prev{left:0;}
#tab-img .button-next{right:0;-webkit-transform:rotate(180deg);transform:rotate(180deg);}
#tab-img .blackcover{position:absolute;width:204px;height:360px;top:0;left:0;background-color:rgba(0,0,0,.5);z-index:10;cursor:pointer;display:none;}
@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;}
}