@charset "utf-8";
@import url("reset.css");
#wrap{
    min-height:100%;
    _height:100%;
    position:relative;
}
.wrapper{ clear:both;}
.main{
	margin:0px auto;	
}

.twelve.wide.column.right.floated td,.twelve.wide.column.right.floated th{ margin:0px; padding:8px 2px;}
.four.wide.column td,.four.wide.column th{ margin:0px; padding:8px 2px;}

#header .logo_product{ clear:both; height:90px; overflow:hidden;}
#header .logo_product .logo{ float:left; width:220px; height:90px; overflow:hidden;}
#header .logo_product .logo img{ margin-top:10px;}
#header .logo_product .flag { float:left;}
#header .logo_product .tel { margin-top:10px; float:right;}

#header .main #menu{
	clear:both;
    font-size:12pt;
	text-align:left;
	background:#2185D0;
	height:45px;
	line-height:45px;
	overflow:hidden;
}
#header .main #menu a{
    float:left;
    width:130px;
	text-align:center;
    color:#fff;
    position:relative;
	border-right:1px solid #217BBF;
}

#header .main #menu a:hover,
#header .main #menu a.active{
    display:block;
    padding-bottom:1px;
	background-color:#1D77BA;
}
#header #menu .dropmenu{ color:#FFFFFF; text-align:center; cursor:pointer; background:#2185D0; float:left; border-right:1px solid #217BBF; width:130px;/*IE6 only*/ overflow:hidden;}
#header #menu .dropmenu .submenu { display:none; clear:both; position:absolute; height:40px; line-height:40px; z-index:99999;}
#header #menu .dropmenu .submenu a{ clear:both; display:block; list-style-type:none; padding:0px; margin:0px; border-top:1px solid #217BBF; background:#2185D0; overflow:hidden; height:40px; line-height:40px; width:130px;/*IE6 only*/}
#header #menu .dropmenu .submenu a:hover{ background-color:#2883AC;}

.index_main{ text-align:center;}
/*.index_main .in_product_list{ clear:both; list-style-type:0px; margin:0px auto; padding:0px; width:1200px; overflow:hidden;}
.index_main .in_product_list li{ float:left; width:560px; margin-bottom:20px;}
.index_main .in_product_list .left{ margin-right:30px;}
.index_main .in_product_list .right{ margin-left:30px;}
*/
.news_thumbnail { max-width:200px; height:140px; margin-right:15px;}
.news_content{ clear:both; padding:2px 0px; overflow:hidden;}
.news_left { float:left; width:75%; overflow:hidden;}
.news_right { float:right; width:25%; text-align:center; overflow:hidden;}



/*jPlayer*/
.jp-gui {
	position:relative;
	padding:20px;
	width:98%;
}
.jp-gui ul {
	margin:0;
	padding:0;
}
.jp-gui ul li {
	position:relative;
	float:left;
	list-style:none;
	margin:2px;
	padding:4px 0;
	cursor:pointer;
}
.jp-gui ul li a {
	margin:0 4px;
}
li.jp-pause {
	display:none;
}
.jp-progress-slider {
	position:absolute;
	top:6px;
	width:85%;
	right:20px;
	float:right;
}
.jp-progress-slider .ui-slider-handle {
	cursor:pointer;
}
.jp-current-time,
.jp-duration {
	position:absolute;
	top:45px;
	font-size:0.8em;
	cursor:default;
}
.jp-current-time {
	left:110px;
}
.jp-duration {
	right:50px;
}
.jp-clearboth {
	clear:both;
}


#container{
    padding:20px 0px; clear:both;
}

.page-loading{
    background:url(../images/loader.gif) no-repeat center center;
    height:200px;
}
.btn-disabled{
    background:#ccc;
}
.ui.modal.small.register .actions{ clear:both; text-align:center; overflow:hidden;}
.keyword{ min-width:220px;}

.ui.search{ float:right; line-height:45px; overflow:hidden;}
.ui.search .item{ line-height:45px; overflow:hidden;}
.footer .footer_logo_img{ clear:both; overflow:hidden;}
.footer .footer_logo{ float:left; overflow:hidden;}
.footer .footer_logo .left{ float:left;}
.footer .footer_logo .right{ float:right; padding-left:5px; text-align:left; }
.footer .footer_logo .colorw a{ color:#FFFFFF;}
.footer .footer_img{ float:right; text-align:right;}




/*.denewtitle{ float:left; width:476px; text-align:left;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.denewdate{ float:right; width:90px; text-align:center;}
*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
/* 高分屏 */

}


