@charset "utf-8";
/*框架*/
#box{ padding:10px 0 88px 0; position:relative; z-index:10;}
#boxBlank{ height:170px;}
#bgPic{ position:absolute; left:0; top:168px; height:400px; z-index:1; background:url(../images/bgPic2.jpg) center top no-repeat;}
#content,.content{ color:#636363; font-size:14px; line-height:30px;}
#content img,.content img{ max-width:100%;}

/*banner*/
#subBanner{ min-height:150px; margin-bottom:60px;}
#subBanner img{ max-width:100%;}

/*当前位置*/
#posi{ font-size:12px; color:#848484; height:30px; line-height:30px; padding-left:28px; background:url(../images/icos.png) -200px top no-repeat; margin:20px 0 25px 0; letter-spacing:1px;}
#posi a{ font-size:12px; color:#848484;}#posi a:hover{ color:#ac1d0f;}

/*公共*/
.line{ font-size:0; line-height:0; height:1px; background:url(../images/line.png) center top repeat-x; margin-bottom:20px;}
a.btn,input.btn{ position:relative; display:inline-block; height:40px; line-height:40px; font-size:18px; color:#b68456; border:#e4d9c3 1px solid; background:url(../images/bgPic3.jpg) center top; padding:0 55px; cursor:hand; cursor:pointer;}
a.btn:hover,input.btn:hover{ border-color:#d8ccb4; color:#bb363e;}
a.btn i{ position:absolute; left:50%; margin-left:-6px; top:auto; bottom:-6px; display:inline-block; width:13px; height:13px; background:url(../images/icos.png) -160px top no-repeat;}
/*上 下 返回按钮*/
a.funBtn{ display:inline-block; font-size:14px; color:#c1c1c1; cursor:hand; cursor:pointer; margin-right:50px;}
a.funBtn:hover{ color:#ac1d0f;}
a.funBtn i{ display:inline-block; width:20px; height:20px; background:url(../images/icos.png) left -140px no-repeat; vertical-align:middle; margin-top:-2px;}
a.prevone:hover i{ background-position:-60px -140px;}
a.nextone i{ background-position:-20px -140px;}
a.nextone:hover i{ background-position:-80px -140px;}
a.back i{background-position:-40px -140px;}
a.back:hover i{ background-position:-100px -140px;}

/*品牌介绍*/
#brands{ position:relative; z-index:10; margin:60px auto 30px auto;height:385px; overflow:hidden;}
#slider{ position:absolute; left:0; top:0; height:100%; width:9999px;}
#brands dl{ position:relative; width:210px; height:368px; float:left; margin-right:37px; background:url(../images/brandBox.png) left top no-repeat; text-align:center; padding:15px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#brands dl:hover{ background-position:-440px top;}
#brands dl dt{ width:100%; text-align:center; font-size:18px; color:#000b1f;}
#brands dl dt a{ display:inline-block; width:100%; height:150px; line-height:150px; margin:5px auto 20px auto; vertical-align:middle;}
#brands dl dt a img{ vertical-align:middle; max-width:100%; max-height:100%;}
#brands dl dt b{ display:inline-block; width:100%; overflow:hidden; height:20px; line-height:20px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
#brands dl dd p{ color:#848484; height:80px; line-height:20px; overflow:hidden; margin:15px 0 8px 0; padding:0;}
#brands dl i{ display:inline-block; position:absolute; width:29px; height:15px; background:url(../images/icos.png) -120px top no-repeat; left:50%; margin-left:-14px; top:auto; bottom:-15px;}
#brands dl.curr{ background-position:-220px top;}
#brands dl.curr dt,#brands dl.curr dd p{ color:#832024;}

/*视频*/
#video{ height:480px; min-height:480px; background:url(../images/video.png) right top no-repeat; overflow:hidden;}
#videoBox{ width:640px; background:#000; float:left;}
#videosBox{ width:640px; height: 100%; background:#000; float:left; position: relative;}
#videosBox video{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#videosBox video.hide{display: none;}
#thumbs{position:relative; float:left; width:196px; height:640px; overflow:hidden;}
#thumbs ul{ position:relative; height:9999px; top:0; margin-left:40px}
#thumbs li{ position:relative; width:156px; line-height:0; margin-bottom:4px; cursor:hand; cursor:pointer;}
#thumbs li i{ display:none; position:absolute; left:-12px; top:36%; width:12px; height:29px; background:url(../images/icos.png) -185px -105px no-repeat;}
#thumbs li a{ position:relative; margin:2px; width:152px; display:inline-block; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#thumbs li a img{ max-width:100%; *width:100%;}
#thumbs li a span{ position:absolute; left:0; top:auto; bottom:0; width:100%; height:100%; background:url(../images/tran2.png); color:#fff; text-align:center; line-height:20px;}
#thumbs li a span b{ display:inline-block; width:30px; height:30px; background:url(../images/icos.png) -120px -140px no-repeat; margin-top:30px;}
#thumbs li.active{ background:#a01e0f;}
#thumbs li.active i{ display:inline-block;}
#thumbs li.active a span{ display:none;}

/*切换按钮*/
#btn_left,#btn_right{ position:absolute; z-index:80; top:400px; display:inline-block; width:50px; height:75px; background:url(../images/btns.png) left top no-repeat; cursor:hand; cursor:pointer; display:none;}
#btn_left{ right:50%; margin-right:620px;}#btn_left:hover{ background-position:left -75px;}
#btn_right{ background-position:-50px top; left:50%; margin-left:620px;}#btn_right:hover{ background-position:-50px -75px;}
/*#btn_left,#btn_right{ position:absolute; z-index:80; top:400px; display:inline-block; width:32px; height:32px; background:url(../images/icos.png) -160px -72px no-repeat; cursor:hand; cursor:pointer; display:none;}
#btn_left{left:0;}
#btn_right{ background-position:-200px -72px;right:0;}*/

/*产品列表*/
#product{ position:relative; background:#fff; overflow:hidden; border:#efe8db 3px solid; padding:14px 7px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; margin-bottom:30px;}
#product ul{ position:relative; }
#product li{ width:25%; float:left; padding:0 7px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; text-align:center; line-height:0; margin-bottom:20px;}
#product li a{ position:relative; width:100%; display:inline-block; height:0; padding-bottom:100%; background:#f5f5f5;}
#product li a img{ width:100%; position:absolute; left:0; top:0; max-height:100%;}
#product li a img.hideImg{ width:0; height:100%; left:50%;}
#product li span{ height:50px; line-height:50px; display:inline-block; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
/*产品系列*/
#list{ background:url(../images/bgPic4.jpg) center bottom no-repeat; min-height:200px; margin-top:-45px;}
#brandLogo{ float:left; background:url(../images/slash2.png) right top no-repeat; padding:0 120px 0 20px; height:136px; height:auto !important; min-height:136px;}
#brandLogo img{ max-width:180px; max-height:150px;}
.seal{ display:inline-block; width:25px; height:36px; background:url(../images/icos.png) -160px -104px no-repeat; margin:20px;}
.amount{ color:#636363; margin-top:20px;}
#list ul{ padding:10px 10px 0 25px; float:left;}
#list li{ float:left; border-right:#d7d2c8 1px solid; height:auto !important; height:130px; min-height:130px;}
#list li a{ display:inline-block; width:20px; line-height:20px; font-size:17px; padding:30px 20px 0 20px; background:url(../images/icos.png) -200px -104px no-repeat; white-space:normal; word-wrap: break-word; word-break:break-all;}
#list li#curr a{ color:#b42029;}

/*产品详细页*/
#productShow{ margin:-20px auto 88px auto;}
#product_pic{ position:relative; float:left; width:50%; height:600px; background:#f5f5f5;text-align:center; line-height:0; margin-top:30px; border:#f0e6d4 1px solid; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
#Slideshow{ position:relative; z-index:2; width:100%; height:100%; margin:0 auto; text-align:center;}
#Slideshow li{ position:absolute; left:0; top:0; width:100%; height: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%; max-height:100%;}
#jsNav{ position:absolute; z-index:4; left:auto; right:20px; top:auto; bottom:20px; margin:0; padding:0;}
#jsNav a{ position:relative; height:18px; width:18px; margin-left:15px; 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:#a01e0f; opacity:1;}

#product_Info{ position:relative; float:right;word-break:break-all; display:inline; width:46%; color:#636363; font-size:14px; margin-top:30px;}
#proLabel{ position:absolute; left:2px; top:-30px;}
#funBtns{ position:relative; z-index:11; text-align:right; margin:0 0 65px 0; padding:0;}
#funBtns .funBtn{ margin-right:15px;}
#product_Title b{ line-height:36px; font-size:30px; word-break:break-all; color:#ab190b;}
#product_summary{ padding:25px 0 30px 0; margin:0;}
#product_summary p{ margin:0; padding:0;}
#product_Param span{ display:inline-block; float:left; margin-right:35px; line-height:34px;}

/*下一个下一个按钮*/
#prev,#next{ z-index:10; width:100px; height:100%; display:inline-block; position:absolute; left:0; top:0; background:url(../images/tran3.png); background:#f3ece0\9; opacity:0;-moz-opacity:0;-khtml-opacity:0;filter:alpha(opacity=0);}
#next{ left:auto; right:0;}
#prev i,#next i{ position:absolute; width:50px; height:75px; left:50%; margin-left:-35px; top:50%; margin-top:-38px; display:inline-block; overflow:hidden; background:url(../images/btns.png) left top no-repeat;}
#next i{ background-position:-50px top; margin-left:-15px}
#prev:hover,#next:hover{ opacity:1;-moz-opacity:1;-khtml-opacity:1;filter:alpha(opacity=100);}
@media screen and (min-width:1200px){
  #prev{ left:-100px;opacity:1;-moz-opacity:1;-khtml-opacity:1; background:none;}
  #next{ right:-100px;opacity:1;-moz-opacity:1;-khtml-opacity:1; background:none;}
  #prev:hover i{ background-position:left -75px;}
  #next:hover i{ background-position:-50px -75px;}
}

/*新闻列表*/
#news{ padding-top:45px;}
#news dl{ position:relative; width:48%; margin:0 0 75px 0; min-height:90px; float:left;}
#news dt{ position:absolute; left:0; top:0; width:120px; height:90px;background:#efefef; min-height:90px;}
#news dt a{ display:block; width:100%; overflow:hidden;}
#news dt a img{ max-width:100%;}
#news dd{ position:relative; margin-left:140px; line-height:0;}
#news dd a{ display:inline-block; width:100%; padding-left:135px; overflow:hidden; height:30px; line-height:30px; white-space: nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; font-size:15px; color:#212121; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
#news dd a:hover{ color:#a01e0f;}
#news dd span{ display:inline-block; height:40px; position:absolute; left:0; top:0; color:#848484; font-size:14px; line-height:24px; font-family:"Times New Roman", serif,Cambria, "Hoefler Text", "Liberation Serif", Times}
#news dd span b{ display:inline-block; font-weight:normal; color:#a01e0f; font-size:40px; line-height:34px; padding:0 0 0 34px; margin:-4px 0 0 -10px;  vertical-align:top; background:url(../images/slash.png) left top no-repeat;}
#news dd p{ color:#848484; line-height:20px; height:60px; overflow:hidden; margin:5px 0 0 0; padding:0;}

/*新闻详细*/
.c_tit{ font-size:33px; margin:0; padding:0 0 10px 0; color:#1c0404; line-height:40px;}
.c_info{ font-size:12px; color:#a6a6a6; margin:5px 0 10px 0; padding:0 0 15px 0; }
#btns{ margin-top:30px; padding-top:30px; background:url(../images/line.png) left top repeat-x;}

/*联系*/
#contact{ background:url(../images/contact.png) 5px 50px no-repeat; padding-left:125px;}

/**荣誉**/
#honorTit{ margin:0; padding:15px 0 25px 0;}
#honorTit .floatR{margin:10px;}
#honors{ margin-top:60px; overflow:hidden;}
#honors ul{ width:105%;}
.honorsli{ position:relative; width:210px; margin:0 37px 25px 0; overflow:hidden; background:#f4f2ee; float:left; line-height:0; font-size:0;transition:background-color 0.3s;-webkit-transition:background-color 0.3s;-moz-transition:background-color 0.3s; -o-transition:background-color 0.3s;}
.honorsli a{ position:relative; display:inline-block; width:210px; overflow:hidden; margin:0; text-align:center;}
.honorsli img { max-width:210px; }
.honorsli span{ position:absolute; left:0; top:auto; bottom:-100px; width:100%; background:rgba(172,29,15,0.9); background:#ac1d0f\9; color:#fff;line-height:18px; font-size:12px; padding:8px 6px; text-align:center; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}

/*人才招聘*/
#recruit{ position:relative; padding-bottom:88px; margin-top:-20px;}
#Recruit_label{ position:absolute; top:0; left:28%; width:100px; text-align:right; }
#loading{ position:absolute; width:100%; left:0; top:50px; text-align:center; height:60px; line-height:60px; display:none;}
#loading img{ margin-left:100px;}
#recruitList{ width:25%; float:left; padding-left:115px; margin-top:40px; background:url(../images/recruit.png) left top no-repeat; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; height:250px; height:auto !important; min-height:250px;}
#recruitList a{ display:inline-block; width:100%; border-bottom:#ecebea 1px dotted; padding:10px 5px; cursor:hand; cursor:pointer; font-size:15px; color:#888; line-height:20px;}
#recruitList a.active{ color:#8e180b; border-bottom:#8e180b 1px solid; font-weight:bold;}
#recruitList a:hover{ color:#8e180b;}
#Recruit_Info{ width:72%; float:right; padding:0 0 30px 150px; height:480px; height:auto !important; min-height:480px; background:url(../images/line2.png) left top repeat-y; font-size:14px; color:#636363; line-height:30px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
#Recruit_Num{ display:none;}
#Recruit_Cont{ width:80%; float:left; height:auto !important; height:400px; min-height:400px;}
#Recruit_Cont h2{ color:#8e180b; font-size:25px; padding:0; margin:45px 0 20px 0;}
#Recruit_Btn{ width:130px; float:right; text-align:right; margin:40px 0 0 0;}
#Recruit_Btn a{ display:inline-block; width:100px; height:120px; overflow:hidden; background:url(../images/YP.png) left top no-repeat}
#Recruit_Btn a:Hover{ background-position:-100px top;}

.Apply td{ padding:10px 4px;}
.Apply textarea{ width:100%;background:#fff; border:#e4d9c3 1px solid; color:#a6a6a6; height:96px;}
.Apply input[type=text]{ height:32px; line-height:32px; background:#fff; width:100%; border:#e4d9c3 1px solid; color:#a6a6a6; text-indent:5px;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.Rec_tit{ font-size:15px; color:#636363;}

/*合作伙伴*/
#Partners{ padding:35px 0 0 150px; background:url(../images/partners.png) left 20px no-repeat; height:250px; height:auto !important; min-height:250px; overflow:hidden;}
#Partners ul{ width:110%}
#Partners li{ width:120px; height:120px; overflow:hidden; float:left; margin:0 66px 50px 0;}
#Partners li a{ display:inline-block; width:100%; height:100%; overflow:hidden; background:#d5d5d3;}
#Partners li a img{ max-width:100%; max-height:100%;}


/*翻页*/
.pages{margin:30px 0 0 0; clear:both; height:36px; line-height:36px;  text-align:center;}
.pages a,.pages a:visited{ vertical-align:middle; height:36px; width:36px; font-size:14px; margin:0 3px; display:inline-block; text-align:center;color:#cfbc99; border:#e4d9c3 1px solid; /*border-radius:50%;*/}
.pages a:hover{color:#cfbc99;background:#f5efe4; border-color:#e4d9c3;}
.pages span{ vertical-align:middle; margin:0 3px; color:#aeaeae; display:inline-block; height:36px; width:36px; text-align:center;/*border-radius:50%;*/}
.pages .thisp{color:#cfbc99; display:inline-block;width:36px; height:36px; background:#f5efe4; border:#e4d9c3 1px solid; font-size:14px;/*border-radius:50%;*/}
.pages a.disabled,.pages a[disabled~="disabled"]{ color:#c8c8c8; border:#d7d7d7 1px solid; background:none;}
a.turnPage{font-size:13px; letter-spacing:-0.3em; font-family:"宋体",serif; text-indent:-0.4em;/*border-radius:50%;*/}
a.turnPage.disabled,a.turnPage[disabled~="disabled"]{ color:#c8c8c8; border:#d7d7d7 1px solid;background:none;}