﻿@charset "utf-8";

/*框架*/
#box{ z-index:2; position:relative; overflow:hidden;}
#subr{ position:relative; float:right; width:27.5%; min-height:400px; border-left:#e6e6e6 1px solid; margin-top:-60px; padding:60px 0 0 30px; padding-bottom:9999px; margin-bottom:-9999px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
#posi{ margin:60px auto; border-bottom:#e6e6e6 1px solid; padding:0 0 10px 0;}
.pageTit{ color:#000; font-size:30px; border-left:#000 3px solid; font-weight:bold; padding-left:20px; float:left; margin-right:4%;}
.pageTit i{ font-weight:normal; font-style:normal; color:#808080; font-size:13px;}
#list{ margin:0; padding:0;text-align:right;}
#list a{ display:inline-block; padding:0 25px; height:32px; line-height:32px; margin-bottom:10px; color:#808080; margin-left:4px;}
#list a.curr,#list a:hover{ background:url(../images/bg3.jpg) center center no-repeat #ff5460; color:#fff; border-radius:5px;}

/*筛选*/
#selecter{ position:relative; margin:-30px auto 30px auto; height:30px;}
#selecter li{float:left; display:inline-block; position:relative;}
#selecter li span{ display:inline-block; height:30px; line-height:30px; padding:0 10px 0 0; cursor:hand; cursor:pointer; font-size:15px;}
#selecter li span b{ display:inline-block; height:30px; width:20px; background:url(../images/elements.png) -60px -100px no-repeat; vertical-align:middle; margin:-3px 6px 0 0;}
#selecter li span i{ display:inline-block; float:right; height:30px; width:30px; background:url(../images/elements.png) left -100px no-repeat; margin-left:25px;}
#selecter li:hover span{ color:#ff5460;}
#selecter li:hover span b{ background-position:-80px -100px;}
#selecter li:hover span i{ background-position:-30px -100px;}
#selecter p{ position:absolute; z-index:100; left:0; top:30px; background:url(../images/bg3.jpg); display:none; margin:0; padding:10px 0; border:#e1e1e1 1px solid; width:auto; min-width:100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
#selecter li:hover p{ display:block;}
#selecter p a{ display:inline-block; width:100%; height:30px; line-height:30px; font-size:14px; color:#fff;white-space:nowrap; padding:0 15px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}#selecter p a:hover{ color:#ffd937;}


/* 内页banner */
#subBanner{ position:relative; width:100%; min-width:1200px; overflow:hidden; text-align:center; background:url(../images/loading.gif) center center no-repeat;}
#bannerBox{ position:relative; z-index:1; width:1920px; overflow:hidden;text-align:center; left:50%; margin-left:-960px; line-height:0;}
#bannerBox img{ max-width:100%;}
#bannerBG{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:0;}
/*#bannerBG p{ margin:0; padding:0; width:100%; height:100%; background:url(../images/trans.png);}*/

/*发展历程*/
#timeAxis{ width:48px; height:48px; display:inline-block; background:url(../images/ico_history.png) left top no-repeat; overflow:hidden; margin:0 0 -8px 124px;}
#historyBox dl{ position:relative; background:url(../images/line.png) 146px top repeat-y; padding:15px 0 15px 0;}
#historyBox dl dt{ color:#3c3c3c; font-size:26px; width:150px; padding:0 0 25px 25px; background:url(../images/ico_history.png) -48px top no-repeat; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#historyBox dl dd{ margin-left:139px; padding:0 0 20px 50px; font-size:14px; position:relative; background:url(../images/ico_history.png) left -50px no-repeat;}
#historyBox dl dd .historyTime{ position:absolute; width:128px; left:-145px; color:#787878; font-size:12px; text-align:right;}
#historyBox dl dd p{ margin:0; padding:0;}
#historyBox dl dd i{ font-style:normal; font-size:12px; color:#888;}
#historyBox dl.dlStyle2 dt{ position:absolute; left:0; top:20px;}

/*相册*/
#album{ margin-bottom:50px}
#album li{ width:240px; line-height:0; margin-bottom:4px; float:left;}
#album li a{ position:relative; display:block; margin-right:4px; text-align:center; overflow:hidden;}
#album li a img{ max-width:100%; }
#album li a span{ position:absolute; display:inline-block; height:30px; line-height:30px; text-align:center; background:url(../images/trans.png); bottom:-30px; left:0;  width:100%; overflow:hidden;white-space: nowrap; text-overflow:ellipsis;-o-text-overflow:ellipsis; padding:0 8px 0 8px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; color:#ddd;transition:bottom 0.3s;-moz-transition:bottom 0.3s;-o-transition:bottom 0.3s;-webkit-transition:bottom 0.3s;}
#album li:hover a img{filter:none; }
#album li:hover a span{ bottom:0;}

/*产品列表*/
#product{ margin-bottom:50px; overflow:hidden;}
#product ul{ width:105%;}
#product li{ width:280px; line-height:0; margin:0 26px 10px 0; float:left; background:#ebebeb;}
#product li a{ position:relative; display:block; margin:5px; text-align:center; overflow:hidden;}
#product li a img{ max-width:100%; }
#product li a span{ display:inline-block; line-height:18px; text-align:left; width:100%; overflow:hidden; padding:12px 5px 8px 5px; color:#808080;}
#product li:hover{ background:url(../images/bg4.jpg);}
#product li:hover a span{ color:#6e5001;}

/*产品详细页*/
#productShow{ margin:0 auto;}
#product_pic{ position:relative; float:left; width:50%; overflow:hidden; background:#fff; min-height:310px; text-align:center; line-height:0; border:#e1e1e1 1px solid; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
#Slideshow{ position:relative; z-index:2; width:100%; text-align:center;}
#Slideshow li{ position:relative; float:left; width:100%; display:none;*display:expression(this.previousSibling==null?'block':'none'); transition:none; -moz-transition:none; -webkit-transition:none; -o-transition:none;}
#Slideshow li:first-child{ display:block;}
#Slideshow li a{ display:inline-block; width:100%;/*height:100%;*/}
#Slideshow li a img{ max-width:100%;}
#jsNav{ position:absolute; z-index:4; left:20px; top:18px; margin:0; padding:0; width:18px;}
#jsNav a{ position:relative; height:14px; width:14px; margin:6px 0 8px 0; overflow:hidden; display:inline-block; cursor:hand; cursor:pointer; background:#ebebeb; border-radius:50%;-moz-border-radius:50%; -webkit-order-radius:50%; opacity:0.7;}
#jsNav a.Selected{ background:#ffdc52; opacity:1;}

#product_Info{ position:relative; float:right;word-break:break-all; display:inline; width:46%; color:#222; font-size:14px; }
#product_Title b{ line-height:44px; font-size:30px; word-break:break-all; color:#e6202d;}
#product_Param{ color:#646464;}
#proCont{ border:#e1e1e1 1px solid;  padding:20px; margin-top:40px;}
#proCont img{ max-width:100%; height:auto; vertical-align:bottom;}

/*上 下 返回按钮*/
a.funBtn{ display:inline-block; font-size:14px; color:#c8c8c8; cursor:hand; cursor:pointer; margin:20px 30px 0 0;}
a.funBtn:hover{ color:#e6202d;}
a.funBtn i{ display:inline-block; width:28px; height:28px; background:url(../images/elements.png) left -130px no-repeat; vertical-align:middle; margin:-2px 4px 0 0;}
a.funBtn:hover i{ background-position:left -158px; }
a.prevone i{ background-position:-28px -130px;}
a.prevone:hover i{ background-position:-28px -158px;}
a.nextone i{ background-position:-56px -130px;}
a.nextone:hover i{ background-position:-56px -158px;}

/*头条新闻*/
#topNews{ width:100%; height:220px; position:relative; top:-8px;}
#topNews.LR{ width:70%;}
#topNews_pic{ position:absolute; left:0; top:0; margin:0; padding:0; width:266px; height:200px; overflow:hidden; background:url(../images/newsELE.png) left top no-repeat;}
#topNews_pic a{ display:inline-block; width:220px; height:165px; overflow:hidden; margin:18px 0 0 23px; background:#505050;}
#topNews_pic a img{ max-width:220px; max-height:165px; *width:220px;}
#topNews_cont{ margin:0; padding:15px 0 15px 280px;}
.topNews_tit{ font-size:18px; font-weight:bold; padding:8px 0 0 0; display:inline-block;}
.news_time{ font-size:11px; color:#a6a6a6;}
.news_summary{ font-size:12px; line-height:20px; height:60px; width:100%; display:inline-block; overflow:hidden; color:#787878; margin:10px 0;}
a.readMore{ display:inline-block; width:84px; height:20px; overflow:hidden; background:url(../images/newsELE.png) -326px -200px no-repeat;}
a.readMore:hover{ background-position:-326px -220px; cursor:hand; cursor:pointer;}

/*文章列表*/
.article.LR{ width:70%;}
.article li{ position:relative; height:120px; overflow:hidden; margin:24px 0 0 0; border-bottom:#bebebe 1px dotted;}
a.news_link{ position:absolute; width:100%; height:100%; top:0; left:0; display:inline-block; z-index:100; background:url(../images/blank.gif);}
.articleDate{ width:95px; height:100px; display:inline-block;overflow:hidden; float:left; margin:5px 20px 5px 5px; text-align:center; background:url(../images/newsELE.png) -330px top no-repeat; /*transition:background 0.3s;-moz-transition:background 0.3s; -webkit-transition:background 0.3s; -o-transition:background 0.3s;*/}
.articleDate i{ font-style:normal; display:inline-block; width:100%; height:28px; line-height:28px; overflow:hidden; font-size:12px; color:#c6c6c6;}
.articleDate b{ display:inline-block; width:100%; height:55px; line-height:55px; font-size:38px; color:#6e6e6e; font-weight:normal;}
.article li p{ margin:0 15px 0 0; padding:0; height:120px; overflow:hidden;}
a.articleTit{ display:inline-block; width:100%; height:24px; line-height:24px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis;-o-text-overflow:ellipsis; font-size:15px; margin-top:8px;}
.articleCont{ display:inline-block; width:100%; height:40px; margin-top:0; overflow:hidden; line-height:20px; font-size:12px; color:#787878;}
.article li:Hover a.articleTit{ color:#e6202d;}
.article li:Hover .articleDate{ background-position:-330px -100px;}
.article li:Hover .articleDate b{color:#e6202d;}
.article li:Hover .articleDate i{ color:#fff;}

/*新闻详细*/
.c_tit{ font-size:26px; margin:0; padding:5px 0 10px 0;}
.c_info{ font-size:12px; color:#888; margin:0 0 15px 0; padding:0 0 15px 0; border-bottom:#b0c3d2 1px dotted;}
/*按钮*/
#btns{ float:right; margin:8px 0 0 45px;}
#btns a{ display:inline-block; width:40px; height:40px; overflow:hidden; background:url(../images/btns.png) left top no-repeat; margin-left:10px; cursor:hand; cursor:pointer;}
#btns a.prevone:hover{ background-position:left -40px;}
#btns a.nextone{ background-position:-50px top;}
#btns a.nextone:hover{ background-position:-50px -40px;}
#btns a.back{background-position:-100px top;}
#btns a.back:hover{ background-position:-100px -40px;}

/*相关新闻*/
#relatedNews{ border:#e1e1e1 1px solid; padding:15px 0; margin:50px auto 0 auto; background:#f8f8f8;}
#relatedNews h3{ padding:0 0 10px 2%; margin:0; color:#ff5460;}
#relatedNews li{ width:46%; float:left; margin:0 2%;}
#relatedNews li a{ display:block;border-top:#d2d2d2 1px dotted; height:38px; width:100%; line-height:38px; overflow:hidden; padding-left:12px; background:url(../images/elements.png) -80px top no-repeat; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.newsTime{ font-size:11px; float:right; color:#919191; margin-left:6px;}

/*投资关系--右*/
#basicInfo{ background:url(../images/bg4.jpg); color:#866100; padding:25px; margin-bottom:30px;}

/*下载*/
#download li{ position:relative; height:90px; overflow:hidden; margin:24px 0 0 0; border-bottom:#bebebe 1px dotted;}
.downloadDate{ width:65px; height:70px; display:inline-block;overflow:hidden; float:left; margin:5px 30px 5px 0; text-align:center; }
.downloadDate i{ font-style:normal; display:inline-block; width:100%; height:20px; line-height:20px; overflow:hidden; font-size:12px; color:#6e6e6e;}
.downloadDate b{ display:inline-block; width:100%; height:40px; line-height:40px; font-size:33px; color:#464646;}
#download li p{ margin:0; padding:14px 0 0 0;  overflow:hidden; line-height:20px;}
#download li p a{ display:inline-block; width:100%; height:40px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis;-o-text-overflow:ellipsis; font-size:15px;}
#download li p a span{ display:inline-block; width:85px; height:30px; float:right; background:url(../images/btn_download.png) center top no-repeat #3c3c3c; margin-left:25px;}
#download li p a:hover span{ background-color:#e6202d;}
#download li p a i{ font-style:normal; color:#b4b4b4; font-size:12px;}

/*人才招聘*/
#recruitList{ border-bottom:#cdcdcd 1px dotted; padding-bottom:10px;}
#recruitList a{ display:inline-block; padding:0 5px; margin:4px 15px 4px 0; cursor:hand; cursor:pointer; font-size:15px;}
#recruitList a.active{ color:#e6202d; border-bottom:#e6202d 1px solid; font-weight:bold;}

#Recruit_Info{ position:relative; min-height:350px;}
#Recruit_Num{ width:100px; float:left; font-size:60px; line-height:84px; color:#e6202d;}
#Recruit_Cont{ width:60%; float:left; height:auto !important; height:400px; min-height:400px; padding-bottom:55px;}
#Recruit_way{ float:right; display:inline-block; padding:10px 20px 20px 20px; border:#ffc81a 1px solid; background:url(../images/bg4.jpg); color:#6e5001; font-size:12px;}
#Recruit_way strong{ font-size:15px; line-height:300%;}
#loadingBox{height:60px; }
#loading{ text-align:center; height:60px; line-height:60px; display:none;}

/*联系 地图*/
.my-map { margin: 0 auto; width:100%; height:340px; border-bottom:#dddddd 2px solid; z-index:1;}
.my-map .icon { background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat; }
.my-map .icon-flg { height: 32px; width: 29px; }
.my-map .icon-flg-red { background-position: -65px -5px; }
#contact{ background:url(../images/contactBG.png) left bottom no-repeat;padding-bottom:100px; z-index:11; position:relative;}
#body8 #foot1{ margin-top:0;}

/*销售网点*/
.area{ border-bottom:#c8c8c8 1px dotted; font-size:22px; height:60px; line-height:60px; margin:0 auto 0 auto; padding-left:16px; background:url(../images/aAs.png) left top no-repeat; cursor:hand; cursor:pointer; clear:both;}
.area.active{ background-position:left -60px; color:#e6202d;}
.area span{ display:inline-block; float:right; font-size:13px; color:#b4b4b4; height:24px; margin:18px 5px 0 0; line-height:24px; width:24px; text-align:center; background:#fff; border:#e1e1e1 1px solid; border-radius:50%;}
.network{ width:100%; float:left; clear:both; display:none; padding-top:20px;}
.network li{ position:relative; width:33.3%; float:left; padding:0 30px 0 20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; color:#848484; margin-bottom:30px;}
.network li b{ font-size:15px;} 
.network li em{ position:absolute; display:inline-block; left:0; top:5px; height:24px; width:2px; overflow:hidden; font-size:0; line-height:0; background:#ffd533;}


/*翻页*/
.pages{margin:60px 0 2px 0; height:35px; line-height:35px;  text-align:center;}
.pages.left{ text-align:left;}
.pages a,.pages a:visited{ padding:0 20px; height:35px; font-size:14px; margin:0 0; display:inline-block; text-align:center; background:#fff;color:#92a0ac;font-family:"宋体","Times New Roman", Times, serif;  border:#e6e6e6 1px solid;}
.pages a:hover{ background:#ff4761; color:#fff;}
.pages span{ margin:0 3px; font-family:"宋体","Times New Roman", Times, serif; color:#999; display:inline-block; height:35px; text-align:center;}
.pages .thisp{background:#ff5460; color:#fff; display:inline-block; padding:0 20px; height:35px; font-weight:bold;}
.pages a.disabled{ color:#a0a0a0;}
.pages a.disabled:hover{ background:#fff;}
#AspNetPager1 .pages{ margin-top:0;}
4