﻿/*==============================================================*/
/*reset*/
/*==============================================================*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
p, del, dfn, em, img, ins, kbd, q, samp, small, strong, b, i, 
dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, 
thead, tr, th, td, article, aside, footer, header, nav, section {
    margin:0;
    padding:0;
    border:0;
    outline:0;
}
/*Reset*/
*{ padding:0; margin:0}
html,div,ul,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,img,form,embed,label{margin:0;padding:0;border:0; font-size:12px; font-weight:normal;}
img{border:none}
ul,ul li{ list-style:none;} 
.cls{clear:both; line-height:0px!important; height:0px!important;font-size:0px!important;} 
select,input{ vertical-align:middle;font-size:12px;}  
* html,* html body {background-image:url(about:blank);background-attachment:fixed;}/* 修正IE6振动bug */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display:block;
}
html {
    height:100%;
  
}
body {
    font:12px/1.4 "微软雅黑","Microsoft Yahei";
    color: #222;
    display:block; z-index:-2;
	backgr/ound-color: #f7f8fa;
	background: url(../images/bg.gif) repeat left center #fff;
}
ul, ol, li {
    list-style:none;
}
i, em {
    font-style: normal;
}
a, a:active {
    color: #000;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

@font-face {
    font-family: 'oswaldbold';
    src: url('fonts/oswald-bold-webfont.eot');
    src: url('fonts/oswald-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/oswald-bold-webfont.woff') format('woff'),
         url('fonts/oswald-bold-webfont.ttf') format('truetype'),
         url('fonts/oswald-bold-webfont.svg#oswaldbold') format('svg');
    font-weight: normal;
    font-style: normal;
	 

}

.oswald{ font-family: 'OswaldBold';}
.f18{ font-size:18px;}
.f36{ font-size:36px;}
.f72{ font-size:72px;}
i.f150{ font-size:150px !important}
.wrapper{ margin:0 auto; min-width:1150px;width:1150px;}
.wrap{ margin:0 auto; min-width:1000px;width:1000px;}
.wrap1{ margin:0 auto; min-width:1000px;width:1200px;}
/*text*/
.b{ font-weight:bold;}
.f8{ font-size:8px;}
.f9{ font-size:9px;}
.f10{ font-size:10px;}
.f11{ font-size:11px;}
.f12{ font-size:12px;}
.f13{ font-size:13px;}
.f14{ font-size:14px;}
.f15{ font-size:15px;}
.f16{ font-size:16px;}
.f18{ font-size:18px;}
.f20{ font-size:20px;}
.f22{ font-size:22px;}
.f24{ font-size:24px;}
.f32{ font-size:32px;}
.f36{ font-size:36px;}
.em{ text-indent:2em;}
.hei{ color:#000;}
.red{ color:#ff0000;}
.or{ color:#f8893e;}
.Arial{ font-family:"Arial", Helvetica, sans-serif;}
.yahei{ font-family:"\5FAE\8F6F\96C5\9ED1";} 
.nobak{ background:none}
.normg{ margin-right:0;}
.nobor{ border:0}
li.normg{ margin-right:0!important;}
li.nobor{ border:0 !important}
.fl{ float:left;}
.fr{ float:right !important}
.pos{ position:absolute}
.por{ position:relative}


.prodinfotab{clear:both;padding-top:30px;overflow:hidden}
.prodinfotab .tabheader{clear:both;height:44px;text-align:left;background:url(../images/detailinto_title.jpg) repeat-x bottom;padding-left:0px;}
.prodinfotab .tab_t dd.current{font-weight:bold;background:url(../images/pro-bg.jpg) no-repeat left center;color:white;}
.prodinfotab .tab_t dd{float:left;text-align:center;width:116px;height:44px;cursor:pointer;background:#EFEFEF;color:#000;font-size:14px;line-height:44px;}
.prodinfotab .tabcontent{clear:both;border:0px solid #ADC2BD;padding:10px 5px 10px 10px;line-height:180%;height:100%}

/*首页轮播广告--右侧带小图*/
.ad_position {
	width:980px;
	height:320px;
	position:relative;
ove/rflow:hidden;
	backg/round:url(../images/ad_shawed.png) no-repeat;
	margin:0 auto;
	margin-top:20px;
}
.ad_position .limit {
	height:320px;
	width:645px;
	margin:0;
	overflow:hidden;
}
.ad_left_big {
	width:484px;
	border-collapse:collapse;
	float:left;
	display:inline;
}
.ad_small_box {
	float:right;
	width:148px;
	height:320px;
	overflow:hidden;
	display:inline;
backgrou/nd:#0F0;
}
.ad_small_box ul {
	margin:0px 0px 0px 0px;
	list-style:none inside none;
	padding:0px;
*margin-left:-6px;
}
.ad_small_box ul li {
	width:142px;
	height:95px;
	margin-bottom:1px;
	overflow:hidden;
	cursor:pointer;
}
.ad_small_box ul li img {
	width:138px;
	height:91px;
	border:#c5c5c5 1px solid;
	float:right;
}
.ad_small_box .this_ad {
	position:absolute;
	top:0px;
	left:1px;
	cursor:pointer;
	width:138px;
	height:91px;
	border:#000000 2px solid;
	margin-top:1px;
}
.ad_small_box .top_button {
	width:142px;
	height:16px;
	overflow:hidden;
	cursor:pointer;
	background:url(../images/top1.jpg) no-repeat center;
}
.ad_small_box .bottom_button {
	width:142px;
	height:16px;
	overflow:hidden;
	cursor:pointer;
	background:url(../images/bot1.jpg)center no-repeat;
}
.ad_small_box .off {
	background:url(../images/top1.jpg) no-repeat center;
	cursor:auto;
}
.ad_small_box .small_right_limit {
	height:286px;
	padding:1px 0px;
	overflow:hidden;
	position:relative;
}

.preview{width:400px; height:465px;float: left;}
/* smallImg */
.smallImg{position:relative; height:52px; margin-top:1px; background-color:#F1F0F0; padding:6px 5px; width:390px; overflow:hidden;float:left;}
.scrollbutton{width:14px; height:50px; overflow:hidden; position:relative; float:left; cursor:pointer; }
.scrollbutton.smallImgUp , .scrollbutton.smallImgUp.disabled{background:url(../images/d_08.png) no-repeat;}
.scrollbutton.smallImgDown , .scrollbutton.smallImgDown.disabled{background:url(../images/d_09.png) no-repeat; margin-left:375px; margin-top:-50px;}

#imageMenu {height:50px; width:360px; overflow:hidden; margin-left:0; float:left;}
#imageMenu li {height:50px; width:60px; overflow:hidden; float:left; text-align:center;}
#imageMenu li img{width:50px; height:50px;cursor:pointer;}
#imageMenu li#onlickImg img, #imageMenu li:hover img{ width:44px; height:44px; border:3px solid #959595;}
/* bigImg */
.bigImg{position:relative; float:left; width:400px; height:400px; overflow:hidden;}
.bigImg #midimg{width:400px; height:400px;}
.bigImg #winSelector{width:235px; height:210px;}
#winSelector{position:absolute; cursor:crosshair; filter:alpha(opacity=15); -moz-opacity:0.15; opacity:0.15; background-color:#000; border:1px solid #fff;}
/* bigView */
#bigView{position:absolute;border: 1px solid #959595; overflow: hidden; z-index:999;}
#bigView img{position:absolute;}

.message_content {
	width: 100%;
}

#contact input[type="text"],#contact input[type="email"],#contact input[type="tel"],#contact input[type="url"],#contact textarea,#contact button[type="submit"] {
	font: 400 12px/16px "Open Sans",Helvetica,Arial,sans-serif;
}

#contact {
	background: #F9F9F9;
	padding: 25px;
	margin: 5px 0;
}

#contact h3 {
	color: #F96;
	display: block;
	font-size: 30px;
	font-weight: 400;
}

#contact h4 {
	margin: 5px 0 15px;
	display: block;
	font-size: 13px;
}

fieldset {
	border: medium none!important;
	margin: 0 0 10px;
	min-width: 100%;
	padding: 0;
	width: 100%;
}

#contact input[type="text"],#contact input[type="email"],#contact input[type="tel"],#contact input[type="url"],#contact textarea {
	width: 90%;
	border: 1px solid #CCC;
	background: #FFF;
	margin: 0 0 5px;
	padding: 10px;
}

#contact input[type="text"]:hover,#contact input[type="email"]:hover,#contact input[type="tel"]:hover,#contact input[type="url"]:hover,#contact textarea:hover {
	-webkit-transition: border-color 0.3s ease-in-out;
	-moz-transition: border-color 0.3s ease-in-out;
	transition: border-color 0.3s ease-in-out;
	border: 1px solid #BF3131;
}

#contact textarea {
	height: 100px;
	max-width: 100%;
	resize: none;
}

#contact button[type="submit"] {
	cursor: pointer;
	width: 20%;
	border: none;
	background: #BF3131;
	color: #FFF;
	margin: 0 0 5px;
	padding: 10px;
	font-size: 15px;
}

#contact button[type="submit"]:hover {
	background: #A30000;
	-webkit-transition: background 0.3s ease-in-out;
	-moz-transition: background 0.3s ease-in-out;
	transition: background-color 0.3s ease-in-out;
}

#contact button[type="submit"]:active {
	box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
}

#contact input:focus,#contact textarea:focus {
	outline: 0;
	border: 1px solid #BF3131;
}

::-webkit-input-placeholder {
	color: #888;
}

:-moz-placeholder {
	color: #888;
}

::-moz-placeholder {
	color: #888;
}

:-ms-input-placeholder {
	color: #888;
}