﻿/* CSS Document */
body { margin:0;padding:0px;font-family: Tahoma,"宋体";font-size: 12px;}
*{ margin:0;padding:0;}
img{border:0;}
ul li{ list-style:none}
a {color:#000;text-decoration: none;}
a:link {color:#000;text-decoration: none;}
a:hover {color:#FF6600;text-decoration: none;}
a:active {text-decoration: none;}
a:visited {text-decoration: none;}
.clr{clear:both;}

.headbox{ width:100%; padding-top:35px; background: url(../nimages/bg_top.jpg) repeat-x;}
.top{ width:980px; height:98px; margin:0 auto;  position:relative;background:url(../nimages/logo.png) left top no-repeat;}
.top_link{ padding-top:5px; text-align:right; height:73px;}
.top_link a{ margin-left:11px;}
.menubox{ width:980px;}
.menulist{ width:938px; padding:0 21px; height:44px; position:absolute; z-index:10; left:0; top:78px; background:url(../nimages/menu.png) no-repeat; overflow:hidden;}
.menulist ul li{ float:left; display:block; width:100px; height:44px; line-height:150px; margin-left:8px; overflow:hidden;}
.menulist ul li a{display:block; width:100px; height:44px;}
.menulist ul li a:hover,.menulist ul li a.on{ display:block;background:url(../nimages/menu.png) no-repeat;}
.menulist #home{ width:74px; margin-left:0;}
.menulist #home a.on,.menulist #home a:hover{ background-position:-21px -50px;}
.menulist #about a.on,.menulist #about a:hover{ background-position:-103px -50px;}
.menulist #news a.on,.menulist #news a:hover{ background-position:-211px -50px;}
.menulist #product a.on,.menulist #product a:hover{ background-position:-319px -50px;}
.menulist #qut a.on,.menulist #qut a:hover{ background-position:-427px -50px;}
.menulist #support a.on,.menulist #support a:hover{ background-position:-535px -50px;}
.menulist #projects a.on,.menulist #projects a:hover{ background-position:-643px -50px;}
.menulist #jobs a.on,.menulist #jobs a:hover{ background-position:-751px -50px;}
.menulist #contact a.on,.menulist #contact a:hover{ background-position:-859px -50px;}



.banerbox{ width:100%; height:264px; background:url(../nimages/bg_banner_ny.jpg) repeat-x;}
.mainbanner{ height:344px; background:url(../nimages/bg_banner.jpg) repeat-x;}
.banner{ width:980px;height:264px; margin:0 auto;}
.mainbanner .banner{height:344px;}
.contain,.maincontain{ width:100%; padding-top:30px;background:url(../nimages/bg_box.jpg) top repeat-x; margin-bottom:40px;}
.contain{ padding-top:12px;}
.box{ width:980px; margin:0 auto; background:url(../nimages/bg_main.jpg) repeat-y}
.mainbox{ width:980px; margin:0 auto;}
.mainlink{ width:100%; height:44px; border-top:#D4D4D4 1px solid; background:#ECECEC;}
.linkbox{ width:726px; margin:0 auto; height:32px; padding:12px 0 0 162px; background: #FFF url(../nimages/link.jpg) left top no-repeat;}
.linkbox select{ float:left; width:203px; height:20px; border:#918F9C 1px solid; margin-left:20px;}
.footbox{overflow:hidden;  width:100%; padding-top:25px; height:156px; background:url(../nimages/bg_b.jpg) repeat-x;}
.foot{ width:874px; padding-left:106px; margin:0 auto; line-height:24px; color:#7B7B7B;}
.foot span{ height:17px; float:right; padding-top:7px;}
.foot p.en{ font-family:Tahoma; line-height:14px; font-size:10px;}

.mainleft{ float:left; width:302px;}
.maincenter{ float:left; width:434px; margin-left:34px;}
.mainright{ float:right; width:176px;} 
.main_fousbox{ width:290px; height:178px; padding:6px; margin-bottom:20px; background:url(../nimages/main_fous.jpg) no-repeat; overflow:hidden;}
#ISL_Cont{width: 160px; height:137px; OVERFLOW: hidden}
#ISL_Cont img{ float:left; width:160px; height:137px;}
.ScrCont{width:10000000px;}
#List1,List2{ float:left;}

#JINGDONGBox {POSITION: relative}
#JINGDONGNumID {POSITION: absolute; BOTTOM:7px; RIGHT: 0px; font-family:"宋体";}
#JINGDONGNumID LI {display:block;TEXT-ALIGN: center; /*FILTER: alpha(opacity=80);opacity: 0.8;*/ BACKGROUND: url(../nimages/fous_bg.gif) no-repeat; WIDTH: 10px; line-height:11px; HEIGHT: 11px;FLOAT: left; font-size:7px;COLOR: #000; OVERFLOW: hidden;CURSOR: pointer;MARGIN-RIGHT: 8px;}
#JINGDONGNumID LI:hover { BACKGROUND: url(../nimages/fous_hover.gif) no-repeat; WIDTH: 10px; HEIGHT: 11px; COLOR: #FFF;}
#JINGDONGNumID LI.active { BACKGROUND: url(../nimages/fous_hover.gif) no-repeat; WIDTH: 10px; HEIGHT: 11px; COLOR: #FFF;}
#JINGDONGContentID LI {POSITION: relative}
#JINGDONGContentID LI img{ width:288px; height:176px;}
.mask {POSITION: absolute; /*FILTER: alpha(opacity=30); opacity: 0.3;*/ BACKGROUND: url(../nimages/fours_bg.png) no-repeat; WIDTH: 100%; BOTTOM: 0px; DISPLAY: block; HEIGHT: 24px; LEFT: 0px;}
.comt {POSITION: absolute; TEXT-ALIGN: left; TEXT-INDENT: 10px; WIDTH: 200px; BOTTOM: 0px; HEIGHT: 24px; line-height:24px; COLOR:#ffffff; FONT-SIZE: 12px;LEFT: 0px}
.comt a{COLOR:#ffffff; }
#banner_wapper{overflow:hidden;width:980px;height:344px;position:relative;clear:both;}
#ContentID img{ width:980px; height:344px;}
#TabID { position:absolute; bottom:20px; left:20px; display:none;}
#TabID LI { border: #000000 1px solid; text-align: center; FILTER: alpha(opacity=80); opacity: 0.8;margin:0 2px; padding:2px 5px; width:16px;FLOAT: left; height:16px; color:#000; cursor:pointer;}
#TabID LI:hover,#TabID LI.active {border: #000000 1px solid; background:#000; color:#FFF;}

.slider_wrap{position:relative;width:160px;height:137px;}
#slider_box{position:relative;width:160px;height:137px;overflow:hidden;float:left;}
#contentList li{float:left;position:relative;}
#contentList li IMG{width:160px;height:137px;}
#previewList{position:absolute;bottom:13px;right:5px;}
#previewList li{list-style:none;float:left;width:16px;height:14px;FILTER:alpha(opacity=80);opacity:0.8;border:1px solid #D00000;background-color:#FFFFFF;color:#D00000;text-align:center;cursor:pointer;margin-right:2px;padding-top:0px;overflow:hidden;}
#previewList li:hover,#previewList li.active{border:1px solid #D00000;background-color:#FF0000;color:#FFFFFF;width:16px;height:14px;font-weight:bold;font-size:13px;}


.main_probox{ width:100%;}
.main_pro_tit{ height:23px; border-bottom:#E0DDD6 1px solid; margin-bottom:5px; color:#3A3A3A;font-family:"微软雅黑"; font-weight:bold;}
.main_pro_class{ height:148px; overflow:hidden;}
.main_pro_class ul li{ float:left; width:147px; height:46px; line-height:46px; margin-right:8px; margin-top:6px; color:#666; font-family:"微软雅黑"; text-indent:18px; background:url(../nimages/index_classbg.jpg) no-repeat; overflow:hidden; font-size:10px;}
.main_pro_class ul li.mr0{ margin-right:0;}
.main_pro_class ul li.mc{ margin-right:0; width:302px; height:38px; line-height:38px; text-indent:60px; background:url(../nimages/index_classbg2.jpg) no-repeat;}
.main_pro_class ul li a,.main_pro_class ul li a:link{color:#666; }
.main_pro_class ul li a:hover{ color:#FF6600;}
.main_pro_class ul li a:visited{}

.main_news_tit{ width:100%; height:30px; margin-bottom:16px; background: url(../nimages/index_news_titbg.jpg) no-repeat;}
.main_news_tit span{ float:right; padding:7px 10px 0px 0px; height:23px;}
.main_news_tit ul{float:left;}
.main_news_tit ul li{float:left; display:block;width:78px; height:27px; padding:3px 1px 0 1px; margin-right:2px;line-height:24px; color:#55483E; font-family:"微软雅黑"; background:url(../nimages/index_news_titbg.jpg) -82px 0 no-repeat; overflow:hidden; text-align:center;}
.main_news_tit ul li a,.main_news_tit ul li a.moushout{ display:block; height:27px; line-height:24px; width:78px;color:#55483E;}
.main_news_tit ul li a.moushover,.main_news_tit ul li a:hover{ display:block; color:#052E6D; background:#FFF;}
.main_news_tit ul li a:visited{}
.main_newsbox{ height:341px; overflow:hidden;}
.main_newsbox ul li{ padding:0 18px 0 12px; height:33px; line-height:33px; background:#F9F9F9; font-family:"宋体"}
.main_newsbox ul li.bgwrite{ background:#FFF; height:35px; line-height:35px;}
.main_newsbox ul li span{ float:right; font-family:Tahoma;}

.index_contact{ border-left:#E0DDD8 1px solid;  padding-left:5px; width:173px; height:189px; overflow:hidden; margin-bottom:20px;font-family:"微软雅黑"; }
.index_contact h3{height:23px; border-bottom:#E0DDD6 1px solid;color:#3A3A3A;font-weight:bold; font-size:12px;}
.index_contact ul li{ height:44px; text-indent:55px; line-height:44px; color:#666; font-size:16px;border-bottom:#E0DDD6 1px solid; background:url(../nimages/index_contactbg.jpg)  no-repeat; overflow:hidden;}
.index_contact p{ padding-top:14px;}

.index_honor{ width:162px; height:163px; padding:13px 6px 9px 6px;border:#E0DDD6 1px solid;}
.index_honor_tit{ padding-left:5px; height:23px;color:#3A3A3A;font-weight:bold;font-family:"微软雅黑";}
.index_honor_tit span{ float:right;}
.index_honor_img{border:#E0DDD6 1px solid; width:160px; height:137px;}
.index_honor_tit span img{ margin-left:2px; cursor:pointer;}
.mainprobox{ width:780px; margin:17px auto 0 auto; padding-top:40px; background: url(../nimages/index_protit.jpg) top no-repeat;}
.mainpro_tit{ height:40px; width:100%;}
.mainpro_box{ width:100%;  padding:5px 0; border-top:1px solid #E0DDD6; border-bottom:1px solid #E0DDD6;}
#buttomleft{ float:left; width:22px; height:122px; margin-right:8px; margin-top:30px; background:url(../nimages/index_rl.jpg)  no-repeat;}
#buttomright{ float:left; width:22px; height:122px; margin-left:8px; margin-top:30px; background:url(../nimages/index_rr.jpg)  no-repeat;}
.promain{ float:left; width:780px;  overflow:hidden; zoom:1; }
.promain ul li { float:left; width:190px; margin:3px 6px 3px 6px; text-align:center;overflow:hidden; display:inline /*解决ie6 双边距bug*/;text-overflow:ellipsis; white-space:nowrap;}
.promain img{ /*float:left; */width:140px; height:110px; margin-right:1px; border:1px solid #E1E1E1; padding:1px;}
#buttomleft a,#buttomright a{ display:block; width:22px; height:122px;}

.container{ width:100%; background: url(../nimages/bg_cend.jpg) bottom no-repeat; padding-bottom:65px; height:auto !important;  }
.boxleft{ float:left; padding:59px 8px 0 7px; width:157px; background:url(../nimages/bg_left_tp.jpg) top no-repeat;}
.boxright{ float:right; width:782px; padding:0 13px; background:url(../nimages/bg_right_tp.jpg) top no-repeat;}
.left_nav{ background:url(../nimages/left_navbg.jpg) bottom repeat-x; padding-bottom:60px;}
.left_nav ul li{ height:36px; line-height:36px; text-align:center; font-weight:bold; color:#3A4E73; margin-bottom:6px;border-top:1px solid #C9C9C9; border-bottom:1px solid #C9C9C9; background:url(../nimages/bg_left_bg.jpg) no-repeat; overflow:hidden;}
.left_nav ul li a,.left_nav ul li a:link,.left ul li a.m{ display:block; width:157px; height:36px; color:#3A4E73; background: url(../nimages/bg_left_bg.jpg) no-repeat;}
.left_nav ul li a:hover,.left_nav ul li a.v{ color:#FFF; background:url(../nimages/bg_left_hover.jpg) no-repeat;}
.left_nav ul li a:visited{}
.left_contact{ background: url(../nimages/left_contact.jpg) no-repeat; height:240px; border-top:1px solid #C9C9C9; border-bottom:1px solid #C9C9C9;}


.containerp{ width:100%; background: url(../nimages/bg_cendp.jpg) bottom no-repeat; padding-bottom:65px; height:auto !important;  }
.boxleftp{ float:left; padding:59px 8px 0 7px; width:197px; background:url(../nimages/bg_left_tpp.jpg) top no-repeat;}
.boxrightp{ float:right; width:742px; padding:0 13px; background:url(../nimages/bg_right_tpp.jpg) top no-repeat;}
.boxp{ width:980px; margin:0 auto; background:url(../nimages/bg_mainp.jpg) repeat-y}

.right_now{ height:46px; line-height:40px; text-indent:24px; margin-bottom:55px;}
.right_nowp{ height:46px; line-height:40px; text-indent:24px; margin-bottom:55px;}
.about_logo{ padding:20px 0 56px 0; height:52px; background:url(../nimages/logo_about.jpg) center 20px no-repeat;}
.aboutbox{ width:725px; margin:0 auto;text-align:justify;text-justify:inter-ideograph; line-height:28px; font-size:14px;}
.aboutbox p{ padding:10px 0;}
.aboutbox img{
	max-width:720px;height:auto;
	margin:8px 0; display: inline-block;
    zoom:expression( function(elm) {  
        if (elm.width>720) {  
            var oldVW = elm.width; elm.width=720;  
            elm.height = elm.height*(720 /oldVW); 
        } 
        elm.style.zoom = '1'; 
    }(this));
}

.newslist{ width:718px;margin:0 auto 67px auto;}
.newslist ul li{ height:38px; line-height:38px; padding-left:40px; width:678px; background: url(../nimages/icon.gif) left center no-repeat; font-size:14px;}
.newslist ul li span{ float:right;}

.pagebox{ width:724px; margin:0 auto; height:22px;}
.page_prev{ float:left; width:60px; height:22px;} 
.page_next{ float:right; width:60px; height:22px;}
.page{ float:left;width:604px;text-align: center;line-height:22px;text-align:center;font-weight:bold; font-size:12px; font-family:Tahoma;}
.page a,.page a:link{ padding:0 11px;}
.page a:hover{color:#1970BA; text-decoration:underline;}
.page a:visited{}
.page a.current{color:#1970BA; text-decoration:underline;}

.articlebox{ width:726px; margin:0 auto;}
.articlebox .art_tit{ height:22px; line-height:22px; font-weight:bold; font-size:14px; text-align:center;}
.articlebox .art_time{ text-align:center; color:#B3B3B3; height:34px; line-height:34px; margin-bottom:45px;}
.articlebox .art_cont{text-align:justify;text-justify:inter-ideograph; line-height:28px; font-size:14px;}
.articlebox .art_cont p{ padding:10px 0;}
.articlebox .art_cont img{
	max-width:720px;height:auto;
	margin:8px 0; display: inline-block;
    zoom:expression( function(elm) {  
        if (elm.width>720) {  
            var oldVW = elm.width; elm.width=720;  
            elm.height = elm.height*(720 /oldVW); 
        } 
        elm.style.zoom = '1'; 
    }(this));
}

.class_title{ text-align:center; font-weight:bold; font-size:14px; height:58px;}
.productbox{ width:726px; margin:0 auto 40px auto;}
.productbox ul li{ float:left; padding:0 20px; width:202px; height:240px; margin-bottom:20px; overflow:hidden;}
.productbox ul li img{ width:200px; height:200px; border:1px solid #1870BA;}
.productbox ul li p{ display:block; width:202px; height:38px; line-height:38px; text-align:center; overflow:hidden; font-size:14px;}

.projectsbox{ width:714px; margin:0 auto 30px auto;}
.projectslist{ border:#B8CDE0 1px solid; margin-bottom:20px; padding:9px 22px 9px 9px; width:681px; height:122px; overflow:hidden;}
.projectslist .list_l{ float:left; width:380px; height:120px; border:#1C6FBB 1px solid;}
.projectslist .list_l img{width:380px; height:120px;}
.projectslist .list_r{ float:right; width:274px; padding-top:8px;}
.projectslist .list_tit{ height:20px; line-height:20px; font-size:14px; font-weight:normal; width:100%; overflow:hidden; margin-bottom:17px;}
.projectslist .list_tit span{ float:right; padding-left:15px;}
.projectslist .list_con{ width:100%; height:66px; line-height:22px; overflow:hidden; text-indent:25px;text-align:justify;text-justify:inter-ideograph;}

.contactbox{ width:558px; margin:0 auto; }
.contactbox h3{ height:84px; line-height:84px; font-weight:bold; font-size:14px; margin-bottom:15px;}
.contactbox p{ line-height:41px;font-size:14px;}

.jobsbox{ width:725px; margin:0 auto 63px auto;}
.jobstit th{ border-bottom:#9DBFDA 1px dashed; height:53px; line-height:38px; color:#1A70BB;}
.jobsbox td{ height:50px; line-height:50px; text-align:center;font-size:14px;}
.jobsbox td.jobskg{ height:20px; }
.jobsbox td.title{ padding-left:40px;background: url(../nimages/icon.gif) left center no-repeat; text-align:left;}


.jobinfo{
margin:0 auto;
}
.jobinfo td{ text-indent:10px;}

.guestbookbox{ width:726px; margin:0 auto; padding-bottom:40px;}
.message{width:560px; margin:0 auto;}
.guestbook_input{ width:152px; height:20px; border:1px solid #C2C2C2;}
.guestbook_input2{ width:422px; height:105px; border:1px solid #C2C2C2;}
.guest_submit{ width:114px; text-align:center; height:23px; line-height:23px; border:0; background: url(../nimages/guestbook_reset.jpg) no-repeat;cursor:pointer;}

.guestbook{ width:100%; padding-bottom:10px;}
.guest_list{border:1px solid #CCCCCC; line-height:22px; margin:0 auto 10px auto;}
.guest_list td{ padding:3px;}
#guest_title{ border-bottom:1px solid #CCCCCC; height:26px; line-height:26px;background:url(../nimages/gbook.gif) 5px center no-repeat; padding-left:26px;}


.tkWrap {height:344px;position:relative;}
.tkBtn {position: absolute;bottom:10px; right: 10px; display:none;}
.tkAD{margin:0; padding:0;position:relative; float: left;}
.tkBtn a{text-decoration:none; float: left;background-color:#eee; border-radius: 12px; padding:2px 8px; margin-right: 5px;}
.tkBtn a:hover,.tkBtn a.current {background-color:#fff; color:red;}
.tkAD li { list-style: none; position: absolute;}
.tkAD li img{ width:980px; height:344px;}