/* CSS Document */

body{ font-size:12px; color:#373636; background:url(../image/bg.jpg) repeat-x #fff;}

a { color:#373636; font-size:12px; text-decoration:none; }

a:hover { color:#C80901; font-size:12px; text-decoration:none;}


.clear_cs{height:0px;font-size:0px; line-height:0px;clear:both;over-flow:hidden;}


/***************index css********************/

header{width:1000px; height:auto; margin:0 auto;}
.top{width:1000px; height:88px;}
.logo{width:520px; height:88px; float:left; display:inline;}
.top_right{width:180px; height:24px; line-height:24px; float:right; display:inline; margin:37px 0 0 0;}
.top_right > span{ padding:0 5px;}


.navgation{width:1000px; height:35px;}
nav{width:600px; height:35px; float:left; display:inline;}
.nav_list li{width:100px; height:35px; line-height:35px; text-align:center; float:left; display:inline;}
.nav_list li a{ color:#fff; font-size:14px;}
.search{width:193px; height:26px;float:right; display:inline; margin-top:4px; background:#06F;}

.btn{width:31px; height:26px; border:none; background:url(../image/btn.jpg) no-repeat; cursor:pointer; vertical-align:middle;}
.proTxt{width:162px; height:26px; line-height:26px; text-indent:5px; border:none; font-size:13px;font-family:"Microsoft Yahei";}


/*#flash{width:1000px; height:225px; margin:5px auto 0; position:relative;}
#flash:after{ content:''; width:870px; height:125px; background-color:#fff; box-shadow:10px 10px 23px 12px #b8b8b9; position:absolute; z-index:-1; right:60px; bottom:20px;
transform:skew(3deg) rotate(2deg); -webkit-transform:skew(3deg) rotate(2deg); -moz-transform:skew(3deg) rotate(2deg); -ms-transform:skew(3deg) rotate(2deg); -o-transform:skew(3deg) rotate(2deg);}

#slider {width:1000px;height:225px;position: relative;overflow: hidden;}
#slider li {position:absolute;top:0;left:0;}

.caption {opacity:0;}
.prev-link, .next-link {display:block;width:24px;height:24px;background-repeat:no-repeat;background-position:left top;position:absolute;bottom:10px;z-index:300;}
.prev-link {left:10px;background-image:url(../images/prev.png );}
.next-link {left:40px;background-image:url(../images/next.png );}
.circle {display:block;width: 16px;height: 16px;background:url(../images/circle-empty.png ) no-repeat left top;position:absolute;bottom:10px;z-index:300;}
.circle-current {background-image:url(../images/circle-full.png );}
*/

#box1{width:1000px; height:auto; margin:32px auto 0;}
.sy_about{width:600px; height:auto; float:left; display:inline;}
.sy_contact{width:400px; height:auto; float:right; display:inline;}
.sy_title{ height:32px; line-height:32px; font-size:14px; border-bottom:2px solid #cccccc; color:#000;}

.sy_abTitle{width:600px;}
.sy_abTxt{ height:150px; margin-top:10px;}

.sy_conTitle{ padding-left:70px; width:330px;}
.sy_conTxt{padding-left:70px; width:330px;margin-top:10px;height:150px; overflow:hidden;}

#box2{width:1000px; height:170px; margin:22px auto 0;}

.sy_proLeft, .sy_proRight{width:33px; height:33px; display:inline; cursor:pointer; background-repeat:no-repeat; margin-top:65px;}
.sy_proLeft{ background-image:url(../image/left.jpg); float:left; margin-right:30px;}
.sy_proRight{ background-image:url(../image/right.jpg); float:right; margin-left:30px;}

.sy_proCenter{width:825px; padding:0 22px; height:166px;border:2px solid #7f89a4; float:left; display:inline; border-radius:12px;}
.sy_proCenter2{width:825px;}
/*.sy_proUl li{}
.sy_proUl li a img{width:233px; height:138px;}*/
.sy_proImg{width:233px; height:138px; padding:4px;/* margin:8px 15px;*/ float:left; display:inline; border:2px solid #cccccc; box-shadow:0px 0px 4px #cccccc inset;}
.sy_proImg a img{width:233px; height:138px;}

footer{width:100%; height:auto; background:#eaeaea; margin: 30px auto 0;}
#foot{width:1000px; min-height:70px; margin:0 auto; padding:30px 0 0;}
.foot_td1 span{ padding:0 5px;}


/*********************neiye css *********************/


#center{width:1000px; height:auto; margin:32px auto 0;}
.ny_sider{width:231px; height:auto; float:left; display:inline;}
.left_category{}
.left_cateTitle{width:231px;height:30px; line-height:30px; background:#6b6b6b; color:#fff; font-size:14px; text-indent:5px;}
.left_cateTxt{ margin-top:5px;}

.left_contact{ margin-top:26px;}
.left_conTxt{ margin-top:8px;}

.producttype0 {width:231px; height:28px;text-indent:24px; margin-top:5px; border-bottom:1px dashed #6b6b6b; background:url(../image/dian1.jpg) no-repeat left center;}
.producttype0 a{line-height:28px; font-size:14px;}
.producttype0 a:hover {line-height:28px;}


.producttype1 {height:22px;text-indent:15px; background:url(../image/dian.jpg) no-repeat left center; margin-top:4px; margin-left:24px;}
.producttype1 a{font-weight:normal; line-height:22px;}
.producttype1 a:hover {font-weight:normal; line-height:22px;}

@font-face{
	src:url(../font/avgardn-webfont.ttf),
	url(../font/avgardn-webfont.eot);
		font-family:avgardn;}
.ny_container{width:725px; height:auto; float:right; display:inline;}
.ny_title{ height:26px; line-height:26px;border-bottom:4px solid #cccccc; color:#142f73; font-size:14px;}
.ny_title > span{font-family:avgardn; font-size:12px; color:#2b2a2a; padding-left:5px;}
.ny_txt{ padding:20px 0 0;}

.ny_proUl{width:760px;}
.ny_proUl li{width:222px; float:left; display:inline; margin:0 29px 20px 0px;}
.ny_proImg{width:220px; height:130px; border:1px solid #266590;}
.ny_proImg a img{width:220px; height:130px;}
.ny_proName{ height:30px; line-height:30px; text-align:center; overflow:hidden; margin-top:4px;}

.feedback_table tr td{ padding-bottom:10px;}
.text_input{width:220px; height:24px; line-height:24px; text-indent:5px;border:1px solid #cccccc;}

.text_btn{width:90px; height:36px; border:none; background:#ccc; cursor:pointer; margin-right:15px;}
.text_btn1{width:90px; height:36px; border:none; background:#ccc; cursor:pointer;}





/*分页*/
div.pager
{
text-align:center;
	margin:0 auto;
	padding-bottom:3px;
}
div.pager span
{
			margin-left:8px;
	margin-right:8px;
}
div.pager a
{
		margin-left:8px;
	margin-right:8px;
	text-decoration:none;
}





.banner1{width:100%;min-width:1000px; height:auto; margin:0 auto;}
.flexslider{position:relative;width:100%;/*height:450px;*/ min-height:208px; max-height:400px;overflow:hidden;zoom:1;}

.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1;}
.flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:block;
background:url(/templets/hairui/images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next{background-position:0 -90px;right:0;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.img img{width:100%;min-width:1000px; /*height:450px;*/}

.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center;}
.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{background:url(../image/dot.png) no-repeat 0 -16px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer;}
.flex-control-paging li a.flex-active{background-position:0 0;}