@charset "utf-8";
/* CSS Document */
/**header**/
.header{ width:1000px; height:127px; margin:0 auto; background:url(../images/header-bg.jpg) no-repeat;}
.logo,.logo-r{ float:left; height:127px;}
.logo{ width:330px;}
.logo a img{ margin:28px 0 0 34px;}
.logo-r{ width:670px;}

.logo-top{ height:39px; line-height:39px; text-align:right; padding-right:30px; color:#999999;}
.logo-top a{ margin:0 8px; color:#999999;}
/* Nav
==========================================================*/
.nav {
width:564px;
height: 46px;
    position: relative;
	margin:19px auto 0 74px;
	background:url(../images/bg-nav.jpg) no-repeat;
}
.navinner {
}
.navlist {
    height: 46px;
}
.nav li {
    float: left;
	height:46px;
}
.nav a {
    display: block;
	height:46px;
	text-indent:-999em;
}
.nav a:link, .nav a:visited {
    color: #000;
}
.nav a.current, .nav a:hover, .nav a:active {
    color: #000;
    font-weight: bold;
}
.subnav {
    position: absolute;
    top: 41px;
    left: 0;
    float: left;
    height: 27px;
    line-height: 27px;
    white-space: nowrap;
}
* html .subnav {
    margin: 0 10px 0 -10px; /* IE 6 and below */
}
.subnav p {
    padding: 0 10px;
}
.subnav p span {
    display: block;
}
.subnav p.pointer {
    position: absolute;
    top: -4px;
    left: 0;
    height: 5px;
    width: 11px;
    padding: 0;
    margin-left: 20px;
    text-indent: -999em;
}
.subnav a {
    display: inline;
    padding: 0;
    font-size: 100%;
	text-indent:0;
}
[class~="subnav"] a {
    padding: 0 3px;
}
.subnav, .subnav a:link, .subnav a:visited {
    color: #666666;
}
.subnav a:hover, .subnav a:active {
    color: #0094e6;
}
.subnav a:hover, .subnav a:active {
    font-weight: normal;
    background: none;
}
/* subnav position and pointer position */
#subnav1 { left: -70px; }
#subnav2 { left: 150px; }
#subnav3 ,#subnav4, #subnav5{ 
    left: auto;
    right: 0px;
}
.nav a.n_1 {width:83px;}
.nav a.n_1:hover { background:url(../images/bg-nav.jpg) no-repeat 0 -46px;}
.nav a.n_2 {width:85px;}
.nav a.n_2:hover { background:url(../images/bg-nav.jpg) no-repeat -83px -46px;}
.nav a.n_3 {width:85px;}
.nav a.n_3:hover { background:url(../images/bg-nav.jpg) no-repeat -168px -46px;}
.nav a.n_4 {width:141px;}
.nav a.n_4:hover { background:url(../images/bg-nav.jpg) no-repeat -253px -46px;}
.nav a.n_5 {width:85px;}
.nav a.n_5:hover { background:url(../images/bg-nav.jpg) no-repeat -394px -46px;}
.nav a.n_6 {width:85px;}
.nav a.n_6:hover { background:url(../images/bg-nav.jpg) no-repeat -479px -46px;}
/* Note
==========================================================*/
.note {
    margin: 0 15px 10px;
	color:#666666;
}
.note span{
	float:right;
}
.disable {
    display: none;
}
-->
/**banner**/
.index-banner{ width:1000px; margin:0 auto 10px auto;}
#maina{margin:0 auto;height:378px;width:100%;position:relative;z-index:100;}
#maina .current{display:block}

.featured_item{height:378px;margin:0 auto;top:0;width:100%;overflow:hidden;display:none;}
.featured_item a{display:block;margin:0 auto;width:1000px;height:378px;overflow:visible;}
.b_1{background:url(../img-temp/banner-pic3.jpg) top center;}
.b_2{background:url(../img-temp/banner-pic2.jpg) top center;}
.b_3{background:url(../img-temp/banner-pic1.jpg) top center;}
#featured_bottom{margin:0 auto;position:absolute;width:100%;bottom:10px;z-index:200;zoom:1;overflow:hidden;}
.preview_images{margin:0 auto;width:1000px;overflow:hidden;}
.preview_images a{float:right;display:block;margin-right:17px; display:inline;width:63px;height:35px;overflow:hidden;}
.preview_images a img{width:61px;height:33px;border:solid 1px #f5f4f3;}
.preview_images .current_prev{background:#FFF;}
/**notice**/
.notice{ width:1000px; height:34px; margin:0 auto; background:url(../images/notice-bg.png) no-repeat;}
/**Scroll**/
#Scroll{ margin:0 auto; width:700px; margin-left:43px; display:inline; height:34px; line-height:34px; overflow:hidden; float:left;}
#Scroll A{ color:#646464; height:34px; line-height:34px;}
#Scroll A.s_end { PADDING-RIGHT: 0px; MARGIN-LEFT: 8px}
.notice-r{ float:right; margin-right:18px; display:inline; padding-top:9px;}
.tex{ width:163px; height:18px; color:#666666; background:url(../images/tex-bg.jpg) no-repeat; border:none; vertical-align:middle; float:left; text-indent:12px; line-height:18px;}
.butta{ width:18px; height:18px; border:none; float:left; vertical-align:middle; background:url(../images/button.jpg) no-repeat;}
/**index-content**/
.index-content{ width:1000px; margin:0 auto; margin-top:14px; color:#999999; overflow:hidden;}
.ind-cot-a{ width:233px; height:169px; float:left; margin:0 8px 0 9px; background:url(../images/main-bg-pic.jpg) no-repeat; display:inline;}
.ind-aa{ height:66px; width:205px; display:block; padding:14px 12px 0 16px;}
.ind-ab{ width:219px; height:36px; padding-left:14px; display:block;}
.ind-ac{ height:53px; line-height:19px; width:205px; display:block; padding:0 12px 0 16px;}
.ind-ad{ height:53px; width:205px; display:block; padding:0 0 0 10px;}
/**footer**/
.footer{ width:983px; margin:20px auto 0 auto; height:100px; background:url(../images/footer-bg.jpg); color:#999999;}
.footer-left{ float:left; height:59px; padding:20px 0 0 137px; line-height:20px;}
.footer-right{ float:right; padding-top:10px; width:300px;}
.footer-right ul{ width:100%;}
.footer-right ul li{ float:left;}
.footer-right ul li a{ width:67px; height:19px; display:block; text-align:center;}
.footer-right ul li a:hover{ background:#19abff; color:#FFF;}
/**content**/
.content{ width:1000px; margin:14px auto 0 auto; overflow:hidden;}
.left{ float:left; width:196px;}
.left-title{ width:196px; height:52px; background:url(../images/left-title.png) no-repeat;}
.left-title img{ margin:18px 0 0 25px; display:inline;}
.left-content{ width:196px; overflow:hidden;}
.left-content ul{}
.left-content ul li{ height:34px; width:196px; line-height:34px; background:url(../images/left-li-bg.png) no-repeat;}
.left-content ul li a{ color:#999999; text-indent:43px; height:34px; width:196px; display:block;}
.left-content ul li a:hover,.left-content ul li a.ah{ background:url(../images/left-hover-bg.png) no-repeat; color:#01a4fd; font-weight:bold;}
.left-call{ width:196px; height:169px; background:url(../images/left-call.png) no-repeat;}

.right{ float:right; width:786px; color:#999999;}
.right-title{ height:29px; width:786px; background:url(../images/right-bg.jpg) no-repeat; line-height:29px; padding-top:7px;}
.right-title b{ color:#ffffff; font-size:14px; text-indent:25px; display:block; float:left;}
.right-title span{ float:right; display:block;}
.right-title span a{ margin:0 9px;}
.right-content{ width:746px; padding:13px 20px 20px 20px; background:url(../images/right-content-bg.png) repeat-y;}
.r-c-all{ width:786px; overflow:hidden;}
.r-c-l,.r-c-r{ float:left; display:block;}
.r-c-l img{ margin-left:4px; display:block;}
.r-c-r{ width:420px; line-height:24px; text-indent:24px;}
.r-c{ width:786px; overflow:hidden; text-indent:28px;}
.r-c h5,.right-news h5{ color:#01a4fd; display:block; line-height:36px;}
.r-c p{ line-height:24px;}

.right-footer{ height:4px; width:786px; font-size:4px; background:url(../images/right-down-bg.png) no-repeat;}
/**right-news**/
.right-news{ width:756px; background:url(../images/right-content-bg.png) repeat-y; padding-top:30px; padding:30px 15px 0 15px; overflow:hidden; color:#666666;}
.right-news h5{ text-align:center;}
.right-news h6{ color:#848282; height:29px; line-height:29px; display:block; border-top:1px dashed #adadad; border-bottom:1px dashed #adadad; font-weight:normal; text-align:center; margin-bottom:10px;}
.right-news span{ line-height:24px; text-indent:24px; display:block;}
.r-n-d{ width:756px; background:url(../images/right-content-bg.png) repeat-y; padding-top:30px; padding:0 15px 0 15px; overflow:hidden; color:#666666; line-height:24px;}
.r-n-d span{ font-size:14px;}
.r-n-d b{ display:block; width:100%;}
/**news-list**/
.news-list{ width:756px; background:url(../images/right-content-bg.png) repeat-y; padding-top:30px; padding:30px 15px 0 15px; overflow:hidden; color:#666666;}
.news{ width:100%; border-bottom:1px dashed #999999; overflow:hidden;}
.new-l{ width:178px; float:left;}
.new-l img{ background:url(../images/right-list-bg.jpg) no-repeat; width:134px; height:100px; padding:18px 22px;}
.new-r{ width:570px; padding-top:24px; float:right;}
.new-r h5{ display:block; line-height:24px; color:#01a4fd;}
.new-r h5 a{ color:#01a4fd;}
.new-r span{ width:570px; display:block; color:#666666;}
.nel{ width:100%; text-align:right;}
.nel ul{ width:100%; overflow:hidden;}
.nel ul li{ line-height:29px; width:100%; border-bottom:1px dashed #999999; overflow:hidden; float:left;}
.nel ul li a{ float:left; overflow:hidden;}
.nel ul li img{ float:left; margin-left:16px; overflow:hidden;}
.nel ul li a.la{ color:#03a3fe;}
.nel ul li a.lb{ color:#666666; text-indent:6px;}
/**pagebar**/
.pagebar{ height:40px; padding-top:30px; padding-left:160px; color:#413d40;}
.pagebar span{ float:left; width:64px; height:22px; display:block; margin-right:8px;}
.sp-l{ background:url(../images/list-pag-1.jpg) no-repeat; text-indent:27px;}
.sp-r{ background:url(../images/list-pag-3.jpg) no-repeat; text-indent:10px;}
.sp-l a,.sp-r a{ color:#413d40;}
.pagebar ul{}
.pagebar ul li{ float:left; margin-right:8px; display:inline; height:22px; background:url(../images/list-pag-2.jpg) no-repeat; width:22px; text-align:center;}
.pagebar ul li a{ color:#413d40; width:22px; height:22px; display:block;}
.pagebar ul li a:hover{ color:#FFF; background:url(../images/list-ahover.jpg) no-repeat;}

/**product**/
.product{ width:778px; margin:0 auto; overflow:hidden; padding:0 4px; background:url(../images/right-content-bg.png) repeat-y;}

/**幻灯**/
.p-top{ width:778px; height:507px; background:url(../images/prd-bd.jpg) no-repeat; margin-top:28px;overflow:hidden;}
#CSSBox{float:left;height:100px; width:698px;  margin:0 auto; position:relative; overflow:hidden;}
#CSSBox div.Cssicons{position: absolute; float: left; width:auto;height:100px; width:6698px; }
#CSSContent{ float:left; height:100px; width:6698px; }
#CSSBox ul li{ float:left; list-style:none; width:129px; height:82px; margin:10px 5px 0 5px; display:inline;}
#CSSBox ul li img{  width:129px; height:82px; display:block;}
#LeftButton{cursor:hand; cursor:pointer; margin:5px 5px 0 24px;height:82px;width:15px;float:left;background:url(../images/bt-left.jpg) center center no-repeat; display:inline; overflow:hidden;}

#RightButton{cursor:hand; cursor:pointer; height:82px;width:15px; margin-top:5px; float:left;background:url(../images/bt-right.jpg) center center no-repeat; overflow:hidden;}

#wrapper{width:778px; overflow:hidden;}

#ProductShow{width:730px;text-align:center; margin:0 auto;}

.prd-d{ width:760px; padding:0 9px; margin:0 auto; padding-bottom:10px; text-indent:24px; line-height:24px; overflow:hidden; background:#FFF; display:none;}
/**word**/
.word{ width:778px; margin:0 auto; overflow:hidden; padding:0 4px; background:url(../images/right-content-bg.png) repeat-y;}
.word-a{ background:#f6f5f4; line-height:31px; color:#848282; width:764px; margin:10px auto 0 auto;}
.word-a span{ width:100%; display:block; border-bottom:2px solid #FFF; color:#848282; height:31px; vertical-align:middle; text-indent:17px; overflow:hidden; padding-top:5px;}
.tett{ width:136px; height:16px; line-height:16px; border:1px solid #c3bcb4; vertical-align:middle; margin-right:41px;}
.bt{ width:363px; height:16px; line-height:16px; border:1px solid #c3bcb4; vertical-align:middle;}
.word-b{ background:#f6f5f4; width:764px; margin:0 auto; padding-top:5px; overflow:hidden;}
.v-t-down-l,.v-t-down-r{ float:left;}
.v-t-down-l{ line-height:31px; text-indent:17px; color:#848282;}
.v-t-down-r{ width:656px;}
.v-t-down-r textarea{ min-height:95px;height:auto!important;_height:95px;overflow:visible;clear:both;zoom:1; width:100%; border:1px solid #c3bcb4; line-height:24px;}
.word-c{ background:#f6f5f4; width:704px; margin:0 auto; padding-top:12px; padding-left:60px; overflow:hidden;}
.butt,.sub{ margin:12px 0;}
.butt{ background:url(../images/but_tj.jpg) no-repeat; border:none; width:71px; height:22px;}
.sub{ background:url(../images/but_rs.jpg) no-repeat; border:none; width:73px; height:24px; margin-left:10px;}

.visit-content{ width:764px; margin:0 auto; background:#FFF;}
.visit-content p{ line-height:27px; color:#848282; width:100%; overflow:hidden; margin-top:24px; display:block; text-indent:12px;}
.visit-content p b{ float:right; display:block; font-weight:normal;}
.visit-content p span{ float:left;}
.visit-content p span a{ color:#01a4fd;}
.visit-content table{ width:100%; border-collapse:collapse; background:#f6f5f4;}
.visit-content table tr{ line-height:31px;}
.td-l{ width:90px; text-align:center; border-right:2px solid #FFF; color:#5b5a5a; border-bottom:2px solid #FFF;}
.td-m{ width:92px; text-align:center; color:#5b5a5a; border-bottom:2px solid #FFF;}
.td-r{ width:691px; padding-left:12px; color:#848282; border-bottom:2px solid #FFF;}
/**pagebar-b**/
.pagebar-b{ height:25px; width:100%; margin:13px 0;}
.pagebar-b ul{ margin-left:230px;}
.pagebar-b ul li{ float:left;}
.pagebar-b ul li a{ width:26px; height:25px; background:url(../images/button-bg.jpg) no-repeat; margin-right:6px; display:inline; overflow:hidden; float:left; line-height:25px; text-align:center; color:#717171;}
.pagebar-b ul li a:hover{ background:url(../images/button-hover-bg.jpg) no-repeat; color:#f2f2f2;}

.links{width:950px;border:3px solid #9dd0ee;height:105px;margin:30px auto 0px auto;background:url(../images/link-bg.jpg);padding:0px 12px;}
#demo2 img,#demo1 img{margin:0px 5px;height:75px}
#demo2,#demo1{margin-top:15px;}
.links .title{margin-left:8px;margin-top:-20px;font:20px/32px simsun,Arial,sans-serif,"Times New Roman";}
.links .title span{background-color:#b2e4ff;width:75px;position:relative;font-size:20px;color:#0a5a97;font-weight:bolder;}