@CHARSET "UTF-8";
/*****************common*********************/
*{margin:0; padding:0;}
body{font-family:"Microsoft YaHei"; font-size: 14px;}
a{text-decoration:none; color:#000000;}
ul{list-style:none;}
img{border:none;}
table{border-collapse:collapse; border-spacing:0;}
.floatL{float:left;}
.floatR{float:right;}
.mgb5{margin-bottom:5px;}
.textAlignR{text-align:right;}
.lineH{line-height: 200%;}


/***********************************layout***********************************/
div.content{width:1000px; height:600px; margin:0 auto;}
div.north{width:100%; height:54px;background:#377b72; }
div.north img{margin-left:40px; float:left;}
div.north ul{margin-left:50px;float:left;}
div.north ul li{float:left; padding-left:15px; padding-top:16px;}
div.north a{color:#ffffff; font-size:14px; font-weight:bold;}
div.north a:hover, div.north a:active{color:#33abff;}
a.collection{padding-left:20px; background:url(../images/collection.png) no-repeat left center; float:right; margin-top:16px; margin-right:40px;}

div.center{background:#659a8d;}
div.center div.pic{height:220px;}
div.west{width:220px; /* height:534px;*/  background:#659a8d;float:left}
div.west img{margin-top:20px; margin-left:20px;}
div.west p , div.west table{margin-left:20px;}
div.west p{font-size:14px; color:#ffeeb7; font-weight:bold; margin-top:10px;}
/* div.west table td{width:100px;} */
/* div.west table a{padding-left:10px; background:url(../images/arrow.png) no-repeat left center;color:#ffffff; font-size:14px;line-height: 23px;} */
div.west .proCategory{margin-left:20px; display:inline-block; min-width:80px; }
div.west .proCategory a{padding-left:10px; background:url(../images/arrow.png) no-repeat left center;color:#ffffff; font-size:14px;line-height: 23px;}
div.links{margin-left:10px;margin-bottom: 12px;}
div.links a{display:block;margin-left:10px; margin-top:10px; float:left;}
div.links img{margin:0;}
div.east{width:780px; min-height:537px; background:url(../images/pbg.gif) repeat; float:right;}
div.con-tip{margin:15px 0px 4px 15px; width:766px;}
div#con-tip-first{margin:20px 0px 0px 15px; width:766px;}
div.detail{background:url(../images/detail_bg.png) no-repeat;width:134px; height:131px; float:left; margin-left:10px; margin-top:3px;}
div.detail a{display: block;text-align: center;margin-top:3px;}
#first{margin-left:20px;}
div.xw-list{width:370px; height:85px; float:left;}
div#xw-first{background:url(../images/fengefu.png) no-repeat right center;}
div.detail .detail-title{color:#838383; font-size:14px; margin:3px 3px; display:block;text-align: center;}
div.xw-list div{margin-top:6px;margin-left:20px;}
div.xw-list div a{font-size:14px; color:#838383; }
/* div.xw-list div a.link-first{margin-top:10px;} */
div.south{height:83px;width:100%;background:#377b72; text-align:center;}
div.down{padding-top:20px;}
div.south p{color:#ffffff; font-size:12px;}
div.xw-list a:hover, div.detail a:hover, div.news-list a:hover,div.west table a:hover{color:#33abff;}
/*div.news-list ul li{list-style: outside none none;}*/
div.news-list{/* height: 430px; */ margin-bottom:16px;}
div.news-list li{display: block;font-size:14px; color:#838383; line-height:24px; margin-left:15px;background: url('../images/list_nic.gif') no-repeat scroll left center transparent;padding-left: 15px;}
div.news-list li a{color:#000000; padding-right: 10px;}
div.page-nav{height: 27px; line-height: 27px;/* background-color: #D6DBD7;*/border: 1px solid #2E6649;width: 748px;
margin-left: 15px;}
.page-nav-sp{margin-left: 45px;}
.page-nav a:hover{color: #377B72;}
.green{color: #377B72;}
.productItem{height: 130px;padding: 10px 5px 0 5px;}
.productItemLeft{height: 130px;width: 130px;float: left;}
.productItemRight{width: 581px;height: 130px;padding:0 20px;float: right;}
.productItemName{height:20px;}
.productItemNameK{display:inline-block;width:50px;font-size:15px;font-weight:bold;}
.productItemNameV{display:inline-block;width:235px;}
.productItemComment{height:82px;padding-top: 8px;}
.productItemDetail{height:20px;padding-right:20px;}
.productItemCommentK{ width: 50px;float: left;}
.productItemCommentV{width: 531px;float: right;}
.productPicSmall{width:130px;height:130px;}
/*********************************product************************************/
.preview{width:400px; height:465px; /*margin:50px 0px 0px 150px;*/}
/* 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/left.png) no-repeat;}
.scrollbutton.smallImgDown , .scrollbutton.smallImgDown.disabled{background:url(../images/right.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;}

.productDetail{width:346px;height:465px;padding-left:10px;padding-right:10px;}
.productContent{margin:10px 20px 0 20px;}

/*********************************news************************************/
.title h1,h4{text-align:center;}
.title {padding-bottom: 5px;}
.pageContent {padding:8px 0; min-height:410px; border-width: 2px;border-bottom-style: solid;border-top-style: solid;border-color: #659a8d;}
.pageContent p{text-indent: 2em;}
.news-nav {padding:8px 5px 10px 5px;}
#con-news a:hover{color: #33abff;}
#con-news{padding:20px 13px 0px 13px; width:755px;}
/*********************************common************************************/
.clear{clear:both;}