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

html{ font-size:100.01%}
body{ color:#666; line-height:1.5; font-size:62.5%; font-family:"微软雅黑", Arial, Verdana, "MS Serif"; background:#fff url(bg.png) top repeat-x; }

a:link,a:visited{ color:#333; text-decoration:none;}
a:hover,a:active{ color:#000; text-decoration:none;}

.l{float:left}
.r{float:right}
img.img_l{float:left; margin:.25em  2em 0 0;}
img.img_r{float:right; margin:.25em 0 0 2em;}
img.img_border{ border:1px #ccc solid; padding:4px; background:#fff;}
ul.list_h li{float:left;}
ul.list_v li{}
label.error{ color:#f00; font-size:12px; padding-left:10px;}
.clear_fix,
.clear_fix:after{ clear:both; font-size:0; line-height:0; height:0; display:block; visibility:hidden; overflow:hidden;}

.hr{ clear:both; height:1.6em; display:block; overflow:hidden;}

.wrapper{ width:960px; margin:0 auto; position:relative; z-index:10;}
.logo-main{ position:absolute; width:200px; height:200px; background:url(logo-main.png) no-repeat; top:20px; right:50%; margin-right:510px;}
.header{ height:110px; position:relative;}
.logo,
.menu_top{ position:absolute;}
.logo{ width:490px; height:110px; left:0; background:url(logo.png) no-repeat;}
.menu_top{ font-size:1.8em; font-weight:bold; left:auto; right:10px; width:530px; top:60px; }
.menu_top ul li{}
.menu_top ul li a:link,
.menu_top ul li a:visited{color:#fff;}
.menu_top ul li a:hover,
.menu_top ul li a:active{color:#fd0;}
.menu_top ul li a span{display:block; padding:2px 20px; }
.menu_top ul{ display:inline-block; margin:0 auto;}
.menu_top ul li.curr a span { background:#036; }

.menu_sub{ }
.menu_sub ul{ position:relative; left:50%; float:left;}
.menu_sub ul li{ position:relative; right:50%; float:left;}
.menu_sub ul li a:hover,
.menu_sub ul li a:active{ color:#33a;}
.menu_sub ul li a span{display:block; padding:4px 14px; font-size:1.4em;}
.menu_sub ul li a.curr span { display:block; padding:4px 10px; color:#33a;}

.main{padding:10px; background:#fff; position:relative; z-index:99; min-height:500px; _height:500px; overflow-y:auto;}
span.shadow{ display:block; height:142px; display:block; background:url(shadow.gif) no-repeat; background-position:-12px 0; position:absolute; top:260px; width:984px; margin-left:-12px; }
span.shadow span{ width:12px; height:142px; float:right; background:url(shadow.gif) no-repeat; background-position:0;}

.flash{ height:320px; overflow:hidden; position:relative;}
.flash ul.items{ position:absolute; width:2000em;}
.flash ul.items li{ float:left; overflow:hidden; height:320px; width:940px; }
.navi{ margin:0 auto; width:360px;}
.navi a{ width:120px; background:#ccc; height:4px; display:inline-block; font-size:0; line-height:0;}
.navi a:hover{ background:#fd0;}
.navi a.active{ background:#036;}
.icongemu{ background:url(icon_gemu.gif) no-repeat; }
.iconsucino{ background:url(icon_sucino.gif) no-repeat;}
.iconvoith{ background:url(icon_voith.gif) no-repeat;} 
.c_l{ width:140px; float:left;}
.c_r{ margin-left:160px;}
.row,
.row_bg{ clear:both; overflow:hidden; height:100%;}
.row_bg .img_l{ margin-right:16px;}
.row_bg .name{ font-size:1.6em; font-weight:bold; color:#000; line-height:2;}
.row_bg .intro{ font-size:1.2em; color:#333; margin-top:4px; line-height:2;}
.row{}
.row_bg{ border:1px #ccc solid;}
/*.row_bg .col{ border-right:1px #ccc solid; }*/
.row_bg li{ border-right:1px #ccc solid; padding:0 10px; margin-left:-1px; }
.row_bg li.last{border-right:none;}
.services{ height:90px; overflow:hidden; position:relative;}
.services .col{  height:90px; width:293px; }
.services ul.items{position:absolute; width:2000em;}
.row{ height:220px;}
a:link.link_div,
a:visited.link_div{ background:#fff; display:block; height:90px; width:293px;}
a:hover.link_div{ background:#fff;}

.row .c_l{ float:left; width:550px;}
.row .c_r{ float:right; width:360px; margin:0;}

.row_bg .last{ border-right:none;}

.section{}

.section dl{ overflow:hidden;}
.section dt{}
.section dd{}

.box_mini .title a:link,
.box_mini .title a:visited{ color:#039;}
.box_mini .title a:hover{ color:#000;}

dt.thead{ border-bottom:1px #ccc solid; overflow:hidden; height:100%; height:30px;}
dt.thead .t_l{ float:left; padding-left:20px; background:url(t_l_bg.gif) no-repeat; background-position:0 2px; font-size:1.6em; font-weight:bold; color:#039; }
dd.tbody .t_r{ float:right; margin-top:-40px;}
a.more{ display:block; width:41px; height:16px; background:url(btn_more.gif) no-repeat; margin-top:4px; cursor:pointer;}
dd.tbody{ padding:10px 0;}
dd.tbody .title{ font-size:1.3em; font-weight:bold; height:26px;  }
dd.tbody .name{font-size:1.5em; font-weight:bold; line-height:2; }
dd.tbody .time{ color:#999; font-size:1.3em;}
dd.tbody .intro{ font-size:1.3em; text-indent:24px;}
dd.tbody ul{}
dd.tbody ul li{ border-bottom:1px #ccc dotted; padding:5px 0; overflow:hidden; height:100%;}
dd.tbody ul li span{ display:block;}
.products dl dd.tbody ul li,
.products_list ul li{border-bottom:none;}
.products .img_l{ margin-right:2em; width:120px; height:90px;}

.box_mini{ padding:4px; border:1px #ccc solid; overflow:hidden; height:100%;}
.box_mini .title{ display:inline; font-size:1.6em; font-weight:bold; color:#039; padding:0 10px; border-right:1px #ccc solid; }
.box_mini .list{ display:inline-block; width:400px; height:2.2em; overflow:hidden; padding-left:10px; position:relative;}
.box_mini ul.items{ position:absolute; height:1000em; }
.box_mini ul li{ line-height:1.8; height:2em; overflow:hidden; font-size:1.4em;}
.box_mini .btn_box{ width:20px; float:right; }
.box_mini .btn_box a.prevp{background:url(btn_pre.gif);}
.box_mini .btn_box a.nextp{background:url(btn_next.gif);}
.box_mini .btn_box a.prevp,
.box_mini .btn_box a.nextp{display:block; border:1px #ccc solid; height:10px; width:19px; background-repeat:no-repeat; background-position:center; cursor:pointer; font-size:0; line-height:0;}

.footer{ height:40px; background:#039;}
.footer div{ width:940px; margin:0 auto; padding-top:12px;}
.footer span{ font-size:1.2em; color:#fff;}
.footer span a, .footer span a:visited, .footer span a:hover{ color:#fff;}

.sub{}
.sub .c_l{ width:100px; float:left; }
.sub .c_r{ margin-left:120px; padding-right:20px;}
.services_list{}
.products_list{}
.news_list{ }
.news_list ul{border-top:1px #ccc solid; }
.news_list ul li{ line-height:4em; border-bottom:1px dotted #ccc;}
.news_list ul li span.title{font-size:1.3em; font-weight:bold;}
.news_list ul li span.time{ float:right; color:#999; font-size:1.3em;}

.jobs_list{ }
.jobs_list ul{border-top:1px #ccc solid; }
.jobs_list ul li{ line-height:4em; border-bottom:1px dotted #ccc;}
.jobs_list ul li span.title{font-size:1.3em; font-weight:bold;}
.jobs_list ul li span.time{ float:right; color:#999; font-size:1.3em;}

.cases_list ul li,
.products_list ul li{ padding:10px; background:#f6f6f6; margin-bottom:10px;  overflow:hidden; }
.cases_list .name,
.products_list .name{ font-size:1.5em; font-weight:bold; line-height:2; }
.cases_list .time,
.products_list .time{ color:#999; font-size:1.3em;}
.cases_list .intro,
.products_list .intro{ font-size:1.3em; text-indent:24px;}
.cases_list .img_l,
.products_list .img_l{ margin-right:2em; width:120px; height:90px;}
.cases_list ul li.hover,
.products_list ul li.hover{ background:#ffc; border:1px #fc3 solid;}

.pager{ height:40px; text-align:center; font-size:1.2em; padding-top:20px;}
.pagination { text-align:center; float:right; }     
.pagination a { text-decoration: none;border: solid 1px #ccc;color: #15B;}
.pagination a, .pagination span { display: block; float: left; padding: 0.1em 0.4em; margin-right: 2px; min-width:1em; text-align:center;}
.pagination .current {background: #333; color: #fff; border: solid 1px #ccc;}
.pagination .current.prev, .pagination .current.next{color:#999;border-color:#ccc;background:#fff;}

.services_info{}
.products_info{}
.news_info{}

.services_info .title{ font-size:1.6em; font-weight:bold;}
.services_info .title span.t_l{ background:#FC0; display:inline-block; padding:4px 20px 4px 4px; color:#fff;}
.services_info .title span span{ background:#fff; display:inline-block; padding:0 8px; color:#fc0; margin-right:10px;}
.services_info .info{ padding:10px 0; font-size:1.4em; }

.cases_info .title,
.products_info .title{ font-size:1.6em; font-weight:bold; line-height:2.2;}

.cases_info .attr,
.products_info .attr{ color:#999; font-size:1.3em;}

.cases_info .info,
.products_info .info{ font-size:1.4em;}

.cases_info .txt_box,
.products_info .txt_box{ width:520px;}

.cases_info .img_box,
.products_info .img_box{ }
.cases_info .img_box,
.products_info .img_box img{ width:160px;}
.news_info .title{ font-size:1.6em; font-weight:bold; line-height:2.2; text-align:center;}
.news_info .attr{ color:#999; text-align:center; border-bottom:1px #ccc dotted; line-height:2; font-size:1.3em;}
.news_info .attr span{ margin-right:20px;}
.news_info .info{ font-size:1.4em; padding:10px 0;}
.flashwel{ width:980px; height:480px; margin:0 auto; top:50%; position:relative; margin-top:-280px; }
.guestbook{ font-size:1.3em; border:1px solid #ccc; width:560px; margin:20px auto; background:url(gbbg.gif) repeat-x;}
.guestbook .title{ font-size:1.2em; font-weight:bold; line-height:30px; padding-left:30px; background:url(gbicon.png) no-repeat 10px 7px;}
.guestbook form{ padding:20px; }
.guestbook input{ width:260px;}
.guestbook table th{ vertical-align:top; padding-top:8px;}
.guestbook table th,
.guestbook table td{ padding:4px;}
.guestbook textarea{ margin:0px;}
.jobs_info .title{ font-size:1.6em; font-weight:bold; line-height:2.2; text-align:center;}
.jobs_info .attr{ color:#999; text-align:center; border-bottom:1px #ccc dotted; line-height:2; font-size:1.3em;}
.jobs_info .attr span{ margin-right:20px;}
.jobs_info .info{ font-size:1.4em; padding:10px 0;}
.about{}
.goMenu{ height:40px; line-height:2; text-align:center; position:absolute; width:430px; left:50%; margin-left:-215px; bottom:60px; z-index:2; }
.goMenu a:link,
.goMenu a:visited{ color:#fff; background:#036; font-size:16px; display:block; }
.goMenu a:hover,
.goMenu a:active{ color:#ffe720; background:#000; font-size:16px; }
.goMenu span{display:block; padding:4px 20px;}
.goMenu ul{}
.goMenu ul li{ float:left; margin-left:1px; }

.cop{ width:100%; height:40px; line-height:24px; text-align:center; position:absolute; left:0; bottom:0px; z-index:3; color:#fff; }
.cop a, .cop a:visited, .cop a:hover{ color:#fff; cursor:pointer;}

.services_info .path,
.services_list .path{ background-image:url(services.gif);}
.cases_info .path,
.cases_list .path{ background-image:url(cases.gif);}
.products_info .path,
.products_list .path{ background-image:url(products.gif);}
.jobs_info .path,
.jobs_list .path{ background-image:url(jobs.gif);}
.news_info .path,
.news_list .path{ background-image:url(news.gif);}
.about .path{ background-image:url(about.gif);}
.path{ height:460px; background-position:top center; background-repeat:no-repeat;}
.loading{ width:16px; height:16px; margin:0 auto; background:url(loading.gif) no-repeat center;}


.hs_index_el1{ width:1400px; height:1400px; position:absolute; left:50%; margin-left:-700px; top:50%; margin-top:-700px; opacity:0.8; z-index:1; background-image:url(home_el1.png); background-repeat:no-repeat; background-size:100% 100%; background-position:center;}
.hs_index_el2{ width:1500px; height:1500px; position:absolute; left:50%; margin-left:-750px; top:50%; margin-top:-750px;z-index:2; background-image:url(home_el2.png); background-repeat:no-repeat; background-size:100% 100%; background-position:center;}
.hs_index_el3{ width:290px; height:290px; position:absolute; left:50%; margin-left:-145px; top:50%; margin-top:-165px; z-index:3; background-image:url(home_el3.png); background-repeat:no-repeat; background-size:100% 100%; background-position:center;}
.hs_index_el4{ width:640px; height:100px; position:absolute; left:50%; margin-left:-320px; top:50%; margin-top:210px; z-index:4; background-image:url(home_el4.png); background-repeat:no-repeat; background-size:100% 100%; background-position:center;}
.goMenu{ z-index:10;}


.iRoAd1{
    -webkit-transform: rotate(360deg);
    animation: rotation1 20s linear infinite;
    -moz-animation: rotation1 20s linear infinite;
    -webkit-animation: rotation1 20s linear infinite;
    -o-animation: rotation1 20s linear infinite;
  }
  @-webkit-keyframes rotation1{
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
  }
  
.iRoAd2{
    -webkit-transform: rotate(360deg);
    animation: rotation2 14s linear infinite;
    -moz-animation: rotation2 14s linear infinite;
    -webkit-animation: rotation2 14s linear infinite;
    -o-animation: rotation2 14s linear infinite;
  }
  @-webkit-keyframes rotation2{
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
  }