/* CSS Document */

/*public css*/
*{ margin:0px; padding:0px;}
body{ font-size:12px; font-family:Arial,Helvetica,sans-serif; color:#666666; background:#FFF; overFlow-x:hidden;}
ul li{ margin:0px; padding:0px; list-style-type:none;}
form,ul,li,table,td,p,span,h1,h2,h3,h4,h5,img,dl,dt,dd{ margin:0px; padding:0px;}
img{ border:none;}
.dispblock{ display:block;}
.dispnone{ display:none;}
.float_l{ float:left}
.float_r{ float:right}
.clear_both{clear:both;}
.hand{ cursor:pointer;}
.en_ft{ font-family:Arial;}
.ft_red{ color:#FF0000;}
.ft_bai{ color:#FFF;}
.txt_cent{ text-align:center;}
.Word_Break{ word-break:break-all; overflow:hidden; TABLE-LAYOUT:fixed; WORD-WRAP:break-word;}
a{ color:#666666; text-decoration:none;}
a:hover,a:active{ color:#0054af; text-decoration:none;}
a.red,a.red:hover,a.red:active{ color:#da251d; text-decoration:none;}


/*index*/
.top_box{ width:100%; height:145px; background:url(../images/index_02.jpg) repeat-x;}
.top{ width:980px; height:35px; margin:0px auto;}
.top_lt{ float:left; width:600px; font-size:16px; color:#999999; line-height:32px;}
.top_lt_ft1{ color:#666;}
.top_lt_ft2{ color:#da251d;}
.top_rt{ float:right; width:315px; font-size:14px;}
.top_rt p{ float:left; line-height:32px;}
.top_rt ul{ float:left; margin-top:5px;}
.top_bd{ border:1px solid #CCCCCC; width:168px; height:23px;}
.top_bd li{ float:left}
.top_bd li img{ cursor:pointer;}
.top_txt{ border:0px; width:130px; height:23px; line-height:23px; padding:0 8px; color:#666;}
.menu{ clear:both; width:980px; height:110px; margin:0px auto;}
.menu_lt{ float:left; width:95px; padding:8px 0 0 21px;}
.menu_rt{ float:right; width:864px;}
.menu_rt li{ float:left; width:129px; padding-left:11px; background:url(../images/index_11.jpg) top right no-repeat;}
.menu_rt li.none{ background:none;}
.menu_rt li a{ display:block; width:115px; height:65px; padding:45px 0 0 0; text-align:center; font-size:14px; font-weight:bold;}
.menu_rt li a:hover,.menu_rt li a:active{ color:#FFF; background:url(../images/index_09.jpg) no-repeat;}
.menu_rt li a p{ color:#cccccc; font-size:12px; font-family:Arial; padding-top:3px;}
.menu_rt li a:hover p,.menu_rt li a:active p{ color:#3d78b8;}
.menu_rt li a.cur,.menu_rt li a.cur:hover,.menu_rt li a.cur:active{ color:#FFF; background:url(../images/index_09.jpg) no-repeat;}
.menu_rt li a.cur  p,.menu_rt li a.cur:hover p,.menu_rt li a.cur:active p{ color:#3d78b8;}
.ban_box{ clear:both; width:100%; height:450px;}
.ban_box_img{ background:url(../images/ban_1.jpg) top center no-repeat;}
.in_tit1{ width:980px; height:86px; margin:0px auto;}
.in_tit1 .lt{ float:left; width:170px; padding-top:34px;}
.in_tit1 .rt{ float:right; width:120px; height:30px; margin-top:27px; line-height:30px; text-align:center; font-size:14px; font-weight:bold; background:#0067C1}
.in_tit1 .rt a{ color:#FFF; }
.in_tit1 .rt a:hover,.in_tit1 .rt a:active{ color:#FFF; text-decoration:underline;}
.in_cont1{ clear:both; width:980px; margin:0px auto; overflow:auto; padding-bottom:60px;}
.in_cont1 .lt{ float:left; width:276px;}
/* mainbanner */
.mainbanner{ width:276px; height:240px;overflow:hidden; position:relative; margin:0px auto;}
.mainbanner_window{ width:276px;height:184px;overflow:hidden;position:absolute;left:0px; top:0px;}
.mainbanner_window ul{width:999999px;height:184px;position:relative;}
.mainbanner_window li{width:276px;height:184px;text-align:center;float:left;display:inline; position:relative;}
.mainbanner_window .mb{ position:absolute; left:0px; bottom:0px; width:276px; height:47px; text-align:center; line-height:47px; background:url(../images/index_25.png) repeat;}
.mainbanner_window a{ color:#cccccc}
.mainbanner_list{ width:276px; height:11px; position:absolute; top:205px; left:95px;}
.mainbanner_list li{width:11px;height:11px; margin-right:4px;overflow:hidden;float:left;display:inline;}
.mainbanner_list a{width:11px;height:11px;float:left;display:inline-block; background:url(../images/index_36.jpg) no-repeat;}
.mainbanner_list li.active a{ background:url(../images/index_34.jpg) no-repeat;}
.in_cont1 .rt{ float:right; width:680px;}
.in_cont1 .rt ul{ float:left; width:340px; height:258px; background:url(../images/index_30.jpg) left center no-repeat;}
.in_cont1 .rt li{ width:270px; height:85px; border-bottom:1px dashed #CCCCCC; padding:0 0 0 16px; margin:0px auto; background:url(../images/index_27.jpg) 0px 17px no-repeat;}
.in_cont1 .rt li.none{ border-bottom:0px;}
.in_cont1 .rt li .tit{ font-weight:bold; height:39px; line-height:39px; font-size:16px;}
.in_cont1 .rt li .cont{ color:#999999; line-height:18px;}
.in_cont2{ width:100%; height:475px; background:#EEEEEE;}
.in_cont2 .tit{ height:24px; padding-top:56px; text-align:center;}
.ctg{ float:left; padding-top:35px; height:16px; position:relative; left:50%;}
.ctg ul{ float:left; position:relative; left:-50%;}
.ctg li{ float:left; width:137px; height:16px; line-height:16px; border-right:1px solid #999999; text-align:center;}
.ctg li.none{ border-right:0px;}
.ctg li a{ color:#999; }
.ctg li a:hover,.ctg li a:active{ color:#666; font-weight:bold;}
.ctg li a.cur,.ctg li a.cur:hover,.ctg li a.cur:active{ color:#666; font-weight:bold;}
.pro{ width:990px; margin:0px auto; padding-top:47px; clear:both; position:relative;}
/* scroll */
.boxprev{ position:absolute; top:102px; left:-50px; width:40px; height:80px;}
.boxnext{ position:absolute; top:102px; right:-50px; width:40px; height:80px;}
.prev{ width:40px; height:80px; display:block; background:url(../images/btm_lt.jpg) no-repeat;}
.next{ width:40px; height:80px; display:block; background:url(../images/btm_rt.jpg) no-repeat;}
.prev:hover{ background:url(../images/btm_lt_1.jpg) no-repeat;}
.next:hover{ background:url(../images/btm_rt_1.jpg) no-repeat;}
.jCarouselLite { float:left; visibility:visible; position:relative; z-index: 2; left:0px; width:990px;height:275px;overflow:hidden;/*±ØÒªÔªËØ*/}
.jCarouselLite ul{ position:relative; z-index: 1; width:2430px; left:0px;}
.jCarouselLite ul li{ float:left; overflow: hidden; width:240px; height:210px; text-align:center; padding-right:10px;}
.jCarouselLite ul li a{ border:1px solid #CCCCCC; display:block; width:238px; height:208px; color:#FFF;}
.jCarouselLite ul li a:hover{ border:1px solid #0067C1; color:#FFF;}
.jCarouselLite ul li a div{ height:40px; line-height:40px; font-size:14px; background:#999}
.jCarouselLite ul li a:hover div{ background:#0067C1}
.in_tit3{ width:980px; height:130px; margin:0px auto; text-align:center; background:url(../images/index_54.jpg) bottom center no-repeat;}
.in_tit3 .tit{ padding-top:33px;}
.ctg_3{ padding-top:20px;}
.in_cont3{ clear:both; width:1000px; height:225px; margin:0px auto; padding:25px 0;}
.in_cont3 .lt{ float:left; width:425px; text-align:right}
.in_cont3 .rt{ float:right; width:470px; padding:0 70px 0 0;}
.in_cont3 .rt .cmp{ font-size:24px; color:#de4133; font-weight:bold; padding-top:5px;}
.in_cont3 .rt .info{ line-height:24px; color:#999; padding:20px 0;}
.in_cont3 .rt .more{ width:120px; height:30px; text-align:center; line-height:30px; font-weight:bold; background:#0067C1;}
.in_cont3 .rt .more a{ color:#FFF; }
.in_cont3 .rt .more a:hover,.in_cont3 .rt .more a:active{ color:#FFF; text-decoration:underline}
.in_btm_box{ width:100%; padding:30px 0; background:#343434;}
.in_btm{ width:1000px; margin:0px auto; overflow:auto;}
.in_btm_1{ float:left; width:101px; height:200px; padding:0 0 0 13px; border-right:1px solid #444444; position:relative;}
.in_btm_tit{ width:101px; font-size:14px; border-right:1px solid #666666; position:absolute; left:13px; top:0px;}
.in_btm_tit a{ color:#666666;}
.in_btm_tit a:hover,.in_btm_tit a:active{ color:#ccc;}
.in_btm_2{ float:left; width:103px; height:200px; padding:0 0 0 36px; border-right:1px solid #444444; position:relative;}
.in_btm_tit_2{ width:103px; left:36px;}
.in_btm ul{ padding-top:30px;}
.in_btm li{ line-height:16px; padding-bottom:8px; font-size:12px;}
.in_btm li a{ color:#555;}
.in_btm li a:hover,.in_btm li a:active{ color:#ccc;}
.in_btm_4{ float:left; width:100px; height:200px; padding:0 0 0 29px; border-right:1px solid #444444; position:relative;}
.in_btm_tit_4{ width:100px; left:29px;}
.in_btm_5{ float:left; width:129px; height:200px; padding:0 0 0 30px; border-right:1px solid #444444; position:relative;}
.in_btm_tit_5{ width:129px; left:30px;}
.in_btm_6{ float:left; width:280px; padding:0 0 0 30px; color:#999;}
.in_btm_tit_6{ font-size:16px; height:35px;}
.in_btm_tit_6 a{ color:#666666;}
.in_btm_tit_6 a:hover,.in_btm_tit_6 a:active{ color:#ccc;}
.in_btm_info_6{ line-height:18px;}
.in_btm_info_6 a{ color:#999;}
.in_btm_info_6 a:hover,.in_btm_info_6 a:active{ color:#ccc;}
.cpy{ clear:both; width:980px; padding:10px 0; margin:0px auto; color:#999; font-size:12px;}
.cpy .lt{ float:left; width:700px;}
.cpy .lt span{ color:#0067c1;}
.cpy .rt{ float:right; text-align:right; width:200px;}
.cpy .rt span{ color:#555;}


/*products*/
.pro_ban{ width:100%; height:300px; background:url(../images/products_02.jpg) top center no-repeat;}
.pro_mbx_box{ width:100%; height:52px; background:url(../images/products_04.jpg) repeat-x;}
.pro_mbx{ width:975px; margin:0px auto; line-height:52px; padding:0 0 0 15px; font-size:14px; color:#999;}
.pro_mbx .ft1{ font-size:16px; font-weight:bold; color:#666;}
.pro_mbx .ft2{ color:#444;}
.pro_mbx a{ color:#999;}
.pro_mbx a:hover,.pro_mbx a:active{ color:#0054af;}
.pro_cont_box{ clear:both; width:100%; background:#EEEEEE; overflow:auto;}
.pro_cont_box .tit{ width:990px; margin:0px auto; height:98px; background:url(../images/products_08.jpg) bottom center no-repeat; text-align:center; font-weight:bold; line-height:80px; font-size:24px; color:#0054af}
.pro_cont_box .tit span{ color:#666666; font-family:Arial}
.pro_cont{ clear:both; width:990px; margin:0px auto; overflow:auto; padding:50px 0;}
.pro_ul li{ float:left; overflow: hidden; width:240px; height:240px; text-align:center; padding-right:10px;}
.pro_ul li.none{ padding-right:0px;}
.pro_ul li img{ width:238px; height:168px;}
.pro_ul li a{ border:1px solid #CCCCCC; display:block; width:238px; height:208px; color:#FFF;}
.pro_ul li a:hover{ border:1px solid #0067C1; color:#FFF;}
.pro_ul li a div{ height:40px; line-height:40px; font-size:14px; background:#999}
.pro_ul li a:hover div{ background:#0067C1}

.pro_ctg{ float:left; padding-top:5px; position:relative; left:50%;}
.pro_ctg_ul{ float:left; position:relative; left:-50%;}
.pro_ctg_li{ float:left; width:137px; height:16px; line-height:16px; border-right:1px solid #999999; text-align:center;}
.pro_ctg_none{ border-right:0px;}
.pro_ctg_li a{ color:#999; }
.pro_ctg_li a:hover,.pro_ctg_li a:active{ color:#666; font-weight:bold;}
.pro_ctg_li a.cur,.pro_ctg_li a.cur:hover,.pro_ctg_li a.cur:active{ color:#666; font-weight:bold;}
.pro_ctg_li ul{ position:absolute; left:0px; top:25px;}
.pro_ctg_li ul li{ float:left; padding:0 10px; height:16px; line-height:16px; border-right:1px solid #999999; text-align:center;}


/*about*/
.ab_cont{ clear:both; width:990px; margin:0px auto; overflow:auto; padding:50px 0; line-height:26px;}


/*honor*/
.hor_ul{ padding-left:25px;}
.hor_ul li{ float:left; overflow: hidden; width:200px; height:290px; text-align:center; padding-right:50px;}
.hor_ul li.none{ padding-right:0px;}
.hor_ul li img{ width:198px; height:228px;}
.hor_ul li a{ border:1px solid #CCCCCC; display:block; width:198px; height:258px; color:#FFF;}
.hor_ul li a:hover{ border:1px solid #0067C1; color:#FFF;}
.hor_ul li a div{ height:30px; line-height:30px; font-size:14px; background:#999}
.hor_ul li a:hover div{ background:#0067C1}
/*honorShow*/
.hon_tit{ font-size:16px; font-weight:bold; text-align:center; padding-bottom:5px;}
.hon_img{ text-align:center; padding-top:20px;}
.hon_np{ clear:both; line-height:22px; padding-top:10px;}

/*productShow*/
.pros_img{ text-align:center;}

/*news*/
.ns_ul li{ float:left; width:100%; height:100px; overflow:hidden; padding:20px 0; border-bottom:1px dashed #CCCCCC;}
.ns_ul li .lt{ float:left; width:150px; height:92px; padding:8px 0 0 0; text-align:center;}
.ns_ul li .lt img{ border:2px solid #CCCCCC;}
.ns_ul li .ct{ float:left; width:650px; height:88px; padding:12px 0 0 20px; line-height:24px;}
.ns_ul li .ct .ft1{ font-size:16px; color:#4e4a4a; padding-bottom:5px; font-weight:bold; line-height:normal;}
.ns_ul li .rt{ float:right; width:85px; text-align:center;}
.ns_ul li .rt .ft1{ padding-top:15px;}
.ns_ul li .rt .ft2{ font-size:30px; padding-top:5px;}
/*newsShow*/
.nss_tit{ font-size:16px; font-weight:bold; text-align:center; padding-bottom:5px;}
.nss_tm{ text-align:center; padding-bottom:10px; color:#777;}
.nss_np{ clear:both; line-height:22px; padding-top:10px;}

/*feedback*/
.fd_tb{ width:600px; margin:0px auto; border-left:1px solid #DDDDDD; overflow:auto; border-top:1px solid #DDDDDD;}
.fd_tb_lt{ width:100px; float:left; padding:10px 5px; border-right:1px solid #DDDDDD; text-align:right;}
.fd_tb_rt{ width:478px; float:left; padding:10px 5px; border-right:1px solid #DDDDDD;}
.fd_tb_btm{ width:600px; margin:0px auto; border-bottom:1px solid #DDDDDD;}
.fd_txt{ width:200px; height:20px; line-height:20px; padding:0 5px; border:1px solid #888}
.fd_code{ width:60px;}
.fd_area{width:450px; height:102px; line-height:20px; padding:0 5px; border:1px solid #888; font-size:12px;}
.fd_btn{margin-top:10px;margin-bottom:10px;width:80px;height:30px;border:1px #eee solid;*line-height:26px; cursor:pointer;}
.fd_btn:hover{ background:#027DCA; color:#FFF;}
.fd_tb .len{ width:450px;}



/*page*/
.pager{ clear:both; overflow:hidden;margin:0 auto;padding-top:20px;}
.pager ul{float:left;position:relative;left:50%;}
.pager ul li{float:left;position:relative;left:-50%;}
.pager a,.pager a:hover{display:block;padding:5px;float:left;border:1px solid #bfbfbf;margin:4px;font-size:12px;color:#000;padding-left:8px;padding-right:8px;}
.pager .current{color:red;}
.pager font{display:block;padding:5px;float:left;border:1px solid #bfbfbf;margin:4px;font-size:12px;padding-left:8px;padding-right:8px;}