﻿.hide{ display:none;}
/* pub_banner start */
.pub_banner { position: relative; overflow: hidden; text-align: center;padding-top:120px; }
.pub_banner.index { background-color: #e5e5e5; }
.pub_banner .item { display: none; position: absolute; top: 0; left: 0; cursor: pointer; }
.pub_banner .item.actived { display: block; }
.pub_banner .logo_bar{ height:500px;}
.pub_banner .logo { position: relative; margin: 0 auto; top: 50%; color: #ffffff; }
.pub_banner h2 { font-size: 30px; line-height:30px;margin-bottom: 10px;  }
.pub_banner p { font-size: 20px; line-height:20px; text-shadow: 2px 2px 5px rgba(184,120,92,0.75); }
.pub_banner i { position: relative; padding: 0px 6px; top: 5px;*top:0px;_top:5px; width: 112px; height: 31px; }
.pub_banner .banner_page { position: absolute;left: 0;  bottom: 33px; width: 100%; text-align: center; z-index:22222; }
/*.pub_banner .banner_page.product_icon { padding-top: 450px; }*/
/*.pub_banner .banner_page.list_icon { padding-top: 100px; }*/
.pub_banner .banner_page span { display: inline-block; margin: 0 -2px; background: url(../images/banner_page_btn.png) -18px 0 no-repeat; width: 18px; height: 18px; cursor: pointer; }
.pub_banner .banner_page .selected { margin: 0 -1px; background-position: 0px 0px; }
.pub_banner.product { top: -1px; width: 100%; /*height: 500px;*/ }
.pub_banner .bgimg { width: 100%; overflow: hidden; display: none; position: absolute; top: 0; left: 0%; }
.pub_banner .bgimg.actived { display: block; }
.pub_banner .bgimg img { width:100%; height: 100%; }
.pub_banner.index .bannerbtn{ position:absolute; top:300px; cursor:pointer;}

/* index_content start */
.index_content { position: relative; background-color: #e5e5e5; height: 980px; }
.index_content .column { position: relative; padding-top: 40px; margin: 0 auto; width: 960px; text-align: center; }
.index_content .item { margin: 20px 10px 20px; width: 300px; height: 420px; background-color: #ffffff; float:left; box-shadow: 4px 4px 4px rgba(195,195,195,0.75); cursor: pointer; }
.index_content span { text-align: center; }
.index_content h3 { margin-bottom: 20px; font-size: 16px; line-height:16px; color: #232323; font-weight: normal; }
.index_content .brand { margin: 40px auto 10px; font-weight: bold; }
.index_content p { margin-bottom: 8px; padding:0 20px; height:90px; text-align:justify; overflow:hidden; font-size: 12px; line-height:24px; color: #84888b; }
.index_content .item_img { width: 300px; height: 230px; }

/* index_series start */
.index_series { position: relative; background-color: #ffffff; width: 100%; }
.index_series h2 { margin: 60px auto 30px; text-align: center; font-size: 24px; line-height:24px; color: #232323; font-weight: normal; letter-spacing: 1px; }
.index_series .series_panel { position: relative; margin: 0 auto; width: 960px;height:419px; }
.index_series .series_panel_img { display: none; width: 960px;height:419px;}
.index_series .series_panel_img.actived { display: block; }
.index_series .series_info { position: absolute; bottom:0; /**top: 448px;*/ left: 0; width: 960px; /*height: 95px;*/ background-color: rgba(35,35,35,0.8); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC232323,endColorstr=#CC232323)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC232323,endColorstr=#CC232323); display:none; }
.index_series .series_info.showtext{display: block;}
.index_series .series_info h4 { margin: 18px 0 10px 20px; font-size: 16px; line-height:16px; color: #ffffff; }
.index_series .series_info.pdp h4 {font-size: 14px; line-height:14px; }
.index_series .series_info p { margin: 0 0 11px 20px; width: 710px; font-size: 12px; line-height:20px; color: #ffffff; }
.index_series .info_btn { position: absolute; /*bottom: 20px;*/ top: 14px; right: 20px; width: 136px; height: 48px; border-radius: 2px; background-color: #ffffff; text-align: center; font-size: 12px; line-height:48px; color: #232323; }
.index_series .mark { position: relative; top: -5px; line-height: 10px; font-size: 10px; }



.idx-about{height:520px; background-color:#d52729}
.idx-about-imgTitle{padding:50px 0; display:block; margin:0 auto;}
.idx-about-img{float:left; clear:left; margin-right:20px; width:433px;}
.idx-about-content{float:right; clear:right; width:520px; font-size:12px; color:#fff; font-family:'宋体'; line-height:25px;}
.idx-about-content p{ padding-bottom:10px; text-indent:2em; }

.idx-news{height:600px; background-color:#f3f3f3;}
.idx-news-title{ padding-top:40px; text-align:center; width:426px; display:block; margin:0 auto; background-image:url(../images/idx_line01.gif); background-position:bottom; background-repeat:no-repeat; height:50px; font-size:24px; }
.idx-news-subnav{ text-align:center; width:900px; display:block; margin:0 auto; line-height:35px; font-size:12px; color:#333; font-family:'宋体'; padding-bottom:40px;}
.idx-new-left{ float:left; clear:left; width:410px;}
.idx-new-right{ float:right; clear:right; width:419px;}
.idx-new-right li{ border-bottom:1px dashed #ccc; position:relative; width:445px; height:123px;}
.idx-new-right li .title{  color:#DC232B; padding:8px 0; }
.idx-new-right li:hover .title{ color:#666; }
.idx-new-right li .info{ font-size:12px; font-family:'宋体'; line-height:24px; color:#666; height:50px; overflow:hidden;}
.idx-new-right li:hover .info{ color:#DC232B; }
.idx-new-right li .date{ position:absolute; right:-145px; width:125px; top:0; height:100%; border-left:1px solid #ccc; background-image:url(../images/idx_date_bg.jpg); background-repeat:no-repeat; background-position:right;}
.idx-new-right li .date{ position:absolute; right:-145px; width:125px; top:0; height:100%; border-left:1px solid #ccc; background-image:url(../images/idx_date_bg2.jpg); background-repeat:no-repeat; background-position:right;}
.idx-new-right li:hover .date{background-image:url(../images/idx_date_bg.jpg);}
.idx-new-right li .icon{ position:absolute; right:-27px; width:15px; top:53px; height:15px;background-image:url(../images/idx_icon01.gif); }
.idx-new-right li:hover .icon{ background-image:url(../images/idx_icon02.gif); }
.idx-new-right li .reddot{ position:absolute; top:0; right: -21px;width: 3px;height: 15px; background-color:#DC232B;}
.idx-new-right li .date .day{ padding:23px 0 0 59px; color:#616161; font-size:30px;}
.idx-new-right li .date .year{ position: relative; left: 42px; color:#616161; border-top:2px solid #616161; line-height:25px; width:60px; padding:0 5px; white-space:nowrap;}
.idx-new-right li:hover .date .day,.idx-new-right li:hover .date .year{color:#fff; border-color:#fff;}
.idx-new-left a{ display:block; border:1px solid #ccc;}
.idx-new-left a:hover{ border:1px solid #d52729;}
.idx-new-left .title{ padding-left:15px; line-height:50px; color:#d52729;}
.idx-new-left .info{ padding-left:15px; line-height:25px; font-size:12px; font-family:'宋体'; color:#666;}
.idx-new-left .more{ text-align:right; padding-right:15px; line-height:50px; font-size:12px; color:#666;}
.idx-new-left .more b{ font-family:'宋体';}
.idx-new-left a:hover img{ opacity:.8; }
.idx-new-left a:hover .title{ color:#666;}
.idx-new-left a:hover .info,.idx-new-left a:hover .more{ color:#d52729;}
