@charset "utf-8";
/* CSS Document */

body{ background-color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0px;}
form{margin:0px; padding:0px;}
p{font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:22px;}
a{ text-decoration:none;color:#0066FF; font-family:Arial, Helvetica, sans-serif;}
a:hover{ text-decoration: underline;color: #FF0000;}
.pagePrint{ clear:both; padding-top:20px; padding-right:20px; text-align:right; font-size:12px; }
.pagePrint span {color: #FF0000;}
.pagePrint a {color:#0066FF; text-decoration:none;}
.pagePrint a:hover {color: #FF0000; text-decoration: underline;}

.index_bg{ background:url(index_top_bg.jpg) repeat-x #4d82ec;}
.indexMain { margin:auto auto auto auto; width:1000px; padding:0px;}
.indexMain .top {height:146px; background-image:url(/tpl/default/image/firstpage2_01.jpg); background-color:#FFFFFF;}
.indexMain .middle{ height:440px;}
.indexMain .middle div{float:left;}
.indexMain .middle .left{ width:402px; height:440px; background-image:url(/tpl/default/image/firstpage2_02.jpg);}
.indexMain .middle .content{ width: 574px;height:440px; background-color:#FFFFFF;}
.indexMain .middle .content .introduce {clear:left; width:530px; margin:10px;}
.indexMain .middle .content .introduce a{ color:#ff0000; text-decoration:none;}
.indexMain .middle .content .introduce a:hover{ color:#247EBF; text-decoration: underline;}
.indexMain .middle .content .introduce p{line-height:20px;}
.indexMain .middle .right2 { width: 24px; height:440px;background-image:url(/tpl/default/image/firstpage2_04.jpg);}
.indexMain .down {width:1000px; height:14px;background-image:url(/tpl/default/image/firstpage2_05.jpg); overflow:hidden;}

.indexBackgroup {background-image:url(/tpl/default/image/firstpage_bg.jpg); margin:0px;}
.index2main{background-image:url(firstpage_bg.gif); width:750px; height:450px; margin:159px auto auto auto;}
.index2main .indexLeft{float:left;width:530px;height:420px; margin:15px 15px auto 15px!important;*margin:15px 15px auto 7px;}
.index2main .indexLeft .indexLogo{ margin:5px 5px 5px 15px; font-size:17px; line-height:160%; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color: #FFFFFF;}
.index2main .indexLeft .indexProduct {margin:15px 5px 5px 15px;}
.index2main .indexLeft .indexProduct .productLists {float:left;width:355px; height:180px; border:3px #FFFFFF solid; background-color:#313131;}
.index2main .indexLeft .indexProduct .productLists .productTitle{ height:35px; color:#FFFFFF; font-size:18px; font-family:Arial, Helvetica, sans-serif; border-bottom:3px #FFFFFF solid; padding-top:10px; padding-left:10px; overflow:hidden;}
.index2main .indexLeft .indexProduct .productLists .productTitle a{ color:#FFFFFF; text-decoration:none;}
.index2main .indexLeft .indexProduct .productLists .productList img{ width:160px; margin-top:5px; margin-left:5px; border:0px;}
.index2main .indexLeft .indexProduct .moreInfo{ float:left;  margin-left:15px; margin-top:10px;color:#FFFFFF; font-size:18px; width:100px; }
.index2main .indexLeft .indexProduct .moreInfo img{ margin-top:10px; border:0px;}
.index2main .indexLeft .indexIntro {float:left;}
.index2main .indexLeft .indexIntro div{ float:left; width:220px; color:#FFFFFF; margin:10px 10px auto 15px!important;*margin:15px 10px auto 7px;}
.index2main .indexLeft .indexIntro .cnIntro{font-size:12px; line-height:120%; font-family:"宋体", "新宋体", "黑体";}
.index2main .indexLeft .indexIntro .enIntro{font-size:12px;width:240px; font-family:Arial, Helvetica, sans-serif;}
.index2main .indexLeft .indexIntro a{color:#fee901; text-decoration:none;}
.index2main .indexRight{float:left;width:170px;height:420px;margin:15px 0px auto 0px; display:none;}
.index2main .indexRight .rightTop { height:255px;}
.index2main .indexRight .rightMenu { background-image:url(/tpl/default/image/firstpage_menu_bg.jpg); height:18px; width:152px; margin:3px auto 3px 15px; text-align: center;}
.index2main .indexRight .rightMenu a{ color:#000000; font-size:14px; text-decoration:none;}
.index2main .indexRight .rightMenu a:hover{color:#FF0000;}
.index2main .indexRight .menuName{ font-size: 24px; font-family:Arial, Helvetica, sans-serif; color: #666666; font-weight: bold; text-align:center;}

.index3main { margin:0px; padding:0px; background-color:#FFFFFF;}
.index3main .FPtop {background:url(/tpl/default/image/firstpageTopBg.jpg) repeat-x; height:120px;}
.index3main .FPtop .FPhead{ margin:0px auto auto auto; width:980px;}
.index3main .FPtop .FPhead .logo2{ margin-top:25px; margin-left:20px; margin-bottom:auto;}
.index3main .FPtop .fav{ *height:24px;height:22px!important;  color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
.index3main .FPtop .fav .fav_left{float:right;  background-image:url(/tpl/default/image/favorite_left.gif); height:24px; width:21px;}
.index3main .FPtop .fav .fav_content{ float:right; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; height:24px; width:220px; background-color:#000000; text-align:center; line-height:24px;}
.index3main .FPtop .fav .fav_right{ float:right; background:url(/tpl/default/image/favorite_right.gif) no-repeat; height:24px; width:80px;}
.index3main .FPtop .fav a{color:#FFFFFF; text-decoration:none}
.index3main .FPtop .menu{ float:left; *margin:73px 1px -4px; 10px;margin:71px 1px -2px 10px!important; list-style:none; }
.index3main .FPtop .menu li{ float:left; text-align:center; background: url(/tpl/default/image/firstpageMenuBg.jpg); line-height:25px; *height:27px;height:25px!important; width:95px; margin-right:1px;}
.index3main .FPtop .menu li a{ text-decoration: none; color: #FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;}
.index3main .FPtop .menu li a:hover{ text-decoration: underline;}
.index3main .FPbody{ border:1px #FFFFFF solid; margin:0px auto auto auto; width:928px; background:url(/tpl/default/image/firstpageBodyBg.jpg) no-repeat; height:420px; }
.index3main .FPbody .adText{position:absolute;margin: 20px auto auto 15px; background: url(/tpl/default/image/adText.gif) no-repeat; width:305px; height:87px;}
.index3main .FPbody .mainImage{ position:absolute;  margin: 24px auto auto 314px!important ;*margin: 24px auto auto 299px!important ;
*margin: 24px auto auto 299px; width:382px; height:382px; z-index:20;}
.index3main .FPbody .mainImage ul{ margin:0px; padding:0px;}
.index3main .FPbody .mainImage ul li{ position:absolute;width:382px;height:382px; display:none;}
.index3main .FPbody .mainImage #image1 {
	background-image: url(/tpl/default/image/firstpageMainImage1.png)!important;/* FF IE7 */
	background-repeat: no-repeat;
	
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/tpl/default/image/firstpageMainImage1.png'); /* IE6 */
	_ background-image: none; /* IE6 */
}
.index3main .FPbody .mainImage #image2 {
	background-image: url(/tpl/default/image/firstpageMainImage2.png)!important;/* FF IE7 */
	background-repeat: no-repeat;
	
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/tpl/default/image/firstpageMainImage2.png'); /* IE6 */
	_ background-image: none; /* IE6 */
}
.index3main .FPbody .mainImage #image3 {
	background-image: url(/tpl/default/image/firstpageMainImage3.png)!important;/* FF IE7 */
	background-repeat: no-repeat;
	
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/tpl/default/image/firstpageMainImage3.png'); /* IE6 */
	_ background-image: none; /* IE6 */
}
.index3main .FPbody .mainImage #image4 {
	background-image: url(/tpl/default/image/firstpageMainImage4.png)!important;/* FF IE7 */
	background-repeat: no-repeat;
	
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/tpl/default/image/firstpageMainImage4.png'); /* IE6 */
	_ background-image: none; /* IE6 */
}

.index3main .FPbody .bottom{margin-top:365px; margin-left:15px;color:#c1c1c1; font-size:10px;  }

.tabs{border-bottom:1px #BFDCEC solid; height:22px;overflow:hidden;float:left;clear:both;width:100%}
.tabs dl{float:right;width:150px}
.tabs dd{float:left}
.tabs dt{float:left}
.tabs dt a{padding:0 15px;background:url(/tpl/default/image/film_tabs_right.jpg) no-repeat right -22px}
.tabs dt a:hover{color:#247EBF;text-decoration:none;}
.tabs a{display:block; color:#FF0000; text-decoration:none;}
.tabs dt{margin-right:1px;height:22px;line-height:25px;background:url(/tpl/default/image/film_tabs_left.jpg) no-repeat left -22px}
.tabs dt.select{background:url(/tpl/default/image/film_tabs_left.jpg) no-repeat left top;position:relative;border-bottom:1px #fff solid;line-height:22px;margin-bottom:-1px}
.tabs dt.select a{padding:0 15px;background:url(/tpl/default/image/film_tabs_right.jpg) no-repeat right top}

.top{background:url(/tpl/default/image/top_bg3.jpg); height:97px;margin:0px;}
.top .logo{ float:left; width: 250px; text-align:center;  padding-top:18px; padding-left:18px; }
.logo2{
    float:left;
	margin-top:12px;
	margin-left:18px;
	background:url("/tpl/default/image/logo.png") no-repeat;
    width:280px;
    height:80px;
    display: -moz-inline-box !important;
    display:block;
    display: inline-block;
    vertical-align:middle;
}
* html .logo2{
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale, src="/tpl/default/image/logo.png");    
    background:none;
    
    }
.top .fav{ *height:24px;height:22px!important;  color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
.top .fav .fav_left{float:right;  background-image:url(/tpl/default/image/favorite_left.gif); height:24px; width:21px;}
.top .fav .fav_content{ float:right; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; height:24px; width:220px; background-color:#000000; text-align:center; line-height:24px;}
.top .fav .fav_right{ float:right; background:url(/tpl/default/image/favorite_right.gif) no-repeat; height:24px; width:80px;}
.top .fav a{color:#FFFFFF; text-decoration:none}
.top .menu{ float:left; *margin:45px 1px auto 20px;margin:43px 1px -2px 20px!important; list-style:none; }
.top .menu li{ float:left; text-align:center; background:url(/tpl/default/image/menu_bg.jpg); line-height:30px; height:32px; width:85px;}
.top .menu .split{background:url(/tpl/default/image/g_06_nav_02.gif); width:19px; height:30px; padding:0px}
.top .menu li a{ text-decoration: none; color: #1E1E1E; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;}
.top .menu li a:hover{ text-decoration: underline;}
.top .menu .front{background:url(/tpl/default/image/g_06_nav_00.gif) no-repeat; width:19px;height:30px;*height:32px;padding:0px;}
.top .menu .sel a{text-decoration: underline; color:#FF0000;}

.navigator{height:39px;background:url(/tpl/default/image/g_06_mdl_bg.gif); BORDER-BOTTOM: #d0c9ad 1px solid; }
.navMain{float:left;margin:0px;width:320px; padding-left:30px; padding-top:10px; font-weight:bold; font-size:14px; color:#4d82ec;}
.navKid{float:left;margin:0px;padding-top:12px;padding-left:30px;font-size:12px;color:#4d82ec;width:200px;}
.search{ float:right; margin-right:0px;padding-top:6px;padding-right:10px; padding-bottom:0px;}

.banner{ height:180px; background-color: #CCCCCC;}

.left{ float:left;margin:0px;width:320px;height:700px;}
.leftMenu{list-style:none; padding:0px; margin-top:20px; margin-left:40px; overflow:auto; width:240px; height:280px;}
.leftMenu li{ font-size:14px; width:165px; height:31px; line-height:30px; padding-left:48px; background:url(/tpl/default/image/nav1.gif) no-repeat;}
.leftMenu li a{ text-decoration:none;color:#000000; font-family:Arial, Helvetica, sans-serif; }
.leftMenu li a:hover{ text-decoration: underline;color: #FF0000;}
.leftMenu .clickon{ background: url(/tpl/default/image/nav0.gif) no-repeat;}
.leftMenu .clickon a{ text-decoration: none;color: #ffffff;}
.leftMenu .clickon a:hover{ text-decoration: none;color: #ffffff;}
.leftKid{float:left; width:320px; margin-top:10px;}
.leftKid .title{float:left; background-color:#4d82ec; width:220px; *margin-left:10px; margin-left:20px !important; padding:3px; padding-right:10px; color:#FFFFFF; font-size:12px; font-weight:bold; text-align:right; margin-right:1px; display:inline;}
.leftKid .titleRight{width:5px; background-color:#333333; height:20px;}
.leftKid .titleShade{float:left;background:url(/tpl/default/image/bg_label_sh_1.gif) no-repeat right;width:235px;margin-left:20px;height:5px;display:inline;}
.leftKid table{*margin-left:20px;}
.leftKid .content{ width:240px; *margin-left:25px;margin-left:28px!important ; margin-top:0px; height:175px; overflow:auto;}
.leftKid img{margin-left:30px; margin-top:5px; }
.leftKid .content ul{margin-left:20px; margin-top:0px; padding:0px;}
.leftKid .content li{list-style-image:url(/tpl/default/image/bul_a_bred.gif); line-height:20px;}

.right{ position:absolute;left:320px; }
.right .head {padding:5px; font-size:12px;}
.right .head a{text-decoration:none; color:#999999; font-size:12px;}
.right .body {width:670px; background:url(/tpl/default/image/right_bg.jpg) no-repeat right bottom;}
.right .body P{ line-height:150%; margin:5px; padding:5px;}
.right .body .typeName { background:url(/tpl/default/image/title_bg.jpg) no-repeat; height:35px; padding-left:25px; margin-bottom:5px;}
.right .body .typeName h3{ padding-left:10px; padding-top:10px; font-size:16px; color:#0066FF;}
.right .body .Introduction{ margin:10px; width:620px;}
.right .body .Introduction .description img{ margin-right:20px; margin-bottom:10px;}
.right .body .Introduction .description .Manufactory img{ margin-right:10px; margin-bottom:15px;}
.right .body .News { margin:10px; width:600px;}
.right .body .News .newsList{ list-style:none; margin:0px; padding:0px;}
.right .body .News .newsList li{float:left; width:600px; height:20px; padding-top:15px;  border-bottom:1px #CCCCCC solid;}
.right .body .News .newsList li .newsTitle {float:left; width:450px; background:url(/tpl/default/image/bul_a_bred.gif) no-repeat 5px; padding-left:20px;}
.right .body .News .newsList li .newsTitle a {font-size:12px; color: #0066FF; text-decoration:none;}
.right .body .News .newsList li .newsTitle a:hover {font-size:12px; color: #FF0000; text-decoration: underline;}
.right .body .News .newsList li .newsDate { font-size:10px; color:#999999;}
.right .body .News .newsDetail{padding:0px;}
.right .body .News .newsDetail .newsTitle { font-size:16px; color: #0066FF; text-align:center;}
.right .body .News .newsDetail .keywords { height:18px; }
.right .body .News .newsDetail .keywords div{font-size:12px; float:left; width:65px; color:#FF0000; font-weight:bold; margin-left:8px; }
.right .body .News .newsDetail .keywords  .newsKeywords {font-size:12px;}
.right .body .News .newsDetail .newsDescription {font-size:12px; padding:10px;}
.right .body .News .newsDetail .newsDate {font-size:10px; text-align:right; color: #999999;}
.right .body .Product { margin:10px; width:630px;}
.right .body .Product ul{ list-style:none; margin:0px; padding:0px; }
.right .body .Product li{float:left; margin: 18px 18px 0px 0px; border:1px #CCCCCC solid; background-color:#EEEEEE;width:190px; height:170px;}
.right .body .Product li a {color:#000000; text-decoration:none;}
.right .body .Product li a:hover {color: #FF0000; text-decoration: underline;}
.right .body .Product li img{margin:15px auto 10px 15px; border:0px;width:160px;}
.right .body .Product li h3{ font-family:Arial, Helvetica, sans-serif; font-size:14px; margin:0px; text-align:center;}
.right .body .Product .proDetail{padding:0px;}
.right .body .Product .proDetail .proTitle { font-size:16px; color: #0066FF; text-align:center;}
.right .body .Product .proDetail .keywords { height:18px; }
.right .body .Product .proDetail .keywords div{font-size:12px; float:left; width:65px; color:#FF0000; font-weight:bold; margin-left:8px; }
.right .body .Product .proDetail .keywords  .proKeywords {font-size:12px;}
.right .body .Product .proDetail .proDescription {font-size:12px; padding-left:10px;}
.right .body .Product .proDetail .proDate {font-size:10px; text-align:right; color: #999999;}

.right .body .Product .proDetail .visioview { width:560px; height:430px; overflow:hidden;margin:auto; text-align:center; background:#FFFFFF; border:1px solid; }
.right .body .Product .proDetail .visioview img{width:500px; cursor: move; margin:15px; z-index:1; border:8px solid #D8D8D8;}
.right .body .Product .proDetail .operation { width:360px;text-align:center; padding:20px auto 5px auto; margin:auto;}
.right .body .Product .proDetail .operation img{ width:20px; height:20px;}
.right .body .Product .proDetail #contral{ position: absolute; z-index:10; left:30px;}
.right .body .Product .proDetail #contral img{ width:auto; margin:auto; cursor:auto; width:20px; height:20px; border:0px;}
.right .body .Product .proDetail #contral ul{width: 80px;}
.right .body .Product .proDetail #contral li{width:22px; height:22px; margin:1px; padding:0px; float:left; list-style:none; border:0px; }
.right .body .Product .proDetail .proFields{ margin:0px; padding:0px; width:620px;}
.right .body .Product .proDetail .proFields li {width:190px; line-height:25px; padding-left:5px; height:28px; margin:2px;}

.right .body .Recruitment { margin:10px; width:650px;}
.right .body .Recruitment .jobList ul{list-style:none; margin:0px; padding:0px;}
.right .body .Recruitment .jobList ul .jobName{width:100px;}
.right .body .Recruitment .jobList ul .jobAge{width:50px;}
.right .body .Recruitment .jobList ul .jobSex{width:50px; text-align:center;}
.right .body .Recruitment .jobList ul .jobEdu{width:100px;}
.right .body .Recruitment .jobList ul .jobDescription{width:240px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.right .body .Recruitment .jobList .jobHead {width:600px;}
.right .body .Recruitment .jobList .jobHead li{float:left; padding:5px; margin:1px 1px 0px 0px;background-color:#CC9900; font-weight:bold;}
.right .body .Recruitment .jobList .jobDetail {width:600px;}
.right .body .Recruitment .jobList .jobDetail li{float:left; padding:5px; margin:1px 1px 0px 0px; line-height:150%; background-color:#EFEFEF;}
.right .body .ContactUs { margin:10px;}
.right .body .ContactUs img{ border:0px;}
.right .body .Sitemap { margin:10px;}
.right .body .Sitemap .root{ font-size:14px; font-weight:bold;}
.right .body .Sitemap li{ margin:8px;}
.right .body .Sitemap a { color:#0066FF; font-size:14px; text-decoration:none;}
.right .body .Sitemap a:hover { color:#0066FF; text-decoration: underline;}


.right .bottom{width:auto;height:100px;}
.right .bottom .line{background:url(/tpl/default/image/bottom-line.jpg) #4d82ec no-repeat;  height:4px!important;*height:6px;}
.right .bottom .txt {padding:5px;; color: #999999; font-size:10px;}
.right .bottom .txt .btmLink {color:#000000; font-size:14px; font-weight:bold;}
.right .bottom .txt .btmLink a { color:#000000; font-size:12px; text-decoration: none; font-weight:normal;}
.right .bottom .txt .btmLink a:hover {color: #FF0000; font-size:12px; text-decoration:underline;}
.right .bottom .txt a {color: #999999; font-size:10px; text-decoration: none;}
.right .bottom .txt a:hover {color: #000000; font-size:10px; text-decoration:underline;}
.right .bottom .txt img{padding-right:20px;padding-bottom:10px;}