﻿/*全站共用*/
body{ width:100%; height:auto ;margin:0 auto; padding:0; font-family:Verdana, Geneva, sans-serif; font-family:"微软雅黑" ; color:#333;}
img{ border:0; margin:0; padding:0}
form{ margin:0; padding:0}
ul,li{ margin:0; padding:0; list-style-type:none}
p{ margin:0; padding:0}
input{ margin:0; padding:0; vertical-align:middle ; outline:none }
select{ margin:0; padding:0; vertical-align:middle}

/*去虚框代码*/
a,area {blr:expression(this.onFocus=this.blur()) } /* for IE */
:focus { -moz-outline-style: none; } /* for Firefox */ 

/* Reset */
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 { -webkit-text-size-adjust:none;} 

html { height: 100%;}

body { -webkit-text-size-adjust: 100%; }


a:link {
	-webkit-tap-highlight-color: rgba(0,0,0,0);	
	-webkit-touch-callout: none; 
}

img {
	-webkit-touch-callout: none; 
}

input, textarea {
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

img, object { max-width: 100%;}

a{ color:#666; text-decoration:none}
a:hover{ color:#333}


/*头部*/
.boy{ width:100%; height:auto; margin:0 auto;}

.head{ width:96%; float:left; padding:5px 0; background:#fff; margin-left:2%}
.head-logo{ width:100%; float:left; font-size:0px; position:relative; z-index:9;}
.head-logo img{ margin:0; padding:0;}
.head-right{ width:30%; float:right; position:relative; z-index:99; top:0; font-size:14px; padding-top:12px; text-align:right;}
.head-right a{ margin:0 5px}

.dh{ width:100%; float:left}
.dh-ss{ width:80%; float:left; height:24px; background-color:#EB717E; position:relative; z-index:99; top:0; border-radius:100px; margin-top:8px; margin-left:10px;}

.dh-nr{ width:100%; float:left; padding-bottom:10px; padding-top:40px;}
.dh-nr a{ width:120px; float:left; font-size:14px; background:#E64D5E; border-radius:5px; color:#fff; text-align:center; line-height:26px; margin:10px 10px 0 20px;}
.dh-nr a:hover{ width:120px; float:left; font-size:14px; background:#E83B35; color:#fff;}



/*首页滚动*/
.banner{ width:100%; float:left}
.block_home_slider {
	position: relative;
	behavior: url(js/PIE.htc); /*半透明兼容*/
	text-align: center;
	line-height: 0px;
	margin-right: auto;
	margin-left: auto;
} 

.block_home_slider .slide {position:relative;}
.block_home_slider .flex-direction-nav a {width:25px; height:25px; margin-top:-18px; display:block; position:absolute; top:50%; background:url(../images/sprite_arrow_2.png) no-repeat; text-indent:-9000px;}
.block_home_slider .flex-direction-nav a.flex-prev {left:2px; background-position:left top;}
.block_home_slider .flex-direction-nav a.flex-prev:hover {background-position:left bottom;}
.block_home_slider .flex-direction-nav a.flex-next {right:2px; background-position:right top;}
.block_home_slider .flex-direction-nav a.flex-next:hover {background-position:right bottom;}
.block_home_slider .flex-control-paging { width:100%; float:left; text-align:center;margin-top:-20px; display:block; position:absolute;}
.block_home_slider .flex-control-paging li { width:auto; display:inline-block; overflow: hidden; text-align:center}
.block_home_slider .flex-control-paging li a {width:12px; height:12px; margin:0 2px; display:block; background:url(../images/.png) no-repeat; text-indent:-9000px; cursor:pointer;}
.block_home_slider .flex-control-paging li a.flex-active {background-position:right top;}
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
	list-style-type: none;
}
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}


/*首页内容*/
.z1-bt{ width:96%; float:left; background:#EDEDED; line-height:35px; border-left:10px solid #E54C5E; font-size:15px; margin-top:10px; margin-left:2%}
.z1-bt a{ font-size:12px; text-decoration:none; margin-right:10px;}
.z1-bt a:hover{ font-size:12px; text-decoration:underline}
.z1-nr{ width:100%; float:right}
.z1-nr ul li{ width:100%; float:left; font-size:12px; line-height:30px; background:url(../images/ico-n.jpg) 10px center no-repeat; padding-left:30px;}

.z2{ width:96%; float:left; margin-left:2%}

.z3-nr{ width:96%; float:left; line-height:22px; font-size:12px; padding:10px 1%; margin-left:1%}

.z4-cen{ width:96%; float:left; margin-top:10px; margin-left:2%}
.z4-cen-tp{ width:100%; float:left}
.z4-cen-tp img{ vertical-align:bottom}
.z4-cen-tp img:hover{opacity: 0.8;filter: alpha(opacity=80);}
.z4-cen-bt{ width:100%; float:left; color:#000; padding:5px 0; font-size:15px;}
.z4-cen-nr{ width:100%; float:left; color:#999; font-size:12px; line-height:20px;}

.z5{ width:96%; float:left; margin-top:10px; margin-left:2%}
.z5-left{ width:30%; height:; float:left}
.z5-right{ width:65%; float:left; font-size:12px; padding-left:10px; line-height:22px;}
.marquee_horizontal{overflow:hidden; width:96%; height:150px; float:left; margin-left:2%}
.marquee_horizontal ul li{ width:320px; float:left; height:320px; background:url(../images/mr_bj.jpg) no-repeat}

.z6{ width:96%; float:left; margin-top:10px; margin-left:2%}
.z6 ul li{ width:49%; line-height:30px; float:left; font-size:12px; text-align:center}
.z6 ul li img{ width:100%;height: 120px;vertical-align:bottom}
.z6 ul li img:hover{opacity: 0.8;filter: alpha(opacity=80);}

.bottom{ width:100%; float:left; font-size:12px; line-height:40px; border-top:1px solid #EDEDED; text-align:center; margin-top:10px;}


/*概况*/
.about-right-nr{ width:96%; height:auto; float:left; margin-top:10px; line-height:25px; margin-left:2%; font-size:12px;}

.news{ width:96%; height:auto; float:left; margin-left:2%; font-size:12px;}
.news ul{ width:100%; height:auto; float:left;}
.news ul li{ width:100%; height:50px; float:left; border-bottom:1px dotted #ccc; line-height:50px; background:url(../images/ico-n.jpg) left center no-repeat; padding-left:20px;}



/*文化视点*/
.whsd-tm{ width:96%; float:left; line-height:40px; margin-left:2%; font-size:12px;}
.whsd-bq{ width:96%; float:left; border:1px solid #E8E8E8; margin-left:2%;}
.whsd-bq-lb{ width:98%; float:left; border-bottom:1px dotted #E8E8E8; margin-left:1%; padding-bottom:10px; padding-top:10px;}
.whsd-bq-lb:last-child { border-bottom:none;}
.ziduan60{ width:15%; float:left; line-height:30px; font-size:12px; text-align:center}
.ziduan60a{ width:15%; float:left; line-height:18px; font-size:12px; text-align:center; padding-top:10px;}
.whsd-bq-wz{ width:85%; float:left; line-height:30px;}
.whsd-bq-wz a{float:left;}
.whsd-bq-wz a:hover{ width:105px; height:22px; float:left; background-color:#E64D5E; color:#fff}
.whsd-bq-wz-f{ width:94%; float:left; line-height:30px;  border:1px dashed #ccc; background-color:#F9F9F9; margin-left:5px;}
.whsd-bq-wz-f a{ width:auto;}
.whsd-bq-wz-f a:hover{ width:auto; height:22px; float:left;  background-color:#E64D5E; color:#fff;}
#whsd-ys{ width:105px; height:22px; float:left; background-color:#E64D5E; color:#fff}
#whsd-ys1{ width:auto; height:22px; float:left; padding:0 10px; background-color:#E64D5E; color:#fff}


.whsd-px{ width:96%; height:25px; float:left; border:1px solid #E8E8E8; border-left:none; margin-top:15px; background-color:#F9F9F9; margin-left:2%}
.whsd-px ul li{ width:32%; float:left; line-height:25px; text-align:center; border-left:1px solid #E8E8E8; font-size:12px;}
.whsd-px ul li a{ color:#666}
.whsd-px ul li a:hover{ color:#E54C5E; text-decoration:none}

.whsd-nr{ width:100%; height:auto; float:left;}
.whsd-nr-left{ width:96%; height:auto; float:left; margin-left:2%}

.whsd-xx{ width:96%; height:auto; float:left; margin-bottom:10px; margin-left:2%}
.whsd-xx-tp{ width:100%; height:auto; float:left}
.whsd-xx-nr{ width:100%; float:right}
.whsd-xx-nr ul li{ width:100%; float:left; line-height:22px; margin-top:10px; font-size:12px; margin-bottom:10px;}
.whsd-xx-nr ul li a{ color:#E54C5E}
.whsd-xx-nr ul li a:hover{ color:#E54C5E; text-decoration:underline}
.whsd-xx-nr-bt{ width:100%; height:auto; float:left; color:#000; padding-bottom:10px; font-size:16px;}
.whsd-xx-nr-wz{ width:100%; height:auto; float:left; color:#999;}

.more-h1{width:32%; height:35px; float:left}
.more-h1 a.btn{width:100%; height:35px; line-height:35px; display:block; background:#E64D5E; color:#fff; text-align:center; text-decoration:none; border-radius:3px;}
.more-h1 a.btn:hover{ background:#E83B35; text-decoration:none; color:#fff;}

.more-h2{width:32%; height:35px; float:left;}
.more-h2 a.btn{width:100%; height:35px; line-height:35px; display:block; background:#1199FF; color:#fff; text-align:center; text-decoration:none; border-radius:3px;}
.more-h2 a.btn:hover{ background:#0080DD; text-decoration:none; color:#fff;}

.more-h3{width:32%; height:35px; float:left; margin-left:2%;}
.more-h3 a.btn{width:100%; height:35px; line-height:35px; display:block; background:#00984D; color:#fff; text-align:center; text-decoration:none; border-radius:3px;}
.more-h3 a.btn:hover{ background:#017B18; text-decoration:none; color:#fff;}
.more-h3 img{ font-size:0px; vertical-align:bottom}
.ml20{ margin-left:2%}


.whsd-xxk{ width:100%; height:auto; float:left; text-align:center; margin-top:15px; background:url(../images/bj1_h.jpg);}
.whsd-xxk1{ width:20%; height:50px; float:left; background:url(../images/bj1.jpg) top center no-repeat; font-weight:bold; cursor:pointer; color:#fff;}
.whsd-xxk1 a{ width:100%; height:50px; font-weight:bold; cursor:pointer; color:#fff; font-size:12px; line-height:15px; text-align:center; padding:5px 0px 0 0; display:block}
.whsd-xxk11{ width:20%; height:50px; float:left; background:url(../images/bj1_h.jpg) top center no-repeat; font-weight:bold; cursor:pointer; color:#0870AF;}
.whsd-xxk11 a{ width:100%; height:50px; font-weight:bold; cursor:pointer; color:#000; font-size:12px; line-height:15px; text-align:center; padding:5px 0px 0 0; display:block}
.whsd-xxk-nr{ width:100%; height:auto; float:left; margin-top:15px; line-height:25px; font-size:12px;}

.whsd-zs{width:32%; height:33px; float:left; text-align:center; border:1px solid #E64D5E; line-height:33px; border-radius:3px; color:#E64D5E}

.whsd-pl{ width:100%; height:auto; float:left; border:1px solid #eee; margin-top:10px;}
.whsd-pl .bt{ width:100%; float:left;padding:5px 10px; color:#E64D5E; font-size:12px; font-family:"宋体"; line-height:20px;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #eeeeee));
} 

.whsd-pl .nr{ width:100%; height:auto; float:left; line-height:22px; padding:15px 10px; font-size:12px;}
.whsd-pl .nr1{ width:100%; height:auto; float:left; border-top:1px solid #eee; padding:0 10px;}


.zp{ width:100%; height:auto; float:left; border:1px dotted #dedede; padding:10px; margin-top:20px; float:left; font-size:12px;}
.zp ul li{ width:100%; float:left; line-height:30px;}
.ziduan80{ width:80px; float:left; text-align:right; margin-right:10px;}
.bd200{ width:100%; height:25px; line-height:25px; border:1px solid #dedede}
.bd400{ width:100%; height:100px; line-height:20px; border:1px solid #dedede;}






/*产品样式*/
.product{ width:96%; height:auto; float:left; margin-left:2%}
.product ul li{ width:100%; height:auto; float:left; margin-top:15px;}
.product ul li .wz{ width:100%; height:auto; float:left; font-size:12px; text-align:center; margin-top:10px;}

/*产品样式2排*/
.producta{ width:100%; height:auto; float:left;}
.producta ul li{ width:46%; height:auto; float:left; margin:15px 2% 0 2%;}
.producta ul li .wz{ width:100%; height:auto; float:left; font-size:12px; text-align:center; margin-top:10px;}
.producta img{ max-width: 100%;height: 160px;}



/*详细页*/
.product-nr{ width:100%; float:left;}
.product-nr-bt{ width:100%; float:left; text-align:center; font-size:14px; color:#000; font-family:"微软雅黑"; line-height:20px; padding:10px 0 20px 0}
.product-nr-fb{ width:100%; float:left; text-align:center; color:#999; background-color:#F2F2F2; margin-bottom:10px; height:30px; line-height:30px;}
.product-nr ul li{ width: 100%; float:left; line-height:25px; }
.product-nr ul li img{ max-width:100%;/*IE7以上及Firefox用*/ width: expression(this.width > 100% ? 100%: true); /*IE6用*/}
.product-fy{ width:100%; float:left; border-top:1px dashed #ccc; padding-top:10px; margin-top:10px; color:#999}
.product-fy ul li{ width:100%; float:left; line-height:25px;}
.product-fy ul li a{ color:#999;}
.product-fy ul li a:hover{ color:#000;}


/*名人名作*/
.mrmz{ width:100%; height:auto; float:left;}
.mrmz ul li{ width:100%; height:auto; float:left;}
.mrmz ul li .wz{ width:100%; height:auto; float:left; font-size:12px; text-align:center; margin-bottom:10px;}



/*会员登录*/
.login{ width:96%; height:auto; float:left; border:1px solid #ECECEC; margin-left:2%}

.login-nr-bt{ width:100%; height:auto; float:left; border-bottom:1px solid #ECECEC; font-size:14px; margin-bottom:10px; line-height:30px; color:#E64D5E}
.login-nr{ width:96%; height:auto; float:left; border:1px solid #ECECEC; font-size:12px; margin-left:2%; padding-bottom:20px;}
.login-nr ul li{ width:94%; height:auto; float:left; margin:10px 0 0 3%; line-height:22px;}
.bd300{ width:100%; height:28px; border:1px solid #D6D6D6; line-height:30px; color:#666; font-family:"微软雅黑"; background-color:#fff}
.bd120{ width:50px; height:28px; float:left; border:1px solid #D6D6D6; line-height:30px;  font-family:"微软雅黑"}

.more-h4{width:100%; height:35px; float:left}
.more-h4 a.btn{width:100%; height:35px; line-height:35px; display:block; background:#E64D5E; color:#fff; text-align:center; text-decoration:none; border-radius:3px;}
.more-h4 a.btn:hover{ background:#E83B35; text-decoration:none; color:#fff;}

.contact{ width:1080px; height:auto; float:left; border:1px solid #ECECEC;}
.contact1{ width:980px; float:left; margin-left:50px; line-height:30px; font-size:14px; padding:20px 0;}


/*会员中心*/
.vip{ width:800px; height:auto; float:left; border:1px dotted #dedede; padding:10px; margin-top:20px; float:left; font-size:14px;}
.vip ul li{ width:800px; float:left; line-height:30px; margin:10px 0;}
.ziduan120{ width:120px; float:left; text-align:right; margin-right:10px;}

.vip-nr{ width:100%; height:auto; float:left; margin-top:10px; line-height:22px; font-size:12px;}
.vip-nr img{ vertical-align:bottom}
.vip-nr-tp{ width:96%; height:auto; float:left; margin-left:2%}
.vip-nr-tp ul li{ width:100%; height:auto; float:left; margin-top:15px;}
.vip-nr-tp ul li .wz{ width:100%; height:auto; float:left; font-size:12px; text-align:left; margin-top:10px;}


.jy_hf{ width:820px; height:auto; float:left; border:1px solid #eee; margin-top:10px;}
.jy_hf .bt{ width:800px; height:28px; float:left;padding:0 10px; color:#E64D5E; font-size:12px; font-family:"宋体";
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #eeeeee)); /* Firefox */ 
} 
.jy_hf .nr{ width:800px; height:auto; float:left; line-height:22px; padding:15px 10px;}
.jy_hf .nr1{ width:800px; height:auto; float:left; border-top:1px solid #eee; padding:0 10px;}


/* modal */
.modal-backdrop{position:fixed; top:0; right:0; bottom:0; left:0; z-index:1040; background-color:#000; opacity:0.6; filter:alpha(opacity=60)}
.modal{position:fixed; z-index:1050; top:40%; width:70%; margin:0 auto; left:15%; right:15%; background-color:#fff; vertical-align:middle}

.close{ width:96%; text-align:right; float:left; cursor:pointer; color:#FF7D0D; font-size:20px; line-height:30px;}

#signup-modal,#login-modal,#forgetform,.modal{display:none; background:#fff; overflow:hidden;}
.nrrr{ width:90%; line-height:22px; float:left; font-size:12px; text-align:left; overflow:hidden; padding:10px 0 20px 10%}

.cont{ width:94%; height:auto; float:left; border:1px solid #ECECEC; margin-left:2%; font-size:12px; line-height:25px; padding:15px 1%}


.ml10{ margin-left:10px;}
.mr10{ margin-right:10px;}
.mt2{ margin-top:2px;}
.mt10{ margin-top:10px;}
.mr1{ margin-right:2%;}
.mr0{ margin-right:0}
.ml22{ margin-left:22px;}


.fl{ float:left}
.fr{ float:right}

.fen{ color:#E64D5E}
#fen{ color:#E64D5E}
.fz14{ font-size:14px;}


/*分页*/
.fenye{ width:100%; height:auto; float:left; text-align:center; margin:40px 0 20px 0; font-size:12px;}
.fenye a{ border:1px solid #D6D6D6; padding:2px 5px; margin-left:5px;}
.fenye a:hover{ border:1px solid #D6D6D6; padding:2px 5px; margin-left:5px;}
.fenye-bd{ width:50px; border:1px solid #D6D6D6; margin:0 5px; text-align:center; padding:2px 5px;}
.red{ color:#F00}


.whsd-pla{ width:96%; height:auto; float:left; border:1px solid #eee; margin-top:10px; margin-left:2%}
.whsd-pla .bt{ width:100%; float:left;padding:5px 10px; color:#E64D5E; font-size:12px; font-family:"宋体"; line-height:20px;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #eeeeee));
} 

.whsd-pla .nr{ width:100%; height:auto; float:left; line-height:22px; padding:15px 10px;}
.whsd-pla .nr1{ width:100%; height:auto; float:left; border-top:1px solid #eee; padding:0 10px;}
.zpa{ width:100%; height:auto; float:left; border:1px dotted #dedede; padding:10px; margin-top:40px; float:left; font-size:14px;}
.zpa ul li{ width:100%; float:left; line-height:30px; margin-top:10px;}

#LBTree a{margin: 5px;}

#TypeTree a{width:105px;}


.whsd-bq-wzdd{ width:85%; float:left; line-height:30px;}
.whsd-bq-wzdd a{ width:105px; height:22px; float:left; line-height:22px; border-radius:3px; margin:5px 9px; font-size:12px; text-align:center; background-color:#ededed;}
.whsd-bq-wzdd a:hover{ width:105px; height:22px; float:left; background-color:#E64D5E; color:#fff}

.uploadaa{ width:95%; background-color:#fff; border:0; color:#666; font-size:small; font-family:"微软雅黑";}

