html,body{ font:13px/1.8 "微软雅黑",Arial; color:#333; word-wrap:break-word ; }
a{ color:#333; }
a:hover{ color:#55A9DC;}
ul,li {list-style:none;}
.clear{clear:both;}
.hidden { display:none;}

.head { width:100%; min-width:1200px; height:159px; margin:0 auto; background:url(../images/img/h_bg.jpg) repeat-x top center;}
#top { width:1200px; height:112px; margin:0 auto; background:url(../images/img/top_bg.jpg) no-repeat top center;}
#top .lang { float:right; text-align:right;  margin-top:15px; height:80px; margin-right:-140px;}
#top .lang a { font-size:12px; font-family:"宋体"; color:#656565;}
#head { width:1200px; height:42px; margin:0 auto; clear:both; z-index:999;}
#nav li {height: 42px;line-height: 42px; z-index:999;}
#nav .class1 {position: relative;float: left;width: 120px;text-align: center; font-size:16px;}
#nav .class1 a { color:#fff;}
#nav li:hover { background:url(../images/img/nav_bg.jpg) bottom center;}
#nav li:hover a { color:#fff;}
#nav li ul{ text-align:center; max-width:120px; z-index:999;left:0;}
#nav li ul li{ height:auto; line-height:30px; font-size:13px; background:#1D73A7; border-bottom:1px solid #4D93BE;}
#nav li ul li:hover { background:#55A9DC;}
#nav li ul li a { display:block; color:#fff;}
#nav li ul li a:hover { color:#000;}

.main {width:100%; min-width:1200px; overflow:hidden; margin:0 auto; background:#ECECEC url(../images/img/main_bg.jpg) top repeat-x;}

.banner { width:100%; min-width:1200px; overflow:hidden; padding-top:15px;}
.banner .bg_banner { width:1200px; height:378px; margin:0 auto; overflow:hidden;}
.banner .bg_banner1 { width:1200px; height:310px; margin:0 auto; overflow:hidden;}
.banner .bannline { width:1200px; height:40px; margin:0 auto;background: url(../images/img/bann_line.png) no-repeat 435px -17px;}
.banner .hotline { width:1200px; height:65px; margin:0 auto; overflow:hidden; background:url(../images/img/h_line.jpg) no-repeat;}
.banner .hotline .hotright { margin-left: 465px;margin-top: 10px; position:relative;}
.banner .hotline .hotright a {display:block; height:43px; width:135px; background:url(../images/img/weibo.png) no-repeat; float:left;}
.banner .hotline .hotright .weibo { margin-right:119px;}
.banner .hotline .hotright .weixin {background-position: -138px 0;width: 145px; margin-right:96px; }
.banner .hotline .hotright .qq { background-position:-290px 0; }

.framecenter { width:1200px; min-width:1200px; margin:45px auto; overflow:hidden;}
.framecenter3 { width:1170px; min-width:1170px; margin:45px auto; margin-bottom:0; overflow:hidden; padding: 25px 20px 25px 10px; background:#fff;}
.framecenter2 { width:1200px; min-width:1200px; margin:30px auto; margin-bottom:0; overflow:hidden; padding:15px 0; background:#fff;}
.framecenter2 .pronav { overflow:hidden; float:left; margin-left:15px;*margin-left:10px;}
.framecenter2 .pronav li {width:186px;height:55px;line-height:55px;padding-left:55px;background:url(../images/img/pronav_bg.jpg) no-repeat;font-size:16px;border-bottom:1px solid #fff;}
.framecenter2 .pronav li:hover { background-position: -241px 0;}
.framecenter2 .pronav li a { color:#fff;}
.framecenter2 .product { float:left; width:930px; height:280px;}
.framecenter2 .product ul { overflow:hidden; height:280px;}
.framecenter2 .product ul li { width:227px; height:135px; float:left; margin-left:5px;* margin-left:3px; margin-bottom:9px;*margin-bottom:3px; position:relative;}
.framecenter2 .product ul li img { border:1px solid #EEE;}
.framecenter2 .product ul li a.title { position:absolute;top: 250px;left: 1px; display:block; width:217px; height:30px; line-height:30px; padding-left:10px; color:#fff;background: rgba(0,0,0,0.6)!important;filter: Alpha(opacity=60);background: #000;}

.framecenter .honer { width:304px; height:282px; overflow:hidden; margin:0 auto; float:left;}
.framecenter .honer .ptitle { width:304px; margin-bottom:20px; height:31px; line-height:31px; background: url(../images/img/center1_bg.jpg) no-repeat;}
.framecenter .honer .ptitle .spantitle { color:#fff; font-size:16px; margin-left:22px; float:left;}
.framecenter .honer .ptitle .spantitle span { color:#fff;}
.framecenter .honer .ptitle a { font-size:12px; color:#fff; float:right; margin-right:15px;}
.framecenter .honer .honerimg { width:288px; height:216px; margin:0 auto; overflow:hidden;position:relative;}
#fsD1 {position: relative;width: 288px;height: 222px;float: left;}
#D1pic1 {position: absolute;left: 0px;top: 0px;}
#D1pic1 .fcon {display: none;position: relative;width: 100%;float: left;}
.focus .prev, .focus .next {position: absolute;width: 40px;height: 74px;background: url(../images/focus_btn.png) no-repeat;}
.focus .prev {top: 50%;margin-top: -37px;left: 0;background-position: 0 -74px;cursor: pointer;}
.focus .next {top: 50%;margin-top: -37px;right: 0;background-position: -40px -74px;cursor: pointer;}
.focus .prev:hover{  background-position:0 0; }  
.focus .next:hover{  background-position:-40px 0;}  
.framecenter .about { width:492px; height:282px; overflow: hidden; margin:0 auto; float:left; margin-left:50px;}
.framecenter .about .ptitle { width:492px; margin-bottom:20px; height:31px; line-height:31px; background: url(../images/img/center2_bg.jpg) no-repeat;}
.framecenter .about .ptitle .spantitle { color:#fff; font-size:16px; margin-left:22px; float:left;}
.framecenter .about .ptitle .spantitle span { color:#fff;}
.framecenter .about .ptitle a { font-size:12px; color:#fff; float:right; margin-right:15px;}
.framecenter .about .aboutcon { width:492px; margin:0 auto; overflow:hidden; color:#656565;}
.framecenter .video { width:304px; height:282px; overflow:hidden; margin:0 auto; float:left; margin-left:50px;}
.framecenter .video .ptitle { width:304px; margin-bottom:20px; height:31px; line-height:31px; background: url(../images/img/center1_bg.jpg) no-repeat;}
.framecenter .video .ptitle .spantitle { color:#fff; font-size:16px; margin-left:22px; float:left;}
.framecenter .video .ptitle .spantitle span { color:#fff;}
.framecenter .video .ptitle a { font-size:12px; color:#fff; float:right; margin-right:15px;}
.framecenter .video .videocon { width:304px; margin:0 auto; overflow:hidden;}

.framecenter1 { width:1200px; margin:0 auto; overflow:hidden;}
.framecenter1 .projecttitle {height:45px; /*border-bottom:1px dotted #ccc;*/ background: url(../images/img/pro_line.jpg) bottom no-repeat; width:1200px; font-size:18px;line-height: 45px;}
.framecenter1 .projecttitle .col1 { color:#55A9DC;}
.framecenter1 .projecttitle .gcal {float: left;}
.framecenter1 .projecttitle .more { color:#656565; font-size:13px; float:right; margin-right:5px;}
.framecenter1 .projectlist { overflow:hidden; margin-bottom:20px; width:1200px;/* border-top:1px dotted #FFF;*/background: url(../images/img/pro_line.jpg) bottom no-repeat;}
.framecenter1 .projectlist ul { overflow:hidden; margin-top:10px;}
.framecenter1 .projectlist ul li { float:left; margin-right:8px; width:151px; height:120px; text-align:center; line-height:20px;}
.framecenter1 .projectlist ul li .image { display:block; padding:3px; background:#fff; border: 1px solid #ccc;}

.framecenter p.pfoot { color:#fff; font-size:18px;margin-bottom: 45px;margin-top: 40px;}
.framecenter p.pfoot span { font-size:13px;}
.framecenter .foot { width:358px; height:362px; background:url(../images/img/foot_bg.png) no-repeat; text-align:center; float:left; overflow:hidden;}
.framecenter .marginr { margin-right:63px;}
.framecenter .con { overflow:hidden; width:275px; margin:0 auto;text-align: left; color:#656565; line-height:37px; font-size:14px;}
.framecenter .list { overflow:hidden; width:333px; height:182px; margin:0 auto;text-align: left;}
.framecenter .list li {background: url(../images/icon02.png) no-repeat 6px; width:300px; padding-left:30px; border-bottom:1px dotted #ccc; height:25px; line-height:25px;}


#wrap{ width:1200px; margin:30px auto; margin-top:0; overflow:hidden;}
#web { min-width:1200px; }
#web #right{ float:left; width:240px;}
#web #right h3.title{ background:#55A9DC; font-weight:normal; height:41px; font-size:100%; overflow:hidden; line-height:41px;}
#web #right h3.title1{ background:#999;}
#web #right h3.title span{ display:block; color:#fff; height:41px; font-size:16px; padding-left:18px;}
#web #right h3.title a.more{ float:right; font-weight:normal; font-size:11px; text-decoration:none; color:#fff; margin-right:14px; }
#web #right .webnav{ overflow:hidden; margin-bottom:10px;}
#web #right .webnav .part2{ padding-left: 39px; background: url(../images/img/pronav_bg1.jpg) no-repeat; height:41px; line-height:41px; font-size:16px;border-top: 1px solid #fff; }
#web #right .webnav .part2:hover {background-position: -241px 0;}
#web #right .webnav .part2 a {color:#fff; display:block;}
#web #right ul.list{ overflow:hidden; padding:15px 5px; margin-bottom:20px; background:#FEFEFF;}
#web #right ul.list li{ background:url(../images/list2.gif) no-repeat 5px 6px; padding-left:20px; height:28px; line-height:28px; padding-right:8px; overflow:hidden; }
#web #right .metsearch {height: 80px;width: 240px; background:#666; margin-bottom:10px; overflow:hidden;}
#web #right .metsearch ul {overflow: hidden;margin-top: 29px;margin-left: 15px;*margin-left: 5px;}
#web #right .metsearch ul li {float:left; line-height:20px;}
#web #right .metsearch ul li .searchimage {width:60px;cursor:pointer;height:26px;background:#999;text-align:center; line-height:26px; color:#fff; border:none; position:relative;top:1px;}
#web #right .metsearch ul li .keyword { width:150px; height:26px; line-height:26px; border:none; background:#eee; color:#656565; text-indent:9px;}

#web #left{ float:right; width:920px; height: auto !important; }
#web #left h3.title{ background: url(../images/img/path_bg.jpg) no-repeat; font-weight:normal; height:41px; line-height:41px; font-size:100%; overflow:hidden;}
#web #left h3.title span.path{ padding-left:22px; color:#FFF; line-height:41px; }
#web #left h3.title span.title { padding-left:22px; font-size:18px; color:#FFF; line-height:41px;}
#web #left h3.title a { color:#FFF;}
#web #left h3.title a:hover { color:#333;}
#web #left h3.title a.more{ float:right; font-weight:normal; font-size:90%; text-decoration:none; color:#666; margin-right:10px; }
#web #left div.webcontent{ border:1px solid #dedede; background:#FFF; width:888px; height:auto !important; overflow:hidden; margin-bottom:20px; padding:15px 15px 25px 15px;}
#web #left div.webcontent .cer_t2 { overflow:hidden;}
#web #left div.webcontent .cer_t2 dl dd {float: left;padding: 20px 0; width:440px; text-align:center;}
#web #left div.webcontent .honor_t2 { overflow:hidden;}
#web #left div.webcontent .honor_t2 dl dd {float: left;padding: 20px 0; width:440px;text-align: center;}

#news_list ul{ list-style:none;}
#news_list #plug1{ padding:10px;}
#news_list #plug1 li{ height:28px; padding:0px 8px 0px 20px; background:url(../images/ico.gif) no-repeat 3px 10px; line-height:28px; overflow:hidden; border-bottom:1px dotted #ccc;}
#news_list #plug1 li span{ float:right;}
#news_list #plug1 li span img{ padding-top:8px;}

#shownews{ padding:10px;}
#shownews h1.title{ padding:4px; border-bottom:1px dotted #ccc; margin-bottom:10px; font-size:150%;}
#shownews div.text{ padding:0px 5px;}

#img_list #plug1{ padding:10px 0px;}
#img_list #plug1 ul{ list-style:none; }
#img_list #plug1 li{ float:left; display:inline; margin:0px 9px 5px; width:159px; height:183px; text-align:center; overflow:hidden;}
#img_list #plug1 li span{ display:block;}
#img_list #plug1 li img{ border:1px solid #ccc; padding:3px;}
#img_list #plug1 li span.info_title{ height:25px; line-height:25px; overflow:hidden;}

#product-list #plug2{ padding:10px; overflow:hidden;}
#product-list #plug2 dl{ overflow:hidden; float:left; width:430px; margin-bottom:10px;}
#product-list #plug2 dl dt{ float:left; overflow:hidden;}
#product-list #plug2 dl dt a{ display:block; padding:3px; font-size:0px; border:1px solid #e6e6e6;}
#product-list #plug2 dl dd{ float:left; padding-left:10px; overflow:hidden;}
#product-list #plug2 dd ul{ margin-bottom:10px; list-style:none;}
#product-list #plug2 span.title a{ color:#0058b2;}
#product-list #plug2 div.detail{ text-align:right; padding-right:10px;}

#showproduct{ padding:10px;}
#showproduct dt{ float:left; overflow:hidden;}
#showproduct dd{ float:left; padding-left:19px; overflow:hidden;}
#showproduct dd li{ list-style:none; padding:3px 3px; border-bottom:1px dotted #ccc; }
#showproduct dd li span{ color:#656565;}
#showproduct dd li.title{ background:#eee; padding:0px 4px; margin-bottom:5px; }
#showproduct dd li.title h1{ font-size:12px;}
#showproduct dd li.title h1 span{ color:#0058b2; font-size:14px;}
#showproduct dd li.description{ padding:5px;}
#showproduct dt #imgqwe a{ display:block; border:1px solid #e6e6e6; padding:5px;}
#showproduct .smallimg{text-align:center !important; margin-top:8px;}
#showproduct .smallimg span.spic{ margin:2px;}
#showproduct dd .feedback{ padding-top:5px; padding-bottom:5px; padding-right:15px; text-align:right;}
#showproduct dd .feedback a{ padding:3px 8px; border:1px solid #ccc; color:#333; font-weight:bold;}
#showproduct h3.hr{ font-size:100%; background:#eee; margin-top:8px; padding-left:5px; height:25px; line-height:25px; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc;}
#showproduct div.text{ padding:5px;}

#job_list #plug1{ border:1px solid #ccc; margin:10px; }
#job_list #plug1 dt{ height:28px; line-height:28px; border-bottom:1px solid #ccc; color:#666; padding-left:10px;}
#job_list #plug1 dd{ background:url(../images/job_ico.gif) no-repeat 5px 13px; padding-left:15px; height:30px; line-height:30px; border-bottom:1px solid #ccc; overflow:hidden; color:#666; font-weight:bold;}
#job_list #plug1 dt span,#job_list #plug1 dd span{ float:right; width:100px; font-weight:normal; text-align:center; overflow:hidden; border-left:1px solid #ccc;}
#job_list #plug1 dd a{ text-decoration:underline;}

#showjob{ padding:10px;}
#showjob h1.title{ padding:4px; border-bottom:1px dotted #ccc; margin-bottom:10px; font-size:150%;}
#showjob div.para ul{ list-style:none; padding:0px 5px;}
#showjob div.text{ padding:0px 5px;}
#showjob h3.hr{ font-size:100%; background:#eee; margin-top:8px; padding-left:5px; height:25px; line-height:25px; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc;}
#showjob div.para .info_cv{ display:block; padding:5px; }
#showjob div.para .info_cv a{ padding:3px 8px; border:1px solid #ccc; color:#333; font-weight:bold;}

.hits{ border-bottom:1px dotted #ccc; height:25px; line-height:25px; margin:5px 0px; text-align:right;}
.page{ padding:2px 5px; line-height:1.5; color:#666;}
.page a{ color:#666; text-decoration:underline;}

.pageController{ text-align:center; overflow:hidden;}
.pageController a{background-color:#FFF; border:#efefef 1px solid; color:#1f6e00;padding:1px 5px 1px 5px; margin-right:5px;}
.pageController a:hover{background-color:#efefef;color:#1f6e00; text-decoration:none; font-weight:bold; border:#efefef 1px solid;}
.pageController .currPage {background-color: #efefef;color:#1f6e00;font-weight:bold;border:#efefef 1px solid;}

#footer { width:100%; min-width:1200px; margin:0 auto; overflow:hidden; background:#666;}
#footer .footpage { width:1200px; height:113px; margin:0 auto; overflow:hidden; padding-bottom:5px;}
#footer .footpage .leftcontact {float:left; color:#CBCBCB; font-size:12px;padding-top: 20px; text-align: center;width: 100%;}
#footer .footpage .leftcontact .company { color:#fff; font-size:14px;}
#footer .footpage .rightlink { float:left; width:470px; height:88px; padding-left:80px; background:url(../images/img/f_bg.jpg) left center no-repeat; padding-top:30px;}
#footer .footpage .rightlink a { color:#CBCBCB;}