﻿@charset "utf-8";
/* CSS Document */
/**全局**/
*{ margin:0px; padding:0px;}
div,form,img,ul,ol,li,dl,dt,dd,map {padding:0;margin:0;border:0;}
h1,h2,h3,h4,h5,h6 {margin:0;padding:0; }
body{margin:0px; padding:0px; font:12px/1.6  tahoma, Arial, \5b8b\4f53; color:#333;}

img{ border:none;}
ul,li{list-style:none;}
.clear{ clear:both;}
a{color:#333;text-decoration:none;}
a:hover{text-decoration:none; color:#777;}
hr{ line-height:0px; font-size:0px; border:none; height:1px; width:100%; margin:5px 0px;}
div{margin:0px auto;}
.f_l{ float:left;}
.f_r{ float:right;}
input,select{ font-family:arial, Helvetica, sans-serif; padding:1px;}
.mt10{margin-top:17px;}
.hide{display:none;}
.red{color:#f00;}
.blue{color:#00f;}
.gray{color:#ccc;}
.noinfo{width:100%;float:left;padding:10px 0; text-align:center;}
.input_text{border:1px solid #ccc;}
.float_bg{background:url(../images/qq_3.gif) repeat-y left top;width:118px;padding:2px 0;float:left;}
.w960{width:1000px;margin:0 auto;}


/*all*/
#main{width:100%;float:left;padding:0px 0; margin-top:20px;}
#indexmain{width:100%;float:left;padding:0px 0; margin-top:25px;}
/*end*/

/**顶部**/
.w1000{width:1000px;}

#top{width:100%; height:102px;}
#head{width:100%;}
#logo{float:left; width:240px;padding:25px 0 0 0px;}
#logo img{width:70%;}
#head_right{float:right; width:758px;}

#favorite{float:right;line-height:32px;height:51px; padding-top:6px;}
#favorite ul{margin:0px;padding:0px;list-style-type:none;}
#favorite li{margin:0px;padding:0px;list-style-type:none; display:inline;}
#favorite li a{margin:0 4px;}
/*end*/

/*menu*/
#navigate{height:23px;float:right;line-height:23px;}
#navigate ul{margin:0px;padding:0 0px;list-style-type:none;}
#navigate li{margin:0px;padding:0px;list-style-type:none;float:left;width:118px;text-align:center;}
#navigate li a{font-size:14px;font-weight:bold; display:block;}
#navigate li a:hover{}
#navigate li a.current{color:#fff;background:url(../images/nav_selected.jpg) no-repeat center top;}
/*end*/

/*search*/
#search{float:right;padding:50px 0px 0 0;}
#search form{margin:0px;padding:0px;}
.skw{float:left;width:120px;padding:0 5px;line-height:20px;height:20px;border:1px solid #ccc;color:#666;}
.sub{width:61px;height:22px;line-height:22px;float:left;background:url(../imgs/search.gif) no-repeat left top;border:0px;cursor:pointer;color:#fff; float:left; text-indent:15px;}
/*end*/

/*flash*/
#banner{width:100%;float:left;height:94px;}
/*#flash{width:100%;float:left;/*background:url(../imgs/flash_bg.jpg) no-repeat left bottom;padding:0px 0 38px 0;}

#focus{width:1000px;height:288px;overflow:hidden;position:relative;}
#focus ul{height:1000px;position:absolute;}
#focus ul li{float:left;width:1000px;height:288px;overflow:hidden;position:relative;}
#focus ul li div{position:absolute;overflow:hidden;}
#focus ul li img{width:1000px;height:288px;}
#focus .btnBg{position:absolute;width:1000px;height:20px;left:0;bottom:0;}/*background:#000;数字背景*/
/*#focus .btn{position:absolute;width:1000px;height:10px;padding:5px 10px;right:0;bottom:0;text-align:right;}
#focus .btn span{display:inline-block;_display:inline;_zoom:1;width:25px;height:10px;_font-size:0;margin-left:5px;cursor:pointer;background:#fff;}
#focus .btn span.on{background:#fff;}
#focus .preNext{width:45px;height:100px;position:absolute;top:153px;background:url(../images/sprite.png) no-repeat 0 0;cursor:pointer; display:none;}
#focus .pre{left:0px;}
#focus .next{right:0px;background-position:right top;}*/
/*end*/


/*首页banner*/
#imageShow{clear:both;position:relative;}
#imageShow .imagebg{height:300px;overflow:hidden;position:relative;}
#imageShow .imagebg li{height:300px;overflow:hidden;position:absolute;top:0;left:0;width:100%;display:block;filter:alpha(opacity=0);opacity:0;}
#imageShow .imagebg li a.bannerbg_main{width:100%;position:absolute;top:0;right:0;height:300px;display:block;}
/*左右按钮*/
.s_pre, .s_next{display:block;width:46px;height:46px;position:absolute;top:176px;} /*176=(398-46)/2*/
a.s_pre{background: url(../images/scroll.png) no-repeat 15px 10px;left:10px;}
a.s_pre:hover{background:#0e73c3 url(../images/scroll.png) no-repeat -45px 10px;}
a.s_next{background:url(../images/scroll.png) no-repeat -105px 10px;right:10px;}
a.s_next:hover{background:#0e73c3 url(../images/scroll.png) no-repeat -165px 10px;}


/*用不到，但不能删除*/
.outScroll_pic{height:76px;margin-left:70px;overflow:hidden;position:relative;width:822px;top:2px; display:none;}
.outScroll_pic .scroll_pic{position:absolute}
.scroll_pic{margin:0 auto;width:40000px;height:76px;}
.scroll_pic li{float:left;float:left;height:65px;width:145px;margin:5px 9px;_margin:5px 14px 5px 4px;cursor:pointer;background:#000;}
.scroll_pic li img{filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}
.scroll_pic li:hover img,.scroll_pic li:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
.scroll_pic li.currently img{filter:alpha(opacity=100)!important;-moz-opacity:1!important;opacity:1!important;}
.scroll .current{width:144px;height:65px;border:2px #ff780d solid;background:url(../images/arrow_on.png) 50% -4px no-repeat;z-index:10;position:absolute;top:5px;left:0; display:none;}

/*end*/

/*#imgPlay {OVERFLOW: hidden; WIDTH: 1000px; ZOOM: 1; POSITION: relative; HEIGHT: 288px;}
#imgPlay .imgs IMG {width:1000px;}
#imgPlay .imgs LI {FLOAT: left; POSITION: relative}
#imgPlay .imgs {WIDTH: 5000px}
#imgPlay .num {DISPLAY: inline; padding-left:0px; POSITION: absolute; TOP:250px; HEIGHT: 19px;}
#imgPlay .num SPAN {DISPLAY: inline-block; BACKGROUND: url(../images/imgPlayer.png) no-repeat -19px -83px; MARGIN: 0px 2px; OVERFLOW: hidden; WIDTH: 14px; CURSOR: pointer; LINE-HEIGHT: 0; HEIGHT: 13px}
#imgPlay .num SPAN.on {BACKGROUND-POSITION: 1px -83px}
#imgPlay .num .lc {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(../images/lc.png) no-repeat; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 13px; PADDING-TOP: 3px; HEIGHT: 16px}
#imgPlay .num .mc {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(../images/lc.png) no-repeat; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 13px; PADDING-TOP: 3px; HEIGHT: 16px}
#imgPlay .num .rc {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(../images/lc.png) no-repeat; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 13px; PADDING-TOP: 3px; HEIGHT: 16px}
#imgPlay .num .mc {BACKGROUND: url(../images/mc.png) repeat-x}
#imgPlay .num .rc {BACKGROUND: url(../images/rc.png) no-repeat}
#imgPlay #numInner {PADDING-RIGHT: 0px;BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; PADDING-TOP: 3px; POSITION: absolute; TOP: 250px; TEXT-ALIGN: center;padding-left:0px;}*/


/*底部*/
#copyright{width:100%;float:left;text-align:left;padding:0px 0;/*background:#474748 url(../imgs/copyright.jpg) repeat-x left top;color:#999;*/line-height:23px;}
/*#copyright a{color:#999;}
#copyright a:hover{color:#fff;}*/
#copy_txt{text-align:center; margin-top:20px; border-top:1px solid #d5d5d5; padding-top:10px;}
#footnav{float:left;}
#footnav ul{margin:0px;padding:0px;list-style-type:none;}
#footnav li{margin:0px;padding:0px;list-style-type:none; display:inline;}
#footnav li a{margin:0 5px;}
/*end*/


/*home*/
.pro_bg{width:100%;float:left;background:#f5f5f5;border-bottom:1px solid #aaa;padding:15px 0;}
.pro_con{ position:relative;}

.home_left{width:195px;float:left; overflow:hidden;}
.home_right{width:195px;float:left;}
.home_list{width:100%;float:left;}

.home_middle{float:left; width:610px;}
.home_middlecon{width:530px;}

.home_top{width:100%;height:29px;line-height:29px;float:left;}
.home_top h3{font-size:18px;float:left;color:#0f75bc; padding:0 5px 0 0;}
.home_con{width:100%;padding:4px 0 0 0;float:left;line-height:180%;overflow-x:hidden;}

.home_height{height:110px; overflow:hidden;}
.home_more{text-align:right; height:25px; line-height:25px;}

.news_top{width:100%;float:left;border-bottom:1px dotted #ccc;padding:0 0 10px 0;}
.news_img{float:left;width:100%;}
.news_img img{width:300px;}
.news_right{width:100%;float:left;}
.news_title{font-weight:bold;width:100%;height:24px;line-height:24px; overflow:hidden;}
.news_des{width:100%;line-height:20px; overflow:hidden;}

.news_list{width:100%;float:left;}
.news_list ul{margin:0px;padding:0px;list-style-type:none;}
.news_list li{margin:0px;padding:0 0 0 10px;list-style-type:none;background:url(../images/regico.jpg) no-repeat left center;line-height:28px;}

#LeftButton {width:24px;height:42px; display: block; background: url(../images/left.png) no-repeat 0px 0px; position:absolute;left:-34px; top:55px;}
#RightButton {width:24px;height:42px; display: block; background: url(../images/right.png) no-repeat 0px 0px;position:absolute;left:970px; top:55px;}
#MarqueeDiv {width:630px; float: left; height:152px; margin-left: 0px; overflow: hidden;border:1px solid #ff0000;}
#MarqueeDiv img {margin-right:14px; height:150px; width:150px; border:1px solid #dcdcdc;}
/*end*/


/*left*/
#left {width:180px;float:left; overflow:hidden;}
.left_list{width:180px;float:left;}
.left_con{width:165px;float:left;line-height:200%;}

/*.type_list{width:100%;float:left;}
.type_list ul{margin:0px;padding:0px;list-style-type:none;}
.type_list li{margin:0px;padding:0px;list-style-type:none;height:40px;line-height:40px;overflow:hidden; text-align:center;}
.type_list li.second_cat{background:none;}
.type_list li a{display:block;}
.type_list li a:hover{}
.type_list li.second_cat a{font-size:12px;font-weight:normal;}
.type_list li.second_cat a:hover{background:none; }*/

.type_list{width:100%;float:left;}
.type_list ul{margin:0px;padding:0px;list-style-type:none;}
.type_list li{margin:0px;padding:0px;list-style-type:none;height:26px;line-height:26px;overflow:hidden; }
.type_list li.second_cat{background:none;}
.type_list li a{display:block; background:url(../images/blueico.jpg) no-repeat 16px 5px;padding-left:42px;}
.type_list li a:hover{}
.type_list li.second_cat a{font-size:12px;font-weight:normal;}
.type_list li.second_cat a:hover{background:none; }


#lsed{ background:url(../images/p_selected.jpg) no-repeat center ;color:#fff; font-weight:bold;}

.pro_type_list{width:100%;float:left;}
.pro_type_list ul{margin:0px;padding:0px;list-style-type:none;}
.pro_type_list li{margin:0px;padding:0px;list-style-type:none;height:26px;line-height:26px;overflow:hidden; }
.pro_type_list li.second_cat{background:none;}
.pro_type_list li a{display:block; background:url(../images/blueico.jpg) no-repeat 16px 5px;padding-left:42px;}
.pro_type_list li a:hover{}
.pro_type_list li.second_cat a{font-size:12px;font-weight:normal;}
.pro_type_list li.second_cat a:hover{background:none; }

#pro_lsed{ background:url(../images/p_selected.jpg) no-repeat center ;color:#fff; font-weight:bold;}

.procatetitle{background:url(../images/left_selected.jpg) no-repeat center ;color:#fff; font-weight:bold; text-align:center; height:40px; line-height:40px;}


/*end*/

/*right*/
#right{width:780px;float:right;}
#right_top{background:url(../images/map.jpg) 0px 13px no-repeat; padding-left:20px; border-bottom:1px dotted #999; line-height:40px; height:40px;}
#right_top h3{font-size:18px;float:left;color:#0f75bc; }
#right_top h3 a{color:#0f75bc;}
#right_top span{}
#right_con{width:100%;float:left;padding:20px 0;line-height:200%;overflow-x:hidden;
min-height:300px; 
height:auto !important; 
height:300px; 
}
#right_btn{width:100%;height:5px;float:left;background:url(../imgs/btn_720.jpg) no-repeat left top; overflow:hidden;}
/*end*/

/*demo*/
#demo {overflow:hidden;width:900px;height:145px;margin:35px 0 0 10px;float:left; display:inline;}
#cdemo {overflow:hidden;width:900px;}
#demo img {}
#indemo {float: left;width: 800%;}
#demo1 {float: left;}
#demo2 {float: left;}
/*end*/
	
/*link*/
.friendlink{padding-top:12px;}
.friendlink li{float:left;width:242px;}
.friendlink li.txt1{padding:3px 0px 3px 24px;background:url(images/dot.gif) no-repeat 10px center;}
.friendlink li.pic1{padding:3px 0 3px 8px;}
.friendlink li.pic1 img{width:240px;height:65px;}

.link{width:100%;float:left;}
.link_img{width:100%;float:left;text-align:center;}
.link_img ul{margin:0px;padding:0px;list-style-type:none;}
.link_img li{margin:0px;padding:0 10px;list-style-type:none; display:inline;}
.link_img li img{height:30px;}

.link_txt{width:100%;float:left; text-align:center;}
.link_txt ul{margin:0px;padding:0px;list-style-type:none;}
.link_txt li{margin:0px;padding:0 5px;list-style-type:none; display:inline;line-height:30px;}
/*end*/
	 
/*news*/
.articleList{width:100%;float:left;}
.articleList ul{margin:0px;padding:0px;list-style-type:none;}
.articleList li{margin:0px;padding:0 0 0 15px;list-style-type:none;border-bottom:1px dotted #d5d5d5;background:url(../images/icon_2.jpg) no-repeat left center;line-height:30px;}
.time{color:#959595; float:right;}
.articleTitle{ font-weight:bold; font-size:18px; text-align:center;}
.articleAuthor{text-align:right; padding:7px 0px;border-bottom:1px dotted #d5d5d5;}
.articleauthor span{ margin:0px 6px; font-size:9pt;}
.articleInfo{width:100%;padding:10px 0; border-bottom:1px dotted #d5d5d5;}
.pageUpDown{padding-top:10px;text-align: left;}
/*end*/

/*Product*/
.prohidden{width:780px; overflow:hidden;}
.productList{width:800px;float:left; overflow:hidden;}
.productList ul{margin:0px;padding:0px;list-style-type:none;}
.productList li{margin:5px 0px;padding:0px;list-style-type:none;text-align:center;float:left;width:180px;height:200px;display:inline;line-height:25px; overflow:hidden; margin-right:20px;}
.productList li img{width:175px;height:175px; border:1px solid #ccc;}
.productList li p{display:block; text-align:center; height:30px; line-height:30px; padding-top:4px; overflow:hidden;}

.productTitle{line-height:28px;font-weight:bold;}
.productImg{width:350px;text-align:center;float:left;}
.productImg img{width:350px;border:1px solid #ccc;}
.productRight{width:410px;float:right;}
.title{width:100%;float:left;margin:10px 0 0 0;border-bottom:1px dotted #ccc;line-height:25px;}
.title span{font-size:12px;font-weight:bold;}
.productDesc{ line-height:200%;padding:10px 0;width:100%;float:left;}
/*end*/

/*page*/
.pages{ font-size:12px;text-align:center; padding:10px 0px 10px 0px;}
.pages a{font-size:12px;padding:2px 5px;border:1px solid #ccc;margin:0 2px;}
.pages a:hover{background:#eee;}
.pages a.page_now{background:#eee;color:#f00;}
.pages select{ vertical-align:middle; font-size:8pt; padding:0px; }
.pages b{ font-weight:normal;}
/*end*/


/*login*/
.img-scroll{position:relative; margin:0px auto;height:185px; overflow:hidden;}
.img-scroll .prev{position:absolute;left:5px;width:33px; height:33px;top:63px;background:url(../imgs/scroll_left.jpg) no-repeat right center; cursor:pointer;}
.img-scroll .next{position:absolute; right:5px;width:33px; height:33px; top:63px; background:url(../imgs/scroll_right.jpg) no-repeat left center; cursor:pointer;}
.img-list {position:relative; width:894px; height:185px;overflow:hidden;}
.img-list ul {margin:0px;padding:0px;list-style-type:none;width:9999px;height:185px;}
.img-list li {margin:0px;padding:0 31px 0 0;list-style-type:none;float:left;width:154px;height:185px;display:inline;line-height:25px; text-align:center;}
.img-list li img{width:152px; height:152px;border:1px solid #ccc;}

/*scroll*/
#ProScroll{overflow:hidden;}



.jcarousel-skin-tango .jcarousel-container {/*-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;  background: #F0F6F9; border: 1px solid #346F97;*/}
.jcarousel-skin-tango .jcarousel-direction-rtl {direction: rtl;}
.jcarousel-skin-tango .jcarousel-container-horizontal {width: 460px;padding: 0px 35px;}
.jcarousel-skin-tango .jcarousel-container-vertical {width: 75px;height: 245px;padding: 40px 20px;}
.jcarousel-skin-tango .jcarousel-clip {overflow: hidden;}
.jcarousel-skin-tango .jcarousel-clip-horizontal {width:458px; height: 110px;}
.jcarousel-skin-tango .jcarousel-clip-vertical {width: 75px;  height: 245px;}

.jcarousel-skin-tango .jcarousel-item {width: 108px; height: 110px;}
.jcarousel-skin-tango img{width:100px; padding-top:5px;}
.jcarousel-skin-tango .jcarousel-item-horizontal {margin-left: 0; margin-right: 7px;}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {/*margin-left: 8px;*/ margin-right: 0;}
.jcarousel-skin-tango .jcarousel-item-vertical {margin-bottom: 10px;}
.jcarousel-skin-tango .jcarousel-item-placeholder {background: #fff;color: #000;}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {position: absolute; top: 45px; right: 5px; width: 20px;height: 40px; cursor: pointer; background: transparent url(../images/next-horizontal.png) no-repeat 0 0;}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal { left: 5px; right: auto; background-image: url(../images/prev-horizontal.png);}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-horizontal:focus { background-position: -32px 0;}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {background-position: -64px 0;}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 45px;
    left: 5px;
    width: 20px;
    height: 40px;
    cursor: pointer;
    background: transparent url(../images/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(../images/next-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, 
.jcarousel-skin-tango .jcarousel-prev-horizontal:focus {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-vertical:focus {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-vertical:focus {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

#mycarousel li{float:left;}