@charset "gb2312";
/* CSS Document */
body { margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; background:url("../../images/web/bg.jpg"/*tpa=http://www.guotailight.com/images/web/bg.jpg*/) no-repeat #E8F3F9 top center; color:#333;}
a:link { color:#333; text-decoration:none;}
a:hover { color:#124394; text-decoration:none;}
a:visited { color:#666; text-decoration:none;}
ul { margin:0px; padding:0px; list-style-type:none;}
img { border:none;}

.header { width:100%; overflow:hidden; height:130px;}
.header_container { width:1000px; margin:0px auto; overflow:hidden;}
.topwords { width:100%; overflow:hidden; background:rgba(17, 44, 89, 0.7); color:#eee;}
.topwords a:link { color:#ddd;}
.topwords a:visited { color:#ddd;}
.topwords a:hover { color:#fff;}
.topwords_box { width:1000px; line-height:30px; overflow:hidden; margin:0 auto;}
.index_topwords { width:800px; float:left;}
.index_version { width:200px; float:right; text-align:right;display:none}
.logo { width:500px; float:left; overflow:hidden;}
.share { width:250px; float:right; overflow:hidden; padding:30px 0px 0px 20px;}

/*.menu_container { height:40px; width:100%; background:#24589a; filter:alpha(opacity:90); opacity:0.9;}*/
#headernav {height:50px;z-index:3;width:980px; margin:0px auto; padding-left:20px; background:url("../../images/web/nav_bg.png"/*tpa=http://www.guotailight.com/images/web/nav_bg.png*/) no-repeat;}
#headernav ul li{float:left;position:relative; margin-left:30px;}
#headernav ul li a{font:14px/45px Arial, Helvetica, sans-serif;color:#333;width:82px;display:block;text-align:center; text-decoration:none; font-weight:bold;}
#headernav ul li.menuon{background:url("../../images/web/nav_a_hover.gif"/*tpa=http://www.guotailight.com/images/web/nav_a_hover.gif*/) no-repeat; color:#fff; background-position:0px 8px;}
#headernav ul li.hover {background:url("../../images/web/nav_a_hover.gif"/*tpa=http://www.guotailight.com/images/web/nav_a_hover.gif*/) no-repeat; color:#fff; background-position:0px 8px;}
#headernav ul li.hover a,#headernav ul li.menuon a{color:#fff;}
#headernav ul li ul{position:absolute;top:40px;background:#24589a;left:0px;display:none; z-index:3; filter:alpha(opacity:80); opacity:0.8; border-radius:3px;}
#headernav ul li ul li{background:none;padding-left:0px; margin:0px;}
#headernav ul li ul li a{font:12px/32px Arial, Helvetica, sans-serif;color:#FFFFFF;width:160px; text-decoration:none;}
#headernav ul li ul li a:hover{background:#f60; color:#fff;}


h1 { font-size:12px; display:inline;}

#banner {height:300px;z-index:1; width:992px; margin:0px auto; position:relative; background:#fff; padding:4px 0;}

#banner .slides_container {width:100%;height:300px;position:relative;overflow:hidden;display:none;z-index:1;}
#banner .slides_container .bg-slide {width:100%;height:300px;display:block;}
#banner .pagination {width:70px;z-index:100001;position:absolute;right:50%;bottom:15px; margin-right:-35px;}
#banner .pagination li {float:left;margin:0 4px;list-style:none;}
#banner .pagination li a {display:block;width:12px;height:12px;font-size:8px;line-height:20px;float:left;text-align:center;overflow:hidden;background:#FFFFFF;text-indent:-9999px;}
#banner .pagination li.current a {background:#f60;}
#banner .slides_container #bg1 {background:url("../../Images/Web/enbanner01.jpg"/*tpa=http://www.guotailight.com/Images/Web/enbanner01.jpg*/) no-repeat center top;}
#banner .slides_container #bg2 {background:url("../../Images/Web/enbanner02.jpg"/*tpa=http://www.guotailight.com/Images/Web/enbanner02.jpg*/) no-repeat center top;}
#banner .slides_container #bg3 {background:url("../../Images/Web/enbanner03.jpg"/*tpa=http://www.guotailight.com/Images/Web/enbanner03.jpg*/) no-repeat center top;}

.hr10 {height:12px;}

.index_main { width:992px; margin:0px auto; overflow:hidden; background:#fff;}
.case_about_contact { width:984px; margin:6px auto; overflow:hidden;}
.index_cases { width:260px; float:left; height:260px;}
.index_cases_t { height:30px; background:url("../../images/web/index_case_tbg.jpg"/*tpa=http://www.guotailight.com/images/web/index_case_tbg.jpg*/) no-repeat; padding-left:15px; line-height:30px; color:#fff; font-size:14px;}
.about_contact { width:724px; float:right; height:260px;}

.hcase{ border:1px #ddd solid; background:#f4f4f4; position:relative;}
.HCList{ width:240px; height:208px; overflow:hidden; z-index:999; padding:10px 10px 10px 10px;}
.HCList ul{ display:inline-block; width:300px;}
.HCList ul li{ width:240px; overflow:hidden; float:left;}
.HCList ul li img{ display:block; width:240px; height:180px;}
.HCList ul li h3{ padding-top:0px; margin-top:6px;}
.HCList ul li h3 a{ color:#444; font-size:12px; display:inline-block; line-height:25px;}
.HCList ul li h3 a:hover{ color:#444;}

.hcase .hd{ position:absolute; right:10px; top:200px; z-index:9999;}
.hcase .hd ul{ display:inline-block;}
.hcase .hd ul li{ display:inline-block; width:16px; height:16px; text-align:center; line-height:16px; color:#868686; float:left; margin-left:5px; background:#fff; cursor:pointer;}
.hcase .hd ul li.on{ background:#ffa800; color:#fff;}

.index_about { width:444px; float:left; padding:0px 10px;}
.index_contact { width:260px; float:right;}
.index_about_t { background:url("../../images/web/index_about_tbg.jpg"/*tpa=http://www.guotailight.com/images/web/index_about_tbg.jpg*/) no-repeat; line-height:30px; font-size:14px; color:#fff; padding-left:15px;}
.index_about_c { padding:20px 10px 10px 10px; line-height:28px; border:1px #ddd solid; background:#f4f4f4; height:198px;}
.index_about_c img { padding:0px 15px 0px 0px; float:left;}

.index_contact {}
.index_contact_t { line-height:30px; background:url("../../images/web/index_contact_tbg.jpg"/*tpa=http://www.guotailight.com/images/web/index_contact_tbg.jpg*/) no-repeat; color:#fff; font-size:14px; padding-left:15px;}
.index_contact_c { padding:20px 10px 10px 15px; line-height:28px; border:1px #ddd solid; background:url("../../images/web/index_contact_cbg.jpg"/*tpa=http://www.guotailight.com/images/web/index_contact_cbg.jpg*/) no-repeat #f4f4f4; height:198px; background-position:0px 30px;}

.index_product { width:984px; overflow:hidden; margin:10px auto;}
.right_title { height:30px; background:url("../../Images/Web/index_product_tbg.jpg"/*tpa=http://www.guotailight.com/Images/Web/index_product_tbg.jpg*/) no-repeat; padding-left:15px; font-size:14px; color:#fff; line-height:30px;}
.right_content { width:982px; border:1px #ddd solid; background:#f4f4f4;}

#prowrapper{width:960px;height:210px;position:relative;overflow:hidden;margin:auto;z-index:3;}
#prowrapper ul{position:absolute;width:100000em;}
#prowrapper li{height:190px;padding-top:20px;width:192px;float:left; text-align:center;}
#prowrapper li a.img{display:table-cell;width:246px;height:190px;line-height:190px;text-align:center;vertical-align:middle;display:block;font-size:180px;/* 这里是height*0.9,估计在0.9左右比较接近FF和Opera*/font-family:Arial, Helvetica, sans-serif;}
#prowrapper li a img{max-width:160px;max-height:120px; border:1px #ccc solid; padding:1px;}

.index_news { width:984px; margin:10px auto;}
.left_news { width:487px; float:left; overflow:hidden;}
.right_news { width:487px; float:right; overflow:hidden; margin-left:10px;}
.left_news_title,.right_news_title { height:30px; background:url("../../Images/Web/index_about_tbg-1.jpg"/*tpa=http://www.guotailight.com/Images/Web/index_about_tbg.jpg*/) repeat-x; padding-left:15px; font-size:14px; color:#fff; line-height:30px;}

.left_content_news { width:485px; border:1px #ddd solid; background:#f4f4f4;}
.left_content_news ul { padding:15px 15px 5px 15px;}
.left_content_news ul li { height:28px;}
.left_content_news ul li span { float:right;}
.left_content_news ul li a:link { color:#333;}
.left_content_news ul li a:hover { color:#124394;}
.left_content_news ul li a:visited { color:#666;}

.right_content_news { width:485px; border:1px #ddd solid; background:#f4f4f4;}
.right_content_news ul { padding:15px 15px 5px 15px;}
.right_content_news ul li { height:28px;}
.right_content_news ul li span { float:right;}
.right_content_news ul li a:link { color:#333;}
.right_content_news ul li a:hover { color:#124394;}
.right_content_news ul li a:visited { color:#666;}

.inner_main_box { width:984px; margin:0px auto 4px auto; overflow:hidden;}

.left_prok { width:250px; overflow:hidden; float:left; margin-top:6px;}
.left_title { line-height:30px; background:url("../../images/web/index_case_tbg.jpg"/*tpa=http://www.guotailight.com/images/web/index_case_tbg.jpg*/) no-repeat; color:#fff; font-size:14px; padding-left:15px;}
.left_content { width:248px; border:1px #ddd solid; background:#f4f4f4;}
.left_content ul { padding:20px 10px 5px 20px;}
.left_content ul li { height:28px;}
.left_content ul li a:link { color:#333;}
.left_content ul li a:hover { color:#124394;}
.left_content ul li a:visited { color:#666;}

.right_con_content { line-height:26px; overflow:hidden; padding:10px;}
.right_con_content a:link { color:#124394;}
.right_con_content a:hover { color:#124394;}
.right_con_content a:visited { color:#124394;}

.inner_right { width:724px; float:right; overflow:hidden; margin-top:6px; margin-left:10px;} 
.inner_right_title { height:30px; line-height:30px; padding-left:15px; font-size:14px; color:#fff; background:url("../../images/web/index_about_tbg.jpg"/*tpa=http://www.guotailight.com/images/web/index_about_tbg.jpg*/) repeat-x;}
.right_content_inner { border:1px #ddd solid; border-top:none; background:#f4f4f4; padding:10px 15px; min-height:320px; line-height:28px;}
.contactbg { background:url("../../Images/Web/contactbg.png"/*tpa=http://www.guotailight.com/Images/Web/contactbg.png*/) #f4f4f4 no-repeat; background-position:350px 50px;}
.contactbg p { margin:5px auto;}

.index_friendlink { width:974px; margin:0px auto; padding:10px; line-height:24px; color:#444; background:#fff;}
.index_friendlink a:link { color:#444;}
.index_friendlink a:visited { color:#666;}
.index_friendlink a:hover { color:#333;}




















.index_product_container { width:980px; margin:0px auto; overflow:hidden; margin-top:8px;}
.index_left_prok { width:255px; float:left; overflow:hidden; padding:5px 0px 5px 5px;}
.index_left_prok_list { margin-left:10px; padding-top:5px;}
.index_left_prok_list ul li { line-height:28px; border-bottom:1px #ccc dotted; padding-left:10px; width:220px;}
.index_left_prok_list ul li a:link { color:#2c2c2c;}
.index_left_prok_list ul li a:hover { color:#2891CB;}
.index_left_prok_list ul li a:visited { color:#333;}

.index_content_pro_title { height:60px; border-bottom:1px #ccc solid; overflow:hidden;}
.protitle_left { width:750px; float:left; padding-left:3px;}
.protitle_right { width:220px; float:right; text-align:right; padding-top:10px; padding-right:7px;}
.protitle_left_1 { font-size:18px; color:#333; padding-top:12px; padding-bottom:3px;}
protitle_left_2 { color:#777;}
.index_content_pro { overflow:hidden; padding:5px 10px 10px 5px;}

.footer { margin:0px auto; overflow:hidden; color:#eee; background:#01559B; margin-top:8px;}
.footer_content { line-height:24px; text-align:center; width:980px; margin:0px auto; padding:20px 0px;}


.index_mainbody { width:980px; margin:0px auto; overflow:hidden; margin-top:8px;}
.index_mainbody_top { padding:5px 0px 5px 5px;}

.boxtitle { height:35px; line-height:30px; font-weight:bold; padding-left:15px; font-size:14px; color:#666; border-bottom:1px #ddd solid;}


.inner_mainbody_left { width:245px; float:left; overflow:hidden;}
.inner_mainbody_right { width:720px; float:right; overflow:hidden;}

.sub_left_content { width:220px; margin-left:10px; padding-top:5px;}
.sub_left_content ul {}
.sub_left_content ul li { line-height:28px; border-bottom:1px #ccc dotted; padding-left:10px;}
.sub_left_content ul li a:link { color:#555;}
.sub_left_content ul li a:hover { color:#343399;}
.sub_left_content ul li a:visited { color:#555;}

.inner_right_content { padding:5px 20px 10px 15px; line-height:22px;}



#psmall1,#psmall2,#psmall3,#psmall4,#psmall5,#psmall6,#psmall7,#psmall8,#psmall9,#psmall10 { display:none;}




.sub_news_content { line-height:20px; overflow:hidden;;}
.sub_news_content ul li { border-bottom:1px #ccc dashed; overflow:hidden; padding-bottom:8px; padding-top:8px;}
.sub_news_content ul li span { float:right; padding-right:10px;}
.sub_news_content ul li .sub_news_list_title { color:#333; font-weight:bold; font-size:14px; line-height:24px;}
.sub_news_content ul li .sub_news_list_title a:link { color:#333;}
.sub_news_content ul li .sub_news_list_title a:hover { color:#124394;}
.sub_news_content ul li .sub_news_list_title a:visited { color:#555;}
.sub_news_content ul li .sub_news_list_time { line-height:30px; color:#999;}
.sub_news_content ul li .sub_news_list_desc { line-height:22px; color:#777;}

.sub_pro_content_title { height:30px; line-height:30px; background:#e1e1e1; overflow:hidden; padding-left:10px; margin-top:10px; margin-right:20px; border-left:4px #124394 solid; font-size:14px; font-weight:bold;}
.sub_pro_content_detail { line-height:22px; padding:10px; overflow:hidden;}
.inner_right_bottom { height:12px;}





.mainbody { width:980px; margin:0px auto; overflow:hidden; padding-top:8px; overflow:hidden;}
.mainbody_left { width:250px; float:left; overflow:hidden; padding-left:5px; padding-right:5px;}


.index_left_content { border:1px #d3d3d3 solid; background:#fff; border-top:none; padding-top:18px; padding-left:6px; height:219px;}
.index_left_content img { border:none;}


.boxtitleright img { vertical-align:middle;}
.index_pro_title { height:45px; font-family:Arial, Helvetica, sans-serif; padding-left:40px; color:#1760A5; font-size:14px; line-height:45px; font-weight:bold;}



.index_product_title { height:35px; text-align:right; padding-right:20px; line-height:35px;}

.index_product_title a:link,a:hover,a:visited { color:#999;}





.right_contact { overflow:hidden;}
.right_con_title { padding-left:9px; overflow:hidden;}
.right_con_img { overflow:hidden; padding-top:10px;}


.inner_mainbody { width:1000px; margin:0px auto; overflow:hidden;}

.sidebar { width: 243px; overflow:hidden;}
.channel_tit { height: 62px; position:absolute; width: 243px; z-index: 50; overflow:hidden; margin-top:-25px;}

.inner_prok_list { height:auto;}
.inner_prok_list ul li { min-height:40px; font-weight:bold; line-height:42px; text-indent:57px;}
.inner_prok_list ul li a:visited { color:#666;}
.inner_prok_list ul li ul li { background:none; min-height:30px; line-height:30px; text-indent:42px; font-weight:normal;}
.inner_prok_list ul li ul li:hover { background:none;}

.inner_prok_list ul li:hover { background-position:-502px 0;}
.channel_tit_con { height:37px; overflow:hidden;}

.mainbody_right { width:720px; float:right; overflow:hidden;}
.mainbody_right_box { width:218px; border:1px #ddd solid; overflow:hidden; border-top:none;}

.index_product_list_title { height:32px; line-height:22px; padding-top:5px;}
.index_product_list_title a:link { color:#333;}
.index_product_list_title a:hover { color:#124394;}
.index_product_list_title a:visited { color:#666;}





.sub_title_bg { height:40px; width:705px; background:url("../../Images/Web/innner_ico.png"/*tpa=http://www.guotailight.com/Images/Web/innner_ico.png*/) no-repeat 7px 13px; font-size:14px; color:#c00; line-height:40px; padding-left:30px; font-weight:bold; border-bottom:1px #dbdbdb solid;}
.sub_title_bg span { float:right; padding-right:10px; color:#666; font-weight:normal; font-size:12px;}
.sub_content { padding:15px; line-height:20px; overflow:hidden;}


.pages { height:30px; line-height:30px; text-align:center; margin-top:10px;}
h2 { font-size:14px;}
.sub_news_content_title { text-align:center; overflow:hidden;}
.sub_news_content_addtime { text-align:center; overflow:hidden; color:#777;}
.sub_news_content_detail { line-height:24px; padding:10px;}
.sub_contact_left { width:220px; float:left;}
.sub_contact_right { width:530px; float:right;}
.sub_pro_content { padding:5px 5px 5px 5px; line-height:20px; overflow:hidden; padding-right:0px;}
.sub_pro_content ul { overflow:hidden;}
.sub_pro_content ul li { width:162px; text-align:center; float:left; margin-right:8px; padding-bottom:15px;}
.sub_pro_content ul li a:link { color:#2c2c2c}
.sub_pro_content ul li a:hover { color:#124394;}
.sub_pro_content ul li a:visited { color:#333;}

.sub_pro_content_o { padding:10px 5px 5px 5px; line-height:20px; overflow:hidden; padding-right:0px;}
.sub_pro_content_o ul { overflow:hidden;}
.sub_pro_content_o ul li { width:202px; text-align:center; float:left; margin-right:20px; padding-bottom:15px;}
.sub_pro_content_o ul li a:link { color:#2c2c2c}
.sub_pro_content_o ul li a:hover { color:#124394;}
.sub_pro_content_o ul li a:visited { color:#333;}
.proimg_o { border:1px #e2e2e2 solid; width:150px; text-align:center; display:table-cell; vertical-align:middle; background:#fff;}
.proimg_o img { max-height:150px; max-width:200px; border:none;}

.proimg { border:1px #e2e2e2 solid; text-align:center; vertical-align:middle; background:#fff;}
.proimg img { max-height:120px; max-width:160px; border:none;}
.protitle { line-height:20px; height:40px; overflow:hidden; padding-top:10px;}

.sub_pro_img { overflow:hidden; text-align:center;}
.sub_pro_img img { max-width:500px; border:1px #e3e3e3 solid; padding:2px;}
.sub_pro_title { overflow:hidden; text-align:center; height:35px; line-height:30px;}
.sub_pro_title h2 { font-size:14px; line-height:normal;}
.sub_pro_content_menu { overflow:hidden; height:30px;}
.sub_pro_content_menu ul {}
.sub_pro_content_menu ul li { height:30px; line-height:30px; display:block; float:left; text-align:center; width:100px; background:#4D95CF; margin-right:1px; color:#FFF; cursor:pointer;}
.sub_pro_content_menu ul li.promenuon { background:#FA8F03;}
.sub_pro_tech { line-height:22px; display:none; padding:15px 15px 5px 15px;}
.sub_pro_detail { line-height:22px; padding:15px 15px 5px 15px;}

.sub_pro_img_big { width:380px; overflow:hidden; margin:0px auto; border:1px #ddd solid; padding:1px; text-align:center; margin-top:15px;}
.sub_pro_img_big img { max-width:380px; max-height:380px; display:table-cell;}
.sub_pro_img_small { width:380px; overflow:hidden; margin:0px auto;}
.sub_pro_img_small ul li { width:112px; border:1px #ddd solid; padding:1px; height:84px; margin-right:10px; cursor:pointer; margin-top:10px;}
.sub_pro_img_small ul li img { max-width:112px; max-height:112px;}


.hr20 { height:20px; width:100%; overflow:hidden;}

.pagingBar2{ background-color:#E7ECF2; height:24px; line-height:24px; padding:4px; padding-left:6px; padding-right:6px; border:1px #dddddd solid;}
a.pagingBar2:hover{ background-color:Transparent; text-decoration:none; height:24px; line-height:24px; padding:4px; padding-left:6px; padding-right:6px; border:1px #dddddd solid;}
.pagingBar3{ background-color:#E7ECF2; height:24px; line-height:24px; padding:4px; padding-left:6px; padding-right:6px; border:1px #dddddd solid;}
a.pagingBar3:hover{ background-color:Transparent; text-decoration:none; height:24px; line-height:24px; padding:4px; padding-left:6px; padding-right:6px; border:1px #dddddd solid;}
.curpage{height:24px; line-height:24px; padding:4px; padding-left:8px; padding-right:8px; border:1px #E7ECF2 solid; padding-top:1px; font-size:13px;}
.pagingBarN{ background-color:#E7ECF2; height:24px; line-height:24px; padding:4px; padding-left:8px; padding-right:8px; border:1px #dddddd solid; padding-top:1px; font-size:13px;}
a.pagingBarN:hover{ height:24px; line-height:24px; text-decoration:none; padding:4px; padding-left:8px; padding-right:8px; border:1px #dddddd solid; background-color:Transparent; padding-top:1px; font-size:13px;}

.hr_title { height:25px; overflow:hidden; line-height:25px;}
.hr_info { line-height:24px; overflow:hidden;}
.hr_info span { font-weight:bold; color:#333;}
.hr_desc { overflow:hidden; padding-top:10px; border-bottom:1px #ccc dashed; padding-bottom:10px;}
.hr_desc span { font-weight:bold; color:#333;}

.QQbox {Z-INDEX: 99; RIGHT: 0px; WIDTH: 120px; POSITION: absolute; TOP: 200px; overflow:visible;}
.QQbox .Qlist {LEFT: 0px; WIDTH: 120px; POSITION: absolute; overflow:visible;}

.productinfo_defaultpic { overflow:hidden;}
.productinfo_defaultpic img { border:1px #ccc solid;}
.productinfo_morepic { overflow:hidden; width:370px; padding-top:10px;}
.productinfo_morepic ul li { float:left; width:82px; margin-right:8px;}
.productinfo_morepic img { border:1px #CCC solid; width:80px; height:60px;}