﻿@charset "utf-8";
/*首页公共*/
.global_width{ width:960px; margin:0 auto; text-align:left;}
.textR{ text-align:right;}
.index_tit{ margin:0; padding:0; height:100px; overflow:hidden; background:url(../images/index_tit.png) left top no-repeat;}
a.more{ display:inline-block; width:40px; height:20px; float:right; margin:50px 15px 0 0; background:url(../images/icos.png) left -60px no-repeat;}
a.more:hover{ background-position:-40px -60px;}

/*Banner*/
#banner{text-align:center; width:100%; height:450px; margin:0 auto;overflow:hidden; min-width:960px; background:#525252; position:relative;}
.js { position:relative; z-index:2; width:1440px; height:450px; overflow:hidden; margin:0 auto; clear:both; left:50%; margin-left:-720px; text-align:center;background:url(../images/loading.gif) center center no-repeat;}
.jsNav { position:absolute; left:0; bottom:15px; height:20px; width:100%;  text-align:center}
.jsNav a{ height:16px; width:16px; line-height:16px; overflow:hidden; display:inline-block; margin:0 4px; top:0; position:relative; color:#fff; border:#fff 1px solid; border-radius:50%; text-align:center;}
.jsNav a i{ display:inline-block; width:12px; height:12px; margin:2px; border-radius:50%; font-size:0; line-height:0; background:#fff;}
.jsNav a.imgSelected { border:#7e0e66 1px solid; top:-4px}
.jsNav a.imgSelected i{ background:#7e0e66;}
.jsNav a.prevBtn,.jsNav a.nextBtn{ display:none;}
#bannerCover{ position:absolute; z-index:1; width:100%; height:100%; background:url(../images/tran.png); left:0; top:0;}

/*首页系列*/
#index_series{ clear:both;}
#index_series p{ margin:0 -30px 0 0; padding:45px 0; position:relative; float:left;}
#index_series a{ display:inline-block; width:300px; height:160px; overflow:hidden; float:left; margin-right:28px; border:#dfdfdf 1px solid;}
#index_series a img{ max-width:300px; max-height:160px; *width:300px;}
#index_series a:hover{ border:#7e0e66 2px solid; margin:-1px 27px -1px -1px;}

/*简介+新闻*/
#index_floor2{ width:100%; background:#fff; padding-bottom:50px;}
#index_about{ float:left; }
#indexAbout{width:630px; height:280px; overflow:hidden; color:#7a7a7a; background:#f0f0f0; padding:20px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
#indexAbout p{ margin:0; padding:0;}

#index_news{ width:300px; float:right;}
#indexNews{ height:280px; background:url(../images/index_newsBg.jpg) center top no-repeat #f0f0f0; padding:1px 0 0 0;}
#indexNews dl{ margin:110px 15px 0 15px; padding:0;}
#indexNews dl dt{ height:24px; overflow:hidden; margin-bottom:5px;}
#indexNews dl dt a{ display:block; width:100%; height:24px; line-height:24px;overflow:hidden;white-space: nowrap; text-overflow:ellipsis;-o-text-overflow:ellipsis; padding-left:20px; background:url(../images/icos.png) left top no-repeat; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#indexNews dl dd{ line-height:18px; height:36px; overflow:hidden; color:#a5a5a5; font-size:12px; margin-bottom:15px;}

/*小banner*/
#Lbanner{ width:100%; height:208px; overflow:hidden; background:url(../images/Lbanner.jpg) center top no-repeat #e5eaec; margin:0 auto 20px auto;}
#index_search{ position:relative; top:156px;}
#Searchform{ margin-right:25px; float:right; width:360px; *display:inline;}
#searchInput{height:36px; line-height:36px; border:none; color:#888888; float:left; width:320px; background:none; margin:0; padding:0;}
#SearchBtn{ display:inline-block; width:40px; height:36px; background:url(../images/icos.png) left -24px no-repeat; float:left;}
#SearchBtn:hover{ background-position:-40px -24px;}

/*首页产品*/
#indexPro{ float:left; position:relative; margin:20px -30px 0 0;}
#indexPro dl{ width:220px; /*height:310px;*/ overflow:hidden; background:#fff; float:left; margin:0 24px 25px 0; border:#eaeaea 1px solid;}
#indexPro dl dt{ border-bottom:#dcdcdc 1px solid; line-height:0; font-size:0;}
#indexPro dl dt a{ display:inline-block; width:220px; /*height:220px; */overflow:hidden; background:#525252;}
#indexPro dl dd{ margin:15px 20px 20px 20px; line-height:0;}
#indexPro dl dd span{ display:inline-block; width:100%; height:24px; line-height:24px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis;-o-text-overflow:ellipsis;}
a.seeMore{ display:inline-block; height:28px; line-height:28px; background:#7e0e66; padding:0 25px; color:#fff; margin-top:10px;}
#indexPro dl:hover{ background:#7e0e66; border-color:#7e0e66}
#indexPro dl:hover span{ color:#fff;}
#indexPro dl:hover a.seeMore{ background:#fff; color:#7e0e66;}
