@charset "utf-8";
body { margin:0; padding:0; font-size:13px; color:#666; line-height:25px;font-family:Arial, Helvetica, sans-serif}
body.lang_cn{ font-family:"微软雅黑"}
ul,li,H1,H2,H3,H4,H5,dl,dt,dd,div{padding:0; margin:0; list-style:none; float:left; font-size:13px;}
a{ text-decoration:none; color:#4a4a4a; blr:expression(this.onFocus=this.blur()); font-size:13px;}
a:focus { outline:none; }
a:hover { color:#f60; text-decoration:underline}
.comm-width{ max-width:1200px; float:none; margin:0 auto; clear:both;width: 100%;}
.header{ width:100%; background: url(transtopbg.png); height:145px; position: absolute; left:0; top:0; z-index:100;z-index:280}
.header .top{ height:44px; line-height:44px; width:96%;color:#fff; position:relative; padding:0 2%; z-index:99}
.header .top .topcontent{ position:absolute;z-index:10;width:96%; padding:0 2%; left:0; top:0}
.header .top .topbg{background:#101820;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5; width:100%; height:44px; position:absolute; z-index:8; left:0; top:0;border-bottom-right-radius:10px;border-bottom-left-radius:10px;}
.header .top .topcontent i{ background:url(icon.png) no-repeat 0 13px; font-style:normal; font-size:12px; padding-left:18px; line-height:44px; display:inline-block; margin-right:10px}
.header .top .topcontent i.email{ background-position:0 -36px; padding-left:25px}
.header .top .topcontent span{ float:right}
.header .top .topcontent span em,.header .top .topcontent span form{ display:inline-block}
.header .top .topcontent span em{ font-size:12px; color:#fff; font-style:normal}
.header .top .topcontent span em a{ width:22px; height:22px; background:url(icon.png) no-repeat -33px -99px; display:inline-block; text-align:center; line-height:22px; color:#fff; font-size:12px; margin-left:8px}
.header .top .topcontent span em a.this,.header .top .topcontent span em a:hover{ background-position:0 -99px; text-decoration:none}
.header .top .topcontent span form{ margin-left:20px; background:#fff;border-radius:13px; height:26px; vertical-align:middle; padding-left:13px; margin-bottom:1px}
.header .top .topcontent span form input.kw{ width:190px; border:none; height:24px; float:left;outline:none;}
.header .top .topcontent span form input.submit{ width:24px; height:22px; background:url(icon.png) no-repeat -192px -136px; margin-top:2px; float:left;outline:none;border:none; cursor:pointer}
.header .logo{ background:url(Logo.png) no-repeat 15px center; height:102px; width:465px}
.header .logo.cn{ background:url(Logo_cn.png) no-repeat 15px center; width:430px}
.header .logo.kr{ background:url(Logo_kr.png) no-repeat 15px center; width:430px}
.header .logo.jp{ background:url(Logo_jp.png) no-repeat 15px center; width:370px}
.header .logo.de{ background:url(Logo_de.png) no-repeat 15px center; width:400px}
.header .logo.de a{ width:100%; height:100px; display:block; }
.header .menu{ line-height:102px; float:right; position:relative}
.header .menu.cn{ float:left; padding-right:150px}
.header .menu.kr{ float:left; padding-right:80px}
.header .menu li{ position:relative}
.header .menu li a{ padding:0 13px; font-size:15px; text-transform:uppercase; color:#fff}
.header .menu li a i{ background:url(icon.png) no-repeat -86px -101px; width:7px; height:4px; display:inline-block; vertical-align:middle; margin-left:5px}
.header .menu li.this a i,.header .menu li#on a i{ background-position:-125px -101px}
.header .menu li a:hover,.header .menu li.this a,.header .menu li#on a{ color:#f9b64d; text-decoration:none}
.header .menu li p{ position:absolute; left:-40%; top:75px;  width:160%;padding:0; margin:0;box-shadow:0px 2px 4px #333; display:none;}
.header .menu li.this p{display:block;}
.header .menu li p span { width:100%; display:block;}
.header .menu li p em{ background:url(toparr.gif) no-repeat center center; height:7px; width:14px;display:block; width:100%}
.header .menu li p span a{ line-height:44px; border-bottom:1px #ddd solid; background:#f5f5f5;width:100%; color:#5a5a5a; text-align:center; float:left; font-size:13px; margin:0; padding:0}
.header .menu li p span a:last-child{ border-bottom:none}
.header .menu li.this p span a,.header .menu li#on p span a{ color:#5a5a5a}
.header .menu li p span a:hover,.header .menu li.this p span a:hover,.header .menu li#on p span a:hover{ background:#555; color:#fff}
.header .menu div{ position:absolute; right:-150px; top:28px; background:url(tuv.png) no-repeat; width:143px; height:43px}
.header .menu.cn div{ right:0}
.banner{ width:100%; height:620px}
/* slide */
.slide-main{height:300px;position:relative; width:100%}
.banner.index .slide-main{ height:620px}
.prev,.next{display:block;width:30px;height:30px;position:absolute;z-index:222;top:135px;overflow:hidden;cursor:pointer;opacity:0;-moz-opacity:0;filter:alpha(opacity=0);_border:1px solid none; background:url(arrows.png) no-repeat;-webkit-transition: all .2s ease;-moz-transition:all .2s ease;transition: all .2s ease;}
.banner.index .prev,.banner.index .next{top:190px}
.prev{left:5%;}
.next{right:5%; background-position:right}
.prev img,.next img{ border:none}
.slide-main:hover .prev,.slide-main:hover .next{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.slide a{ width:100%; height:300px; display:block}
.banner.index .slide a{ height:620px}
.item{display:block;width:70px;height:22px;position:absolute;z-index:124;top:250px; border-radius:5px; left:48%;text-align:center; background:#000;opacity:0.7;-moz-opacity:0.7;filter:alpha(opacity=70); padding-left:3px}
.banner.index .item{ top:580px;}
.item a{display:inline-block;width:13px;height:6px; border-radius:3px; background:#fff;margin-right:6px;overflow:hidden; margin-bottom:3px}
.item a.cur{background:#a93d32; border:none}
.slide-box,.slide{display:block;width:100%;height:300px;overflow:hidden;}
.banner.index .slide-box,.banner.index .slide{height:620px;}
.slide-box{position:relative;}
#bgstylea{background:url(banner.jpg) no-repeat center top;}
#bgstyleb{background:url(banner2.jpg) no-repeat center top;}
#bgstylec{background:url(banner3.jpg) no-repeat center top;}
/* slide */

.text{ background:#000; width:100%; line-height:60px; height:60px; color:#fff; font-size:28px; text-transform:uppercase; text-align:center;}
.homeprut{ background:#f3f3f3; width:100%; padding-top:50px; padding-bottom:50px; border-bottom:1px #e1e1e1 solid}
.p-leftimg{ position:relative; width:50%; height:360px; overflow:hidden; display:block; float:left}
.p-leftimg p{ color:#fff;width:90%;padding:20px 5%;position:absolute; bottom:0; left:0; margin:0; height:40px; z-index:100; line-height:20px; font-size:15px }
.homeprut.kr .p-leftimg p{ height:50px}
.homeprut.de .p-leftimg p{ height:80px}
.homeprut .p-leftimg i{position:absolute; bottom:0; left:0; width:100%;height:80px; filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5; background:#000; z-index:99;}
.homeprut.de .p-leftimg i{ height:115px}
.p-leftimg em{ background:url(icon.png) no-repeat -106px -156px; width:44px; height:44px; display:block; position:absolute; left:46.5%; top:34%; z-index:150}
.p-rightimg{ width:48%; margin-left:10px}
.p-rightimg ul{ width:100%}
.p-rightimg ul.thenext li{ margin-top:11px}
.p-rightimg ul li{ width:49%; position:relative; float:left; background:#fff}
.p-rightimg ul li.thenext{ float:right}
.p-rightimg ul li a img{ width:80%; height:165px; display:block; border:none; margin:5px 10%}
.p-rightimg ul li a i{ width:38px; height:38px; background:url(icon.png) no-repeat -184px -171px #fda601; display:block; position:absolute; right:0; bottom:0; z-index:100}
.p-rightimg ul li a:hover i{ background-color:#cfa31d}

.raw,.application{ width:35%; padding-top:50px; padding-bottom:50px}
.raw li,.application li{ width:100%; height:88px; margin-bottom:1px; background:#efefef; text-indent:2rem; position:relative} 
.application li{ background:#fff}
.raw li a,.application li a{ line-height:88px; font-size:22px; text-transform:uppercase; width:100%; display:block; font-weight:bold; color:#444}
.raw li i,.application li i{position:absolute; background:url(arr.gif) no-repeat; width:7px; height:26px; overflow:hidden; display:none; right:-7px; top:31px; z-index:100}
.raw li.this,.application li.this{ background:#1b1e24; color:#fff}
.raw li.this a,.raw li a:hover,.application li.this a,.application li a:hover{ color:#fff; text-decoration:none}
.raw li.this i,.application li.this i{ display:block;}
.rawimg,.applicationimg{ width:60%; height:444px; padding-top:50px; overflow:hidden; position:relative}
.application,.applicationimg{ padding-top:10px}
.rawimg div,.applicationimg div{ width:90%; position:absolute; bottom:0; left:0; background:url(transbg.png); padding:20px 5%; display:block; margin:0; z-index:80; float:left}
.rawimg div h1,.applicationimg div h1{ width:80%; }
.rawimg div h1 b,.applicationimg div h1 b{ font-size:20px;color:#fff; width:100%; text-transform:uppercase;}
.rawimg div h1 span,.applicationimg div h1 span{ font-size:16px; color:#fff; width:100%; display:block; font-weight:normal}
.rawimg div a,.applicationimg div a{ width:16%; background:#fea301; float:right; text-align:center;border-radius:17px; line-height:34px; color:#fff; margin-top:10px; text-transform:uppercase}
.rawimg div a:hover,.applicationimg div a:hover{ text-decoration: none; background:#ca8100}
.app-part{ width:100%; background:#ededed}
.app-title{ color:#222; font-size:30px; text-transform:uppercase; width:100%; padding-top:30px; line-height:70px; font-weight: bold}


.banner-inside{ margin-top:145px; width:100%; height:150px; border-top:7px #ccc solid; border-bottom:7px #b0b0b0 solid; background: url(grey_image_banner_bg.jpg) no-repeat; background-size:100% 100%; }
.banner-inside .bannerimg{height:150px; width:98%; padding-left:2%; line-height:150px;font-size:18px}
.banner-inside .bannerimg a{font-size:18px}
.banner-inside .bannerimg i{ background:url(local.png) no-repeat left center; width:25px; height:19px; background-size:auto 100%; display:inline-block;}
.banner-inside .bannerimg.certificate{background:url(certificate_bg.png) no-repeat right center; background-size:auto 100% }
.banner-inside .bannerimg.about{background:url(about_bg.png) no-repeat right center; background-size:auto 110% }
.banner-inside .bannerimg.product{background:url(product_bg.png) no-repeat right center;  background-size:auto 120%}
.banner-inside .bannerimg.contact{background:url(contact_bg.png) no-repeat right center; }
.banner-inside .bannerimg.news{background:url(news_bg.png) no-repeat right center; }


.comm-mobo{ width:100%; padding:45px 0}
.comm-mobo h1,.aboutus h1{ width:100%; font-size:35px;color:#333; font-weight:bold; line-height:70px; text-transform:uppercase}
.comm-mobo .project-filters{width:100%; height:88px; background:#2c2f31}
.comm-mobo .project-filters h4{ background: url(filter_bar_red_block.png) no-repeat left center; width:170px;height:88px; line-height:88px; color:#fff; font-size:20px; text-align:center; text-transform:uppercase}
.comm-mobo .select-wrapper{ padding:25px 0 0 25px}
.comm-mobo .select-wrapper .filter-select{ height:38px; width:470px; margin-right:25px; float:left}
.comm-mobo .select-wrapper .filter-news{height:38px; width:970px;float:left}

.aboutus{ width:100%; padding:45px 0}
.aboutus .top_info{ width:100%}
.aboutus .top_info p.topcorpimg{ width:100%; display:block }
.aboutus .left_info{ width:50%; padding-right:3%}
.aboutus .left_info.full{ width:100%; padding-right:0}
.aboutus .left_info h2{ width:100%; font-size:25px; line-height:30px; padding:15px 0; color:#333; font-weight:bold; text-transform:uppercase}
.aboutus .right_img{ width:47%; padding-top:30px}
.aboutus .right_img img,.aboutus p.topcorpimg img{ width:100%}
.aboutus .splittwo{ width:50%; float:left}

.news-list { width:100%;padding-bottom:50px}
.news-list dl{ width:100%; margin-top:20px; height:240px;background:#efefef; border-bottom:5px #1b2024 solid;}
.news-list dl dt{ width:370px}
.news-list dl dt a img{ width:100%; height:240px; border:none}
.news-list dl dd{ width:770px; padding-left:30px}
.news-list dl dd h2{ width:100%; padding-top:25px; line-height:40px; font-weight:bold; text-transform:uppercase}
.news-list dl dd h2 a{ font-size:20px; color:#333;line-height:20px}
.news-list dl dd em{ font-size:12px; color:#999; padding-bottom:10px; display:block;}
.news-list dl dd h3{ width:100%; font-size:14px}
.news-list dl dd h4{ width:100%; padding-top:15px}
.news-list dl dd h4 a{ background: url(formore.png) no-repeat 89% center #cf1423; padding:8px 35px 8px 20px;border-radius:4px; color:#fff; font-size:14px; float:left}
.news-list dl dd h4 a:hover{ background-color:#920000; text-decoration:none}

.process-list { width:100%;padding-bottom:50px; padding-top:25px}
.process-list dl{ width:22.75%; margin-right:3%;margin-top:20px;}
.process-list dl.last{ margin-right:0}
.process-list dl a dt{ width:100%;}
.process-list dl a dt  img{ width:100%; height:200px}
.process-list dl a dd{ width:100%; text-align:center}

.project-titles{width:100%; padding-bottom:30px}
.project-titles h1{ width:100%; color:#333; font-size:30px; line-height:70px; padding-top:45px; font-weight:bold; text-transform:uppercase}
.project-titles h2{ width:80%; font-size:25px; color:#222; line-height:30px}
.left-news-content{ width:867px; padding-bottom:30px; padding-right:33px}
.left-news-content .times{ width:100%;}
.left-news-content .news-detail{ width:96%; padding-right:4%; font-size:14px; display:block;min-height:100px}
.right-contact{ width:300px;}
.right-contact a{ background:url(formore.png) no-repeat 93% 18px #cf1423; width:90%; display:block;border-radius:4px; color:#fff; font-size:18px; text-transform:uppercase; margin-bottom:20px; padding:13px 5%}
.right-contact a:hover{ background-color:#920000; text-decoration:none}
.right-submenu{ width:300px}
.right-submenu h1{ background:#080808; padding:10px 0; border-radius:4px; color:#fff; clear:both; margin-bottom:15px; width:100%; text-indent:1rem; font-size:18px; text-transform:uppercase; font-weight:normal}
.right-submenu a{  background: url(menu_arrow_right.png) no-repeat 95% center #f5f5f5 ; padding:10px 5%;border-radius:4px; color:#333; font-size:14px; float:left; width:90%; margin-bottom:10px}
.right-submenu a:hover{ background-color:#eee; color:#c60; text-decoration:none}
.return-back-project{ width:100%; padding:30px 0}
.return-back-project a{background:url(menu_arrow_left.png) no-repeat 20px 16px #cf1423;border-radius:4px; color:#fff; font-size:15px; text-transform:uppercase; margin-bottom:20px; padding:10px 25px 10px 40px; float:left}
.return-back-project a:hover{ background-color:#920000; text-decoration:none}

.pagenum{ width:100%;padding-bottom:35px; text-align: center}
.pagenum A{ font-size:14px; font-weight:normal; text-align:center;background:#bbbbbb; display:inline-block;color:#FFF; padding:2px 8px; line-height:18px; height:18px; margin-right:4px}
.pagenum A:hover{ color:#FFF; background:#f52605;text-decoration:none}
.currentpage{ font-size:13px; display:inline-block;color:#fff; background:#f52605; font-weight:bold;padding:2px 8px;text-align:center;line-height:18px; height:18px; margin-right:4px}
.delink{ color:#aca899;padding:2px 5px; display:inline-block; text-align:center;line-height:18px; height:18px; margin-right:4px;}
a.delink { color:#aca899;padding:2px 5px; display:inline-block; text-align:center;line-height:18px; height:18px; margin-right:4px; background:none}

.footer{ width:100%; background:#202830; padding-bottom:35px}
.footer .sendmeil{ background:#1b2024; width:100%; height:50px; color:#fff; padding:10px 0}
.footer .sendmeil h1{ background:url(icon.png) no-repeat -166px -80px; line-height:50px; padding-left:65px; font-size:20px; padding-right:35px}
.footer .sendmeil a{ background: url(icon.png) no-repeat  135px -216px #cf1423; padding:7px 40px 7px 25px; float: left; color:#fff; border-radius:3px; margin-top:6px; font-size:18px; text-transform:uppercase}
.footer .sendmeil a:hover{ text-decoration:none; background-color:#920000}
.footer .foot-infos{ width:100%;padding-top:50px;background:#202830;  color:#d3d3d3}
.footer .foot-infos .logo-contact{ width:500px}
.footer .foot-infos p{ padding:0; margin:0}
.footer .foot-infos p.foot-address{ background:url(foot_icon.gif) no-repeat left 8px; padding-left:30px; line-height:38px}
.footer .foot-infos .share-copyright{ float:right}
.footer .foot-infos .share-copyright .share-link a{ background:url(footer_facebook.png) no-repeat; width:42px; height:43px; display:inline-block; vertical-align:middle; margin-right:10px}
.footer .foot-infos .share-copyright .share-link a.s2{ background:url(footer_linkedin.png) no-repeat}
.footer .foot-infos .share-copyright .share-link a.s3{ background:url(footer_twitter.png) no-repeat}
.footer .foot-infos .share-copyright .share-link a.s4{ background:url(footer_youtube.png) no-repeat}
.footer .foot-infos .share-copyright .share-link a.s5{ background:url(footer_skype.png) no-repeat right center; width: auto; height:28px; padding-right:65px; color:#fff; text-transform:uppercase; line-height:28px}
.footer .foot-infos .share-copyright .share-link a.s5:hover{ text-decoration: none}
.footer .foot-infos .share-copyright .copyright{ padding-top:8px; line-height:20px}
@media screen and (max-width: 760px) {
    .comm-width{width: 100%;}
    .p-leftimg{width: 55%;}
    .p-rightimg{width: 40%;float: left;}
    .raw, .application{width: 40%;float: left;}
    .rawimg, .applicationimg{width: 60%;}
}