@charset "utf-8";
html{ font:normal 62.5%/2.3em Arial,"微软雅黑";}
body{ margin:0px; padding:0px; margin:0px auto; font-size:1.2em; color:#5d5d5d; width:100%; zoom:1;}
ul,li,form, dl,dt,dd, div{ padding: 0px; margin: 0px;}
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#5d5d5d;}
input:focus { outline: none;}
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
textarea,input,select { background:none; border:none; margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ border:none; border:0; vertical-align:top;}
a{ color:#5d5d5d; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; color:#c8985a;}
.clear{ clear:both; height:0px; overflow:hidden;}
ul li{ list-style:none;}

.divShow{ width:100%;}
.divShow span{ float:right; margin-right:5px;}
.jiathis_style{ float:right; margin-top: 3px; }

.divdown{ margin:20px 0;}

.Contain{min-width:320px; max-width:1000px; margin:0 auto;}
.HomeContain{ padding:1% 0;}
@media (max-width: 1000px) {
.Contain{min-width:300px; max-width:980px; padding:0 10px;}
.HomeContain{ padding:1% 10px;}
}

.MainContent{ float:right; width:76%;}
.Content{}
.SinglePage{ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both; overflow:hidden; line-height:24px; }
.space{padding-bottom:6%;}
.empty{ float:left; width:100%; height:20px;}

.Current{ border-bottom:#e1e1e1 1px solid; text-align:right; padding: 2% 0;}
.Current a{ color:#878787;}
.Current span,.Current a:hover{color:#c8985a;}

.ColumnTitle{ width:100%; padding: 3% 0;}
.ColumnTitle span{ display:block; color:#6d6d6d; font-size:1.333em;}
.ColumnTitle .en{ text-transform:uppercase;}
.ColumnTitle .cn{ font-weight:bold;}

.body{ background-color:#f5f5f5;}

/*pages*/
.Pages{ padding:6% 0; line-height:18px; zoom:1; overflow:hidden; text-align:center;}
.Pages span{ padding:0px 3px; display:inline-block;}
.Pages a{ display:inline-block; margin:0px 2px; border:#cacaca 1px solid; padding:3px 7px;}
/*.Pages .p_cur{ float:left;}*/
.Pages .p_cur b{ color:#F00;}
/*.Pages .p_count{ float:left;}*/
.Pages .p_count b{ color:#F00;}
/*.Pages .p_total { float:left;}*/
.Pages .p_total b{ color:#F00;}
/*.Pages .p_page{ float:right;}*/
.Pages .p_page em{ font-style:normal; font-family:Arial;}
.Pages .p_page em a{padding:3px 7px; border:solid 1px #cacaca; }
.Pages .p_page em a.a_cur{ color:#fff; border:solid 1px #c8985a; background:#c8985a;}
.Pages .p_page b{ font-weight:normal;}
.Pages .i_text{ width:30px; padding:0px; text-align:center; font-size:12px; border:inset 1px #ddd; background:#fff;}
.Pages .i_button { position:relative; top:5px; width:32px; height:20px; cursor:pointer; border:none; background:url(page_goto.jpg) no-repeat;}
/*pages end*/

/*Top*/
.Toper{ width:100%; background:url(../images/bg4.gif) repeat-x left top; position:relative; z-index:3;}
.Top{ width:100%; background:url(../images/bg5.jpg) repeat-x left top; background-color:#c8985a;}
.MainTop{ min-width:320px; max-width:1000px; margin:0 auto;}
.background{
	/* background:url(../images/bg3.png) no-repeat right top; */
	position:relative;
	}
.logo{float:left; display:block;}
.Icon{ color:#f08401; width:100%; text-align:right; position:absolute; top:32%; right:0;}
.Icon .Language,.Icon em{color:#c8985a; margin: 0 0.4%; display:block; float:right;}

.Icon .Language .weiixn_img{  right:0; top:22px; width:400%;}

.divSearch{ float:right;}
.SreachBox{ width:168px; height:22px; line-height:22px; border:#c5c5c5 1px solid; border-radius:5px; overflow:hidden; margin-top:3%; background:#fff;}
.SreachBox .sreach_btn{ width:22px; height:22px; display:block; float:right; background:url(../images/bg6.gif) no-repeat center center;} 
.SreachBox .sreach_ipu{ width:130px; height:22px; line-height:22px; border:none; outline:none; background:none; float:left; padding-left:10px;}

.divSearch .MainNavBtn{ display:none;}

.MainNav ul li{ float:left; width:11.5%; border-left:#c8985a 1px solid; position:relative;}
.MainNav ul li .navA{ display:block; font-size:1.167em; color:#ffffff;  padding:3% 0%; text-align:center;font-weight:600;}
.MainNav ul li:last-of-type{border-right:#c8985a 1px solid;}
.MainNav ul li .navA:hover,.MainNav ul li.onnav .navA{ background:url(../images/bg7.png) no-repeat bottom center;}
@media (max-width: 880px) {
.divSearch{ float:none; width:100%;}
.SreachBox{ float:right; margin:2% 0;}
}
.MainNav ul li .navdiv{ display:none; background-color:#fff; position:absolute; z-index:10; width:380%; padding:15% 0;}
.MainNav ul li:nth-child(1) .navdiv{}
.MainNav ul li:nth-child(2) .navdiv{ left:0;}
.MainNav ul li:nth-child(3) .navdiv{ left:0;}
.MainNav ul li:nth-child(4) .navdiv{ right:0;}
.MainNav ul li:nth-child(5) .navdiv{ right:0;}
.MainNav ul li:nth-child(6) .navdiv{ right:0;}
.MainNav ul li .navdiv{background-color:#c8985a;}
.MainNav ul li .navdiv dl{ padding:0 5%; float:left; width:20%;}
.MainNav ul li .navdiv dl a{ display:block; color:#fff1e1; border-bottom:#c8985a 1px solid; text-align:center; padding:3% 0; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.MainNav ul li .navdiv dl a:hover{background:url(../images/bg7.png) no-repeat bottom center;}
.MainNav ul li .navdiv .divNews{ display:none; float:right; width:59%; padding:0 5%; border-left:#f1f1f1 1px solid;}
.MainNav ul li .navdiv .divNews a img{ width:100%;}
.MainNav ul li .navdiv .divNews span{ display:block; color:#fff1e1; line-height:22px; padding:3% 0;}
.MainNav ul li .navdiv .close{ display:none;}

.MainNav ul li:nth-child(4) .navdiv dl,.MainNav ul li:nth-child(5) .navdiv dl,.MainNav ul li:nth-child(6) .navdiv dl{ float:right;}
.MainNav ul li:nth-child(4) .navdiv .divNews,.MainNav ul li:nth-child(5) .navdiv .divNews,.MainNav ul li:nth-child(6) .navdiv .divNews{ float:left; border-right:#f1f1f1 1px solid; border-left:none;}

@media (max-width: 768px)
{
.MainTop{ position:relative; z-index:2;}
.divSearch .MainNavBtn{ display:block; float:right; margin-left:10%; width:7%;}
.divSearch .MainNavBtn img{ width:100%;    padding: 30% 0;}
.MainNav{ display:none; position:absolute; right:10px; top:45px; width:30%; height:100%;/* background:rgba(0, 0, 0, 0.6) none repeat scroll 0 0 !important;/*实现FF背景透明，文字不透明*//*filter:Alpha(opacity=60); background:#000;/*实现IE背景透明*/ z-index:10;}
.MainNav ul{ background-color:#c8985a;}
.MainNav ul li{ width:100%; border:0;}
.MainNav ul li .navA{border-bottom:#fff 1px solid; font-size:1.167em;}
.MainNav ul li .navdiv{ display:none; width:100%; background-color:#888888; /*background:none; background:rgba(0, 0, 0, 0.6) none repeat scroll 0 0 !important;/*实现FF背景透明，文字不透明*/
/*filter:Alpha(opacity=60); background:#000;/*实现IE背景透明*/ padding:0; top:0;}
.MainNav ul li:nth-child(2) .navdiv{ left:-100%;}
.MainNav ul li:nth-child(3) .navdiv{ left:-100%;}
.MainNav ul li:nth-child(4) .navdiv{ left:-100%;}
.MainNav ul li:nth-child(5) .navdiv{ left:-100%;}
.MainNav ul li:nth-child(6) .navdiv{ left:-100%;}
.MainNav ul li .navdiv dl{ width:100%; padding:0;}
.MainNav ul li .navdiv dl a{ color:#fff1e1 !important; font-size:1.167em; width:100%; padding:5% 0; border-bottom:#fff 1px solid !important;}


.MainNav ul li .navdiv .divNews{ display:none;}

}

/*Top*/

/*Bottom*/
.footer,.Bottom{ width:100%; background:url(../images/bg8.png) repeat left top;}
.footer{ background-color:#727272; padding:3% 0;}
.dllist{ float:left; width:80%;}
.dllist dl{ float:left; width:11%; margin-right:5%;}
.dllist dl a{ display:block; padding:3% 0; color:#c5c5c5; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.dllist dl dt{ background:url(../images/bg9.gif) no-repeat left bottom;}
.dllist dl dt a{ font-size:1.167em; font-weight:bold; margin-bottom:3%;}
.HotLine{ float:right; color:#c5c5c5; min-width:15%;}
.HotLine .li1{ font-size:1.167em; display:table;}
.HotLine .li1 img{}
.HotLine .li1 span{display: table-cell; vertical-align: middle;}
.HotLine .li2{ font-size:1.833em; border-bottom:#797979 1px solid; padding:7% 0;}
.HotLine .li3{ padding-top:7%;}
.HotLine .li3 a{ display:block; float:right; padding:2%;}
.weiixn{ position:relative; cursor:pointer;}
.weiixn .weiixn_img{ display:none; position:absolute; right:5px; top:30px; width:300%; padding:10%; background:#fff; z-index:100;}
.weiixn .weiixn_img img{ width:100%;}

.divHeight{ display:none;}
@media (max-width: 768px) {
.dllist{ float:none; width:100%;}
.dllist dl{ width:20%; margin-right:0; margin-left:5%;}
.HotLine{ float:none; padding-top:3%;}
.HotLine ul{ width:50%; margin:0 auto; text-align:left;}
}
@media (max-width: 480px) {
.dllist{ float:none; width:100%;}
.dllist dl{ width:45%; margin-right:0; margin-left:5%;}
.divHeight{ float:left; display:block; width:100%; height:10px;}

}

.Bottom{ background-color:#606060;}
.MainBottom{ min-width:320px; max-width:1000px; margin:0 auto;}
.Copyright{ float:right;color:#a9a9a9;padding:1.8% 0%;}
.BottomLinks{ color:#a9a9a9;}
.BottomLinks a,.Copyright a{color:#a9a9a9;}
.BottomLinks a{ float:left; display:block; padding:1.8% 0;}
.BottomLinks em{ float:left; padding:1.8% 0%; margin:0 10px;}

@media (max-width: 880px) {
.Copyright{ float:none; text-align:center;}
.BottomLinks{ text-align:center;}
.BottomLinks dl{padding:0; display: inline-block;}
}

#cnzz_stat_icon_5084201 img{ margin-top:8px;}

/*Bottom*/

/*SildeBar*/
.SildeBar{ float:left; width:21.5%; position:relative;  padding-top:8.5%;}
.MenuTitle{ background-color:#c8985a; color:#fff; padding:7% 0; position:absolute; top:-7%; width:100%;}
.MenuTitle span{ display:block; text-align:center; width:100%; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.MenuTitle .cn{ font-size:1.5em; font-weight:bold;}
.MenuTitle .en{ text-transform:uppercase;}
.MenuList ul li{ border-bottom:#f3f3f3 1px solid;}
.MenuList ul li .menuA{ display:block; font-size:1.167em; padding: 3% 10%; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.MenuList ul li .menuA:hover,.MenuList ul li.onmenu .menuA,.MenuList ul li dl dd.onmenu a{ color:#c8985a;}

.MenuList ul li dl dd{ padding: 3% 10%;  border-bottom:#f3f3f3 1px solid;}
.MenuList ul li dl dd a{display:block; font-size:1.167em; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; padding-left:10%;}

@media (max-width: 768px) {
.SildeBar{ float:none; width:100%; padding-top:1%;display:none;}
.MenuTitle{ position:static; margin-bottom:3%;  padding:3% 0;}
/*.backbg {display:none;}*/
.MainContent{float:none; width:100%; padding-top:5%;}
}
/*SildeBar*/

/*Banner*/
.HomeBan{ overflow:hidden; width:100%;}
.HomeBan .BanList li{ width:100%; float:left;}
.HomeBan .BanList li a{ display:block; width:100%;}
.HomeBan .BanList li a img{ width:100%;}

.Banner{ width:100%;}
.Banner img{ width:100%;}
/*Banner*/

/*对角背景*/
.backbg{ position:relative; z-index:1;}
.backLeft{ position:absolute; top:0; left:0; z-index:1;}
.backLeft img{ vertical-align:top;}
.backRight{ position:absolute; bottom:0; right:0;z-index:1;}
.backRight img{vertical-align:bottom;}
.backCont{ background-color:#fff; border:#f3f3f3 1px solid;}
/*对角背景*/

/*index*/
.HomeTitle{ padding:10px;}
.HomeTitle .cn{ font-size:1.5em; font-weight:bold; color:#c8985a;}
.HomeTitle .en{ font-weight:bold; color:#d0d0d0; text-transform:uppercase; padding-left:1%;}
.HomeTitle .more{ text-transform:uppercase; color:#d3d3d3; float:right;}
.HomeTitle .more:hover{color:#c8985a;}
.HomeBox{ padding-bottom:5%;}
.HomeCont{ margin-top:20px;}
.HomeCont a:hover{ color:#c8985a;}
.HomeCont ul li{ float:left; width:32%; margin-right:2%;}
.HomeCont ul li:last-of-type{ margin-right:0;}
.HomeCont .cont{ padding:1%;}
.HomeCont .cont img{width: 100%;}
.HomeCont ul li .cont .p{ display:block; color:#5a5a5a; line-height:24px; padding:2%; position:relative;}
.HomeCont ul li .cont .more{ position:absolute; bottom:0; right:2%; z-index:3;}
.HomeCont ul li .columnbg{ display:block; width:100%; position:relative; overflow:hidden;}
.HomeCont ul li .columnbg .imgbg{ width:100%; height:100%; position:absolute; left:0; bottom:-300px; background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important;/*实现FF背景透明，文字不透明*/filter:Alpha(opacity=50); background-color:#000;/*实现IE背景透明*/}
.HomeCont ul li .columnbg .imgbg .imgbgMain{ text-align:center; padding: 15% 0;}
.HomeCont ul li .columnbg .imgbg .imgbgMain img{ width:18.5%;}
.HomeCont ul li .columnbg .imgbg .imgbgMain span{ display:block; font-size:1.333em; color:#fff;}

.HomeBox1{ float:right; width:55%;}
.HomeBox1 dl dt{ float:left; width:25%;}
.HomeBox1 dl dt .img{ display:block; padding:3%;}
.HomeBox1 dl dd{ float:right; width:72%;}
.HomeBox1 dl dd .tit{ display:block; color:#494949; font-size:1.167em; width:80%; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.HomeBox1 dl dd .tit:hover{color:#c8985a;}
.HomeBox1 dl dd span,.HomeBox1 ul li span{ float:right; color:#9d9d9d;}
.HomeBox1 dl dd.p{color:#9d9d9d; padding:2% 0;}
.HomeBox1 ul li{ width:100%; float:none; border-bottom:#ebebeb 1px dashed; line-height:34px;}
.HomeBox1 ul li a{ display:block; color:#9d9d9d; width:90%; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.HomeBox2{ float:left; width:42%;}
.HomeBox2 .divCont{ color:#9d9d9d; padding:2% 0;}

.HomeBox11 {
    float:left;width:42%;
}

.HomeBox1 .cont img,.HomeBox11 .cont img{width:129px;height:79px;}

@media (max-width: 768px) {
    .HomeBox11{ float:none; width:100%;}
.HomeBox1{ float:none; width:100%;}
.HomeBox2{ float:none; width:100%; padding-top:5%;}
.HomeCont ul li .columnbg .imgbg .imgbgMain span{ font-size:1em;}

.HomeCont .cont img{width:100%;height:100%;}

.HomeBox .HomeCont ul li .cont .p{ height:96px; overflow:hidden;}
}
/*index*/

/*about*/
.ahoutinfor p{color:#6d6d6d;}

@media (max-width: 768px) {
.ahoutinfor img{ width:100%; margin:3% 0;}
}
/*about*/

/*发展历程*/
.developlist{ overflow:hidden; width:100%; position:relative;}
.developlist .prev,.developlist .next{ display:block; }
.developlist .prev{ position:absolute; left:0; top:0;}
.developlist .next{ position:absolute; right:0; top:0;}

.developlist .tabList{ width:80%; background:url(../images/bg21.png) repeat-x left top; padding: 0 10%; margin-top: 1%;}
.developlist .tabList .lists{ position:relative; overflow:hidden;}
.developlist .tabList ul{ position:absolute; left:0; top:0;}
.developlist .tabList ul li{ float:left; width:20%;}
.developlist .tabList ul li span{ display:block; background:url(../images/bg19.png) no-repeat top center; text-align:center; padding-top: 30%; font-size:1.167em; color:#bfbfbf;}
.developlist .tabList ul li.on span{background:url(../images/bg20.png) no-repeat top center;}

.developlist .BanList{ padding:5% 0;}
.developlist .BanList li{ width:100%; float:left;}
.developlist .BanList li img{ float:right; width:42%; border:#ddd 1px solid; padding:1%;}
.developlist .BanList li dl{ float: left; width:53%;}
/*.developlist .BanList li dl dd{ background:url(../images/bg22.gif) no-repeat left center; padding:1% 2%; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}*/
.developlist .BanList li dl dd{padding:0% 2%; overflow: hidden;text-overflow: ellipsis;}

@media (max-width: 768px) {
.developlist .BanList li img{ width:100%; margin-bottom:5%;}
.developlist .BanList li dl{ width:100%;}
}
/*发展历程*/

/*企业荣誉*/
.honnorlist ul li{ width:48%; float:left; margin-right:4%; margin-bottom:4%;}
.honnorlist ul li:nth-child(2n){ margin-right:0;}
.honnorlist ul li img{ width:100%;}
.honnorlist ul li span{ display:block; text-align:center; width:100%; font-size:1.167em; padding:1% 0; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

/*企业荣誉*/

/*新闻动态*/
.newslist{}
.newslist ul li{ border-bottom:#e0e0e0 1px dashed; padding:5% 0;}
.newslist ul li:first-of-type{ padding-top:0;}
.newslist ul li .img{ float:left; width:28%; border:#e6e6e6 1px solid; padding:1%;}
.newslist ul li .img img{ width:100%; }
.newslist ul li .div{ float:right; width:68%;}
.newslist ul li .tit{ float:left; display:block; width:80%; font-size:1.167em; font-weight:bold; color:#4e4e4e; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newslist ul li .time{float:right; color:#c8985a; width:20%; text-align:right;}
.newslist ul li .p{ float:right; display:block; width:100%;  color:#9a9a9a;}
.newslist ul li .more{ float:left; color:#6a6a6a;}
@media (max-width: 560px) {
.newslist ul li .img,.newslist ul li .div{ width:100%; float:none;}
.newslist ul li .div{ padding-top:2%;}
}


.News_info .info_title{ display:block; padding:2% 0px; font-size:1.333em; text-align:center; font-weight:bold;}
.News_info .info_time{display:block; text-align:center; color:#A1A1A1; font-weight:normal; border-bottom:1px dotted #ccc; padding-bottom:4%;}
.News_info .info_txt{ padding:2% 0px;}
.News_info .info_txt{ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both;}
@media (max-width: 768px) {
.info_txt img{width:100%;}
}
/*新闻动态*/

/*加入我们频道页*/
.HomeBox3{ float:left; width:60%;}
.HomeCont3 { margin-top:20px; position:relative; z-index:1;}
.HomeCont3 .middle{ width:100%;}
.HomeCont3 .middle .mdd{ display:block; width:100%; text-align:center; height:100%; position:relative; z-index:2;}
.HomeCont3 .middle .mdd img{ height:100%;}
.HomeCont3 span{ position:absolute; bottom:0; left:30%; width:40%; z-index:3; text-align:left; border-left:#c8985a 3px solid; background:rgba(0,0,0, 0.5) none repeat scroll 0 0 !important;/*实现FF背景透明，文字不透明*/ filter:Alpha(opacity=50); background:#000;/*实现IE背景透明*/ color:#fff; padding:1% 3%; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.HomeCont3 ul{ width:100%;}
.HomeCont3 ul li{ position:absolute; width:30%; z-index:4; overflow:hidden;}
.HomeCont3 ul li:nth-child(1){top:0; left:0;}
.HomeCont3 ul li:nth-child(2){top:0; right:0;}
.HomeCont3 ul li a{ display:block; width:100%; position:relative;}
.HomeCont3 ul li a img{ width:100%;}
.HomeCont3 ul li a span{  left:0; width:100%; z-index:3; text-align:left; padding:3%;}
.HomeCont3 a:hover span,.HomeCont3 .middle .mdd:hover span{ color:#c8985a;}

.HomeBox4{ float:right; width:36%;}
.HomeCont4 .img{ display:block; margin-top:20px;}
.HomeCont4 .img img{ width:100%;}
.HomeCont4 ul li{ border-bottom:#e3e3e3 1px dashed; padding:1% 0;}
.HomeCont4 ul li span{ float:right; width:27%; text-align:right;}
.HomeCont4 ul li a{ display:block; width:70%; background:url(../images/bg23.gif) no-repeat left center; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; padding-left:1%;}
.HomeCont4 ul li img{ margin-top:5px; padding:0 3px;}

@media (max-width: 768px) {
.HomeBox3,.HomeBox4{ float:none; width:100%; margin-bottom:5%;}
.empty{height:0;}
}

.HomeCont5{ width:100%; position:relative; margin-top:20px;}
.HomeCont5 .BanList{ border:#e3e3e3 1px solid; overflow:hidden;}
.HomeCont5 .BanList li{ width:50%; float:left;}
.HomeCont5 .BanList li a{ float:left; display:block; width:90%; padding:5%;}
.HomeCont5 .BanList li a img{ width:100%;}
.HomeCont5 .BanList li a span{ display:block; text-align:center; padding:2% 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.HomeCont5 .prev,.HomeCont5 .next{ position:absolute; top:40%;}
.HomeCont5 .prev{ left:-1%;}
.HomeCont5 .next{ right:-1%;}
/*加入我们频道页*/

/*岗位招聘*/
.jobslist .title{ background:#dedede; color:#c8985a; font-size:1.167em; font-weight:bold; text-align:center; padding: 1% 0;} 
.jobslist span{ display:block; float:left; text-align:center; width:25%; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.jobslist ul li{ color:#5e5e5e;  border-bottom:#e3e3e3 1px dashed; }
.jobslist ul li dl{ cursor:pointer;}
.jobslist ul li span{ padding: 2% 0; font-size:1.167em; line-height:2.5; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.jobslist ul li .jobInfor{ display:none; float:left; width:90%; border-bottom:#e3e3e3 1px dashed; padding:2% 5%;}
.jobslist ul li:first-of-type .jobInfor{ display:block;}
.jobslist ul li .jobInfor span{width:100%;text-align: left;}
.jobslist ul li .jobInfor p{ margin:0; padding:0; }
.jobslist ul li .jobInfor .JobEmail{ color:#c8985a; font-size:1.167em; padding:1% 0;}
.jobslist ul li .jobInfor .JobEmail a{ text-decoration:underline; color:#c8985a; margin-right:2%; text-transform:uppercase;}
/*岗位招聘*/

/*员工生活*/
.memberlist ul li{ float:left; width:32%; margin-right:2%; margin-bottom:2%;}
.memberlist ul li:nth-child(3n){margin-right:0;}
.memberlist ul li .members{ padding:2%;}
.memberlist ul li .members a,.memberlist ul li .members a span,.memberlist ul li .members a img{ display:block; width:100%;}
.memberlist ul li .members a span{ text-align:center; padding:4% 0; font-size:1.167em;  overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
/*员工生活*/

@media (max-width: 768px) {
.memberlist ul li{ float:left; width:100%; margin-right:2%; margin-bottom:2%;}
}



/*乾照家园*/
.yuan ul li{ width:23.5%; margin-right:2%; padding:}
.yuan ul li:nth-child(3n){margin-right:2%;}
.yuan ul li:nth-child(4n){margin-right:0;}
.yuan ul li .members{ padding:3%;}
/*乾照家园*/

/*投资者关系*/
.Contain_tou{ padding-bottom:4%;}

.HomeBox5{ float:right; width:30%; background-color:#fff;  margin-top:30px; border:#e9e9e9 1px solid; border-top:0;}
.HomeBox5 .title{ border-bottom:#e9e9e9 1px solid; border-top:#f0890d 2px solid;}
.HomeBox5 .HomeCont{ padding:0 5%; margin:20px 0;}
.HomeBox5 .HomeCont ul li{ float:none; width:100%; margin-bottom:9%;}
.HomeBox5 .HomeCont ul li img{ width:100%;}

.HomeBox6{ float:left; width:66%; padding-top:30px;}
.HomeBox6 .backCont{ background:none; border:#e9e9e9 1px solid;}

.HomeCont6{ margin-top:20px;}
.HomeCont6 ul li{ padding:0;}
.HomeCont6 ul li span{ float:right; color:#f2c3a1;}
.HomeCont6 ul li a{ background:url(../images/bg22.gif) no-repeat left center !important; line-height:2.5; padding-left:8px;}

.HomeBox7{ float:left; width:47%;}
.HomeBox8{float:right; width:47%;}

@media (max-width: 880px) {
.HomeBox7,.HomeBox8{float:none; width:100%;}
.HomeBox8{padding-top:30px;}
}

.HomeBox9{ width:100%; float:left;}
.HomeBox9 ul li{ float:left; width:48%; margin-right:4%;}
.HomeBox9 ul li:nth-child(2n){margin-right:0;}

@media (max-width: 768px) {
.HomeBox5,.HomeBox6,.HomeBox9{float:none; width:100%;}
.HomeBox9 ul li{ float:none; width:100%; margin-right:0;}
}
/*投资者关系*/

/*联系我们*/
.map{ border:#ccc solid 1px; width:98%; height:300px; margin:0 auto 6% auto;}
/*联系我们*/

/*营销网络*/
.flash{ border:#ccc solid 1px; background-color:#fff;}
#flashContent{ width:100%; height:620px; margin:0 auto;}

.ahoutinfor dl{ padding:2% 0; width:100%;}
.ahoutinfor dl dt{ font-size:1.333em; font-weight:bold; color:#c8985a; background:url(../images/bg27.jpg) repeat-x left bottom; padding:3% 0; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ahoutinfor dl dd{ font-size:1.167em; color:#787878; line-height:2; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ahoutinfor dl dd:first-of-type{ margin-top:3%;}

.company{ width:48%; margin:0 1%; float:left; min-height:190px;}

@media (max-width: 768px) {
.company{ width:100%; float:none;}
}

/*营销网络*/

/*工程案例*/
.caselist ul li .members{ padding:2%;}
/*工程案例*/

/*产品应用*/
.products_info{ background-color:#f5f4f1; border:#f5e6d5 1px solid; padding:3%;}

.prolist{ float:left; overflow:hidden; width:50%; }
.prolist .navPrev,.prolist .navNext{ display:block; width:16px; height:76px; position:absolute; top:0; padding-top:10px;}
.prolist .navPrev img,.prolist .navNext img{ vertical-align:middle;}
.prolist .navPrev{ left:0px;}
.prolist .navNext{ right:0px;}

.prolist .BanList{ margin-bottom:5%; /*height:238px;*/ overflow:hidden;}
.prolist .BanList li{ width:100%; float:left; /*margin-bottom:5%;*/}
.prolist .BanList li img{ /*width:356px; height:328px;*/ min-width:100%; max-width:100%;}

.prolist .tabList{ width:356px; height:76px; position:relative; }
.prolist .tabList .lists{ overflow:hidden; width:324px; margin:0 auto;}
.prolist .tabList ul{}
.prolist .tabList ul li{ float:left; height:76px; width:108px;}
.prolist .tabList ul li a{ display:block; width:96px; height:76px; padding:0 4px; cursor:pointer;}
.prolist .tabList ul li img{width:96px; height:74px; border:1px solid transparent; /*border:#c8985a 1px solid;*/}
.prolist .tabList ul li.on a img{ border:#c8985a 1px solid;}

.proright{ float:right; width:45%;}
.proright .tit{ display:block; color:#c8985a; font-size:1.5em; font-weight:bold; margin-bottom:3%;}
.proright .cont p{}
.proright .download{ display:block; color:#fff; background:#c8985a; width:49%; text-align:center; font-size:1.167em; font-weight:bold; padding:2% 0; margin-top: 32%;}
.proright .app{ float:right; border:#d8d8d8 1px solid; background:url(../images/bg30.jpg) repeat-x left top; background-color:#d2d2d2; width:48%;  text-align:center;}
.proright .app img{ margin:10% 0 5%; width:51%;}
.proright .app span{ display:block; font-size:1.167em; color:#4c4c4c; font-weight:bold;}

@media (max-width: 768px) {
.prolist,.proright{ float:none; width:100%;}
.proright{ margin-top:5%;}
.proright .download{ margin-top:30%;}
}

.products_down{ margin-top:5%;}
.products_down .titlist{ width:100%; border:#e9e9e9 1px solid;}
.products_down .titlist li{ float:left; width:125px; text-align:center; padding:1.5% 0; color:#858585; font-size:1.167em; font-weight:bold; cursor:pointer;}
.products_down .titlist li.on{ background:#c8985a; color:#fff;}
.products_down .box{ display:none;}

.lists ul{  width:324px; left:30px;}




/*产品应用*/

/*LED系列*/
.LEDlist .color{ width:100%;}
.color img{ width:100%;}
.callist { padding:3% 0;}
.callist ul li{ float:left; width:49%;}
.callist ul li:nth-child(2n){ float:right;}
.callist ul li .callists{ padding:4% 4% 10% 4%; position:relative;}
.callist ul li .callists img{ width:100%;}
.callist ul li .callists .img{ float:left; width:25%;}
.callist ul li .callists .more{ width:9%; position:absolute; bottom:1%; left:4%;}
.callist ul li .callists .tit{ float:right; width:68%; color:#5a5a5a; font-size:1.5em; font-weight:bold;}
.callist ul li .callists .p{float:right; width:68%; color:#878787; line-height:24px;}
.callist ul li .callists a:hover{ color:#c8985a;}


.proSearch  .searchBB{ padding:3%;}
.proSearch  .searchBB .divSearch{ float:left; width:28%;}
.proSearch  .searchBB .divSearch b{ font-size:1.5em; color:#5a5a5a;}
.proSearch  .searchBB .divSearch em{ font-style:normal; color:#878787;}
.proSearch ul{ float:right; width:70%;}
.proSearch ul li span{ float:left; padding:0.5% 0;} 
.proSearch ul .td1{ width:35%;}
.proSearch ul .td2{width:15%; text-align:right;}
.proSearch ul select{ width:100%; border:#ddd 1px solid; height:24px; line-height:24px;}
.proSearch ul .btn{ width:94px; display:block; text-align:center; background:#c8985a; color:#fff; font-size:1.167em;}

.calinfor{ margin-bottom:3%;}
.calinfors{ padding:2%;}
.calinfors .tit{ font-size:1.5em; color:#5a5a5a; font-weight:bold;}
.calinfors p{ margin:0;}

.searchBB2 ul{ float:none; width:100%;}
.searchBB2 ul li{ float:left; width:33%;}
.searchBB2 .td1{ width:70% !important;}
.searchBB2 .td2{width:30% !important; }

.proInfor{ background:#fff; margin-top:3%;}
.collist{ border-bottom:#c8985a 2px solid;}
.collist li{ float:left;width:100px; text-align:center; padding: 1.5% 0; font-size:1.167em; font-weight:bold;  cursor: pointer;}


.proInfor .box{ display:none;}
.proInfor .box table tr td{ text-align:center; width:12.5%; line-height:34px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.proInfor .box table .tit td{ border-bottom:#f5f5f5 1px solid;}

@media (max-width: 640px) {
.callist ul li{ float:none; width:100%; margin-bottom:5%; }
.callist ul li:nth-child(2n){ float:none;}
.searchBB2 ul li{ float:left; width:50%;}
.proSearch  .searchBB .divSearch,.proSearch ul{ float:none; width:100%;}
.collist li{ width:25%;}
}
@media (max-width: 480px) {
.proSearch ul .td1,.proSearch ul .td2{ width:100%; text-align:left;}
.searchBB2 ul li{ float:left; width:100%;}

}
/*LED系列*/



/*========================= @media ========================*/
@media screen and (max-width:360px)
{
    /*应用产品*/
    .prolist .tabList{ width:318px; height:67px;}
    .prolist .tabList .lists{ width:286px;}
    .prolist .tabList .lists li{ width:95px; height:67px;}
    .prolist .tabList .lists li img{ width:85px; height:65px;}
    .prolist .navPrev, .prolist .navNext{ height:62px; padding-top:5px;}
}
@media screen and (max-width:320px)
{
    /*应用产品*/
    .prolist .tabList{ width:280px; height:67px;}
    .prolist .tabList .lists{ width:248px;}
    .prolist .tabList .lists li{ width:82px; height:67px;}
    .prolist .tabList .lists li img{ width:72px; height:55px;}
    .prolist .navPrev, .prolist .navNext{ height:52px; padding-top:5px;}
}

#xz94 .on { background-color:#0066FF; color:#fff; cursor: pointer;}
#xz88 .on { background-color:#006400;color:#fff; cursor: pointer;}
#xz87 .on { background-color:#ccc; color:#5d5d5d; cursor: pointer;}

#xz89 .on { background-color:#F00; color:#fff; cursor: pointer;}
#xz93 .on { background-color:#FF0; cursor: pointer;}
#xz92 .on { background-color:#c8985a; color:#fff; cursor: pointer;}
#xz91 .on { background-color:#0F0; cursor: pointer;}
#xz418 .on { background-color:#DC143C; cursor: pointer;color:#fff}


.mapList li{border-bottom: 1px solid #ddd; padding:4% 2.5em;font-size: 14px;line-height: 1.875;}
.mapList li h4{font-weight: normal;font-size: 18px;padding-left: 2em;background: url(../images/TextList003121-icon.png) no-repeat left center; margin: 0 0 0 -2em;color: #333333;line-height: 1.5;}
.mapList li p{margin: 0;}