@charset "utf-8";
/* CSS Document */

.link{width:100%; height:auto; float:left; border-bottom:#ccc solid 1px; margin-bottom:20px;}
.l-title{ color:#ea5028; font-size:18px;line-height:70px; }
.prolist{ margin:0;  padding:0;  float:right;}
.prolist li { float:left;  padding-left: 25px; line-height:70px; text-align:center;}
.prolist li a{ color:#333; display:block;}
.prolist li a:hover{border-bottom:#ea5028 solid 3px;}
.img{ float:left; width:100%;}
.content1{ width:100%; float:left; background:#f3f3f3;}
.about{ line-height:30px; margin-bottom:30px; color:#333;}
.about img{ margin-top:20px;}

.contact{ float:left; width:100%;line-height:36px; margin-top:15px; margin-bottom:30px; font-size:18px; color:#333; background:url(../img/page_09.png) right center no-repeat;}
.c2{line-height:36px; font-weight:bold; }
.c1{   color:#333;  line-height:36px;}
.product{ float:left; width:100%;}
.product ul li {height:325px; width:270px;text-align:center; float:left; overflow:hidden; margin:10px;}

.product p{ float:left; width:100%; line-height:45px; color:#fff; background:#ea5028; font-size:14px; text-align:left; text-indent:15px;}
.product  a:hover{ font-weight:bold;}
.pic {
    display: table-cell !important;
    display: block;
    position: static !important;
    position: relative;
    overflow: hidden;
    width: 270px;
    height:270px;
    background: #fff;
    vertical-align: middle;
    text-align: center;
}
.pic img {
    position: static !important;
    position: relative;
    top: auto !important;
    top: -50%;
    left: auto !important;
    left: -50%;
    width:expression_r(this.width > 270 && this.height < this.width ? 270:true);
    max-width:270px;
    height:expression_r(this.height > 270 && this.height < this.width ? 270:true);
    max-height:270px;
    }

  #mycarousel{width: 100%; height:auto !important;}
 #mycarousel li {
	list-style-type: none;
	float: left;
	max-height: 100px;
	max-width: 100px;
	padding-bottom:10px;
	 
	 margin:10px 2px;
	
}
 #mycarousel li img{ max-width:100px; height:auto;}
  .jcarousel-prev{height: 10px;background: #999;}
  .jcarousel-next{height: 10px;background: #000;}
  .jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(images/next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: -20px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(images/prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}
.jqzoom{
	float:left;
	position:relative;
	padding:0px;
	background:#fff;
	/*cursor:pointer;*/}
.jqzoom img{
	float:left;
}
.zoomdiv{
	z-index:100;
	position:absolute;
	top:1px;
	left:0px;
	width:200px;
	height:200px;<B></B>
	background:#fff;
	border:1px solid #09d;
	display:none;
	text-align:center;
	overflow: hidden;}
#BigImage {
	height: auto;
	width: 100%;
	margin-left: 3px;
}

.bigimg{
	width:600px;
	height:auto;
}
.jqZoomPup{
	z-index:10;
	visibility:hidden;
	position:absolute;
	top:0px;
	left:0px;
	width:100px;
	height:100px;
	border:1px solid #aaa;
	background:#c4c4c4 50% top no-repeat;
	opacity:0.5;
	-moz-opacity:0.5;
	-khtml-opacity:0.5;
	filter:alpha(Opacity=50);
	cursor:crosshair;
}
/*jQzoom*/
.jqzoom { position:relative;max-width:532px;}
.jqzoom img{ max-width:532px; height:auto;}
div.zoomdiv {
	z-index:	999;
	position                : absolute;
	top:0px !important;
	left:780px !important;
	width                   : 300px;
	height                  : 300px;
	background: #ffffff;
	border:1px solid #CCCCCC;
	display:none;
	text-align: center;
	overflow: hidden;
}
.curr_base {
border: solid 1px #ccc;	
}
.cur_on {
	border: solid 1px #ea5028;
}
.pro-cs{ line-height:42px; color:#333; font-size:18px;}
.c3{ float:left; width:100%; line-height:45px; border-bottom:solid 1px #ccc;}
.c3 p{ max-width:120px; background:#ea5028; text-align:center; color:#fff; font-size:16px; line-height:45px; margin:0;}

/*news*/

.news li{border-bottom: 1px #d3d3d3 dotted; margin:10px 0px;  width:100%;}
.newstitle{margin-bottom:10px;}
.newstitle span{ color:#333; font-size:24px;}
.newstitle a{ color:#333; font-size:16px; font-weight:bold;}
.newstitle a:hover{ color:#666;}
.newsdetail{ color:#666; font-size:14px; line-height:24px; }
.newsdate{ float:right; color:#999; font-size:14px;}
.newstitle1{margin-bottom:10px; text-align:center;color:#333; font-size:24px;}
.newsdate1{ float:left; width:100%; color:#999; font-size:14px; text-align:center;}
.newsdetail1{ float:left; color:#333; font-size:14px; line-height:36px; width:100%; padding:10px;}
/*brand*/
.brand {   }
.brand li { float:left;height:130px; width:232px;text-align:center; border:1px solid #ccc; overflow:hidden; margin:1px;}
.brand li img{ height:130px; width:auto; max-width:232px; text-align:center;display:inline;}
.page, .text-c {
    float: left;
    text-align: center;
    width: 100%;
	margin-bottom:10px;
}
.text-c a,.text-c span{font-size:16px; }
.padding-zero {
    padding: 0;
}
.lan_btn{ }
.lan_btn li{float:left; margin:10px; height:30px !important; line-height:30px !important;background:#ea5028; width:80px !important;}
.lan_btn li a{color:#fff; }
.lan_btn li a:hover{font-weight:bold; }