﻿@charset "utf-8";
*{ margin:0; padding:0;} 
body{ margin:0; padding:0; background:#f7f5f6; font-size:12px;font-family:"\5FAE\8F6F\96C5\9ED1", "Microsoft Yahei", tahoma,arial,"Hiragino Sans GB", "\5B8B\4F53";line-height:20px; color:#666;}
html,body {-webkit-text-size-adjust:none;}
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; }
a{ text-decoration:none; color:#666;}
a:hover{color:#ee7800;}
fieldset, img { border:none; }
img{vertical-align:middle;}
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; }
ul, ol,li { list-style:none; }
input { padding-top:0; padding-bottom:0;}
input::-moz-focus-inner { border:none; padding:0; }
select, input { vertical-align:middle; }
select, input, textarea { font-size:1em; margin:0; font-family:"\5FAE\8F6F\96C5\9ED1", "Microsoft Yahei", tahoma,arial,"Hiragino Sans GB", "\5B8B\4F53";}
input[type="text"], input[type="password"], textarea { outline-style:none; -webkit-appearance:none; }
textarea { resize:none; }
table { border-collapse:collapse; }
.clearfix:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.clearfix { zoom:1; }
.en{ font-family:Arial, Helvetica, sans-serif!important;}
.mr0{ margin:0!important;}
.nobg{ background:none!important;}
.noborder{ border:0!important;}
.fl{ float:left!important;}
.fr{ float:right!important;}
.red{ color:#e50000!important;}
.blue{ color:#008cdd!important;}
.homebody{ background:#fff;}
/*header css*/
#header{ background: url(/static/images/headbg.png) repeat 0 0; position:absolute; z-index:9; top:0; left:0; width:100%;height:90px; }
.head{ width:980px; margin:0 auto; padding:10px 0; zoom:1;}
.head:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.logo{ float:left; width:220px;}
.headright{ float:right; width:700px;}
.headban{ zoom:1;}
.headban:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.headban .heada{ float:right; width:320px; text-align:right; zoom:1;}
.headban .heada:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.headban .heada a{ display:inline-block;height:24px; line-height:24px; background:url(/static/images/topico.png) no-repeat 0 12px; padding:0 10px; color:#555;}
.headban .heada a:hover{color:#ee7800;}
.search{ float:right; width:148px;height:24px; background:url(/static/images/bg.jpg) no-repeat 0 0;}
.search .searchtext{ width:120px;height:20px; padding:2px 3px;border:0; background:none;}
.search .button{width:20px; height:24px;cursor:pointer;border:0; background:none;}
.select_site{ margin:0 0 0 5px; width:75px; height:24px; position:relative; background:url(/static/images/drop.png) no-repeat  right center; float:right; }
.select_site span{ position:relative; display:block;width:60px;padding:0 13px 0 0; text-align:right; height:24px;color:#666;line-height:24px;}
.headban.hover .select_site{ height:23px; width:73px; border:1px solid #d0d6e2; border-bottom:0;}
.headban.hover .select_site span{ background:#fff; height:24px; z-index:100;}
.nvul{display:none; position:absolute; z-index:10;top:23px; right:-1px;width:150px; background:#fff; border:1px solid
 #d0d6e2;}
.nvul li{cursor:pointer; padding:0px 5px; font-size:12px; line-height:25px;color:#666;}
.nvul li:hover{background:#f5f5f5;}
.nvul li a{ color:#333;}
.nvul li a:hover{color:#ee7800;}
.nav{ zoom:1; padding:10px 0 0 0; font-size:15px; color:#333; font-weight:bold; line-height:25px;}
.nav:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.nav li{ float:left; width:80px; text-align:right; padding:0 0 0 36px;}
.nav li a{ color:#333;}
.nav li a:hover{ color:#ee7800;}
.aboutbody .nav li #abouta,.newsbody .nav li #newsa,.productbody .nav li #producta,.talentbody .nav li #talenta,.resbody .nav li #zra,.investorsbody .nav li #investora { color:#ee7800;}
/*banner css*/
.focus{width:100%; max-width:1360px; margin:0 auto;height:535px;position:relative;}
.ff1360x536{width:100%;height:535px;overflow:hidden}
.rslides{width:100%;position:relative;list-style:none;padding:0}
.rslides li{ width:100%; height:535px; position:relative; background-position: center 0; background-repeat: no-repeat;}
.bannerleft{ position:absolute; z-index:3; top:0; left:0; background:url(/static/images/bannerleftg.png) no-repeat 0 0; width:650px; height:535px;}
.rslides .text{ position:absolute; z-index:4; top:170px; left:50%; width:320px; height:260px; overflow:hidden; font-size:17px; line-height:30px;  margin-left:-490px; padding:0 630px 0 0; color:#fff; }
.rslides .text h1{ font-size:42px; line-height:normal; font-weight:normal; margin:0 0 20px 0;}
.rslides .text a{ color:#fff;}
.rslides .text a:hover{ color:#fff;}
.banner_txt{ position:absolute; z-index:7; bottom:0; left:0; width:100%; height:75px; line-height:75px; color:#fff; background: url(/static/images/bannerbg.png) repeat 0 0; font-size:40px; }
.banner_txt .txt{ width:980px; margin:0 auto; text-align:right;}
.banner_txt .txt span{font-size:16px; float:right; margin:0 25px;}
.rslides_nav{ display:none;}
.rslides_tabs{ bottom:20px; text-align:left; position:absolute; z-index:8; left:50%; margin-left:-490px; width:980px;}
.rslides_tabs li{display:inline;float:none;_float:left;*float:left;margin-left:10px}
.rslides_tabs a{background: url(/static/images/bannerico1.png) no-repeat 0 0;
display: inline-block;height: 26px;width: 20px;position: relative;text-indent:-9999px; overflow:hidden;}
.rslides_tabs .rslides_here a{background: url(/static/images/bannerico2.png) no-repeat 0 0;}

/*index css*/
.index_main{ width:980px; margin:0 auto; padding:20px 0; zoom:1;}
.index_main:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.leftmain{ float:left; width:640px;}
.rightmain{ float:right; width:270px;}
.index_main .title{ height:30px; border-bottom:1px solid #e0d7d2; font-size:20px; color:#ee7800; margin:0 0 15px 0;}
.index_main .title a{ display:block; height:25px; line-height:25px; color:#ee7800; background:url(/static/images/jico.jpg) no-repeat right center;}
.index_main .title a:hover{ color:#ee7800;text-decoration:underline;}
.company_news{ zoom:1;}
.company_news:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.company_news .scrollimg{ float:left; width:290px;}
.slideimg{ width:290px; height:180px; overflow:hidden; position:relative;   }
.slideimg .hd{height:7px; overflow:hidden; position:absolute; right:10px; bottom:10px; z-index:1; }
.slideimg .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideimg .hd ul li{ float:left; margin-right:5px;  width:7px; height:7px; line-height:14px; text-align:center; background: url(/static/images/cycle1.png) no-repeat 0 0;cursor:pointer; text-indent:-9999px; overflow:hidden; }
.slideimg .hd ul li.on{ background: url(/static/images/cycle2.png) no-repeat 0 0; }
.slideimg .bd{ position:relative; height:100%; z-index:0;   }
.slideimg .bd li{ position:relative;  width:290px; height:180px;}
.slideimg .bd li img{ width:290x; height:180px; }
.slideimg .bd li .newstilte{ height:28px; line-height:28px;  position:absolute; bottom:0;left:0; width:280px;  background:url(/static/images/blackbg.png) repeat 0 0; color:#fff; padding:0 0 0 10px;}

.company_news .newsul{ float:right; width:290px; height:182px; overflow:hidden;}
.index_news{ zoom:1; padding:15px 0; margin:25px 0;border-bottom:1px solid #e0d7d2;border-top:1px solid #e0d7d2; }
.index_news:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.index_news .media{ float:left; width:290px;}
.index_news .hz{ float:right; width:290px;}
.index_news .newsul{ height:130px; overflow:hidden;}
.newsul li{ background:url(/static/images/rang.jpg) no-repeat 0 center; padding:0 0 0 15px; font-size:14px;height:26px; line-height:26px; overflow:hidden;}
.newsul li a{ color:#424242;}
.newsul li a:hover{color:#ee7700;}

.partnerloop{ position:relative;}
.partnerloop .prev,.partnerloop .next{height:30px;width:12px;position:absolute; display:block;z-index:999;top:10px;text-align:center; cursor:pointer;}
.partnerloop .prev{left:0;background:url(/static/images/bg.jpg) no-repeat 0 -29px;}
.partnerloop .next{right:0;background:url(/static/images/bg.jpg) no-repeat -22px -29px;}
.partnerloop .bd{ width:600px; margin:0 0 0 20px;}
.partnerloop ul{ zoom:1;}
.partnerloop ul:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.partnerloop li{ float:left; width:150px; height:50px; overflow:hidden; position: relative; text-align:center; font-size:15px; }
.partnerloop li img{ width:150px; height:50px;}

.index_video{ height:185px;}
.index_ban{border-top:1px solid #e0d7d2; margin:20px 0 0 0; padding:15px 0 0 0; zoom:1;}
.index_ban:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.index_ban dl{ float:left; width:100px; margin:0 15px 0 20px; text-align:center;}
.index_ban dt img{ width:60px; height:60px;}
.index_ban dd{ height:30px; line-height:30px; overflow:hidden; font-size:14px; color:#424242;}
.index_ban dd a{ color:#424242;}
.index_ban dd a:hover{ color:#ee7700;}

/*insidepage css*/
.insidebanner{ background-position: center 0; background-repeat:no-repeat; height:320px; margin:0 0 25px 0;}
/*.aboutbanner{ background-image:url(/images/aboutbanner.jpg);}*/
.wrapper{ zoom:1; width:980px; margin:0 auto; padding:0 0 50px 0; min-height:400px;}
.wrapper:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.leftwrap{ float:left; width:170px;}
/*leftmenu css*/
.leftmenu h1{ font-size:24px; color:#ee7800; font-weight:normal; line-height:30px; height:40px; overflow:hidden; border-bottom:4px solid #ee7800; margin:0 0 5px 0;}
.leftmenu li{ border-bottom:1px solid #c3bbb5;}
.leftmenu li a{ display:block; height:35px; line-height:35px; background:url(/static/images/leftmenubg.jpg) no-repeat right 15px; font-size:14px; color:#333; overflow:hidden;}
.leftmenu li a:hover,.leftmenu li a.hover{background:url(/static/images/leftmenubg.jpg) no-repeat right -20px; color:#ee7800; }
.leftmenu li a.expand{background:url(/static/images/leftmenubg.jpg) no-repeat right -56px; color:#ee7800; }
.leftmenu li ul{ display:none; }
.leftmenu li .ul{ display:block; border-top:1px dotted #d6cfca;padding:5px 0 5px 10px;}
.leftmenu li .ul li{ margin:0 0 0 10px; border:0;}
.leftmenu li .ul li a{ display:block; padding:0 0 0 10px; color:#666666; height:30px; line-height:30px;background:url(/static/images/leftmenubg.jpg) no-repeat 0 -113px; font-size:12px;}
.leftmenu li .ul li a:hover,.leftmenu li .ul li a.hover{ color:#ee7800;background:url(/static/images/leftmenubg.jpg) no-repeat 0 -83px;}
.rightwrap{ float:right; width:750px;}
.righttop{ margin:0 0 30px 0;line-height:30px; height:42px; overflow:hidden; border-bottom:1px solid #c3bbb5; zoom:1;}
.righttop:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.righttop h1{ float:left; width:300px;font-size:24px; color:#ee7800;font-weight:normal;}
.website{ float:right; width:400px; margin:5px 0 0 0; text-align:right; color:#646464;}
.website a{ color:#646464;}
.website a:hover{ color:#ee7800;}

/*about css*/
.about{ font-size:14px; line-height:30px;}
.structure{ padding:20px 0; text-align:center;}
/*team css*/
.team .list{ zoom:1; padding:0 0 30px 0; margin:0 0 30px 0; border-bottom:1px solid #e7e3e1;}
.team .list:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.team .list .img{ float:left; width:99px; height:130px; margin:8px 0 0 0;}
.team .list .img img{width:99px; height:130px;}
.team_right{ float:right; width:620px; font-size:14px; color:#333; line-height:30px;}
.team_right .name{ font-size:18px; color:#ee7800;}
/*history css*/
.history{ background:url(/static/images/history_line1.jpg) no-repeat 40px 0; padding:28px 10px 50px 10px;}
.history .list{ background:url(/static/images/history_line.jpg) repeat-y 33px 0; min-height:100px; zoom:1;}
.history .list:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.history .list .time{ float:left; width:64px; height:64px; font-size:20px; color:#fff; line-height:64px; text-align:center; background:url(/static/images/history_time.jpg) no-repeat 0 0;}
.history .list .text{ float:right; width:630px; font-size:14px; color:#333; line-height:30px;}
.history .list .text p{ background:url(/static/images/history_line2.jpg) no-repeat 0 15px; margin:0 0 30px 0; padding:0 0 0 15px;}
/*honor css*/
.honor{ padding:0 10px; background:url(/static/images/history_line.jpg) repeat-y 93px 0;}
.honor .list{zoom:1;padding:0 0 20px 0;}
.honor .list:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.honor .list .time{ float:left; width:70px; height:25px; font-size:16px; color:#fff; line-height:25px; text-align:center; background:url(/static/images/bg.jpg) no-repeat -104px -31px; padding:0 25px 0 0;  text-align:right;}
.honor .list .text{ float:right; width:620px; font-size:14px; color:#333; line-height:30px;}
.honor .list .text .li{ background:url(/static/images/history_line2.jpg) no-repeat 0 15px; padding:0 0 20px 15px; zoom:1;}
.honor .list .text .li:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.honor .list .text .li .company_name{ float:left; width:90px; line-height:25px;color: #ee7800;}
.honor .list .text .li .honor_txt{ float:right; width:500px; font-size:13px; line-height:20px;}
.honor .list .text .li .honor_txt p{ padding:2px 0 10px 0;}

.honor .lastlist{ padding:0;}
/*culture css*/
.culture .list{ zoom:1; padding:20px; background:#f0f0f0; margin:0 0 25px 0;}
.culture .list:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
/*.culture .list .img{ float:left; width:245px; height:170px;}
.culture .list .img img{width:245px; height:170px;}*/
.culture_txt{/* float:right; width:440px; */font-size:14px; color:#5e5e5e; line-height:26px;}
.culture_txt h1{ height:20px; font-weight:normal; line-height:20px; font-size:14px; color:#333; overflow:hidden;}
.culture_txt h1 span{ font-size:16px; color:#ee7800; margin:0 5px 0 0;}
.culture_txt .txt{border-top:1px solid #c2c2c2; padding:10px 0 0 0; margin:10px 0 0 0; /*height:130px; overflow:hidden;*/}
/*.culture .list2 .img{ float:right;}
.culture .list2 .culture_txt{ float:left;}*/
/*brand css*/
.brand .list{ zoom:1; padding:0 0 20px 0;margin:0 0 30px 0; border-bottom:1px solid #e7e3e1;}
.brand .list:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.brand .list .img{ float:left; width:140px; height:80px; padding:2px; background:#fff; border:1px solid #cfcece;}
.brand .list .img img{width:140px; height:80px;}
.brand_txt{ float:right; width:580px; }
.brand_txt .brandname{ font-size:16px; color:#000; line-height:20px; height:20px; overflow:hidden;}
.brand_txt .brandname a{ color:#000;}
.brand_txt .brandname a:hover{ color:#ee7800;}
.brand_txt .txt{ margin:10px 0 0 0; font-size:14px; color:#666; line-height:30px; height:120px; overflow:hidden;}
.brand_txt .txt.hover{ height:auto; overflow:visible;}
.brand .expand{ float:right; width:40px; background:url(/static/images/expand.gif) no-repeat right center; color:#ee7800; cursor:pointer;}
.brand .expand span{ display:block;}
.brand .expand label{ display:none;}
.brand .expand.hover{ background:url(/static/images/colls.gif) no-repeat right center; cursor:pointer;}
.brand .expand.hover label{ display:block; cursor:pointer;}
.brand .expand.hover span{ display:none;}
/*video css*/
.video { padding:0 0 50px 0;}
.video ul{ zoom:1; margin-left:-20px; width:790px;}
.video ul:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.video li{ float:left; width:220px; height:225px; background:#fff;cursor:pointer; border:1px solid #eee; margin:0 20px 35px 21px;box-shadow: 0 0 5px #dedede;-webkit-box-shadow: 0 0 5px #dedede;-moz-box-shadow: 0 0 5px #dedede;behavior:url(PIE.htc); position:relative;}
.video li:hover{ border:1px solid #ee7800; }
.video li a{ display:block; cursor:pointer; padding:10px 10px 5px 10px; width:200px; height:210px;font-size:14px; color:#333;}
.video li img{ width:200px; height:150px; margin:0 0 15px 0;}
.video li .videoname{ height:45px; line-height:23px; background:url(/static/images/bg.jpg) no-repeat -179px -135px; padding:0 0 0 25px; overflow:hidden;}

#divBacking {background: #000;display: none;height: 100%;  left: 0;filter:alpha(opacity=50);
 -moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;position: absolute;top: 0;width: 100%;z-index: 10;}
#divframe { display: none;left: 0; position: absolute; top: 0; z-index: 100;}
.video_popbox { padding: 18px; position: relative; width: 744px;}
.video_popbox .close {background: url(/static/images/fancy_close.png) no-repeat 0 0;cursor: pointer; height: 48px; position: absolute; right: 10px; top: 10px; width: 48px;}
#js_frameClose{background: url(/static/images/fancy_close.png) no-repeat 0 0;width: 50px; height: 50px; position: absolute; z-index: 9999; top:-30px; right: -30px; cursor: pointer;}
.video_popbox .sp_bg { background: #fff;height: 475px; padding: 15px 0 0 15px; width: 720px;}

/*contact css*/
.contact{ zoom:1; padding:0 0 100px 0;}
.contact:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.contact_img{ float:left; width:250px;}
.contact_img img{ max-width:100%;}
.contact_text{ float:right; width:460px; font-size:14px; color:#333; line-height:34px;}
.contact_text h1{ font-size:16px; font-weight:normal; color:#ee7800; line-height:25px; padding:0 0 15px 0; margin:0 0 10px 0; border-bottom:1px solid #e3dedc;}
.contact_text a{ color:#333;}
.contact_text a:hover{color:#ee7800; }
/*news css*/
.topnews{ padding:0 0 25px 0; margin:0 0 25px 0; border-bottom:1px solid #eae6e4;}
.topnews h3{ display:inline-block; background:url(/static/images/drop2.png) no-repeat right center; padding:0 12px 0 0; font-size:13px; color:#ee7800; font-weight:normal; margin:0 0 25px 0;}
.tjnews{ zoom:1;}
.tjnews:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.tjnews .img{ float:left; width:222px; height:152px;}
.tjnews .img a{ display:block; width:220px; height:150px; border:1px solid #dbd8d8;background:#fff;}
.tjnews .img a:hover{ border:1px solid #ee7800;}
.tjnews .img img{ width:220px; height:150px;}
.newsright{ float:right; width:500px; color:#666;}
.newsright h1{ font-size:16px; font-weight:normal;color:#1e1e1e; height:25px; line-height:25px; overflow:hidden;}
.newsright h1 a{ color:#1e1e1e;}
.newsright h1 a:hover{color:#ee7800;}
.newsright .description{ font-size:14px; line-height:26px; height:75px; overflow: hidden; margin:8px 0 12px 0;}
.newsright .detail a{ color:#666;}
.newsright .detail a:hover{color:#ee7800;}
.news .list{ zoom:1; padding:0 0 25px 0; border-bottom:1px solid #eae6e4; margin:0 0 20px 0;}
.news .list:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.news .list .time{ float:left; margin:5px 0 0 0; width:60px; height:60px; background:#ffa549; color:#fff; font-size:14px; text-align:center;border-bottom:10px solid #e5e5e5; line-height:25px; overflow:hidden;}
.news .list .time label{ font-size:30px; color:#fff; line-height:30px;}
.news .list .newstxt{ float:right; width:660px;}
.news .list .newstitle{ height:20px; font-size:14px;  color:#1e1e1e;overflow:hidden; }
.news .list .newstitle a{ color:#1e1e1e;}
.news .list .newstitle a:hover{color:#ee7800;}
.news .list .description{ color:#666; line-height:22px; height:45px; margin:10px 0 0 0; overflow:hidden;}

.newtitle{ font-size:20px; color:#333; text-align:center; padding:10px 0 20px 0;}
.newtxt{ font-size:14px; line-height:25px; padding:5px 0; text-align:center; color:#838282; border-top:1px dashed #dad5d1;border-bottom:1px dashed #dad5d1;}
.newtxt span{ margin:0 0 0 40px;}
.newtxt a{ margin:0 2px;color:#838282; }
.news_content{ padding:20px 0; font-size:14px; line-height:1.7em;border-bottom:1px dashed #dad5d1; margin:0 0 15px 0;}
.news_content p{ padding:10px 0;}
.news_content a{ color:#666;}
.news_content a:hover{color:#ee7800; text-decoration:underline;}
.newspage{ zoom:1; font-size:14px; color:#333;}
.newspage:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.newspage a{ color:#333;}
.newspage a:hover{color:#ee7800; }
.newspage .share{ float:right;}
/*book css*/
.book{ zoom:1; padding:0 0 40px 0;}
.book:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.book dl{ float:left; padding:15px 30px; width:127px;}
.book dt{width:125px; height:170px; border:1px solid #dbdbdb;}
.book dt img{ width:125px; height:170px;}
.book dd{ text-align:center; line-height:22px; color:#333; height:45px; margin:5px 0 0 0 ;}
.book dd p{ height:22px; overflow:hidden;}

/*product css*/
.product_content{ color:#333; font-size:14px; line-height:30px; padding:0 0 50px 0;}
.product_content h1{ font-size:16px; color:#ee7800;font-weight:normal; margin:0 0 10px 0;}
.map { background: url(/static/images/map.png) no-repeat center 0;height:650px; margin-top: 30px; position: relative;}
.province_list li { position:absolute;}
.province_list .p_name{background: url(/static/images/icon86.png) no-repeat 0 0;cursor: pointer;height:25px; line-height:25px; width: 50px; padding:0 0 0 20px;color: #45352d;font-size: 14px;}
.p_name{ position:relative; z-index:10;}

.province_list .beijing{ top: 210px; left: 550px;}
.province_list .shandong{ top: 280px; left: 560px;}
.province_list .fujian{ top: 460px; left: 590px}
.province_list .guangdong{top: 497px; left: 530px}
.province_list .heilongjiang{ top: 80px; left: 640px;}
.province_list .jilin{ top: 145px; left: 660px;}
.province_list .liaoning{ top: 185px; left: 615px;}
.province_list .hebei{ top: 246px; left: 528px;}
.province_list .henan{ top: 330px; left: 498px;}
.province_list .shanxi{ top: 275px; left: 485px;}
.province_list .sanxi{ top: 330px; left:435px;}
.province_list .neimenggu{ top: 223px; left:410px;}
.province_list .neimenggu .p_name{ width:70px;}
.province_list .tianjin{ top: 230px; left: 563px;}
.province_list .jiangsu{ top: 325px; left: 595px;}
.province_list .shanghai{ top: 360px; left: 638px;}
.province_list .zhejiang{ top: 400px; left: 610px;}
.province_list .jiangxi{ top: 435px; left: 545px;}
.province_list .anhui{ top: 360px; left: 565px;}
.province_list .hubei{ top: 375px; left: 490px;}
.province_list .hunan{ top: 430px; left: 480px;}
.province_list .guangxi{ top: 500px; left: 440px;}
.province_list .taiwan{ top: 485px; left: 645px;}
.province_list .hainan{ top: 575px; left: 470px;}
.province_list .guizhou{ top: 455px; left: 410px;}
.province_list .yunnan{ top: 490px; left:330px;}
.province_list .sichuan{ top: 390px; left: 350px;}
.province_list .chongqing{ top: 405px; left: 425px;}
.province_list .qinghai{ top: 300px; left: 260px;}
.province_list .xizang{ top: 375px; left: 150px;}
.province_list .gansu{ top: 225px; left: 275px;}
.province_list .ningxia{ top:275px; left: 410px;}
.province_list .xinjiang{ top: 220px; left: 100px;}
.province_list .hk{ top: 512px; left: 545px;}
.province_list .macao{ top:530px; left: 530px;}


.plt_box { z-index:100;display: none; position:absolute; left:-235px; bottom:10px;width:200px; background:url(/static/images/zline.gif) no-repeat right bottom; padding:0 36px 0 0; font-size:14px; color:#ee7800;}
.pllist{ background:url(/static/images/plboxlibg.png) no-repeat right center; padding:0 8px 0 0; margin-bottom:15px; margin-top:-15px;text-align:right; line-height:30px;}
.pllist a{ color:#ee7800; cursor:pointer; display:block; padding:0 10px 0 0; background:#eae5e0;filter:alpha(opacity=90); -moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9;}
.pllist a:hover{ color:#484848; text-decoration:underline;}
.type_list {  font-size: 14px; left: 25px; position: absolute; top: 570px;background: url(/static/images/icon86.png) no-repeat 0 0; padding:0 0 0 20px; line-height:22px;}
.p_company{ position:absolute;/* display:none; */top:0; left:0; z-index:100; background:url(/static/images/plboxbg.png) no-repeat 0 0; width:690px; height:500px; padding:35px 25px 25px 25px; font-size:14px; color:#fff!important; line-height:30px;}
.close2{ width:32px; height:32px; background:url(/static/images/plclose.png) no-repeat 0 0; position:absolute; top:0; right:0; display:block; cursor:pointer; text-indent:-9999px; overflow:hidden;}
.p_company h1{ font-size:18px; font-weight:normal; color:#fff!important;}
.p_company h2{ font-size:16px; font-weight:normal; padding:10px 0;}
/*product list css*/
.product_list ul{ zoom:1; margin-left:-20px; width:790px;}
.product_list ul:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.product_list li{ float:left; margin:0 20px 40px 21px;width:222px; height:272px; }
.product_list li a{ display:block;width:200px; height:250px; padding:10px; background:#fff;cursor:pointer; color:#404040; border:1px solid #eee;box-shadow: 0 0 5px #dedede;-webkit-box-shadow: 0 0 5px #dedede;-moz-box-shadow: 0 0 5px #dedede;behavior:url(PIE.htc); position:relative;}
.product_list li a:hover{ border:1px solid #ee7800; }
.product_list li .img img{ width:200px; height:150px;}
.productname{ margin:10px 0 5px 0; height:30px; line-height:30px; overflow:hidden; font-size:14px; color:#121212;}
.product_txt{ height:40px; overflow:hidden;}
.product_list li a:hover{ color:#ee7800;}
.product_list li a:hover .productname{ color:#ee7800;}
.product_top{ zoom:1; padding:0 0 20px 0;}
.product_top:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.product_top .img{ float:left; width:350px; height:280px; border:1px solid #cfcdcb;box-shadow: 0 0 2px #dedede;-webkit-box-shadow: 0 0 2px #dedede;-moz-box-shadow: 0 0 2px #dedede;behavior:url(PIE.htc); position:relative;padding:3px; background:#fff;}
.product_top .img img{ width:350px; height:280px; }
.product_right{ float:right; width:360px; color:#404040; line-height:24px;}
.product_right .name{ font-size:16px; margin:0 0 10px 0;}
.product_right h2{ font-size:14px; font-weight:normal; margin:0 0 10px 0;}
.product_description .title{ font-size:15px; color:#ee7800; height:30px; margin:0 0 20px 0; border-bottom:1px solid #ee7800;}
.product_description .content{ font-size:14px; color:#333; line-height:30px;}
.product_description .content a{ color:#333;}
.product_description .content a:hover{color:#ee7800;}
/*distribution css*/
.distribution .list{ padding:0 0 15px 0;margin:0 0 15px 0; border-bottom:1px solid #e7e3e1; zoom:1;}
.distribution .list:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.distribution_name{ font-size:16px; color:#ee7800; margin:0 0 10px 0;}
.distribution_name a{color:#ee7800; margin:0 0 0 3px;}
.distribution_name a:hover{color:#ee7800; text-decoration:underline;}
.distribution .list .txt{ font-size:14px; color:#666; line-height:22px; height:65px; overflow:hidden;}
.distribution .list .txt p{ padding:0 0 20px 0;}
.distribution .list .txt.hover{ height:auto; overflow:visible;}
.distribution .expand{ float:right; width:40px; background:url(/static/images/expand.gif) no-repeat right center; color:#ee7800; cursor:pointer;}
.distribution .expand span{ display:block;}
.distribution .expand label{ display:none;}
.distribution .expand.hover{ background:url(/static/images/colls.gif) no-repeat right center; cursor:pointer;}
.distribution .expand.hover label{ display:block; cursor:pointer;}
.distribution .expand.hover span{ display:none;}
/*cooperation css*/
.cooperation .list{ padding:0 0 25px 0;margin:0 0 20px 0; border-bottom:1px solid #e7e3e1; zoom:1;}
.cooperation .list:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.cooperation_name{ font-size:16px; color:#ee7800; margin:0 0 15px 0;}
.cooperation a{color:#ee7800;margin:0 0 0 3px;}
.cooperation a:hover{color:#ee7800; text-decoration:underline;}
.cooperation .txt{ font-size:14px; color:#666; line-height:22px; height:65px; overflow:hidden;}
.cooperation .txt a{ margin:0 0 0 10px; font-size:12px;}
/*shopping css*/
.shopping .list{ padding:80px 50px; background:#f99d32; margin:0 0 30px 0; zoom:1;}
.shopping .list:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.shopping .list .img{ float:left; width:380px;}
.shopping .shop{ float:right; width:250px; text-align:right; margin:30px 0 0 0; background:url(/static/images/shoptxt.jpg) no-repeat right 0;font-size:18px; line-height:30px; color:#fff;  }
.shopping .shop a{ display:block; padding:30px 25px 0 0; line-height:30px; color:#fff;}

/*talent css*/
.talent_txt{ zoom:1; background:#fdeede; margin:20px 0 0 0;}
.talent_txt:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.talent_txt .left{ float:left; width:480px;}
.value{ padding:10px 30px; font-size:14px; line-height:30px; color:#3d3d3d; height:150px; background:#e9eaeb;}
.value h1{ font-size:16px; border-bottom:1px solid #b2b2b2; margin:0 0 15px 0; font-weight:normal; padding:0 0 10px 0;}
.yj{ padding:10px 30px; color:#ee7800; font-size:14px; line-height:30px;}
.yj h1{ font-size:16px; border-bottom:1px solid #ee7800;  margin:0 0 15px 0; font-weight:normal; padding:0 0 10px 0;}
.talent_txt .right{ float:right; width:230px; background:#ee7800; padding:10px 20px; color:#fff; font-size:14px; line-height:30px;}
.talent_txt .right h1{ font-size:16px; border-bottom:1px solid #fff; margin:0 0 15px 0; font-weight:normal; padding:0 0 10px 0;}
.talent_txt .right p{ padding:5px 0;}
.talent .list{ zoom:1; background:#f0efef; margin:0 0 25px 0;}
.talent .list:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.talent .list .img{ float:left; width:360px; height:250px;}
.talent .list .img img{width:360px; height:250px;}
.talent .txt{ float:right; width:350px; padding:20px; font-size:14px; color:#545353; line-height:30px;}
.talent .txt h1{ font-weight:normal; font-size:18px; color:#ee7800; margin:0 0 10px 0;}
.talent .list2 .img{ float:right;}
.talent .list2 .txt{ float:left;}
.talent .list1{ zoom:1; background:#f0efef; margin:0 0 25px 0;}
.talent .list1 .img{ width:750px;}
.talent .list1 .img img{width:750px;}
.talent .list1 .text{ padding:10px 15px;font-size:14px; color:#333; line-height:30px;}
.talent .list1 .text h1{ font-weight:normal; font-size:18px; color:#ee7800; margin:0 0 5px 0; }
/*growing_share css*/
.growing_share .list{ padding:0 0 15px 0;margin:0 0 20px 0; border-bottom:1px dotted #838383; zoom:1;}
.growing_share .name{ font-size:16px; color:#333;}
.growing_share .name a{color:#333;margin:0 0 0 3px;}
.growing_share .name a:hover{color:#ee7800;}
.growing_share .description{ font-size:14px; color:#333; line-height:30px; height:60px; margin:15px 0 10px 0; overflow:hidden;}
.growing_share .detail a{ color:#ee7800;}
.growing_share .detail a:hover{ color:#ee7800; text-decoration:underline;} 
.growing_share .page_warp{ padding:30px 0;}
/*hr css*/
.hr_tab{ zoom:1; margin:0 0 30px 0;}
.hr_tab:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.hr_tab li{ float:left; width:130px; height:40px; margin:0 8px 0 0; line-height:40px;background:#a8a8a8; }
.hr_tab li a{ display:block; width:130px; height:40px; color:#f7f5f6; font-size:16px; text-align:center;}
.hr_tab li a:hover,.hr_tab li a.current{ background:#ee7800; color:#fff;}
.hr_content{ font-size:14px; color:#333; line-height:30px;}
.hr_content h1{ font-size:16px; font-weight:normal; margin:0 0 15px 0; color:#000;}
.hr_content a{ color:#333;}
.hr_content a:hover{ color:#ee7800;}
/*job_guide css*/
.job_guide h1{ font-size:16px; font-weight:normal; margin:0 0 20px 0; color:#000;}
.job_process {font-size:14px; color:#333;}
.job_process p{ padding:0 0 15px 0;}
.job_process .notice{ font-size:12px;}
.faq .list{ padding:0 0 20px 0;}
.faq_q{line-height:40px; background:#eaeaea; height:40px;cursor:pointer; padding:0 30px 0 10px; font-size:14px; color:#ee7800; position:relative; zoom:1;}
.faq_q:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.faq_q span{ position:absolute; top:15px; right:30px;display:block; width:9px; height:10px; line-height:10px; overflow:hidden; background:url(/static/images/faq_up.gif) no-repeat 0 0;}
.faq_q.expand{ color:#ee7800;}
.faq_q.expand span{ background:url(/static/images/faq_down.gif) no-repeat 0 0;}
.faq_a{font-size:14px; color:#333; line-height:30px; padding:20px 10px 10px 10px;}
/*job css*/
.job .titles{ font-size:16px; color:#000; margin:0 0 15px 0;}
.joblist{ background:#f2f2f2; padding:10px 0;margin:0 0 20px 0;}
.joblist .th{ zoom:1; height:40px; line-height:30px; border-bottom:1px solid #ee7800; font-size:14px;color:#ee7800;}
.joblist .th:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.joblist li{ height:40px; line-height:40px; font-size:14px; color:#333; border-bottom:1px dotted #999999; zoom:1;}
.joblist li:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.joblist span{ display:block; float:left;}
.joblist .job_name{ padding:0 10px 0 20px; width:230px;}
.joblist .job_text{ width:120px; text-align:center;}
.joblist li a{ color:#333;}
.joblist li a:hover{color:#ee7800; text-decoration:underline;}
.joblist .more{text-align:right; padding:10px 30px 0 0;}
.joblist .more a{ color:#2e2e2e;}
.joblist .more a:hover{ color:#ee7800;}
.job_content{background:#f2f2f2; padding:20px 20px 40px 20px; font-size:14px; color:#333; line-height:30px;}
.job_content h1{ color:#000; font-size:14px; font-weight:normal;}
.applyjob{ margin:20px 0 0 0;}
.applyjob a{ display:block; width:140px; height:35px; background:#ee7800; font-size:16px; color:#fff; text-align:center; line-height:35px;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;behavior:url(PIE.htc); position:relative;}
.applyjob a:hover{ color:#fff;}
/*responsibile css*/
.responsibile{ font-size:14px; color:#333; line-height:30px;}
.responsibile h1{ font-size:18px; color:#ee7800; font-weight:normal; margin:15px 0;}
.responsibile .list{ margin:0 0 40px 0; padding:0 20px 0 0; background:#f0efef; color:#262626; zoom:1;}
.responsibile .list:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.responsibile .list h2{ font-size:18px; color:#000; padding:12px 0 3px 0; font-weight:normal;}
.responsibile .list2{ padding:0 0 0 20px;}
/*customer css*/
.customer_txt{ background:#f8f5ee url(/static/images/customerbg.jpg) no-repeat right bottom; padding:25px 300px 25px 15px; height:310px; font-size:14px; color:#333; line-height:28px; margin:0 0 20px 0;}
.customer_txt h1{ font-size:18px; color:#000; margin:0 0 10px 0; font-weight:normal;}
.customer_txt p{ padding:5px 0;}
.customer .content{ font-size:14px; color:#333; line-height:30px;}
.customer .content h2{font-size:14px; color:#ee7800; font-weight:normal; padding:0 0 10px 0;}
.customer .content h3{font-size:14px; color:#000; font-weight:normal; padding:0 0 10px 0;}
.customer .content h3 span{color:#ee7800; margin:0 5px;}
.customer .content p{ padding:0 0 20px 0;}
/*care css*/
.care{ font-size:14px; color:#333; line-height:30px;}
.care h1{ font-size:18px; color:#000; font-weight:normal; padding:0 0 10px 0;}
.care .list{  padding:20px; background:#f0efef; margin:20px 0 0 0;}
.care .list h2{ font-size:18px; color:#ee7800; font-weight:normal; margin:0 0 10px 0;}
.carecontent{ zoom:1; color:#333; line-height:28px;}
.carecontent:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.carecontent .txt{ float:left; width:430px;}
.carecontent .txt p{ padding:0 0 10px 0;}
.carecontent .img{ float:right; width:245px; padding:5px 0 0 0;}
/*protection css*/
.protection_txt{ background:#f0f0f0 url(/static/images/protectionbg.jpg) no-repeat right bottom; padding:20px 300px 20px 20px; height:320px; font-size:14px; color:#333; line-height:28px; margin:0 0 20px 0;}
.protection_txt h1{ font-size:18px; color:#000; margin:0 0 10px 0; font-weight:normal;}
.protection_txt p{ padding:5px 0;}
.protection .content{ font-size:14px; color:#333; line-height:30px;}
.protection .content h2{font-size:14px; color:#ee7800; font-weight:normal; padding:0 0 10px 0;}
.protection .content h3{font-size:14px; color:#000; font-weight:normal; padding:0 0 10px 0;}
.protection .content h3 span{color:#ee7800; margin:0 5px;}
.protection .content p{ padding:0 0 20px 0;}
.protection .orange{ color:#ee7800; margin:0 5px;}
/*welfare css*/
.welfare{ color:#333; font-size:14px; line-height:30px;}
.welfare h1{ font-size:16px; color:#ee7800; font-weight:normal; padding:5px 0; }
.welfare h2{ font-size:14px; color:#ee7800; font-weight:normal; padding:10px 0; }
.welfare p{ padding:5px 0;}
.welfare .orange{color:#ee7800; margin:0 5px;}
.welfare a{ color:#333;}
.welfare a:hover{color:#ee7800;}
/*report css*/
.report ul{ zoom:1; padding:10px 0;}
.report ul:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.report li{ float:left; width:182px; height:260px;  margin:0 40px 25px 25px; text-align:center;}
.report li a{ display:block; cursor:pointer; width:182px; height:260px;font-size:14px; color:#333;}
.report li img{ width:180px; height:210px;border:1px solid #e0e0e0;}
.report li .name{ height:45px; line-height:45px; overflow:hidden;}
.report li a:hover{ color:#ee7800;}
.report li a:hover img{border:1px solid #ee7800;}
/*investors css*/
.investors ul{ zoom:1; margin-left:-30px; width:790px;}
.investors ul:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.investors li{background: #fff;border: 1px solid #ee7800; float: left;height: 185px; margin: 10px 10px 0 30px;overflow: hidde;width: 220px;}
.investors li .pic {height: 135px; overflow: hidde;width: 220px;}
.investors li .name {background: #ee7800;color: #fff; padding:0 10px 0 15px; height: 50px;line-height: 50px; overflow: hidden;}
.investors li .name a {color: #fff;}
.investors li .name h3 {float: left; font-size: 16px; font-weight: normal; width:100px;}
.investors li .name span { float: right; font-family: Arial;font-size: 14px; width:80px; text-align:right;}
/*sitemap css*/
.sitemap {color: #ee7800;font-size: 15px;line-height: 30px;}
.sitemap ul{zoom:1;}
.sitemap ul:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.sitemap a {color: #ee7800;}
.sitemap a:hover {color: #ee7800; text-decoration:underline;}
.sitemap .li1{border-right: 1px dashed #dbd4cd; float: left; height:500px;margin: 40px 0 0 0; padding: 0 75px;width: 170px;}
.sitemap .li2{ height:350px;}
.sitemap li h2 { color: #6c5a54; font-size: 16px; line-height: 1.6em;margin:0 0 10px 0;}
.sitemap li h2 a { color: #6c5a54;}
.sitemap li h2 a:hover {color: #ee7800;}
.sitemap .ul { padding:10px 0;}
.sitemap .ul li { float:none; border: medium none; list-style:disc;color: #666;font-size: 13px; line-height:24px; height:24px;font-weight: normal;margin: 0 0 0 20px; padding: 0;}
.sitemap .ul li a { color: #666;}
.sitemap .ul li a:hover{color: #ee7800;}
/*privacy css*/
.privacy { margin: 38px 0 0; color:#333; font-size:14px; line-height:26px;}
.privacy h2 {color: #ee7800; font-size: 18px;font-weight: normal; padding:10px 0;}
.privacy p{ padding:0 0 15px 0;}
.navigation ul{zoom:1;}
.navigation ul:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.navigation li {  float: left;height:80px;margin: 0 5px 10px; width: 300px;}
.navigation li a{ display:block;width:295px; height:70px;border: 1px solid #c9bdb7;}
.navigation li a:hover {border: 1px solid #ff9900;}
.navigation li img{ width:295px; height:70px;}

/*footer css*/
#footer{ background:#fff; padding:20px 0; font-size:14px; color:#989898; line-height:30px; text-align:center;}
#footer a{ color:#989898;}
#footer a:hover{ color:#ee7700; text-decoration:underline;}
.foot span{ margin:0 10px;}

#goTopBtn { bottom: 0; margin: 0 auto;position: fixed; right: 0;text-align: left;width: 53px;z-index: 999;}
#goTopBtn .iconbg { background-image: url(/static/images/gotop.gif);  height: 48px;width: 48px;}
.iconbg { background-repeat: no-repeat;cursor: pointer; display: block;overflow: hidden; text-indent: -9999px;}
#goTopBtn .btn-gotohome { background-position: 0 0;}
#goTopBtn .btn-gototop {background-position: 0 -51px;  margin-top: 3px;}
#goTopBtn .btn-gotohome:hover {background-position: -49px 0;}
#goTopBtn .btn-gototop:hover { background-position: -49px -51px;}
/*page css*/
.page_warp{ width:100%; padding:10px 0; height:35px; line-height:35px;text-align:center;font-size:16px;} 
.page_warp a,.page_warp span { padding:7px 13px;margin:0 2px; background:#e9e9e9;color:#666;} 
.page_warp a:hover,.page_warp a.hover {text-decoration:none;color:#fff; background:#ee7800;}

#scrollbar .scrollbar {position: relative;background-position: 0 0;float: right;width: 8px;margin-right:-13px;}
#scrollbar .viewport {float:left;width: 670px;height: 500px;overflow: hidden;position: relative;}
#scrollbar .track {background: #ccc;height: 100%;width: 8px;position: relative;}
#scrollbar .thumb {background: #ff6600;height: 20px;width: 8px;cursor: pointer;overflow: hidden;position: absolute;top: 0;}
#scrollbar .overview {list-style: none;position: absolute;left: 0;top: 0;padding: 0;margin: 0;}