@charset "utf-8";

body{margin:0px;padding:0px;text-align:center;font-family:Arial, Helvetica, sans-serif;background:#FFF;}
ul,li,dl,dt,dd,form,h1,h2,h3,h4,p,img{margin:0px;padding:0px;}
img{border:0;}
li{list-style:none;}
a{text-decoration:none;}
.clear_new{clear:both;visibility:hidden;line-height:0px; font-size:0px;}
.wrap{width:950px;margin:0px auto; text-align:left; font-size:12px;}
.headwrap{ position:relative;width:950px; height:60px;margin:15px auto 5PX; font-size:12px;}
.logo-pana{ position:absolute; top:5px; left:-4px;}
.logo-china{position:absolute; top:31px; left:141px;}
.search {width:271px; height:26px; background:url(../img/search.jpg) no-repeat; position:absolute; top:27px; left:682px; text-align:left;}
.search .keyword {width:220px; margin:3px 0px 3px 10px; border:none; background:none; color:#666;}
.search .btn {width:30px; border:none; background:none; cursor:pointer; height:23px; float:right;}
.headwrap li a{display:block; color:#000; text-align:center}
.headwrap li a.contact{position:absolute; right:0px; top:5px;background:url(../img/line1.gif) no-repeat left center; padding-left:15px; }
.headwrap li a.sitemap{position:absolute; right:70px; top:5px;}
.mainnav{ background:url(../img/bg_menu.gif) repeat-x;width:100%; height:38px; position:relative;z-index:599; font-size:12px;}
#globalnav li{display:inline; height:38px; text-align:center; line-height:43px; font-size:14px; font-family:"微软雅黑";}
#globalnav a{float:left;display:block;height:38px;width:135px; font-weight:bold; color:#333; text-align:center;}

#globalnav ul li#gn01 a:hover,#globalnav ul li#gn01 a.current{background:url(../img/menu1_on.gif) no-repeat;}
#globalnav ul li#gn02 a:hover,#globalnav ul li#gn02 a.current{background:url(../img/menu1_on.gif) no-repeat;}
#globalnav ul li#gn03 a:hover,#globalnav ul li#gn03 a.current{background:url(../img/menu1_on.gif) no-repeat;}
#globalnav ul li#gn04 a:hover,#globalnav ul li#gn04 a.current{background:url(../img/menu1_on.gif) no-repeat;}
#globalnav ul li#gn07 a:hover,#globalnav ul li#gn07 a.current{background:url(../img/menu1_on.gif) no-repeat;}
#globalnav ul li#gn08 a:hover,#globalnav ul li#gn08 a.current{background:url(../img/menu1_on.gif) no-repeat;}
#globalnav ul li#gn05 a:hover,#globalnav ul li#gn08 a.current{background:url(../img/menu1_on.gif) no-repeat;}

.submenu{position:absolute;font-size:12px;z-index:999;text-align:left;width:950px;left:0;top:37px;}
.submenu .list{padding:0px 10px; width:160px; height:290px;float:left;background:url(../img/line.gif) no-repeat right top; }
.submenu .noline{background:none;}
.submenu h2{padding-left:24px; padding-bottom:10px;}
.submenu h3{padding-bottom:10px; font-size:14px; color:#0545C1;}
.submenu ul{float:left;overflow:hidden;}
.submenu li{float:left;background:url(../img/arror3.gif) no-repeat 3px center; padding-left:10px; width:159px;height:24px;line-height:24px;vertical-align:middle}
.submenu li.li1{ margin-left:10px;background:url(../img/icon1.gif) no-repeat 3px center;}
.submenu li a{color:#000;text-decoration:none}
.submenu li a:hover{color:#000;text-decoration:underline}
/*.submenu .cont1{background:url(../img/line1.gif) repeat-x left bottom; padding-bottom:5px; margin-bottom:10px;}
*/.submenu #submenu_1{width:191px; height:239px; padding:20px 0px 0px 0px;background:url(../img/bg1.gif) no-repeat;}
.submenu #submenu_2{width:901px; height:368px; padding:25px 0px 0px 0px;background:url(../img/bg2.jpg) no-repeat;}
.submenu #submenu_2 .more{ float:right; padding-right:20px;}
.submenu #submenu_2 .more a{background:url(../img/arror2.gif) no-repeat right center; color:#2e66bd; font-size:11px; width:120px; display:block;}

.submenu #submenu_7{width:135px; height:158px; padding:20px 0px 0px 0px;background:url(../img/bg1_7.gif) no-repeat;margin-left:135px;}
.submenu #submenu_8{width:135px; height:127px; padding:20px 0px 0px 0px;background:url(../img/bg1_1.gif) no-repeat;margin-left:270px;}

/* <<< Added by TPE */

.submenu .submenu1{width:900px; height:600px; background-image:url(../img/bg4_1.gif); background-repeat:no-repeat;margin-left:0px;}
.submenu .submenu2{width:520px; height:450px; background-image:url(../img/bg4_2.gif); background-repeat:no-repeat;margin-left:380px;}
.submenu .submenu5{width:520px; height:500px; background-image:url(../img/bg4_5.gif); background-repeat:no-repeat;margin-left:380px;}
.submenu .submenu6{width:520px; height:250px; background-image:url(../img/bg4_6.gif); background-repeat:no-repeat;margin-left:380px;}


#sub-categories ul {float:none}	
#sub-categories li a{ display:block; cursor:pointer; height:30px;}		  
#sub-categories #sub-cate01{background:url(../img/submenu1.gif) no-repeat; float:right; width: 81px; padding:0px;}
#sub-categories #sub-cate02{background:url(../img/submenu2.gif) no-repeat; float:right; width: 67px; padding:0px;}
#sub-categories #sub-cate05{background:url(../img/submenu5.gif) no-repeat; float:right; width: 82px; padding:0px;}
#sub-categories #sub-cate06{background:url(../img/submenu6.gif) no-repeat; float:right; width:110px; padding:0px;}
#sub-categories #sub-cate01.current {background:url(../img/submenu1_on.gif) no-repeat}
#sub-categories #sub-cate02.current {background:url(../img/submenu2_on.gif) no-repeat}
#sub-categories #sub-cate05.current {background:url(../img/submenu5_on.gif) no-repeat}
#sub-categories #sub-cate06.current {background:url(../img/submenu6_on.gif) no-repeat}

#circuit_div {height:auto;}
#capacity_div {height:auto;}
#mechanism_div {height:auto;}
#other_div {height:auto;}
#circuit_div {width:auto;}
#circuit_div  ul{float:left;}
#circuit_div ul#circuit_div_ul_1 li{width:auto;}
#circuit_div ul#circuit_div_ul_2 li{width:auto;}
#capacity_div  .submenu_cate_content ul li{width:auto;}
#mechanism_div  .submenu_cate_content ul li{width:auto;}
#other_div  .submenu_cate_content ul li{width:auto;}


.footerwrap{font-size:12px; width:950px; height:100px;margin:0px auto; margin-top:25px; position:relative; color:#727272; text-align:left; line-height:1.6em;}
.footerwrap a{color:#727272;}
.footerwrap .icp{width:950px; position:absolute; top:11px;text-align:center;}
.footerwrap .icp p a{color:#135DA3;}

.footerwrap div#cSelecterTabCont ul:before, .footerwrap div#cSelecterTabCont ul:after, .footerwrap ul.cSelecterTab:before, .footerwrap ul.cSelecterTab:after, .footerwrap:before, .footerwrap:after, .footerwrap ul:before, .footerwrap ul:after, div#ga2012_header:before, div#ga2012_header:after, .clearfix:before, .clearfix:after {
    content: "";
    display: table;
}
.footerwrap div#cSelecterTabCont ul:after, .footerwrap ul.cSelecterTab:after, .footerwrap:after, .footerwrap ul:after, div#ga2012_header:after, .clearfix:after {
    clear: both;
}
.footerwrap div#cSelecterTabCont ul, .footerwrap ul.cSelecterTab, .footerwrap, .footerwrap ul, div#ga2012_header, .clearfix {
border-top:2px solid #ccc;
}

/*index*/
.kv_container{position:relative; border:1px solid #d5d5d5;width:615px; height:381px;overflow:hidden; margin-bottom:15px;}
.kv_container .kv{}
.kv_container .cont{position:absolute;left:0;bottom:0px;_bottom:-1px;width:615px;height:51px;background:url(../img/bg_kv.gif) repeat-x left bottom; filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity: 0.6;z-index:100;}
.kv_container #mythumb {position:absolute;left:0;bottom:0px;_bottom:-1px;width:615px;height:51px; z-index:200;}
.kv_container #mythumb ul { margin-left:215px;}
.kv_container #mythumb ul li{float:left;display:block;margin-right:2px;}
.kv_container #mythumb ul li a{background:url(../img/bg_kvimg.png) no-repeat left top; width:51px; height:30px; padding-left:3px; padding-top:2px;display:block;cursor:pointer;margin-top:7px;}
.kv_container #mythumb ul li a.current{ margin-top:0px;}
*html .kv_container #mythumb ul li a{background:none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=noscale, src="../img/bg_kvimg.png");}
.left{ float:left; width:617px; padding-top:10px;}
.right{ float:right; right:317px;padding-top:10px; overflow:hidden;}
.right .list1{ border:1px solid #d5d5d5; padding:1px; width:313px; margin-bottom:15px;}
.right .list1 .p_type {width:313px; height:75px; background:url(../img/type_bg.jpg) repeat-x; margin-bottom:1px;}
.right .list1 .p_type .type_left {width:70px; height:65px; background:white; border:1px solid #ddd; float:left; margin:3px 4px;}
.right .list1 .p_type .type_left img {overflow:hidden; border:none; height:65px; width:70px; padding:0px;}
.right .list1 .type_right {width:225px; height:60px; float:right; margin-top:3px; position:relative;}
.right .list1 .type_right span {width:100%; height:30px; line-height:27px; font-size:14px; font-weight:bold; color:#0545C1;} 
.right .list1 .type_right span a{color:#0545C1;}
.right .list1 .type_right p {width:99%; height:auto; line-height:15px; color:#848484;}
.right .list1 .type_right img {border:none; position:absolute; left:149px; top:48px;}

.right .list1 .p_type2 {background:url(../img/type_bg2.jpg) repeat-x;}
.right .list1 .p_type2 .type_left {width:70px; height:65px; background:white; border:none; float:left; margin:4px 4px 3px 5px; overflow:hidden;}
.right .list1 .p_type2 .type_right span a{color:white;}
.right .list1 .p_type2 .type_right p {width:100%; height:auto; line-height:15px; color:#B9C2D1;}
.right .list1 .type_right img {border:none; position:absolute; left:131px; top:48px;}

.right .list2{width:317px; overflow:hidden;}
.right .list2 img{ float:left; padding:1px; border:1px solid #d5d5d5; margin-right:12px;margin-bottom:10px;}
.left .notice{ background:url(../img/bg-notice.gif) no-repeat left top; width:560px; height:49px; line-height:49px; vertical-align:middle; display:block; color:#fff;padding-left:56px; margin-bottom:15px; position:relative;}

.notice_title {width:455px; height:25px; line-height:25px; overflow:hidden; position:absolute; top:12px; left:125px;}
.notice_title ul {width:auto; height:auto;}
.notice_title ul li {width:auto; height:25px; line-height:25px;}
.left .news{border:1px solid #d5d5d5; padding:1px; width:613px;}
.news .title{background:url(../img/bg_news.gif) repeat-x left top; height:33px; line-height:33px;vertical-align:middle; font-size:14px; color:#434343; padding-right:15px;}
.title img{ padding-left:16px; padding-top:10px;}
.title span a{ float:right; font-size:12px; color:#666;}
.left .news .list{padding-top:15px; padding-bottom:10px; border-top:1px dotted #ddd; background:white;}
.left .news .list li{float:left;background:url(../img/arror3.gif) no-repeat 17px 5px; padding-left:27px; margin-bottom:6px;}
.left .news .list li a{ color:#1b5db2; float:left;width:495px;}
.left .news .list li span{ color:#727272; padding-right:15px; float:left; width:65px;}

.case_c {width:300px; height:195px; margin:0px auto; border-top:1px dotted #ddd; padding:13px 0px;}
.case_c img {width:135px; height:87px; padding:1px; margin:0px 5px 13px; border:1px solid #ddd; float:left;}
.copyright {float:left; margin:10px 40px; text-align:left; color:#999; font-size:12px; line-height:23px; position:relative;}
.copyimg {width:400px; text-align:center; height:50px; float:left; position:absolute; left:570px;}
.copyimg img {margin-top:20px; margin-left:60px;}
.web_count {width:150px; height:30px; position:absolute; top:37px; left:820px;}

/*news*/
.wz {width:940px; height:30px; line-height:40px; margin:0px auto; background:url(../img/wz_ico.jpg) no-repeat 5px 11px; color:#666; padding-left:30px;}
.n_left {width:215px; height:auto; float:left; position:relative;}
.n_left dl {border:1px solid #ccc; padding:1px; margin-bottom:10px; height:auto; width:215px;}
.n_left .l_title {width:215px; height:28px; background:url(../img/bg_n.jpg) no-repeat; clear:both;}
.n_left .l_title span {margin-left:30px; font-size:14px; font-weight:bold; color:#BECAE0; line-height:28px;}
.type_list {width:215px; height:auto;}
.type_list ul li{width:170px; margin:0px auto; height:30px; line-height:30px; margin-left:20px; border-bottom:1px dotted #ddd; background:url(../img/jian.jpg) no-repeat 150px 10px;}
.type_list ul li a{color:#666;display:block;padding-left:20px;width:170px;}
.type_list ul li a:hover{color:#fff;background:#2C8BDB;}

.n_right {width:715px; height:auto; border:1px solid #ccc; border-top:2px solid #0048BB; float:right; overflow:hidden; padding:1px; min-height:500px;}
.n_right .r_title {width:715px; height:35px; background:url(../img/type_bg.jpg) repeat-x 0px -15px;}
.n_right .r_title span {line-height:35px; font-weight:bold; font-size:14px; color:#0033CC; margin-left:40px;}
.news_list ul li {width:600px; height:30px; line-height:30px; padding-left:85px; margin-left:5px; color:#666; position:relative; border-bottom:1px dotted #ededed}
.news_list ul li a{color:#666;}
.news_list ul li a:hover{color:red;}
.news_list ul li span {position:absolute; top:0px; width:100px; left:610px; color:#ccc;}
.news_list ul li p {position:absolute; top:0px; left:15px; color:#000;}

.pages {height: 25px; margin: 20px auto; width:auto; text-align:center}
.pages a {color: #666666; font-size: 12px;}
.pages span {border: 1px solid #DDDDDD; color: #666666; font-family: "微软雅黑"; font-size: 12px; line-height: 25px; margin: 0 5px; padding: 1px 5px;}

/*news read**/
.news_title {width:700px; line-height:40px; margin:10px auto; border-bottom:1px solid #ccc; text-align:center; font-weight:bold; font-size:16px; font-family:"微软雅黑"; position:relative; color:#333;}
.news_title span {position:absolute; font-weight:lighter; font-size:12px; color:#ccc; top:35px; left:250px; width:200px;}
.news_con {width:650px; height:auto; line-height:23px; color:#333; margin:20px auto; overflow:hidden;}
.news_con img { max-width:650px;}

/*case*/
.case_con {width:697px; height:auto; min-height:500px; color:#333; margin:0px auto; overflow:hidden;}
.case_con ul {width:100%; margin:0px auto; padding:0px;}
.case_con li {width:auto; height:130px; overflow:hidden; position:relative; float:left; margin:20px 10px 10px; z-index:1;}
.case_con li img {width:140px; height:90px; border:7px solid #efefef;}
.case_con li span {width:100%; position:absolute; height:auto; top:113px; left:0px; text-align:center; color:#666; z-index:2;}

.about img {margin:0px 0px;}

/*product_list*/
.product_list_right{width:715px; height:auto; border:1px solid #ccc;  float:right; padding:1px; min-height:500px; padding-bottom:20px;}

.product_list_right .names_list{width:172px; height:162px; border:1px solid #E3E1E2; margin-left:40px;margin-top:20px; }
.product_list_right ul li{float:left;margin-right:15px; margin-bottom:}
.product_list_right .tb{text-align:center;}
.product_list_right .tb a img{margin-top:10px; width:150px; height:125px;}
.names_list p {text-align:center; width:150px; margin:5px auto;}
.names_list p  a{ color:#333}

.contacts {width:100%; height:auto; margin:8px 0px 5px;}
.contacts span {width:auto; height:25px; line-height:25px; font-size:12px; color:#696969;font-weight: bold; margin-left:20px;}
.contacts li {width:auto; color:#27425F; margin:5px 0px 4px 30px;}
.contacts p {width:auto; line-height:20px; color:#696969; margin-left:20px; margin-bottom:10px;}

.product_top {width:680px; height:235px; margin:10px auto;}
.pt_l {width:253px; height:211px; float:left; border:1px solid #ddd; overflow:hidden;}
.pt_l img {width:253px;}
.pt_r {width:395px; height:245px; float:right;}
.pt_r p {width:395px; height:30px; line-height:30px; color:#666; border-bottom:1px dotted #ddd;}
.smal_pic {width:345px; height:55px; margin:60px 0px 0px 50px; position:relative;}
.smal_pic ul {padding:0px; margin:0px;}
.smal_pic ul li {float:left; width:50px; height:45px; cursor:pointer;}
.smal_pic ul li img {width:50px; height:45px;}
.s_left {position:absolute; left:-50px; top:1px; width:35px; height:45px; background:url(../img/left.jpg) no-repeat; cursor:pointer;}
.s_right {position:absolute; right:0px; top:1px; width:35px; height:45px; background:url(../img/right.jpg) no-repeat; cursor:pointer;}
.pro_con_t {width:680px; height:27px; margin:10px auto 0px; border-bottom:1px solid #999; position:relative;}
.pro_con_t ul li { background:url(../img/product_con.jpg) no-repeat -1px 0px; width:97px; height:33px; float:left; margin-right:1px; text-align:center; line-height:33px; font-weight:bold; color:#666666; font-size:14px; cursor:pointer;}

.b {border:1px solid #ccc; padding:1px;}


/*classification*/
.listbox{ width:950px; margin:0 auto; padding-top:10px; height:450px;}
.listbox .list_box{ float:left; width:190px;}
.listbox .list_box h2{border-bottom:1px solid #999; padding-bottom:10px; text-align:left; padding-left:20px;}
.listbox .list_box h2 a{ font-size:14px; color:#0545C1}
.listbox .list_box ul li {text-align:left;}
.listbox .list_box ul li a{ font-size:12px; color:#666; line-height:22px; margin-left:20px;}


/*about*/
.bigt {width:950px; height:25px; border-bottom:2px solid #ddd; font-size:16px; font-weight:bold; color:#333; text-align:left; margin:15px auto 10px; line-height:25px;}
.l_t {width:202px; height:15px; background:url(../img/l_t.jpg) no-repeat;}
.l_c { float:left; clear:both; width:202px; height:auto; background:url(../img/l_c.jpg) repeat-y;}
.l_c li {width:198px; height:45px; margin:0px auto; line-height:49px;  cursor:pointer;}
.l_c li p {margin-left:20px; padding-left:15px; width:auto; background:url(../img/xtb2.jpg) no-repeat 0px 18px;}
.l_c li p a {color:#999;}
.l_c li p a:hover {color:#225CA5;}
.l_b { clear:both; width:202px; height:13px; background:url(../img/l_b.jpg) no-repeat;}

.li_hover {background:url(../img/libg.jpg) repeat-x 0px 10px;}
.li_p_hover a{ no-repeat 0px 18px; color:#225CA5;}
.r_title1 {width:715px; height:30px; background:url(../img/r_b_t_bg.jpg) no-repeat 0px 20px;}
.r_title1 span {line-height:25px; font-weight:bold; font-size:15px; color:#0033CC; margin-left:10px;}
/*end*/


/*technology sevice*/
.bigt1 {width:950px; height:25px; border-bottom:4px solid #1B4ACC; font-size:16px; font-weight:bold; color:#333; text-align:left; margin:15px auto 10px; line-height:25px;}
.l_c1 { float:left; clear:both; width:202px; height:auto; border:1px solid #ddd; padding-bottom:7px; margin-top:5px;}
.l_c1 li {width:198px; height:30px; margin:0px auto; line-height:30px;}
.l_c1 li p {margin-left:20px; padding-left:15px; width:auto; background:url(../img/fangkuan.jpg) no-repeat 0px 13px;}
.l_c1 li p a {color:#1C49CA;}
 
/*end*/

/*download*/
.down_b {width:795px; height:auto; margin:0px auto;}
.down_b_t {width:795px; height:30px; line-height:30px; font-weight:bold; color:#333; font-size:14px; border-bottom:4px solid #1B4ACC; font-size:16px; margin:15px auto 10px;}
.down_b_t span {width:auto; margin-top:10px;}
.dnews_list ul li {width:775px; height:35px; line-height:35px; padding-left:85px; margin-left:5px; color:#666; position:relative; border-bottom:1px dotted #ededed;  background:url(../img/yuan.jpg) no-repeat 0px 13px;}
.dnews_list ul li a{color:#666;}
.dnews_list ul li a:hover{color:red;}
.dnews_list ul li span {position:absolute; top:0px; width:100px; left:720px; color:#ccc;}
/*end*/
.about table tr td p a {color:#666;}
.about table tr td p a:hover {color:#666;}
.bigpic {position:absolute; width:auto; height:auto; z-index:10000; border:10px solid #999;}
.bgs {position:fixed;width:100%; height:100%; background:#000; top:0; left:0; z-index:9999;opacity: 0.5; filter: Alpha(opacity=50);}