@charset "utf-8"; /* CSS Document */ div, h1, h2, h3, h4, h5, h6 ,p, form, label, input, img, span{ margin:0; padding:0; } ul{ margin:0; padding:0; list-style-type:none; } .spacer{ clear:both; font-size:0; line-height:0; } body{ padding:0; margin:0; color:#666; font: normal 12px/24px "微软雅黑",Arial, Helvetica, sans-serif; } table{ font-family:Arial, Helvetica, sans-serif,"宋体";} a:link {color: #666; text-decoration: none;} a:visited {text-decoration: none; color: #666;} a:hover {text-decoration: none ; color: #007F0C} a:active {text-decoration: none; color: #666;} .more{ display:block; float:right; margin:0; padding:5px 0 0 0;} .logo{ display:block; float:left; margin:0; padding:0; border:0; } .left{ display:block; float:left; margin:0; padding:0; border:0;} .right{ display:block; float:right; margin:0; padding:7px 0 0 0; border:0;} .t1{ color:#0077CC; font-weight:bold;} .t2{ color:#006699; font-weight:bold;} .rul{display:block; float:left; width:700px; background:url(../images/bg_rul.gif) left bottom no-repeat ; padding:0; font:bold 12px/25px "微软雅黑",Arial, Helvetica, sans-serif; } .rulli01{display:block; float:left; width:100px; text-align:center; color:#FF6600; background:url(../images/bg_rul.gif) left top no-repeat ;} .rulli02{display:block; float:left; width:290px;height:30px; overflow:hidden; background:url(../images/bg_rul.gif) right top no-repeat ;} .rdiv{float:left; width:710px; background:url(../images/100.jpg) left top repeat-y; margin-bottom:30px; } .rgaccord1-nest{ float:left; width:991px;border-left:#CCCCCC 1px solid;border-right:#CCCCCC 1px solid;border-bottom: #CCCCCC 1px solid; margin-left:1px;overflow:hidden; } .rgaccord1-toggle{ float:left; width:995px; cursor:pointer;} .rgaccord1-content{ float:left; width:994px;background:url(../images/bg_job.gif) left top repeat-x; margin:0 3px; padding:3px 0; border:none;} .rgaccord1-content p{ border:none;} /*---------------------------------//top-----------------------------------*/ #topmain{ background:url(../images/header_top_line.gif) center top repeat-x; width:100%; height:95px; padding-top:5px; } #top { width:980px; margin:0 auto; position:relative;} p.PD{ position: absolute; right:0; top:0; font: normal 13px/95px "微软雅黑" ; color:#B3B3B3;} p.PD a{ display:block; float:left; margin-left:15px; color:#B3B3B3; padding-left:25px;} p.PD a.home{ background:url(../images/icon_home.png) left center no-repeat;} p.PD a.sitemap{ background:url(../images/icon_sitemap.png) left center no-repeat;} p.PD a.eng{ background:url(../images/icon_eng.png) left center no-repeat;} p.PD a:hover{ color:#8a8a8a;} /*---------------------------------//index banner-----------------------------------*/ #bannerMain{ width:100%; height:400px;} .area_visual {overflow:hidden; position: relative; width:100%; height:400px; } .area_visual .ul_visual li {display:none; overflow:hidden; position:absolute; top:0; left:0; width:100%; height:0; padding-top:400px; background-repeat:no-repeat; background-position:center top;font-family: "微软雅黑";} .area_visual .ul_visual li.li1 {display:block;} .area_visual .ul_visual li.li1 {background-image:url(../images/main/img_visual_1.jpg);} .area_visual .ul_visual li.li2 {background-image:url(../images/main/img_visual_2.jpg);} .area_visual .ul_visual li.li3 {background-image:url(../images/main/img_visual_3.jpg);} .area_visual .ul_visual li.li4 {background-image:url(../images/main/img_visual_4.jpg);} .area_visual .ul_visual li.li5 {background-image:url(../images/main/img_visual_5.jpg);} .area_visual .ul_visual li p {display:none; position:absolute; left:50%; opacity:0; color:#333;} .area_visual .ul_visual li .txt_1 {font-size:54px; line-height:46px; font-family:'微软雅黑';} .area_visual .ul_visual li .txt_1 .span_block {font-family:'PFSquareSansProMedium';} .area_visual .ul_visual li .txt_2 {font-size:20px; line-height:32px;} .area_visual .ul_visual li.li1 .txt_1 {top:23.5%; margin-left:9px; width:392px; height:60px; background:url(../images/main/txt_visual_1.png) no-repeat; font-size:0; text-indent:-10000px;} .area_visual .ul_visual li.li1 .txt_2 {top:41%; margin-left:9px; width:350px; height:60px;} .area_visual .ul_visual li.li2 .txt_1 {top:13.5%; margin-left:-420px; width:467px; height:103px; font-size:54px; color:#FFF;} .area_visual .ul_visual li.li2 .txt_2 {top:40%; margin-left:-420px; width:470px; height:65px; font-size:18px; line-height:28px;color:#FFF;} /*.area_visual .ul_visual li.li2 .txt_1 {top:17.5%; margin-left:-420px; width:420px; height:90px; font-size:54px;color:#FFF;font-family:'微软雅黑';} .area_visual .ul_visual li.li2 .txt_2 {top:42.5%; margin-left:-420px; width:435px; height:65px;color:#FFF;font-family:'微软雅黑';}*/ .area_visual .ul_visual li.li2 .img_1 {top:96%; margin-left:-281px; width:126px; height:208px; background:url(../images/main/img_visual_2_1.png) no-repeat;} /* 2014-05-31 추가 */ .area_visual .ul_visual li.li3 .txt_1 {top:6%; margin-left:90px; width:320px; height:90px; font-size:54px; line-height:56px;} .area_visual .ul_visual li.li3 .txt_1 span { padding-top:0px;} .area_visual .ul_visual li.li3 .txt_2 {top:33%; margin-left:90px; width:335px; height:65px; font-size:18px; line-height:28px;} .area_visual .ul_visual li.li3 .img_1 {top:-26%; margin-left:-712px; width:642px; height:345px; background:url(../images/main/img_visual_3_1.png) no-repeat;} .area_visual .ul_visual li.li3 .img_2 {top:-5%; margin-left:-221px; width:175px; height:236px; background:url(../images/main/img_visual_3_2.png) no-repeat;} .area_visual .ul_visual li.li4 .txt_1 {top:13.5%; margin-left:-420px; width:467px; height:103px; font-size:54px; color:#FFF;} .area_visual .ul_visual li.li4 .txt_2 {top:40%; margin-left:-420px; width:470px; height:65px; font-size:18px; line-height:28px;color:#FFF;} .area_visual .ul_visual li.li4 .img_5 {top:0%; margin-left:-209px; width:170px; height:100%; background:url(../images/main/img_visual_4_1.png) no-repeat;} .area_visual .ul_visual li.li4 .img_6 {top:49.5%; margin-left:-446px; width:0; height:47px; background:url(../images/main/img_visual_4_2.png) no-repeat;} /* 2014-05-31 추가 */ .area_visual .ul_visual li.li5 .txt_1 {top:2.5%; margin-left:-67px; width:560px; height:55px; text-align:center; font-size:50px;} .area_visual .ul_visual li.li5 .txt_2 {top:17.5%; margin-left:-77px; width:580px; height:30px; font-size:18px; text-align:center;} .area_visual .ul_visual li.li5 .img_4 {top:55.55%; margin-left:45px; width:139px; height:107px; background:url(../images/main/img_visual_5_1.png) no-repeat; opacity:1;} .area_visual .ul_visual li.li5 .img_3 {top:57.25%; margin-left:49px; width:0; max-width:108px; height:65px; background-color:#abdb12;} .area_visual .ul_arrow a {position:absolute; top:50%; left:50%; width:45px; margin-top:-27px; padding-top:54px; font-size:0;} .area_visual .ul_arrow .li_prev a {margin-left:-512px; background: url(../images/l.png) left center no-repeat; } .area_visual .ul_arrow .li_next a {margin-left:485px; background: url(../images/r.png) left center no-repeat; } .area_visual .ul_play{position:absolute; bottom:9px; left:50%;} .area_visual .ul_play li {float:left; } .area_visual .ul_play li a {display:none; width:16px; padding-top:17px; background: url(../images/main/play.png) left top no-repeat; font-size:0;} .area_visual .ul_play li.on a {display:block;} .area_visual .ul_play li.li_start a {background: url(../images/main/play.png) left center no-repeat;} .area_visual .ul_play li.li_stop a {background: url(../images/main/pash.png) left center no-repeat;} .area_visual .ul_pos {position:absolute; bottom:-22px; left:50%;} .ul_pos li { display:block; float:left; } .ul_pos li a, .ul_pos li span {display:block; width:12px; height:12px; float:left; margin:0 1px 10px 1px; border-radius:6px; background:#FFF; text-indent:-9999px;} .ul_pos li.on a, .ul_pos li.on span { background:#007F0C;} /*---------------------------------//index-----------------------------------*/ #divSmallBox{overflow:hidden;*display:inline;*zoom:1;width:10px;height:10px;margin:0 5px;border-radius:10px;background:#ffffff;} #playBox{ width:100%; height:330px; background: url(../images/loading.gif) #FAF6EB; position:relative; overflow:hidden;} #playBox .oUlplay { width:99999px; position:absolute; left:0; top:0; text-align:center;} #playBox .oUlplay li{ float:left;} #playBox .pre{ cursor:pointer; width:45px; height:45px; background:url(../images/l.png) no-repeat; position:absolute; top:142px; left:10px; z-index:10;} #playBox .next{ cursor:pointer; width:45px; height:45px; background:url(../images/r.png) no-repeat; position:absolute; top:142px; right:10px; z-index:10;} #playBox .smalltitle {width:100%; height:10px; position:absolute; bottom:15px; z-index:10;} #playBox .smalltitle ul{ width:120px; margin:0 auto;} #playBox .smalltitle ul li{ width:10px; height:10px; margin:0 5px; border-radius:10px; background:#ffffff; float:left; overflow:hidden;*display:inline;*zoom:1; cursor:pointer;} #playBox .smalltitle .thistitle{ background:#F49C00;} #protitle h2{ width:1000px; display:block; margin:0 auto; background: url(../images/bar.png) left bottom repeat-x; font: normal 22px/70px "微软雅黑"; color:#138FA1; } UL.pro_list { width:720px;float:left;} UL.pro_list li{ float:left; width:720px; display:block;position:relative; margin-bottom:25px;} UL.pro_list li h2{ float:left; width:400px; display:block; font: bold 18px/20px "微软雅黑"; margin-left:20px;} UL.pro_list li p{ float:left; width:400px; display:block; font: normal 14px/24px "微软雅黑"; margin-left:20px; padding-top:5px; height:169px; border-bottom: #D2D2D2 1px solid; } UL.pro_list li a.proview{position: absolute; right:2px; bottom:1px; background: url(../images/ico_view.png) left center no-repeat; font: normal 13px/30px Arial, Helvetica, sans-serif; padding-left:18px; } #indexMain{ width:100%; background-color:#FFF; } #index{ width:980px; margin:0 auto; } #ibox{ width:980px; padding:30px 0; overflow:hidden; float:left; } #iLeftbox{ width:230px; height:370px; overflow:hidden; float:left; position: relative; background-color:#F3F3F3; margin-right:20px; } #iLeftbox img.pic{ width:230px; height:165px; display:block; float:left; } #iLeftbox h2{ width:190px; padding:0 20px; display:block; float:left; font: bold 16px/65px "微软雅黑"; color:#007F0C; } #iLeftbox p{ width:190px; padding:0 20px; display:block; float:left; font: normal 14px/25px "微软雅黑"; } #iLeftbox a.view{ position: absolute; right:20px; bottom:15px; color:# ; background: url(../images/ico_view.png) left center no-repeat; font: normal 13px/24px Arial, Helvetica, sans-serif; padding-left:15px; } #iLeftbox a:hover{ text-decoration:underline; color:#007F0C; } #iTWO{ width:980px; padding:0 0 30px 0; overflow:hidden; float:left; } #iTWObox{ width:230px; height:150px; float:left; margin-right:20px; background: } #iTWObox p.diliweizhi{ border:#dadada 1px solid; width:188px; padding:0 20px; height:148px; float:left; display:block; background: url(../images/maincon_icon1.gif) 170px center no-repeat; font: bold 16px/148px "微软雅黑"; } /*---------------------------------//图片滚动-----------------------------------*/ #picbox{ width:1024px; margin:0 auto;} .blk_18 { overflow:hidden; zoom:1; width:1024px; } .blk_18 .pcont { width:945px; float:left; overflow:hidden;} .blk_18 .ScrCont { width:32766px; zoom:1; margin-left:0px; } .blk_18 #List1_1, .blk_18 #List2_1 { float:left; } .blk_18 .LeftBotton, .blk_18 .RightBotton { width:26px; height:26px; float:left; background:url(../images/Index_subLRpng.gif) no-repeat; } .blk_18 .LeftBotton { background-position: 0 0; margin:40px 14px 0 0; } .blk_18 .RightBotton { background-position: 0 -42px; margin:40px 0 0 13px; } /*.blk_18 .LeftBotton:hover { background-position: -20px 0; } .blk_18 .RightBotton:hover { background-position: -20px -100px; }*/ .blk_18 .p2 { float:left; font: normal 13px/20px "微软雅黑";text-align: left; margin:0 11px 5px 0; width:140px; height:140px; overflow:hidden; } .blk_18 .pl { float:left; font: normal 13px/20px "微软雅黑";text-align:center; margin:0 17px 5px 0; width:102px; height:130px; overflow:hidden;} .blk_18 .pl img ,.blk_18 .p2 img { display:block; cursor:pointer; border:none; margin-bottom:5px; } /*.blk_18 a.pl:hover { border:1px solid #5dacec; color:#5dacec; background:#fff; }*/ /*---------------------------------//图片滚动-----------------------------------*/ /*---------------------------------//body-----------------------------------*/ #bannerM{ width:100%; height:180px;text-align:center;} #bodymain{ width:100%; position: absolute; top:250px;} #body{ width:980px; margin:0 auto; background: url(../images/bg_body.png) left top repeat-y #FFF; border-top: #007F0C 5px solid; border-right: #D2D2D2 1px solid;border-left: #D2D2D2 1px solid; } /*---------------------------------//right-----------------------------------*/ #right{ float:left; overflow:hidden; width:770px; } #addrees{ float:left; position: relative; width:770px; height:45px; background-color:#F7F7F7; border-bottom: #D2D2D2 1px solid; } #addrees h2{position: absolute; left:0; top:0; background:url(../images/bg_h2.gif) 11px center no-repeat #FFFFFF; font:normal 18px/40px "微软雅黑",Arial, Helvetica, sans-serif,"宋体"; padding-right:10px;color:#0066cc; } #addrees p{ display:block; float:left; padding-left:25px; font:normal 14px/45px Arial, Helvetica, sans-serif,"宋体"; color:#333333; } #addrees dt{position: absolute;right:25px; top:7px; } #addrees dt a{ padding-left:5px; } #addrees dd{position: absolute;right:0; top:31px; width:58px; } #Ttile{ float:left; padding:25px 25px 0 25px; width:720px; color:#464646; font: bold 30px/50px "微软雅黑"; } #Ttile span{ color:#999; padding-left:10px; padding-top:30px; font: normal 18px/20px "微软雅黑"; } #contect,#contect_view{ float:left; padding:25px; width:720px; font:normal 14px/24px "微软雅黑"; overflow:hidden; } p.pro_cansu{ display:block; float:left; width:350px; padding-left:20px; } #pro_view{border-bottom:#D2D2D2 1px solid; border-top:#D2D2D2 1px solid; float:left; margin:25px; padding:15px 0; width:720px; font:normal 14px/24px "微软雅黑"; overflow:hidden; } ul.newslist{ width:720px; float:left; } ul.newslist li{ width:720px; float:left; display:block; font: normal 14px/40px "微软雅黑",Arial, Helvetica, sans-serif; } ul.newslist li span{float:left; display:block; text-align:center; } /*---------------------------------//left-----------------------------------*/ /*---------------------------------//left-----------------------------------*/ #left{ padding-bottom:30px; float:left; width:210px; } #left h2{ width:210px; background:url(../images/h2_titlebg.jpg) left top no-repeat; float:left; display:block; border-bottom: #D2D2D2 1px solid; font: bold 24px/135px "微软雅黑",Arial, Helvetica, sans-serif,"宋体"; text-align:center; color:#464646; } #left h2 span{ color:#999; padding-top:10px; padding-left:5px; font: bold 12px/20px Arial, Helvetica, sans-serif,"宋体"; } #left p{ width:189px; padding:12px 0 12px 20px; float:left; display:block; background-color:#F7F7F7; border-top: #D2D2D2 1px solid; border-bottom: #D2D2D2 1px solid; font: normal 12px/30px Arial, Helvetica, sans-serif,"宋体"; color:#464646; } #left ul{ width:210px; float:left; } #left ul li{ float:left; } #left ul li a{ width:161px; padding:7px 24px ; display:block; float:left; font: normal 14px/22px "微软雅黑",Arial, Helvetica, sans-serif,"宋体"; background: url(../images/blank_ico.gif) 180px center no-repeat #FFF; border-bottom: #D2D2D2 1px solid; color:#333; } #left ul li a:hover,#left ul li a.hover{ color:#FFF; background: url(../images/lnb_ovbg.png) 180px center no-repeat #77C11A; } /*==============================*/ ul.prolist{ float:left; width:750px; overflow:hidden; padding-bottom:10px;} ul.prolist li{ float:left; margin:10px 9px 15px 14px; } ul.prolist li a{width:162px; float:left; display:block; } ul.prolist li a img{width:160px; height:160px; display:block; float:left; border:#CCC 1px solid; } ul.prolist li a span{width:162px; height:25px; overflow:hidden; text-align: center;float:left; display:block; font:normal 14px/25px Arial, Helvetica, sans-serif,"宋体";} ul.prolist li a:hover{ color:#333; } /*---------------------------------//footer-----------------------------------*/ #footer ul.flt{ float:left; width:980px; border-left:#E9E9E9 1px solid;border-right:#E9E9E9 1px solid;} #footer ul.flt li{ float:left; } #footer ul.flt li a{width:195px; float:left; display:block; text-align:center; font:normal 14px/40px Arial, Helvetica, sans-serif,"宋体";border-right:#E9E9E9 1px solid; color:ccc;} #footer ul.flt li a:hover{ background-color:#F2F2F2; } #footer ul.flt li a.none{ border-right:none; } #footermain{width:100%; font:normal 12px/22px Arial, Helvetica, sans-serif,"微软雅黑"; background-color:#676767; color:#FFF; } #footermain a{ color:#FFF; } #footermain a:hover{ color:#FFF; text-decoration:underline;} #footer{ width:1000px; margin:0 auto; padding:20px 0; position:relative; } .btnfooter{ position: absolute; right:10px; top:30px; } #footLink{ width:180px; position: absolute; right:0; top:26px; border: 1px solid #444444; padding:1px; border-radius: 2px; /*-webkit-border-radius: 10px; -moz-border-radius: 10px;*/ background:url(../images/44.png) 165px center no-repeat #656565;} #box5{ width:180px; height:88px; position: absolute; right:0; top:-64px; border: 1px solid #444444; padding:1px; font:normal 12px/22px Arial, Helvetica, sans-serif,"宋体"; background-color:#656565;border-radius: 2px; } #box5 ul{ float:left;} #box5 ul li{ float:left; background:url(../images/ico2.gif) 5px center no-repeat; padding-left:10px; width:170px;} /*---------------------------------//footer-----------------------------------*/ #body_pro{width:438px; padding:20px; float:left; height:250px; overflow:hidden; border-top:#F2F2F2 6px solid;border-left:#F2F2F2 6px solid;border-right:#F2F2F2 6px solid;} #body_pro2{width:444px; padding:20px;float:left; height:250px; overflow:hidden; border-top:#F2F2F2 6px solid;border-right:#F2F2F2 6px solid;} h2.pro{ display:block; float:left; width:438px; font:bold 28px/60px "微软雅黑",Arial, Helvetica, sans-serif; color:#608AD0; } p.proclass{ display:block; float:left; width:230px; font:bold 14px/20px "微软雅黑",Arial, Helvetica, sans-serif; } .imgpro{ display:block; float:left; border:#CCCCCC 1px solid; margin:0 0 0 25px; padding:5px;} #pro_pic{width:950px; float:left; padding:30px 0 30px 30px; background-color:#FBFBFB;} .pro_pic_img{width:425px; height:360px; float:left; padding:9px; border:#CCCCCC 1px solid; overflow:hidden; background:url(../images/loading.gif) center center no-repeat #FFFFFF;} .pro_pic_info{width:445px; height:270px; float:left; padding:0 0 0 30px; overflow:hidden; font-family:"微软雅黑",Arial, Helvetica, sans-serif;} .pingming{ color:#3366CC; font:bold 20px/25px "微软雅黑",Arial, Helvetica, sans-serif; padding-bottom:10px;} /*---------------------------------//page-----------------------------------*/ #Page {float:left;width:720px;font-size:12px;text-align:center; padding-top:20px; } #Page .TotalCount {color:#76B6E2;padding:3px 7px 3px 7px;border:1px solid #A7DBFF;margin-left:2px;margin-right:2px;background:#EDF8FF;} #Page a {color:#AAAAAA;padding:3px 7px 3px 7px;border:1px solid #E5E5E5;margin-left:2px;margin-right:2px;background:#F5F5F5; text-decoration:none;} #Page a:hover{background:#FEAEAD;color:#FF0101;border:1px solid #FF0101;margin-left:2px;margin-right:2px;} #Page .CurrentPage {padding:3px 7px 3px 7px;background:#EDF8FF;border:1px solid #A7DBFF;color:#76B6E2;font-weight:bold;margin-left:2px;margin-right:2px;} #Page .extend{color:#AAAAAA;padding:3px 7px 3px 7px;margin-left:2px;margin-right:2px;}