.jwfullscreen{ display:none;}
.i_bro{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; background:#000;filter:alpha(Opacity=60);opacity:0.6;}
.container{

	width: 100%;

	height: 100%;

	min-width: 1120px;

}
#flash {width: 100%;height: 100%;}
#flash_logo{ display:none;}
.tabber-yy{ position:relative;}
.tabber-yy b{ position:absolute; left:0; bottom:-10px; z-index:2; width:100%; text-align:center; font-size:12px; color:#999;}

.p_box{ width:960px; float:left; display:block;}

.swiper{

	float: left;

	width: 56%;

	height: 100%;

	background: #747474;

	position: relative;

}

.swiper .swiper-slide{

	float: left;

	width: 100%;

	height: 100%;

}

.swiper .pagination{

	position: absolute;

	bottom: 20px;

	right: 40px;

	z-index: 10;

}

.shows{

	float: left;

	width: 44%;
	position:relative;

	/*margin-top: 49px;*/

}

.shows li{

	float: left;

	height: 214px;

	position: relative;

}

#flash_logo{ display:none;}

.shows .mask{

	background: #000;

	opacity: 0;

	-moz-opacity: 0;

	filter: alpha(opacity=0);

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	text-indent: -999em;

}

.shows .name{

	font-size: 24px;

	margin-top: 40px;

	margin-left: 20px;

	color: #111;

}

.shows .name a{

	color: #111;

}

.shows .desc{

	margin-top: 20px;

	margin-left: 20px;

}

.product .desc b{ font-size:18px; color:#d8020a; display:block; font-weight:normal;}

.shows .pic{

	margin-top: 16px;

	width: 180px;

	height: 180px;

	text-align: center;

}

.shows .pic a{

	display: table-cell;

	vertical-align: middle;

	width: 180px;

	height: 180px;

}

.shows .pic img{

	vertical-align: middle;

}

.shows .s-1 .pic, .shows .s-4 .pic, .shows .s-5 .pic{

	float: left;

}

.shows .s-2 .pic, .shows .s-3 .pic{

	float: right;

}

.shows .s-1{

	background: #d8020a;

	width: 100%;

	/*transition: background 800ms;

	-moz-transition: background 800ms; 

	-webkit-transition: background 800ms;

	-o-transition: background 800ms;*/

}

/*.shows .s-1:hover{

	background: #f59397;

}*/

.shows .s-1 .name{

	color: #fff;

}

.shows .s-1 .name a{

	color: #fff;

}

.shows .s-1 .desc{

	color: #ffa200;

	width: auto;

}

.shows .s-1 .desc span{

	font-size: 18px;

}

.shows .s-2, .shows .s-5{

	background: #d9d9d9;

	width: 50%;

	/*transition: background 800ms;

	-moz-transition: background 800ms;

	-webkit-transition: background 800ms;

	-o-transition: background 800ms;*/

}

/*.shows .s-2:hover, .shows .s-5:hover{

	background: #f0f0f0;

}*/

.shows .s-3{

	background: #6cb6e7;

	width: 50%;

	/*transition: background 800ms;

	-moz-transition: background 800ms;

	-webkit-transition: background 800ms;

	-o-transition: background 800ms;*/

}

/*.shows .s-3:hover{

	background: #c1dfe9;

}*/

.shows .s-4{

	background: #f8cad1;

	width: 50%;

	/*transition: background 800ms;

	-moz-transition: background 800ms;

	-webkit-transition: background 800ms;

	-o-transition: background 800ms;*/

}

/*.shows .s-4:hover{

	background: #f6ecee;

}*/

/*.shows .s-2 .pic img{

	margin-top: 40px;

}*/

.shows .s-2 .desc, 

.shows .s-3 .desc{

	width: 140px;

}

.shows .s-3 .name{

	color: #fff;

}

.shows .s-3 .name a{

	color: #fff;

}

.shows .s-3 .desc{

	color: #fff;

}

.shows .s-2 .desc,

.shows .s-4 .desc,

.shows .s-5 .desc{

	color: #6c6c6c;

}

.shows .s-4 .name{

	color: #d43463;

}

.shows .s-4 .name a{

	color: #d43463;

}

.shows .s-1 .pic{

	width: 180px;

	height: 180px;

	text-align: center;

}

.shows .s-4 .pic,

.shows .s-5 .pic{

	width: 120px;

	text-align: center;

}





.banner{

	background-color: #5d5d5d;

	background-position: center;

	background-repeat: no-repeat;

	background-size: cover;

	position: relative;

	height: 200px;

	-webkit-text-shadow: 1px 1px 1px #222;

	-moz-text-shadow: 1px 1px 1px #222;

	-o-text-shadow:  1px 1px 1px #222;

	text-shadow:  1px 1px 1px #222;

	color: #fff;



	/*margin-top: 49px;*/

}

.banner .catename{

	font-size: 32px;

	position: absolute;

	top: 60px;

}

.banner .desc{

	position: absolute;

	 margin-left:180px;

	top: 60px;

	font-size: 18px;

}

.banner .desc em{

	font-style: normal;

	font-size: 11px;

}

.tabber{
	position: relative;
	width:1120px; margin:-60px auto 0; 
}
.tabber a{

	width: 112px;
	height: 108px;

	text-align: center;
	display: table-cell;
	vertical-align: bottom;
	 padding-bottom:4px;
}
.tabber a.active{ background:url("../images/circlee.png") no-repeat 0 0;
}
.tabber a.active .tabber-yy {display: none;}
.tabber a.active .tabber-nyy {display: block;}
.tabber .tabber-nyy {display: none;padding-bottom: 20px;}





.product{

	width:1120px; margin:0 auto;

	zoom: 1;

}

.product:after,

.product:before{

	content: "";

	clear: both;

	display: table;

	border-collapse: collapse;

}

.p_box h1{

    color: #666;

    font-size: 30px;

    font-weight:normal;

}

.product .desc{

    color: #666;

    float: left;

    font-size: 14px;

    overflow: hidden;

    width:700px;

}



.product .icon{

	display: inline-block;

	width: 48px;

	height: 48px;

	background-position: center bottom;

	background-repeat: no-repeat;

	vertical-align: middle;

}

.product .desc .suit{

	margin-top: 40px;

}

.product .package{

	display:block;

    float: right;

    margin-top: 110px;

	text-align:center;



    position: relative;

    width:200px;

}

.cycle-prev,

.cycle-next {

	position:absolute;

	top:50%;

	z-index:9;

	cursor:pointer;

	width: 34px;

	height: 24px;


	margin-top: -12px;


	
	}



.cycle-prev {

	left:-50px;


	}



.cycle-prev:hover {
	color:#333;


	}



.cycle-next {

	right:-50px;


	}



.cycle-next:hover {

color:#333;

	}


.package-container{

	float: left;

	height: 320px;

	overflow: hidden;

	position: relative;zoom:1;

}







.package-container {

	position: relative;

}

.package li{

	float: left;

	width: 160px;

	height: 320px;

	position: relative;

	 display:block; margin:0 20px;

}

.package .pic{

	width: 160px;

	height: 320px;

	overflow: hidden;

	text-align:center;

}

.package .mask{

	position: absolute;

	background: #000;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	opacity: 0.5;

	-moz-opacity: 0.5;

	filter: alpha(opacity=50);

	z-index: 0;

	display: none;

}

.package .buy{

	position: absolute;

	border: 2px solid #fff;

	background: #d20004;

	width: 72px;

	height: 52px;

	-webkit-border-radius: 38px;

	-moz-border-radius: 38px;

	-o-border-radius: 38px;

	border-radius: 38px;

	top: 78px;

	left: 43px;

	z-index: 1;

	padding: 10px 0;

	text-align: center;

	display: none;

}

.package .buy em{

	display: block;

	font-style: normal;

	font-size: 12px;

	color: #fff;

}

.package .buy:hover{

	text-decoration: none;

}

.package .icon{

	width: 22px;

	height: 20px;

}

.package li:hover .mask, 

.package li:hover .buy{

	display: block;

}

.product .more{

	font-family: simsun;

	color: #7c7c7c;

}

.product .more:hover{

	text-decoration: none;

	color: #e60012;

	font-weight: bold;

}

.product .more em{

	display: inline-block;

	border: 3px solid #bcbfc4;

	color: #7c7c7c;

	width: 62px;

	height: 62px;

	line-height: 62px;

	text-align: center;

	font-style: normal;

	font-size: 12px;

	-webkit-border-radius: 34px;

	-moz-border-radius: 34px;

	-o-border-radius: 34px;

	border-radius: 34px;

	margin-right: 8px;

	background:#fff;

	font-family: 'Microsoft Yahei';

}

.product .more:hover em{

	background: #e60012;

	border-color: #e60012;

	color: #fff;

	font-weight: normal;

}







.icon-cd{

	background-image: url('../images/icons/cd.png');

}

.icon-mp3{

	background-image: url('../images/icons/mp3.png');

}

.icon-wenquxing{

	background-image: url('../images/icons/wenquxing.png');

}

.icon-camera{

	background-image: url('../images/icons/camera.png');

}

.icon-razor{

	background-image: url('../images/icons/razor.png');

}

.icon-cart{

	background-image: url('../images/icons/cart.png');

}





.swiper-container {

  height: 100%;

  width: 100%;

  position: relative;

}

.swiper-pagination-switch {

  display: inline-block;

  width: 10px;

  height: 10px;

  -webkit-border-radius: 10px;

  -moz-border-radius: 10px;

  -o-border-radius: 10px;

  border-radius: 10px;

  background: #fff;

  margin: 0 3px;

  cursor: pointer;

}

.swiper-active-switch {

  background: #d8020a;

}

.swiper-slide{

	width: 100%;

	height: 100%;

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center;

}



.window-mask{

	display: none;

}

.panel{

	position: fixed;

	left: 0;

	right: 0;

	bottom: 0;

	z-index: 5000;

	height: 0;

	overflow: hidden;

}

.panel .panel-content{

	background: #fff;

	padding: 50px 20px;

}

.panel .close{

	position: absolute;

	right: 1%;

	top: 10px;

	background: url('../images/product/close.png') no-repeat;

	width: 50px;

	height: 50px;

	text-indent: -999em;

}



.slider-wrapper{

	position: relative;

	padding: 0 100px;

}

.slider-wrapper .prev, .slider-wrapper .next{

	top: 50%;

	margin-top: -45px;

	position: absolute;

	width: 90px;

	height: 90px;

	line-height: 90px;

	font-size: 80px;

	font-family: simsun;

	color: #d8020a;

	z-index: 2;

	text-align: center;

}

.slider-wrapper .prev:hover, .slider-wrapper .next:hover{

	text-decoration: none;

}

.slider-wrapper .prev{

	left: 1%;

}

.slider-wrapper .next{

	right: 1%;

}

.slider-wrapper .slider-container{

	position: relative;

	height: 236px;

	overflow: hidden;

	margin: 0 auto;

}

.slider-wrapper ul{

	position: relative;

	z-index: 1;

	zoom: 1;

}

.slider-wrapper ul:before, 

.slider-wrapper ul:after{

	content: "";

	clear: both;

	display: table;

	border-collapse: collapse;

}

.slider-wrapper li{

	float: left;

	margin: 0 20px;

	width: 160px;

	height: 236px;

}

.slider-wrapper li img{

	display: inline-block;

}

.slider-wrapper li img:hover {border-color:#ccc;}



.slider-wrapper .icon{

	display: inline-block;

	width: 22px;

	height: 22px;

	background-position: center bottom;

	background-repeat: no-repeat;

	vertical-align: middle;

}







.link-icon {padding: 106px 0 15px; width:124px; float:right; position:relative;}

.link-icon li{display:block; margin-bottom:42px;}

.link-icon li.ki{ position:absolute; left:56px; top:172px; z-index:-1; border-left:#dddddd solid 2px; width:2px; height:180px;}

.link-icon li.n_1{ padding-left:20px;}



.hidden {

  display: none !important;

  visibility: hidden !important;

}

.visible-xs,

.visible-sm,

.visible-md,

.visible-lg {

  display: none !important;

}

.visible-xs-block,

.visible-xs-inline,

.visible-xs-inline-block,

.visible-sm-block,

.visible-sm-inline,

.visible-sm-inline-block,

.visible-md-block,

.visible-md-inline,

.visible-md-inline-block,

.visible-lg-block,

.visible-lg-inline,

.visible-lg-inline-block {

  display: none !important;

}
.p_txt01{ padding-top:50px;}
.p_txt01 h3{ display:block;color: rgb(204, 0, 0); font-size: 28px; padding-bottom:10px; display:inline-block;}
.p_txt01 h4{color: rgb(204, 0, 0);font-size: 16px;padding-bottom:10px;display:inline-block; padding-left:14px; }


@media (max-width: 767px) {

  .visible-xs {

    display: block !important;

  }

  table.visible-xs {

    display: table;

  }

  tr.visible-xs {

    display: table-row !important;

  }

  th.visible-xs,

  td.visible-xs {

    display: table-cell !important;

  }

}

@media (max-width: 767px) {

  .visible-xs-block {

    display: block !important;

  }

}

@media (max-width: 767px) {

  .visible-xs-inline {

    display: inline !important;

  }

}

@media (max-width: 767px) {

  .visible-xs-inline-block {

    display: inline-block !important;

  }

}

@media (min-width: 768px) and (max-width: 991px) {

  .visible-sm {

    display: block !important;

  }

  table.visible-sm {

    display: table;

  }

  tr.visible-sm {

    display: table-row !important;

  }

  th.visible-sm,

  td.visible-sm {

    display: table-cell !important;

  }

}

@media (min-width: 768px) and (max-width: 991px) {

  .visible-sm-block {

    display: block !important;

  }

}

@media (min-width: 768px) and (max-width: 991px) {

  .visible-sm-inline {

    display: inline !important;

  }

}

@media (min-width: 768px) and (max-width: 991px) {

  .visible-sm-inline-block {

    display: inline-block !important;

  }

}

@media (min-width: 992px) and (max-width: 1199px) {

  .visible-md {

    display: block !important;

  }

  table.visible-md {

    display: table;

  }

  tr.visible-md {

    display: table-row !important;

  }

  th.visible-md,

  td.visible-md {

    display: table-cell !important;

  }

}

@media (min-width: 992px) and (max-width: 1199px) {

  .visible-md-block {

    display: block !important;

  }

}

@media (min-width: 992px) and (max-width: 1199px) {

  .visible-md-inline {

    display: inline !important;

  }

}

@media (min-width: 992px) and (max-width: 1199px) {

  .visible-md-inline-block {

    display: inline-block !important;

  }

}

@media (min-width: 1200px) {

  .visible-lg {

    display: block !important;

  }

  table.visible-lg {

    display: table;

  }

  tr.visible-lg {

    display: table-row !important;

  }

  th.visible-lg,

  td.visible-lg {

    display: table-cell !important;

  }

}

@media (min-width: 1200px) {

  .visible-lg-block {

    display: block !important;

  }

}

@media (min-width: 1200px) {

  .visible-lg-inline {

    display: inline !important;

  }

}

@media (min-width: 1200px) {

  .visible-lg-inline-block {

    display: inline-block !important;

  }

}

@media (max-width: 767px) {

  .hidden-xs {

    display: none !important;

  }

}

@media (min-width: 768px) and (max-width: 991px) {

  .hidden-sm {

    display: none !important;

  }

}

@media (min-width: 992px) and (max-width: 1199px) {

  .hidden-md {

    display: none !important;

  }

}

@media (min-width: 1200px) {

  .hidden-lg {

    display: none !important;

  }

}

.visible-print {

  display: none !important;

}

@media print {

  .visible-print {

    display: block !important;

  }

  table.visible-print {

    display: table;

  }

  tr.visible-print {

    display: table-row !important;

  }

  th.visible-print,

  td.visible-print {

    display: table-cell !important;

  }

}

.visible-print-block {

  display: none !important;

}

@media print {

  .visible-print-block {

    display: block !important;

  }

}

.visible-print-inline {

  display: none !important;

}

@media print {

  .visible-print-inline {

    display: inline !important;

  }

}

.visible-print-inline-block {

  display: none !important;

}

@media print {

  .visible-print-inline-block {

    display: inline-block !important;

  }

}

@media print {

  .hidden-print {

    display: none !important;

  }

}

@media only screen and (min-width:1px) and (max-width: 1300px) {

	.swiper{ width:46%;}

	.shows{width:54%}

}