.banner .arrow-left {
  background: url(../images/arrows.png) no-repeat left top;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
}
.banner .arrow-right {
  background: url(../images/arrows.png) no-repeat left bottom;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
}
.banner .arrow-left:hover,.banner .arrow-right:hover{ 
	background-color:#e3e3e3;
	border-radius: 3px;
}

.content-slide {
  padding: 20px;
  color: #fff;
}
.bapagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom:5px;
  width: 100%;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #999;
  box-shadow: 0px 1px 2px #555 inset;
  margin: 0 3px;
  cursor: pointer;
}
.swiper-active-switch {
  background: #fff;
}


.swiper-slide img{
  height: 100%;
  width: 100%;
}
	
@media (min-width:1300px){
	.wrap {
		margin:0 auto;
		width:1220px;
	}	
	.wrapper{ss
		min-width:1180px;
	}
	.main{
		width:1180px;
	}
	.denewtitle{ float:left; width:476px; text-align:left;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; border:none; /*border:1px solid #fd0404;*/}
	.denewdate{ float:right; width:90px; text-align:center;}
	
	.wrapper .prodetail .proleft{ border:1px solid #CCCCCC; float:left; width:260px; overflow:hidden;}
	.wrapper .prodetail .proleft .header{ clear:both; font-size:12pt; padding-left:10px; line-height:35px; letter-spacing:2px; font-weight:bold; border-bottom:2px solid #FF0000;}
	.wrapper .prodetail .proleft .item{ clear:both; text-align:center; margin-top:5px; border-bottom:1px solid #CCCCCC;}
	.wrapper .prodetail .proleft .item .title{ clear:both; text-align:left; padding-left:10px;}
	.wrapper .prodetail .proleft .item .price{ clear:both; text-align:left; padding-left:10px; font-weight:bold; color:#FF0000;}
	.wrapper .prodetail .proright{ float:right; width:1020px; text-align:center; overflow:hidden;}
	.wrapper .prodetail .proright .gTit{ text-align:left;}
	.wrapper .prodetail .proright .gCon{ margin:0px auto; width:980px;}
	
	.index_main .in_product_list{ clear:both; list-style-type:0px; margin:0px auto; padding:0px; width:1200px; overflow:hidden;}
	.index_main .in_product_list li{ float:left; width:560px; margin-bottom:20px;}
	.index_main .in_product_list .left{ margin-right:30px;}
	.index_main .in_product_list .right{ margin-left:30px;}

	
	.news_content{ clear:both; padding:2px 0px; overflow:hidden;}
	.news_left { float:left; width:75%; overflow:hidden;}
	.news_right { float:right; width:25%; text-align:center; overflow:hidden;}
	
	.banner {
	  width: 1180px;
	  height: 450px;
	  /*padding: 30px 40px;
	  border-radius: 20px;
	  background: #111;
	  border: 3px solid white;
	  box-shadow: 0px 0px 5px #000;*/
	  margin: 5px auto;
	  position: relative;
	}
	.swiper-container {
	  width: 1180px;
	  height: 420px;
	}
	/*.swiper-slide img{
	  height: 420px;
	  width: 1180px;
	}*/

}

@media (max-width:1200px){
	.wrap {
		margin:0 auto;
		width:1180px;
	}	
	.wrapper{
		min-width:1180px;
	}
	.main{
		width:1160px;
	}
	.denewtitle{ float:left; width:376px; text-align:left;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; border:none; /*border:1px solid #c0bf6c;*/}
	.denewdate{ float:right; width:90px; text-align:center;}
	
	.wrapper .prodetail .proleft{ border:1px solid #CCCCCC; float:left; width:260px; overflow:hidden;}
	.wrapper .prodetail .proleft .header{ clear:both; font-size:12pt; padding-left:10px; line-height:35px; letter-spacing:2px; font-weight:bold; border-bottom:2px solid #FF0000;}
	.wrapper .prodetail .proleft .item{ clear:both; text-align:center; margin-top:5px; border-bottom:1px solid #CCCCCC;}
	.wrapper .prodetail .proleft .item .title{ clear:both; text-align:left; padding-left:10px;}
	.wrapper .prodetail .proleft .item .price{ clear:both; text-align:left; padding-left:10px; font-weight:bold; color:#FF0000;}
	.wrapper .prodetail .proright{ float:right; width:1020px; text-align:center; overflow:hidden;}
	.wrapper .prodetail .proright .gTit{ text-align:left;}
	.wrapper .prodetail .proright .gCon{ margin:0px auto; width:980px;}
	
	.index_main .in_product_list{ clear:both; list-style-type:0px; margin:0px auto; padding:0px; width:1200px; overflow:hidden;}
	.index_main .in_product_list li{ float:left; width:560px; margin-bottom:20px;}
	.index_main .in_product_list .left{ margin-right:30px;}
	.index_main .in_product_list .right{ margin-left:30px;}

	
	.news_content{ clear:both; padding:2px 0px; overflow:hidden;}
	.news_left { float:left; width:75%; overflow:hidden;}
	.news_right { float:right; width:25%; text-align:center; overflow:hidden;}


	.banner {
	  width: 1160px;
	  height: 440px;
	  /*padding: 30px 40px;
	  border-radius: 20px;
	  background: #111;
	  border: 3px solid white;
	  box-shadow: 0px 0px 5px #000;*/
	  margin: 5px auto;
	  position: relative;
	}
	.swiper-container {
	  width: 1160px;
	  height: 410px;
	}
	/*.swiper-slide img{
	  height: 410px;
	  width: 1160px;
	}*/

}


@media (max-width:1020px){
	.wrap {
		margin:0 auto;
		width:980px;		
	}	
	.wrapper{
		min-width:980px;
	}
	.main{
		width:98%;
	}
	.jp-progress-slider {
		position:absolute;
		top:6px;
		width:70%;
		right:20px;
		float:right;
	}
	.denewtitle{ float:left; width:286px; text-align:left;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; border:none; /*border:1px solid #fdfa04;*/}
	.denewdate{ float:right; width:90px; text-align:center;}

	.wrapper .prodetail .proleft{ border:1px solid #CCCCCC; float:left; width:180px; overflow:hidden;}
	.wrapper .prodetail .proleft .header{ clear:both; font-size:12pt; padding-left:10px; line-height:35px; letter-spacing:2px; font-weight:bold; border-bottom:2px solid #FF0000;}
	.wrapper .prodetail .proleft .item{ clear:both; text-align:center; margin-top:5px; border-bottom:1px solid #CCCCCC;}
	.wrapper .prodetail .proleft .item .title{ clear:both; text-align:left; padding-left:10px;}
	.wrapper .prodetail .proleft .item .price{ clear:both; text-align:left; padding-left:10px; font-weight:bold; color:#FF0000;}
	.wrapper .prodetail .proright{ float:right; width:620px; text-align:center; overflow:hidden;}
	.wrapper .prodetail .proright .gTit{ text-align:left;}
	.wrapper .prodetail .proright .gCon{ margin:0px auto; width:620px;}
	
	
	.index_main .in_product_list{ clear:both; list-style-type:0px; margin:0px auto; padding:0px; width:960px; overflow:hidden;}
	.index_main .in_product_list li{ float:left; width:460px; margin-bottom:20px;}
	.index_main .in_product_list .left{ margin-right:10px;}
	.index_main .in_product_list .right{ margin-left:10px;}


	.news_thumbnail {height:105px; margin-right:8px;}
	.news_content{ clear:both; padding:2px 0px; overflow:hidden;}
	.news_left { float:left; width:75%;; height:105px; overflow:hidden;}
	.news_right { float:right; width:25%; height:105px; overflow:hidden;}
	
	.banner {
	  width: 980px;
	  height: 380px;
	  /*padding: 30px 40px;
	  border-radius: 20px;
	  background: #111;
	  border: 3px solid white;
	  box-shadow: 0px 0px 5px #000;*/
	  margin: 5px auto;
	  position: relative;
	}
	.swiper-container {
	  width: 980px;
	  height: 350px;
	}
	/*.swiper-slide img{
	  height: 410px;
	  width: 1160px;
	}*/
}


@media (max-width:800px){
	.wrap {
		margin:0 auto;
		width:780px;
	}	
	.wrapper{
		min-width:760px;
	}
	.main{
		width:100%;
	}
	.maincontent img{ width:98%;}
	.maincontent .ui.two.column.centered.grid{ width:98%; padding:0px; margin:0px;}
	.main .logo_product .product .flag{ display:none;}
	.jp-progress-slider {
		position:absolute;
		top:6px;
		width:70%;
		right:20px;
		float:right;
	}
	.denewtitle{ float:left; width:226px; text-align:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; border:none; /*border:1px solid #0000FF;*/}
	.denewdate{ float:right; width:90px; text-align:center;}
	.wrapper .prodetail .proleft{ border:1px solid #CCCCCC; float:left; width:180px; overflow:hidden;}
	.wrapper .prodetail .proleft .header{ clear:both; font-size:12pt; padding-left:10px; line-height:35px; letter-spacing:2px; font-weight:bold; border-bottom:2px solid #FF0000;}
	.wrapper .prodetail .proleft .item{ clear:both; text-align:center; margin-top:5px; border-bottom:1px solid #CCCCCC;}
	.wrapper .prodetail .proleft .item .title{ clear:both; text-align:left; padding-left:10px;}
	.wrapper .prodetail .proleft .item .price{ clear:both; text-align:left; padding-left:10px; font-weight:bold; color:#FF0000;}
	.wrapper .prodetail .proright{ float:right; width:620px; text-align:center; overflow:hidden;}
	.wrapper .prodetail .proright .gTit{ text-align:left;}
	.wrapper .prodetail .proright .gCon{ margin:0px auto; width:620px;}
	
	
	.index_main .in_product_list{ clear:both; list-style-type:0px; margin:0px auto; padding:0px; width:800px; overflow:hidden;}
	.index_main .in_product_list li{ float:left; width:380px; margin-bottom:20px;}
	.index_main .in_product_list .left{ margin-right:10px;}
	.index_main .in_product_list .right{ margin-left:10px;}


	.news_thumbnail {height:105px; margin-right:8px;}
	.news_content{ clear:both; padding:2px 0px; overflow:hidden;}
	.news_left { float:left; width:75%;; height:105px; overflow:hidden;}
	.news_right { float:right; width:25%; height:105px; overflow:hidden;}
	
	.banner {
	  width: 760px;
	  height: 300px;
	  /*padding: 30px 40px;
	  border-radius: 20px;
	  background: #111;
	  border: 3px solid white;
	  box-shadow: 0px 0px 5px #000;*/
	  margin: 5px auto;
	  position: relative;
	}
	.swiper-container {
	  width: 760px;
	  height: 270px;
	}
}

@media (max-width:760px){
	.wrap {
		margin:0 auto;
		width:740px;
	}	
	.wrapper{
		min-width:720px;
	}
	.main{
		width:100%;
	}
	.maincontent img{ width:98%;}
	.maincontent .ui.two.column.centered.grid{ width:98%; padding:0px; margin:0px;}
	.main .logo_product .product .flag{ display:none;}
	.jp-progress-slider {
		position:absolute;
		top:6px;
		width:70%;
		right:20px;
		float:right;
	}
	.denewtitle{ float:left; width:556px; text-align:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; border:none; /*border:1px solid #0000FF;*/}
	.denewdate{ float:right; width:90px; text-align:center;}
	.wrapper .prodetail .proleft{ border:1px solid #CCCCCC; float:left; width:180px; overflow:hidden;}
	.wrapper .prodetail .proleft .header{ clear:both; font-size:12pt; padding-left:10px; line-height:35px; letter-spacing:2px; font-weight:bold; border-bottom:2px solid #FF0000;}
	.wrapper .prodetail .proleft .item{ clear:both; text-align:center; margin-top:5px; border-bottom:1px solid #CCCCCC;}
	.wrapper .prodetail .proleft .item .title{ clear:both; text-align:left; padding-left:10px;}
	.wrapper .prodetail .proleft .item .price{ clear:both; text-align:left; padding-left:10px; font-weight:bold; color:#FF0000;}
	.wrapper .prodetail .proright{ float:right; width:620px; text-align:center; overflow:hidden;}
	.wrapper .prodetail .proright .gTit{ text-align:left;}
	.wrapper .prodetail .proright .gCon{ margin:0px auto; width:620px;}
	
	
	.index_main .in_product_list{ clear:both; list-style-type:0px; margin:0px auto; padding:0px; width:800px; overflow:hidden;}
	.index_main .in_product_list li{ float:left; width:380px; margin-bottom:20px;}
	.index_main .in_product_list .left{ margin-right:10px;}
	.index_main .in_product_list .right{ margin-left:10px;}


	.news_thumbnail {height:105px; margin-right:8px;}
	.news_content{ clear:both; padding:2px 0px; overflow:hidden;}
	.news_left { float:left; width:75%;; height:105px; overflow:hidden;}
	.news_right { float:right; width:25%; height:105px; overflow:hidden;}
	
	.banner {
	  width: 720px;
	  height: 290px;
	  /*padding: 30px 40px;
	  border-radius: 20px;
	  background: #111;
	  border: 3px solid white;
	  box-shadow: 0px 0px 5px #000;*/
	  margin: 5px auto;
	  position: relative;
	}
	.swiper-container {
	  width: 720px;
	  height: 255px;
	}
}

@media (max-width:650px){
	.wrap {
		margin:0 auto;
		width:630px;
	}	
	.wrapper{
		min-width:610px;
	}
	.main{
		width:98%;
	}
	.main .logo_product .product .flag{ display:none;}
	.maincontent img{ width:98%;}
	.maincontent .ui.two.column.centered.grid{ width:98%; padding:0px; margin:0px;}
	.jp-progress-slider {
		position:absolute;
		top:6px;
		width:70%;
		right:20px;
		float:right;
	}
	.denewtitle{ float:left; width:410px; text-align:left;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; border:none; /*border:1px solid #04fd10;*/}
	.denewdate{ float:right; width:90px; text-align:center;}
	
	.wrapper .prodetail .proleft{ border:1px solid #CCCCCC; float:left; width:180px; overflow:hidden;}
	.wrapper .prodetail .proleft .header{ clear:both; font-size:12pt; padding-left:10px; line-height:35px; letter-spacing:2px; font-weight:bold; border-bottom:2px solid #FF0000;}
	.wrapper .prodetail .proleft .item{ clear:both; text-align:center; margin-top:5px; border-bottom:1px solid #CCCCCC;}
	.wrapper .prodetail .proleft .item .title{ clear:both; text-align:left; padding-left:10px;}
	.wrapper .prodetail .proleft .item .price{ clear:both; text-align:left; padding-left:10px; font-weight:bold; color:#FF0000;}
	.wrapper .prodetail .proright{ float:right; width:620px; text-align:center; overflow:hidden;}
	.wrapper .prodetail .proright .gTit{ text-align:left;}
	.wrapper .prodetail .proright .gCon{ margin:0px auto; width:620px;}
	
	
	.index_main .in_product_list{ clear:both; list-style-type:0px; margin:0px auto; padding:0px; width:800px; overflow:hidden;}
	.index_main .in_product_list li{ float:left; width:380px; margin-bottom:20px;}
	.index_main .in_product_list .left{ margin-right:10px;}
	.index_main .in_product_list .right{ margin-left:10px;}


	.news_thumbnail {height:105px; margin-right:8px;}
	.news_content{ clear:both; padding:2px 0px; overflow:hidden;}
	.news_left { float:left; width:75%;; height:105px; overflow:hidden;}
	.news_right { float:right; width:25%; height:105px; overflow:hidden;}
	
	.banner {
	  width: 610px;
	  height: 260px;
	  /*padding: 30px 40px;
	  border-radius: 20px;
	  background: #111;
	  border: 3px solid white;
	  box-shadow: 0px 0px 5px #000;*/
	  margin: 5px auto;
	  position: relative;
	}
	.swiper-container {
	   width: 610px;
	  height: 225px;
	}
}


@media (max-width:540px){
	.wrap {
		margin:10px auto;
		width:500px;
	}
	.wrapper{
		min-width:500px;
	}
	#container{
		padding:10px 0 0px;
	}
	.main{
		width:98%;
	}
	.denewtitle{ float:left; width:280px; text-align:left;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; border:none; /*border:1px solid #751205;*/}
	.denewdate{ float:right; width:90px; text-align:center;}
	
	.maincontent img{ width:98%;}
	.maincontent .ui.two.column.centered.grid{ width:98%; padding:0px; margin:0px;}
	.main .logo_product .product .flag{ display:none;}
	.jp-progress-slider {
		position:absolute;
		top:6px;
		width:60%;
		right:20px;
		float:right;
	}
	.wrapper .prodetail .proleft{ border:1px solid #CCCCCC; float:left; width:180px; overflow:hidden;}
	.wrapper .prodetail .proleft .header{ clear:both; font-size:12pt; padding-left:10px; line-height:35px; letter-spacing:2px; font-weight:bold; border-bottom:2px solid #FF0000;}
	.wrapper .prodetail .proleft .item{ clear:both; text-align:center; margin-top:5px; border-bottom:1px solid #CCCCCC;}
	.wrapper .prodetail .proleft .item .title{ clear:both; text-align:left; padding-left:10px;}
	.wrapper .prodetail .proleft .item .price{ clear:both; text-align:left; padding-left:10px; font-weight:bold; color:#FF0000;}
	.wrapper .prodetail .proright{ float:right; width:620px; text-align:center; overflow:hidden;}
	.wrapper .prodetail .proright .gTit{ text-align:left;}
	.wrapper .prodetail .proright .gCon{ margin:0px auto; width:620px;}
	
	
	.index_main .in_product_list{ clear:both; list-style-type:0px; margin:0px auto; padding:0px; width:540px; overflow:hidden;}
	.index_main .in_product_list li{ float:left; width:265px; margin-bottom:10px;}
	.index_main .in_product_list .left{ margin-right:5px;}
	.index_main .in_product_list .right{ margin-left:5px;}

    .news_thumbnail { height:55px; margin-right:4px;}
	.news_content{ clear:both; padding:2px 0px; overflow:hidden;}
	.news_left { float:left; width:75%; height:55px; overflow:hidden;}
	.news_right { float:right; width:25%; height:55px; overflow:hidden;}
	
	.banner {
	  width: 480px;
	  height: 190px;
	  /*padding: 30px 40px;
	  border-radius: 20px;
	  background: #111;
	  border: 3px solid white;
	  box-shadow: 0px 0px 5px #000;*/
	  margin: 5px auto;
	  position: relative;
	}
	.swiper-container {
	   width: 480px;
	  height: 170px;
	}
}



@media (max-width:430px){
	.wrap {
		margin:10px auto;
		width:400px;
	}
	.wrapper{
		min-width:400px;
	}
	#container{
		padding:2px 0 0px;
	}
	.main{
		width:98%;
	}
	.denewtitle{ float:left; width:280px; text-align:left;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; border:none; /*border:1px solid #751205;*/}
	.denewdate{ float:right; width:90px; text-align:center;}
	
	.maincontent img{ width:98%;}
	.maincontent .ui.two.column.centered.grid{ width:98%; padding:0px; margin:0px;}
	.main .logo_product .product .flag{ display:none;}
	.jp-progress-slider {
		position:absolute;
		top:6px;
		width:60%;
		right:20px;
		float:right;
	}
	.wrapper .prodetail .proleft{ border:1px solid #CCCCCC; float:left; width:180px; overflow:hidden;}
	.wrapper .prodetail .proleft .header{ clear:both; font-size:12pt; padding-left:10px; line-height:35px; letter-spacing:2px; font-weight:bold; border-bottom:2px solid #FF0000;}
	.wrapper .prodetail .proleft .item{ clear:both; text-align:center; margin-top:5px; border-bottom:1px solid #CCCCCC;}
	.wrapper .prodetail .proleft .item .title{ clear:both; text-align:left; padding-left:10px;}
	.wrapper .prodetail .proleft .item .price{ clear:both; text-align:left; padding-left:10px; font-weight:bold; color:#FF0000;}
	.wrapper .prodetail .proright{ float:right; width:620px; text-align:center; overflow:hidden;}
	.wrapper .prodetail .proright .gTit{ text-align:left;}
	.wrapper .prodetail .proright .gCon{ margin:0px auto; width:620px;}
	
	
	.index_main .in_product_list{ clear:both; list-style-type:0px; margin:0px auto; padding:0px; width:540px; overflow:hidden;}
	.index_main .in_product_list li{ float:left; width:265px; margin-bottom:10px;}
	.index_main .in_product_list .left{ margin-right:5px;}
	.index_main .in_product_list .right{ margin-left:5px;}

    .news_thumbnail { height:55px; margin-right:4px;}
	.news_content{ clear:both; padding:2px 0px; overflow:hidden;}
	.news_left { float:left; width:75%; height:55px; overflow:hidden;}
	.news_right { float:right; width:25%; height:55px; overflow:hidden;}
	
	.banner {
	  width: 390px;
	  height: 160px;
	  /*padding: 30px 40px;
	  border-radius: 20px;
	  background: #111;
	  border: 3px solid white;
	  box-shadow: 0px 0px 5px #000;*/
	  margin: 5px auto;
	  position: relative;
	}
	.swiper-container {
	   width: 390px;
	  height: 140px;
	}
}
.downvoice{ padding-left:20px; background:url(/images/downvoice.png) 5px no-repeat;}


.software.list ul{ padding:15px 0; margin:0px; overflow:hidden;}
.software.list li{ list-style-type:none; line-height:30px; background:url(../images/software_down_bg.png) no-repeat left top; width:290px; height:93px; float:left; margin:8px 10px; text-align:left; padding-top:10px;}
.software.list li a{ display:block; padding:10px 0 0 80px; text-decoration:none;}
.software.list li:hover{opacity: 0.5;}
.software.list li h2{ font-size:18pt; font-weight:normal; color:#f3f9fd;}
.software.list li .d_label{ font-size:12pt; color:#ffffff;}
.software.list li .d_title:hover{ text-decoration:none; color:#ffffff; }

.software.list li.kylin{ background-position:0 -113px;}
.software.list li.uos{ background-position:0 -224px;}
.software.list li.android{ background-position:0 -874px;}
.software.list li.apple{ background-position:0 -768px;}
.software.list li.webser{ background-position:0 -980px;}
.software.list li.webclient{ background-position:0 -1085px;}
.software.list li.mjpgdecode{ background-position:0 -665px;}

.software.list li.winpdf{ background-position:0 -335px;}
.software.list li.kylinpdf{ background-position:0 -442px;}
.software.list li.uospdf{ background-position:0 -553px;}
.software.list li.macospdf{ background-position:0 -553px;}



/*.ui.simple.dropdown.item .menu{ cursor:default; background-color:#FFFFFF; }
.ui.simple.dropdown.item .menu .item .list{ margin:0px; padding:0px;}
.ui.simple.dropdown.item .menu .item .list a.item{ display:block; color:#333333; padding:8px 20px; border:0px;}
.ui.simple.dropdown.item .menu .item .list a.item:hover{ background-color:#2185d0; color:#FFFFFF;border-radius: 0.8em; }
.ui.simple.dropdown.item .menu .item .list .item:before {
  border:none;
}
.ui.simple.dropdown.item .menu .item .list .item:before {
  border:none;
}*/

.ui.simple.dropdown.item .menu{ cursor:default; background-color:#FFFFFF; }
.ui.simple.dropdown.item .menu .item .list{margin:0px; padding:0px;}
.ui.simple.dropdown.item .menu .item .list a.subitem{ display:block; color:#333333; padding:8px 20px; border:0px;}
.ui.simple.dropdown.item .menu .item .list a.subitem:hover{ background-color:#2185d0; color:#FFFFFF;border-radius: 0.8em; }
.ui.secondary.menu.subtab{ color:#333333;}
/*.ui.secondary.menu.subtab a:hover{ background-color:#55acec;}*/
.ui.secondary.menu.subtab .active{ color:#FFFFFF; background-color:#328fd4;}
.ui.button.friend{color:#FFFFFF; background-color:#328fd4; cursor:default;}
/*解决image无法距中*/
.ui.move.reveal > .visible.content {
  position: relative !important;
  left: 0% !important;
  width: 100% !important;
  /*border:1px solid #FF0000;*/
}

.ui.move.reveal > .hidden.content {
  position: absolute !important;
  left: 0% !important;
  width: 100% !important;
  /*border:1px solid #0000FF;*/
}
.ui.move.reveal > .content img{
	width:100%;
	height:100%;
}

.ui.segment.fifteen.wide.tablet.eight.wide.computer.column{ line-height:30px;}