@charset "utf-8";



/*

//CSS Hack

property:value; 所有浏览器

_property:value; IE6

+property:value; IE7

*property:value; IE6/IE7

property:value \0; IE8/IE9

property:value \9; IE6/IE7/IE8

property:value \9\0; IE9



//最小高度HACK

min-height:500px;

height:auto !important;

height:500px;

overflow:visible;



//溢出文字用省略号点代替(慎用)

white-space:nowrap; text-overflow:ellipsis; overflow:hidden;



//文字两端对齐

text-align:Justify;(火狐)

text-justify:inter-ideograph;(IE)

*/



body {margin:0px; padding:0px; font-family:"微软雅黑"; background-color:#fff;}

table {margin:0px;width: 100%;}

th,td {line-height:180%; text-align:center;}

img {border:0px;}

dl,dt,dd,h1,h2,h3,h4,p,form {margin:0px; padding:0px;}

ul {margin:0px; padding:0px; list-style:none;}

/*通用链接*/

a:link,a:visited{color:#383637;text-decoration: none;}

a:hover,a:active{color:#287bc7;text-decoration: none;}

/*溢出文字用省略号点代替

.HideWord {white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

*/



/*

 * 编辑器表格设置

 * table

	{border-collapse:collapse; border-spacing:0;}

   table tr td

	{padding:0px;}

 */





#thePageInfo

{width:100%; height:20px; overflow:hidden; padding:50px 0px; text-align:left; clear:both;

font-size:12px;text-align: center;}

#thePageInfo em

{line-height:100%; padding:2px 6px; color:#949494; font-style:normal; background:#fff; border:1px solid #d6d6d6;}

#thePageInfo em a:link,#thePageInfo em a:visited

{color:#979797; text-decoration:none;}

#thePageInfo em a:hover,#thePageInfo em a:active

{text-decoration:underline;}

#thePageInfo em.onfocus

{line-height:100%; padding:2px 6px; color:#fff; font-style:normal; background:#ff8b00; border:1px solid #d6d6d6;}

#thePageInfo em.onfocus a:link,#thePageInfo em.onfocus a:visited

{color:#fff; text-decoration:none;}

#thePageInfo em.onfocus a:hover,#thePageInfo em.onfocus a:active

{text-decoration:underline;}

#thePageInfo span

{color:#676767;}





/*右侧漂浮*/

#rightPiaoFu

{width:120px; height:auto; overflow:hidden; padding:6px; font-size:12px; position:absolute;right:0px;}

#rightPiaoFu .content

{width:120px; height:auto; overflow:hidden; background-color:#fff; position:relative;}

#rightPiaoFu .close

{width:20px; height:20px; overflow:hidden; position:absolute; right:0px; top:0px;

 color:#fff; cursor:pointer; line-height:20px; text-align:center; font-size:14px;}

#rightPiaoFu ul

{list-style:none;}

#rightPiaoFu ul li.sort

{width:118px; height:20px; overflow:hidden; border:1px solid #C0E6F9;

 line-height:20px; text-align:center; color:#fff;}

#rightPiaoFu ul li.qq,#rightPiaoFu ul li.msn,#rightPiaoFu ul li.skype

{width:110px; height:auto; overflow:hidden; padding:3px 0px; line-height:23px; text-indent:10px;}

#rightPiaoFu ul li.tel,#rightPiaoFu ul li.email

{width:110px; height:auto; overflow:hidden; line-height:23px; text-indent:10px; color:#333; text-align:center;}



#rightPiaoFu a:link{color:#333;text-decoration: none;}

#rightPiaoFu a:visited{color:#333;text-decoration: none;}

#rightPiaoFu a:hover,#rightPiaoFu a:active{color:#ff0000;text-decoration:underline;}







/*头部*/

.topContainer{width: 100%;height: 87px;position: absolute;left: 0;top: 0;z-index: 1;background: url("../Images/top-bg.png");}

.fixed{position: fixed;top: 0;left: 0;}

.head{width: 1200px;height: auto;margin: 0 auto;position: relative;height: 0px;}

.head .logo{position: absolute;left: 0;top: 0;}

.head .ul{position: absolute;right: 0;top: 0;}

.head .ul .li{line-height: 87px;padding: 0 15px;float: left;font-size: 16px;position:relative;}

.head .ul .li a{color: #fff;}

.head .ul .li:hover{background: url("../Images/nav-li-hover.png");}

.head .ul .li ul{background-color:#ffedd8;position:absolute;top:87px;left:0px;padding:20px 0px;display:none;background-image:url(../Images/topBg.jpg);background-size:cover;}

.head .ul .li ul li{height:40px;line-height:40px;overflow:hidden;font-size:14px;}

.head .ul .li ul li a{color:#000;}

.head .ul .li ul li a:hover{color:#ff8b04;}

.head .ul .li ul li span{color:#fd8c00;margin-left:20px;margin-right:5px;}



/*底部*/

.bottomContainer{height: 520px;background: #2b2728;}

.bottomContent{width: 1200px;height:440px;margin: 0 auto;position: relative;top: 40px;}

.bottomContent .navContent{height: 370px;position: relative;font-size: 14px;color: #979596;}

.bottomContent .navContent a{color: #979596;}

.bottomContent .navContent ul li{height: 36px;line-height: 36px;font-size: 13px;}

.bottomContent .navContent .sort{text-indent: 5px;height: 40px;line-height: 40px;margin-bottom:15px;border-bottom: solid 1px #ff8b00;font-size: 16px;color: #ff8b00;}



.bottomContent .navContent .about{position: absolute;width: 150px;height: 330px;left: 0;top: 0;}

.bottomContent .navContent .news{position: absolute;width: 105px;height: 180px;right: 370px;top: 0;}

.bottomContent .navContent .anli{position: absolute;width: 105px;height: 160px;right: 370px;top: 210px;}

.bottomContent .navContent .product{position: absolute;width: 490px;height: 330px;left: 180px;top: 0;}

.bottomContent .navContent .product ul .one{width: 300px;float: left;}

.bottomContent .navContent .product ul .two{width: 180px;float: right;}

.bottomContent .navContent .contact{position: absolute;width: 290px;height: 180px;right: 0;top: 0;}

.bottomContent .navContent .contact ul{width: 340px;}



.bottomContent .navContent .zstyEwm{width: 110px;height: 120px;position: absolute;right: 184px;top: 180px;text-align: center;}

.bottomContent .navContent .zstyEwm .title{font-size: 12px;line-height: 28px;text-align: center;}

.bottomContent .navContent .jiaoyuEwm{width: 110px;height: 120px;position: absolute;right: 64px;top: 180px;text-align: center;}

.bottomContent .navContent .jiaoyuEwm .title{font-size: 12px;line-height: 28px;text-align: center;}



.bottomContent .copyright{height: 110px;text-align: center;color: #979596;border-top: solid 1px #979596;font-size: 12px;}

.bottomContent .copyright a{color: #979596;}

.bottomContent .copyright .menu{height: 30px;line-height: 30px;margin-top: 25px;}





/*结构*/

#EjMain{width: 100%;position: relative;background: #f5f5f5;}

#EjMain #Right{width: 1200px;margin: 0 auto;}

#EjMain #Right .sorttitle{height: 110px;line-height: 120px;text-align: center;font-size: 30px;color: #ef8200;}





#LeftNav .title{display: none;}

#Product .title{display: none;}

.bannerText{position: absolute;left: 0;top: -140px;}

.bannerText .sortName{font-size: 30px;color: #ff8b00;}

.bannerText .sortName span{font-size: 34px;color: #fff;font-family: Humanst521 Lt BT;}

.bannerText .jianjie{font-size: 16px;color: #fffeff;line-height: 40px;width: 390px;background: url("../Images/sortjjbg.png") right no-repeat;}



/*内页左导航*/

#Left{background: url("../Images/leftNav-bg.png");}

#LeftNav{width: 1200px;margin: 0 auto;position: relative;}

#LeftNav .list ul{width: 1230px;height: 154px;text-align: center;margin: 0 auto;}

#LeftNav .list ul li{cursor:pointer;width: 100px;height: 100px;float: left;margin: 20px;background: #fff;line-height: 44px;font-size: 16px;position: relative;border: solid 1px #d6d6d6;border-radius:6px;}

#LeftNav .list ul .onfocus{background:url("../Images/onfocus-bg.png"); }

#LeftNav .list ul .onfocus .icon{display: none;}

#LeftNav .list ul .onfocus a{color: #fff;bottom: 30px;}

#LeftNav .list ul li a{color: #;display: block;width: 100%;position: absolute;bottom: 0;}

#LeftNav .list ul li .icon{position: absolute;width: 100%;height: 45px;top: 15px;}

#bannerDiv{width:100%;height:420px;background-image:url(../Images/neiyeBanner.jpg);background-repeat:no-repeat;background-position:center;}

/*产品页*/

#Product{padding: 75px 0;background: url("../Images/leftNav-bg.png");height: 130px;overflow: hidden;}

#ProductContent{width: 1200px;margin: 0 auto;position: relative;}

#ProductContent ul li{width: 150px;height: 130px;float: left;text-align: center;font-size: 16px;}

#ProductContent ul li a{color: #fff;display: inline-block;width: 125px;}

















/*内容详情页*/

#OnePage{padding: 20px 0;line-height: 2;color: #111111;}

.protitle{height: 150px;line-height: 150px;text-align: center;font-size: 24px;color: #111111;}

#OnePage img{max-width: 100%;text-align: center;}



#NewsShow .theContent{margin-bottom: 20px;line-height: 30px;font-size: 14px;color: #111111;}

#NewsShow .title{padding:20px 0 10px 0;text-align: center;font-size: 20px;}

#NewsShow .miaoshu{text-align: center;margin-bottom: 10px;}

#NewsShow .thePageInfo{font-size: 18px;line-height: 30px;font-weight: bold;padding-bottom: 20px;}

#NewsShow img{max-width: 100%;text-align: center;}



/*案例列表*/

#WebAnliList ul li{height: 50px;line-height: 50px;width: 1199px;overflow: hidden;}

#WebAnliList ul .b1{background: #fff3e5;}

#WebAnliList ul li .anli{color: #252525;border-right:solid 1px #ffdcb2;width:398px;

    height: 50px;

    line-height: 50px;

    float: left;

    text-indent: 20px;

    font-size: 14px;

    background: url(../Images/anli-no.png) right no-repeat;

    position: relative;}

#WebAnliList ul li:hover{background: #ff8b00;color: #fff;}

#WebAnliList ul li:hover .anli{background: url("../Images/anli-hover.png") right no-repeat;color: #fff;}

#WebAnliList ul li:hover .anli a{color: #fff;}

#WebAnliList ul li .anli span{position: absolute;right: 45px;top: 0;}



/*最新动态*/

#WebPicList ul li{height: 192px;position: relative;margin-bottom: 30px;background: #fff;}

#WebPicList ul li img{position: absolute;left: 0;top: 0;}

#WebPicList ul li .newLeft{width: 390px;height: 156px;position: absolute;left: 276px;top: 20px;border-right: solid 1px #eeeeee;font-size: 16px;color: #252525;line-height: 30px;}

#WebPicList ul li .newLeft .addtime{font-size: 13px;color: #9b9b9b;position: absolute;bottom: 10px;left: 0;}

#WebPicList ul li .newRight{width: 490px;height: 156px;position: absolute;right: 25px;top: 20px;font-size: 13px;color: #636363;line-height: 24px;}

#WebPicList ul li .newRight .more{position: absolute;width: 116px;line-height: 35px;text-align: center;bottom: 0;right: 0;border: solid 1px #8b908a;color: #8b908a;border-radius:4px;font-size: 12px;}



#WebPicList ul li:hover{background: #8b908a;}

#WebPicList ul li:hover a{color: #fff;}

#WebPicList ul li:hover .newLeft .addtime{color: #fff;}

#WebPicList ul li:hover .newRight{color: #fff;}

#WebPicList ul li:hover .newRight a{color: #fff;border: solid 1px #fff;}