﻿body{ font-family:"Microsoft YaHei",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu; min-width:300px; overflow-x:hidden; color:#666;}
a{text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);color:#666;}
a:focus {outline:none; -moz-outline:none;}
a:hover{color:#e70012;}
/*分页*/
/*pages*/
.Pages{ padding:10px; line-height:18px; zoom:1; overflow:hidden; text-align:center; font-size:90%;}
.Pages span{ padding:0px 3px; display:inline-block;}
.Pages a{ display:inline-block; margin:0px 2px; color:#666;}
.Pages .p_cur, .Pages .p_total{ display:none;}
.Pages .p_page em{ display:none;}
.Pages  b{ font-weight:normal;}
.Pages .i_text{ width:30px; padding:0px; text-align:center; font-size:12px; border:1px  solid #bc2c22; background:#fff; margin:0 2px;}
.Pages .i_button { position:relative; width:44px; height:21px; cursor:pointer; border:none; background:url(../images/go.jpg) no-repeat; margin-left:5px; vertical-align:middle;}
/*pages end*/
@media (min-width:300px) and (max-width:640px){
.Pages .p_count, .Pages .p_jump, .Pages .a_first, .Pages .a_end{display:none;}
}

/*分页 end*/
header{ border-bottom:6px solid #e70012; background:#fff; }
/*内容宽度*/
header .contain{ width:1000px; margin:0 auto; position:relative;}
@media (min-width:300px) and (max-width:1000px){
header .contain{ width:100%;}
}
.clear{ clear:both; overflow:hidden; height:0px;}
/*logo*/
a.logo{ position:absolute; left:0px; top:10px;}
@media (min-width:300px) and (max-width:948px)
{
a.logo{ left:1%;}
a.logo img{ height:50px;}
}
header  .row{ position:relative;}
header .navbar-brand{ position:absolute; left:0px; top:10px;}
header .navbar-brand{ padding:0; height:87px;}
.top-menu{ height:62px; /*overflow:hidden;*/}
.top-menu .list-unstyled{ margin-bottom:0px;}
.top-menu ul{ float:right;}
.top-menu li{ line-height:30px; float:left;  padding:15px 5px 0 5px; }

.top-menu li.line{background:url(../images/line.jpg) no-repeat center center; width:5px; height:62px;padding:0 5px;}
.top-menu li a{ color:#7b7b7b; font-size:14px;}

.top-menu li.toggle-nav{ /*display:none;*/ cursor:pointer; height:62px;}
.top-menu li.toggle-nav a{ width:50px;  display:block; padding-top:2px; padding-left:10px ; padding-right:10px;}
.top-menu li.toggle-nav a span{ display:block; background:#626262; width:100%; height:3px; margin-bottom:5px; margin-top:3px;}

.top-menu li.search{ margin-left:10px; position:relative;}
@media (min-width:300px) and (max-width:640px){
.top-menu li{ display:none;}
.top-menu li.search{ display:none;}
.top-menu li.mobile-search, .top-menu li.toggle-nav{ display:block;}
.top-menu li.mobile-search{ margin-right:5px; padding-right:0;}
}
@media (min-width:641px) and (max-width:948px){
.top-menu li, .top-menu li.toggle-nav{ display:block;}
.top-menu li.search{ display:none;}
}
@media (min-width:948px){
.top-menu li{ display:block;}
.top-menu li.mobile-search, .top-menu li.toggle-nav{ display:none;}
}

.top-menu li.search .btn-select{ width:21px; height:27px; border:0; line-height:27px; background:none; position:absolute; left:5px; top:17px;top:15px\9;padding:0; margin:0;}
.top-menu .text{height:27px; line-height:27px;border:1px solid #ccc; padding-left:10px; background:#fff; }
.top-menu li.search .text{ width:212px; padding-right:30px;}
.top-menu  .text:focus{border-color: #66AFE9;outline: 0px none;box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(102, 175, 233, 0.6);}
.top-menu li.search .btn-search{ width:30px; height:27px; line-height:27px; position:absolute; right:6px; top:15px;border:0;background:none;color:#a0a0a0; }
.top-menu .dropdown-menu li{ float:none; padding-top:0px;}


.mobile-search{}
.mobile-search .btn-search{ width:30px; height:27px; line-height:27px;border:0;background:none;color:#a0a0a0;}
.mobile-search .btn-search span{ font-size:24px; color:#666;}
.mobile-search-hover{ display:none; position:absolute; right:70px; top:15px; width:80%; text-align:right;}
.mobile-search-hover .btn-select{ width:10px; height:27px; border:0; line-height:27px; background:none; padding:0; margin:0;}
.mobile-search-hover span{ cursor:pointer;}
.mobile-search-hover .btn{ background:none; border:none; width:40px; height:27px; text-indent:-999px; padding:0; vertical-align:middle\9;}
.mobile-search-hover .text{ width:80%; margin-left:5px;height:27px; line-height:27px;border:1px solid #ccc;  background:#fff; vertical-align:top\9;}
.mobile-search-hover .text:focus{border-color: #66AFE9;outline: 0px none;box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(102, 175, 233, 0.6);}

@media (min-width:300px) and (max-width:640px){
.mobile-search-hover{ position:relative; right:0; width:100%; text-align:center; top:0px; padding:5px 0;}
.mobile-search-hover .text{ width:70%;}
.mobile-search-hover .btn{ text-indent:0;background:#999; color:#fff; border-radius:0; margin-left:5px; padding:0; margin-top:-4px;}
.Pages .p_count, .Pages .p_jump, .Pages .a_first, .Pages .a_end,.photo-small .glyphicon{display:none;}
.main_visual .Banbtn{ display:none;}
}
@media (min-width:641px) and (max-width:800px){
.mobile-search-hover{ right:60px;}	
}
@media (min-width:801px) {
.mobile-search-hover{ display:none !important;}
}

/*menu*/

.menu-list{ clear:both;}
.menu-list ul{ float:right; margin-bottom:0; }
.menu-list li{ float:left; background:url(../images/menuli.jpg) no-repeat right 5px;min-height:44px; position:relative;}
.menu-list li.last{ background:none;}
.menu-list li.last a{ padding-right:5px;}
.menu-list li.last ul{ width:120px;}
.menu-list li a{ padding-left:20px; padding-right:20px; display:inline-block; font-size:16px; color:#000; font-weight:bold;}
.menu-list li span{ display:none;}
@media (min-width:300px) and  (max-width:948px){
.menu-list { display:none;}	
}
@media (min-width:800px) and (max-width:1000px){
/*.menu-list li.first{ display:none;}	*/
.menu-list li.last ul{ width:100%;}
.menu-list li a{ padding-left:20px; padding-right:20px;}	
}
@media (min-width:1000px) {
.menu-list { display:block;}	
}
.menu-list li ul{ position:absolute; left:0px; list-style:none; padding:0; top:44px; background: url(../images/navbg.png) repeat; width:100%; text-align:center; display:none; z-index:1000;}
.menu-list li ul ol{ height:6px; background:#e70012; padding:0; position:relative;margin-bottom:5px\9;}
.menu-list li b{ width:0; height:0; border-right:8px solid transparent;border-left: 8px solid transparent; border-bottom: 15px solid #e70012; display:inline-block; position:absolute; bottom:0px; left:50%; margin-left:-4px;display:none;}
.menu-list li.aon b{display:inline-block;}
.menu-list li a:hover,.menu-list li.aon a{ color:#e70012; text-decoration:none;}
.menu-list li ul li{background:none; float:none; min-height:36px;height:36px;padding:5px 0;padding:0\9;}
.menu-list li ul li a,.menu-list li.aon ul li a{ color:#fff; font-size:12px;height:26px; line-height:26px; padding:0;  display:block; font-weight:normal;}
.menu-list li ul li a:hover{background:#d51d2a;color:#fff;}

.open-menu	{ display:none;}
@media (min-width:300px) and (max-width:800px){
.open-menu{ position:absolute; width:100%; left:0px; display:none;top:62px; z-index:1000; background-color:#e0e0e0; display:none;}
.open-menu ul{ width:100%; margin-bottom:0; overflow:scroll; max-height:259px;}
.open-menu li{ display:block; width:100%;border-bottom:1px solid #ccc; box-shadow:0 1px 0 #fff; background:none; line-height:36px;position:relative;}
.open-menu li a{ padding:0 10px; color:#000;  /*display:block*/}
.open-menu li span{ position:absolute; right:10px; top:12px; color:#333;}
.open-menu li ul{ display:none; padding:0;background-color:#efefef; }
}
@media (min-width:801px) and (max-width:1000px){
.open-menu	{ display:none !important;}
}
@media (min-width:1000px) {
.open-menu	{ display:none !important;}
}

.open-toggle-nav{ background-color:#e0e0e0;box-shadow:2px 0 0 #999 inset;}

/*banner*/
.product_ban {height: 427px;}
.product_ban .carousel-indicators{ display:none;}
.product_ban .carousel-caption a{display: block;height: 427px;}
.product_ban .carousel-inner {height: 427px;}
.product_ban .carousel-inner .item {background-position: center top; height: 427px;}
@media (min-width:300px) and (max-width:640px){
.product_ban {height: 300px;}
.product_ban .carousel-caption a {height: 300px;}
.product_ban .carousel-inner {height: 300px;}
.product_ban .carousel-inner .item {height: 300px;}
}
/*banner end*/
.Content{ width:1000px; margin:0 auto;}
@media (min-width:300px) and (max-width:1000px){
.Content{ width:100%; padding:0 2%;}
}
/*一行三列*/
.promotions{ padding-top:20px;}
.promotions .pro{ float:left; width:32.6666%; padding:2%; border:1px solid #c8c8c8; min-height:96px;}
.promotions .pro2{ margin:0 1%;}
.promotions .pro .img{ width:96px; float:left; margin-right:10px;}
.promotions .pro img{ width:96px; height:96px;}
.promotions .pro3 .img{ background:url(../images/imgbg.jpg) no-repeat right bottom; height:96px;}
.promotions .pro3 .img img{ margin-top:-5px; margin-left:-6px;}
.promotions .pro h4{ font-size:16px; color:#e70012; margin:0; height:30px; line-height:30px;}
.promotions .pro h4 a{ color:#e70012;}
.promotions .pro h6{ color:#747474; line-height:18px; margin:0; padding-top:8px;}
@media (min-width:300px) and (max-width:640px){
.promotions .pro{ float:none; width:100%;padding:4%;}
.promotions .pro2{ margin:5% 0;}
}
@media (min-width:641px) and (max-width:800px){
.promotions .pro .img{ float:none; text-align:center; width:100%;}
.promotions .pro3 .img{ background:url(../images/imgbg.jpg) no-repeat center bottom; height:96px;}
.promotions .pro h4{ text-align:center;}
}
/*一行三列 end*/


/*首页资讯*/
.tabpanel-news{ border:1px solid #c8c8c8;padding:2%; margin-top:20px;}
.tabpanel-news .nav{ margin-bottom:15px;}
.tabpanel-news .nav li { font-size:16px; font-weight:bold;}
.tabpanel-news .nav li a{ color:#666;}
.tabpanel-news .nav li a:hover, .tabpanel-news .nav > li > a:focus, .nav > li > a:hover{ color:#666;background:none;}
.tabpanel-news .nav li.line{ background:url(../images/menuli.jpg) no-repeat center center;width:10px; height:43px; margin-left:-99px;}
.tabpanel-news .nav li.active{ background:url(../images/tabon.jpg) no-repeat center bottom;}
.tabpanel-news .nav li.active a{ color:#e70012; background:none;}
.tabpanel-news .nav li.more{ float:right; font-size:12px; font-weight:normal;}
.tabpanel-news .nav li.more a{ color:#b8b8b8;}
.tabpanel-news .nav li.more a:hover{ color:#e70012;}
.tab-content .hid{height:0px; overflow:hidden;}
.tabpanel-news .news-col-8{ float:left; width:70%;}
.tabpanel-news .news-col-4{ float:left; width:30%;}

@media (min-width:300px) and (max-width:900px){
.tabpanel-news .news-col-8{ float:none; width:100%;}
.tabpanel-news .news-col-4{ float:none; width:100%;}	
}
.tabpanel-news .carousel-control{ top:auto; bottom:5%; width:5%; z-index:20; }
.tabpanel-news .carousel-control b{ display:block; width:11px; height:19px; background:url(../images/btn_left.png) no-repeat center center;}
.tabpanel-news .carousel-control.left{ left:50%; filter:none;}
.tabpanel-news .carousel-control.right{ left:70%; filter:none;}
.tabpanel-news .carousel-control.right b{background:url(../images/btn_right.png) no-repeat center center;}
.tabpanel-news .carousel-control.right, .tabpanel-news .carousel-control.left{ background-image:none;}
.tabpanel-news .carousel-indicators{ left:0px; width:100%; padding-left:21%; margin-left:0;bottom:5%; margin-bottom:0;}
.tabpanel-news .carousel-indicators li{ background-image:url(../images/a_active.png); background-position: right center; background-color:inherit;  border:0; border-radius:0; width:14px; height:14px; margin:0;}
@media (min-width:300px) and (max-width:640px){
.tabpanel-news .carousel-control{ bottom:0;}
.tabpanel-news .carousel-control.left{ left:20%;}
.tabpanel-news .carousel-control.right{ right:20%; left:auto; }
.tabpanel-news .carousel-indicators{ bottom:0;padding-left:0;}
.tabpanel-news .carousel-indicators li{ background-image:url(../images/a_active_320.png);width:10px; height:10px;}
}
.tabpanel-news .carousel-indicators li.active{ background-position:0 center; background-color:transparent;}
.tabpanel-news .img-left{ float:left; width:40%;}
.tabpanel-news .img-left img{ width:100%; max-width:278px; height:auto; min-height:180px;}
.tabpanel-news .txt-right{ float:right; width:50%; padding-right:5%;}
.tabpanel-news .txt-right h4{ font-weight:bold; margin:0; line-height:45px;}
.tabpanel-news .txt-right h4 a{ color:#e70012;display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; height:45px; }
.tabpanel-news .txt-right p{ font-size:12px; color:#666; line-height:24px; margin:0;} 
@media (min-width:640px) and (max-width:900px)
{
.tabpanel-news .txt-right{ width:55%; }
}
@media (min-width:640px)
{
    .tabpanel-news .img-left{min-height:180px;}
.tabpanel-news .txt-right{min-height:180px;}
}
@media (min-width:300px) and (max-width:640px){
.tabpanel-news .img-left{ float:none; width:100%; text-align:center;}
.tabpanel-news .img-left img{ width:278px !important;}
.tabpanel-news .txt-right{ float:none; width:100%;}
.tabpanel-news .txt-right p{ font-size:100%; padding-bottom:8%;}
}


.news-col-4 .list{ border-left:1px solid #dcdcdc; padding-left:20%; }
@media (min-width:900px)
{
.news-col-4 .list{min-height:180px;}
}
.news-col-4 .list ul{ padding-left:0;}
.news-col-4 .list li{line-height:30px; padding-left:15px; background:url(../images/li_icon.jpg) no-repeat left center; list-style:none;}
.news-col-4 .list li a{display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; height:30px; font-size:12px; color:#595959;}
@media (min-width:300px) and (max-width:900px){
.news-col-4 .list{ padding-left:0;border-left-width:0; border-top:1px solid #dcdcdc; margin-top:3%; padding-top:2%;}	
.news-col-4 .list li{ width:50%; float:left;}
.news-col-4 .list li a{ font-size:100%;}
}
/*首页资讯 end*/

footer{ background-color:#fafafa;border-top:1px solid #c8c8c8; margin-top:30px;color:#c5c5c5; clear:both;}
footer div{ width:1000px; margin:0 auto; padding-top:20px; padding-bottom:10px;}
@media (min-width:300px) and (max-width:400px){
footer div{ font-size:90%;}
}
@media (min-width:300px) and (max-width:1000px){
footer	{ padding-top:3%;}
footer div{ width:100%; padding:0 2%;}
}
footer p{ font-size:85%; color:#969696; line-height:22px;}
footer div a{ color:#737373;}
footer div a:hover{ color:#e70012;}

#goToTop{ position:fixed; right:2%; bottom:2%;width:30px; height:30px; background:url(../images/black.png) right; text-align:center; border-radius:50%; display:none;}
#goToTop a span{ top:7px; color:#fff;}
/**banner内页**/
.columnban{}
.columnban img{ width:100%;}
.col-Content{ width:1000px; margin:0 auto; padding:0 20px;}
@media (min-width:300px) and  (max-width:1000px){
.col-Content{ padding:0 3%; width:100%;}
}

/**面包屑**/
.Current{ border-bottom:1px solid #eaeaea; margin-bottom:20px; color:#4c4c4c;}
.Current div{ width:1000px; margin:0 auto; padding:0 20px;}
@media (min-width:300px) and  (max-width:1000px){
.Current div{ padding:0 3% !important; width:100%;}
}
.Current div span{ display:none;font-size:120%;  position:absolute; right:3%; top:50%; margin-top:-4px;}
.Current .cur-menu{ display:none; position:absolute; left:0px; width:100%; background-color:#bd000f; z-index:10;}
@media (min-width:801px){
.Current .cur-menu{ display:none !important;}
}
.Current .cur-menu li{ border-bottom:1px solid #86010b;box-shadow:0 1px 0 #f50316;}
.Current .cur-menu li a{ color:#fff; padding:2% 0; display:block;}
.Current .cur-menu li a i{ float:right; color: #86010b;}
.Current div b{ font-size:26px; font-weight:normal; border-bottom:2px solid #e70000; display:inline-block; padding:10px 0;}
@media (min-width:300px) and  (max-width:800px){
.Current div{ background:#e70012; color:#fff;}
.Current div b{font-size:115%;}
.Current div{ position:relative;}
.Current div span{ display:block;}
}
#cur-menu{ cursor:pointer;}

.SingleInfo{ clear:both; overflow:hidden; line-height:2.5;}
@media (min-width:300px) and (max-width:1000px){
.SingleInfo img{ display:block; margin-bottom:2%;width:100% !important; height:auto;}
}
/*大事记*/


.bs-example{ position:relative;}
.navbar-collapse{ padding:0;}
/*#navbar-things{ position:absolute;  margin-left:840px; background: url(../images/num_abg.jpg) repeat-y right top #fff; border-radius:5px; padding:20px 0;}*/
#navbar-things{background: url(../images/num_abg.jpg) repeat-y right top #fff; text-align:right;}
#navbar-things li a{ padding-right:25px; padding-top:0; padding-bottom:0; height:25px; line-height:25px;color:#C00; background:url(../images/num_a_icon.jpg) no-repeat right center; display:block; border-left:0;}
#navbar-things li.active a,#navbar-things li a:hover{ color:#000;background:url(../images/num_a_icon_on.jpg) no-repeat right center;}
bs-example .SingleInfo{padding-right:28%;}
.things-tips{ padding-bottom:20px;  line-height:2.5;}

.scroll-title{ color:#C00; }
.bs-example .SingleInfo{}
@media (min-width:801px) and (max-width:1000px){
.bs-example{ padding-right:100px;}
#navbar-things{ margin-left:0; right:0;}
}
/***人才招聘*/
.job-table ul{ padding:0; margin:0; list-style:none;}
.job-table ol{ background:#a7a7a7; color:#fff; font-weight:bold; height:35px; line-height:35px; text-align:center; padding-left:0;}
.job-table span.fr{ float:right; width:20%; display:inline-block;}
.job-table li h6{ height:34px; line-height:34px; text-align:center; margin:0; cursor:pointer;}
.job-table li h6.down{ background:#fff;}
.job-table li.even{ background:#f1f1f1;}
/*.job-table li:nth-of-type(2n+1){ background:#f1f1f1;}*/
.job-info{ background-color:#f1f1f1; padding-left:20%; padding-top:20px; padding-right:20%; padding-bottom:20px; position:relative; font-size:12px; display:none;}
.job-info em.name{ position:absolute; left:0; top:45%; font-style:normal;width:20%; text-align:center;}
.job-info .apply{  position:absolute; right:0px; top:45%; width:20%; text-align:center;}
.job-info .apply a{display:inline-block; background-color:#fff; border:1px solid #C00; color:#c00; padding:2px 5px;}
@media (min-width:300px) and (max-width:640px){
.job-table{ width:100%; overflow-x:auto; overflow-y:hidden;} 
.job-table ul{ width:640px;}
}

.news-list dt{ border:1px solid #d4d4d5;}
.news-list .pic{ float:left;}
.news-list .txt{ float:right;}
.news-list .txt h5{ font-weight:bold;margin:0; padding:2% 0;}
.news-list .txt h5 a{ color:#666;display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.news-list .txt h5 span{ float:right; font-weight:normal;}
.news-list .txt h5 span.icon{ font-family:宋体; width:100px; text-align:right; display:none;}
.news-list .txt p{margin:0;}
.news-list dd .pic img{ max-width:128px;width:100%;}
.news-list dd{ padding:2%; font-size:85%;}
.news-list dd .txt{ width:778px; padding-right:38px;}
.news-list dd.even{ background:#f6f6f6;}
/*dd*/
@media (min-width:300px) and (max-width:640px){
.news-list dd .txt{ width:78%; padding-right:2%;}
.news-list dd .pic{ width:20%; display:table-cell; vertical-align:middle; height:100%;}
.news-list dd .txt p{overflow:hidden; height:36px;}
.news-list dd .txt h5{ padding-top:0; padding-top:2%;}
}
@media (min-width:800px) and (max-width:1000px){
.news-list dd .txt{ width:83%; padding-right:2%;}
.news-list dd .pic{ width:15%;}
.news-list dd .txt p{overflow:hidden;}
}
@media (min-width:641px) and (max-width:801px){
.news-list dd .txt{ width:78%; padding-right:2%;}
.news-list dd .pic{ width:20%;}
.news-list dd .txt p{overflow:hidden;}
}

/*dd end*/
.news-list dt .pic img{ max-width:297px; max-height:198px; width:100%;}
.news-list dt .txt{ width:627px; padding-right:38px;}
.news-list dt .txt h5{ font-size:16px; padding:5% 0; margin:0;}
.news-list dt .txt h5 a{ color:#e70012;}
.news-list dt .txt p{ font-size:85%; font-weight:normal; line-height:1.8; }
@media (min-width:300px) and (max-width:500px){
.news-list dt .txt{ width:100%; padding:0 2%; float:none;}
.news-list dt .pic{ width:100%; float:none; text-align:center;}
.news-list dt .txt p{ height:44px; overflow:hidden;}
.news-list dt .txt  span{ display:none;}
}
@media (min-width:501px) and (max-width:640px){
.news-list dt .txt{ width:68%; padding-right:0;}
.news-list dt .pic{ width:30%;}
.news-list dt .txt p{ height:44px; overflow:hidden;}
.news-list dt .txt  span{ display:none;}
}
@media (min-width:641px) and (max-width:1000px){
.news-list dt .txt{ width:68%;}
.news-list dt .txt span.icon{ width:5%;}
.news-list dt .pic{ width:30%;}
.news-list dt .txt h5{ padding:4% 0;}
.news-list dt .txt p{ height:86px; overflow:hidden;}
}
.news-time-select{ padding-bottom:15px;}
.news-time-select span{ background:url(../images/datebg.jpg) no-repeat 98% center; vertical-align:middle;width:145px; height:31px; display:inline-block; }
.news-time-select span .text{ border:1px solid #dedee7; background:none;height:31px; line-height:31px; width:100%;padding-right:22px;}
.news-time-select em{ font-style:normal;}
.news-time-select .btn{ border:1px solid #dedee7; width:64px; height:31px; vertical-align:middle; cursor:pointer; background:#fff; border-radius:0; padding:0;}
@media (min-width:300px) and (max-width:400px){
.news-time-select span{ display:block; width:100%; margin-bottom:2%;}
.news-time-select i{ display:none;}
.news-time-select em{ display:block; text-align:center;}
}

.news-detailed .title{ text-align:center; color:#000;}
.news-detailed .date{ text-align:center; font-size:85%; padding-bottom:10px; border-bottom:1px solid #ebebeb; }
.news-detailed .SingleInfo{margin-top:20px; margin-bottom:40px;}
.news-video{ text-align:center;}
.video { OVERFLOW: hidden; WIDTH: 100%; POSITION: relative}
.close_light_bg {DISPLAY: none; BACKGROUND: #000; FILTER: alpha(opacity = 95); LEFT: 0px; WIDTH: 100%; POSITION: absolute; TOP: 0px; HEIGHT: 100%; opacity: .95}
.news-back{border-top:1px solid #ebebeb; padding-top:15px;}
.news-other{border-bottom:1px solid #ebebeb; padding-bottom:20px; margin-bottom:40px;}
.news-other span{ display:block;}
@media (min-width:300px) and (max-width:800px){
.news-other span a{ display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
}
/**相关文章**/
.related-news .fl{ float:left;}
.related-news .fr{ float:right;}
.related-news .box{ width:49%; border:1px solid #d4d4d5;}
.related-news  h5{ margin:0; font-weight:bold; font-size:16px; color:#e70012; padding:0 2%; height:40px; line-height:40px;border-bottom:1px solid #d4d4d5;}
.related-news  h5 a{ float:right; font-size:12px; font-weight:normal; color:#b9b9b9;}
.related-news ul{ padding-left:0;}
.related-news li{ font-size:85%; list-style:none; padding:0 10px 0 15px; background:url(../images/list_ico.jpg) no-repeat 8px center; line-height:2.5;}
.related-news li span{ float:right;}
.related-news li a{ display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#333;}
@media (min-width:300px) and (max-width:480px){
.related-news .fl{ float:none;}
.related-news .fr{ float:none;}
.related-news .box{ width:100%; margin-bottom:2%;}
}

.select-category .btn-group{ float:right;}
.monographic-list dd{ float:left;width:33.33%; text-align:center; border-bottom:1px solid #f1f1f1; padding-bottom:3%; margin-bottom:3%;}
.monographic-list dd h6 a{display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.monographic-list dd img{ width:292px; height:118px;}
@media (min-width:300px) and (max-width:640px){
.monographic-list dd{ width:100%; padding:0 2%;}
.monographic-list dd img{ width:100%; height:auto; }	
}
@media (min-width:641px) and (max-width:1000px){
.monographic-list dd img{ width:100%; }
}
@media (min-width:700px) and (max-width:1000px){
.monographic-list dd img{ width:210px; height:85px; }
}
.photo-list dd{ float:left; width:213px; margin-right:36px;/*border-bottom:1px solid #f1f1f1;*/ padding-bottom:2%; margin-bottom:2%;}
.photo-list dd h6{ text-align:center;}
.photo-list dd h6 a{ display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.photo-list dd img{height:138px; width:203px;}
@media (min-width:1000px) {
.photo-list dd.end{ margin-right:0;}
}
@media (min-width:700px) and (max-width:900px){
.photo-list dd{margin-right:0; width:33.33%; text-align:center;}
}
@media (min-width:901px) and (max-width:1000px){
.photo-list dd{ margin-right:23px;}	
.photo-list dd.end{ margin-right:0;}
}
@media (min-width:641px) and (max-width:800px){

.photo-list dd.end-md{ margin-right:0;}	
}
@media (min-width:300px) and (max-width:700px){
.photo-list dd{ margin-right:0; width:50%; text-align:center; padding:0 2%;}
.photo-list dd img{ width:100%; max-width:203px; height:auto; min-height:87px;}
}
/*精彩图集*/
.photo-list-info{ position:relative;}
.photo-list-info .title{ position:relative; color:#000;margin:0; margin-bottom:30px; padding-left:80px; padding-right:2%;}
.photo-list-info .title a{ position:absolute; left:0px; font-size:12px; background-color:#eaeaea; width:76px; height:30px; line-height:30px; text-align:center;}
.photo-list-info .title a span{ margin-right:5px;}

.photo-img{ position: relative; }
.photo-img .bigImg{position: relative;width:100% !important;}
.photo-img .bigImg li .info{ max-height:60px; overflow-y:auto;text-align:left; margin:2% 0;}
.photo-img ul{ padding-left:0;}
.photo-img .bigImg li{ list-style:none; padding-left:0; display:block; text-align:center; width:100% !important; height:100%;}
.photo-img .bigImg li .img{ text-align:center; overflow:hidden;}
.photo-img .bigImg li img{height:420px;}
.photo-img .prev, .photo-img .next{ position:absolute; top:35%; font-size:200%; z-index:10; color:#e70012;}
.photo-img .prev{ left:0px;}
.photo-img .next{ right:0px;}
.mobileQh{ display:none;}


@media (min-width:300px) and (max-width:500px){
.photo-img .prev, .photo-img .next{ top:35%;}

.photo-img .bigImg{ display:none;}
.photo-img{ display:none;}
.mobileQh{ display:block; position:relative;}
.mobileQh .box ul{ height:auto!important; padding:0; margin:0;}
.mobileQh .box li{ list-style:none; padding-left:0; text-align:center; width:100%; height:100%; padding:0; float:left;}
.mobileQh .box li img{ width:100%;}
.mobileQh .box li .info{ max-height:60px; overflow-y:auto;text-align:left; margin:2% 0;}
.mobileQh .prev,.mobileQh .next{ position:absolute; top:40%; font-size:200%; color:#e70012; z-index:88;}
.mobileQh .prev{ left:0px;}
.mobileQh .next{ right:0px;}
.mobileQh .txt li{ float:left; width:100%; display:none;}
.mobileQh .txt li.on{ display:block;}
.photo-img .prev, .photo-img .next{ top:100%;}
}

@media (min-width:501px) and (max-width:640px){
.photo-img .prev, .photo-img .next{ top:100%; display:none;}

.photo-img .bigImg{ display:none;}
.mobileQh{ display:block;}
.mobileQh ul{ height:auto!important; padding:0; margin:0;}
.mobileQh li{ list-style:none; padding-left:0; text-align:center; width:100%; height:100%; position:relative !important; padding:0;}
.mobileQh li .img{ height: auto !important;}
.mobileQh li img{ width:100%;}
.mobileQh li .info{ max-height:60px; overflow-y:auto;text-align:left; margin:2% 0;}
.mobileQh .prev,.mobileQh .next{ position:absolute; top:40%; font-size:200%; color:#e70012; z-index:88;}
.mobileQh .prev{ left:0px;}
.mobileQh .next{ right:0px;}
}
@media (min-width:300px) and  (max-width:800px)
{
    .photo-img .bigImg li{ height:100%;}
.photo-img .bigImg li .img{ }
.photo-img .bigImg li img{ width:100%; height:auto;}

.mobileQh{ display:block;}
.mobileQh ul{ height:auto!important; padding:0; margin:0;}
.mobileQh li{ list-style:none; padding-left:0; text-align:center; width:100%; height:100%; position:relative !important; padding:0;}
.mobileQh li img{ width:100%;}
.mobileQh li .info{ max-height:60px; overflow-y:auto;text-align:left; margin:2% 0;}
.mobileQh .prev,.mobileQh .next{ position:absolute; top:40%; font-size:200%; color:#e70012; z-index:88;}
.mobileQh .prev{ left:0px;}
.mobileQh .next{ right:0px;}
}
@media (min-width:1000px)
{
.photo-img .bigImg li{height:auto !important;height: 420px;min-height:420px;}

.mobileQh{ display:none;}


}

.photo-img .sPrev,.photo-img .sNext{display: block; position:absolute; top:42%; font-size:130%;}
.photo-img .sPrev{ left:.5%;}
.photo-img .sNext{ right:.5%;}

.photo-img .smallScroll{}
.photo-small{ border:1px solid #ddd; position:relative;}
.photo-img .smallImg{margin: 0 28px;height:105px; overflow: hidden;border-left:1px solid #ddd;border-right:1px solid #ddd; clear:both;}
.photo-img .smallImg ul{ height:105px;  width: 9999px; overflow: hidden;}
.photo-img .smallImg li{ float: left;width:115px; cursor:pointer; padding-top:15px; height:105px; list-style:none; margin:0 15px; position:relative;}
.photo-img .smallImg li span{ position:absolute; left:45%; top:-20px;}
.photo-img .smallImg img{  height:77px;width:115px;}
.photo-img .smallImg .on img{ border: 3px solid #e70012;}
.photo-img .smallImg .on span{ color:#e70012; top:6px;}
@media (min-width:300px) and (max-width:640px){
.photo-img .smallImg li{ width:90px;margin:0 5px;padding-top:20px;}
.photo-img .smallImg img{  height:60px;width:90px;}
.photo-img .smallImg .on span{ top:11px;}

.mobileQh{ display:block;}
.mobileQh ul{ height:auto!important; padding:0; margin:0;}
.mobileQh li{ list-style:none; padding-left:0; text-align:center; width:100%; height:100%; position:relative !important; padding:0;}
.mobileQh li img{ width:100%;}
.mobileQh li .info{ max-height:60px; overflow-y:auto;text-align:left; margin:2% 0;}
.mobileQh .prev,.mobileQh .next{ position:absolute; top:40%; font-size:200%; color:#e70012; z-index:88;}
.mobileQh .prev{ left:0px;}
.mobileQh .next{ right:0px;}
}

.photo-img .pageState{ letter-spacing:1px;}
.photo-img .pageState span{ color: #f00;}
@media screen and (min-width:300px) and  (max-width:640px)
{
.photo-small,.photo-img .pageState { display:none;}
.mobileQh{ display:block;}
.mobileQh ul{ height:auto!important; padding:0; margin:0;}
.mobileQh li{ list-style:none; padding-left:0; text-align:center; width:100%; height:100%; position:relative !important; padding:0;}
.mobileQh li img{ width:100%;}
.mobileQh li .info{ max-height:60px; overflow-y:auto;text-align:left; margin:2% 0;}
.mobileQh .prev,.mobileQh .next{ position:absolute; top:40%; font-size:200%; color:#e70012; z-index:88;}
.mobileQh .prev{ left:0px;}
.mobileQh .next{ right:0px;}
}

.photo-mark{ background-color:#fff; position:absolute; z-index:10; left:0px; top:0px; display:none; border:1px solid #eaeaea; overflow:auto; padding:10px;}
.photo-mark h5{ margin:0; font-weight:bold;color:#e70012;}
.photo-mark span{ position:absolute; right:10px; top:10px; cursor:pointer;}
.photo-list2 dd{ float:left; width:25%; text-align:center;/*border-bottom:1px solid #f1f1f1;*/ padding-bottom:2%; margin-bottom:2%;}
.photo-list2 dd h6{ text-align:center;}
.photo-list2 dd h6 a{ display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.photo-list2 dd img{height:138px; width:203px;}
@media (min-width:800px) and (max-width:970px){
.photo-list2 dd img{height:104px; width:156px;}
}
@media (min-width:640px) and (max-width:799px)
{
.photo-list2 dd{ width:50%;}
.photo-list2 dd img{height:138px; width:220px;}
}
@media (min-width:300px) and (max-width:639px)
{
.photo-list2 dd{ width:50%; padding:0 2%;}
.photo-list2 dd img{height:87px; width:100%;}
}

/****产品展馆****/

.product-index{ padding-top:20px;}
.prod-index{ float:left; border:1px solid #d4d4d5; padding:8px;}
.prod-index h5{ font-size:16px; color:#e70012; font-weight:bold; clear:both; margin-top:0;}
.prod-index h5 span{ border-bottom:2px solid #e70012;}
.prod-index h5 span a{color:#e70012;}
.prod-index h5 span a:hover{ text-decoration:none;}
.prod-index h5 a.detail{ float:right; font-size:80%; color:#ccc; font-weight:normal;}
.prod-index h5 a.detail:hover{color:#e70012;}
.prod-end{ float:right;}
.prod-md-5{ width:486px; /*height:218px;*/ margin-bottom:30px; font-size:85%;}
.prod-md-5 div{ line-height:2; padding:10px 0;}
.prod-md-5 a.img{ float:left; margin-right:10px;}
.prod-md-5 a.img img{ width:224px; height:166px;}
.prod-md-3{ width:318px; /* height:265px;*/}
.prod-md-3 img{ width:298px; height:214px;}
.prod-mid{ margin:0 23px;}
@media (min-width:300px) and (max-width:450px){
.prod-md-5{ width:100%;}
.prod-md-5 a.img{ width:30%;}
.prod-md-5 div{ padding:0;}
.prod-md-5 a.img img{width:100%; height:auto;}
}
@media (min-width:451px) and (max-width:640px){
.prod-md-5{ width:100%;margin-bottom:3%;}
}
@media (min-width:300px) and (max-width:520px)
{
.prod-md-3{ width:100%; float:none; margin-bottom:3%;}
.prod-md-3 img{ width:100%; height:auto;}
.prod-mid{ margin:0 0 3% 0;} 
}
@media (min-width:521px) and (max-width:1000px){
.prod-md-3{ width:32%;}
.prod-md-3 img{ width:100%; height:auto;}
.prod-mid{ margin:0 2%;}
}
@media (min-width:641px) and (max-width:1000px)
{
.prod-md-5{ width:49%;} 
.prod-md-5 a.img{ width:40%;}
.prod-md-5 a.img img{ width:100%; height:auto;}
.prod-md-5 div{ padding:0px; height:95px; overflow:hidden; margin-bottom:2%;}
}
/**产品列表*/
.product-list ul{ padding-left:0;font-size:0px;}
.product-list li{ width:248px; list-style:none; text-align:center;   padding-right:33px; padding-bottom:15px; margin-bottom:60px;display:inline-block; font-size:14px;
}
.product-list li img{ border:1px solid #dedede; width:213px; height:148px;}
.product-list li.end{ padding-right:0;width:215px;}
.product-list li div{ padding-top:10px; font-size:85%;}
.product-list li div a{display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
@media (min-width:640px) and (max-width:800px)
{
  .product-list li { width:33.33%; padding-right:0;}
  .product-list li.end{ width:33.33%; padding-right:0;}
     .product-list li a{ padding:0 2%;}
    .product-list li img{ max-width:213px; width:100%; height:auto;}
}
@media (min-width:801px) and (max-width:1000px)
{
 .product-list li{ width:25%;padding-right:0;}
  .product-list li.end{ width:25%; padding-right:0;}
     .product-list li a{ padding:0 2%;}
    .product-list li img{ width:100%; height:auto;}
}
@media (min-width:300px) and (max-width:640px)
{
 .product-list li{ width:50%;padding-right:0;}
  .product-list li.end{ width:50%; padding-right:0;} 
     .product-list li a{ padding:0 4%;}
    .product-list li img{ width:100%; height:auto;}   
}

.prod-info-bigimg{ float:left; width:564px;}
.prod-info-bigimg .bigimg{ padding-bottom:20px;}
.prod-info-bigimg .bigimg img{ width:100%; border:1px solid #d6d6d7;}
.prod-info-bigimg dd{ width:94px; text-align:center; display:inline; cursor:pointer;}
.prod-info-bigimg dd img{ width:90px; height:60px; border:1px solid #ccc;}
.prod-info-bigimg dd.on img{border:1px solid #e70012;}
.prod-info-intro{ float:right; width:367px;}
.prod-info-intro .name{ font-weight:bold; color:#e70012; margin:0; margin-bottom:20px;}
.prod-intro{ padding-top:30px;}
.prod-intro .title{ background-color:#e4e4e4; margin-bottom:10px;}
.prod-intro .title span{ background-color:#e70012;display:inline-block; text-align:center; padding:1% 4%; color:#fff; font-weight:bold;}
@media (min-width:500px) and (max-width:1000px)
{
 .prod-info-bigimg{ width:60%;} 
 .prod-info-intro{ width:35%;}
 .prod-info-bigimg dd{ width:16.66%; float:left; padding:0 1%;}
 .prod-info-bigimg dd img{ width:100%; max-height:45px;}
}
@media (min-width:300px) and (max-width:499px){
 .prod-info-bigimg{ width:100%;} 
 .prod-info-intro{ width:100%; padding-top:15px;}
 .prod-info-bigimg dd{ width:16.66%; float:left; padding:0 1%;}
 .prod-info-bigimg dd img{ width:100%; max-height:40px;}
}

#love-banner{ margin:20px 0;}
.love-index h5{ background-color:#f6f6f6; padding:0px 20px; font-weight:bold; font-size:16px; color:#e70012; border-bottom:1px solid #dcdcdc; margin:0; line-height:2.5;}
.love-index h5 a{ float:right; font-size:12px; font-weight:normal;}
.love-md-7{ float:left; width:642px;background-color:#f9f9f9;}
.love-md-3{ float:right; width:340px;background-color:#f9f9f9;}
.love-md-7, .love-md-3{ height:200px; overflow:hidden; margin-bottom:20px;}
.love-md-3 h5{ background-color:#f2f2f2;}
.love-md-7 h5
{border-bottom:0;
    background: rgb(218,37,28); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(218,37,28,1) 0%, rgba(249,249,249,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(218,37,28,1)), color-stop(100%,rgba(249,249,249,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(218,37,28,1) 0%,rgba(249,249,249,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(218,37,28,1) 0%,rgba(249,249,249,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(218,37,28,1) 0%,rgba(249,249,249,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(218,37,28,1) 0%,rgba(249,249,249,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#da251c', endColorstr='#f9f9f9',GradientType=1 ); /* IE6-9 */
color:#fff;
    }
.love-md-7  div{ padding:20px;}
.love-md-7  div a.detail{color:#e70012;}
.love-md-3 dl{ padding:10px 20px 0;}
.love-md-3 dd{ font-size:85%; line-height:2.3;}
.love-md-3 dd a{display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; background:url(../images/aicon.jpg) no-repeat left center; padding-left:10px; padding-right:10px;}
.love-md-3 dd  span{ float:right;}
@media (min-width:300px) and (max-width:639px)
{
 .love-md-7{ width:100%; height:auto;}
.love-md-3{width:100%;height:auto;}   
}
@media (min-width:640px) and (max-width:1000px)
{
.love-md-7{ width:65%;}
.love-md-3{width:33%;}
}

.love-index ul{ padding-left:0;}
.love-index li{ list-style:none; clear:both; overflow:hidden; padding:15px 10px;}
.love-index li .pic{ float:left; margin-right:15px;}
.love-index li .pic img{ width:182px; height:122px; padding:8px; border:1px solid #e9e9e9;}
.love-index li.odd{ background-color:#fafafa;}
.love-index li h6{ font-weight:bold; font-size:16px;}
.love-index li h6 a{display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.love-index li p{ font-size:85%; line-height:2.4;}
@media (min-width:300px) and (max-width:640px)
{
.love-index li .pic { margin-right:2%; width:30%;} 
.love-index li .pic img{ width:100%; height:auto; padding:1%;}
}
@media (min-width:400px) and (max-width:600px)
{
  .love-index li p {line-height:1.5; margin:0;height:54px; overflow:hidden;}
}
@media (min-width:300px) and (max-width:399px)
{
    .love-index li h6{ margin:0; padding-bottom:5px;}
  .love-index li p {line-height:1.5; margin:0; height:35px; overflow:hidden;}
}
.title-list li{ line-height:3; font-size:90%; padding-right:1%;}
.title-list li span{ float:right;}
.title-list li a{display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;background:url(../images/aicon.jpg) no-repeat left center; padding-left:10px; padding-right:10px; }
.download-main .news-time-select{ padding-bottom:0;}
.download-main .btn-group{ margin-top:-34px;}
.download-list{ padding-top:20px;font-size:0px;}
.download-list dd{ margin-right:40px; border:1px solid #ececec; width:210px; margin-bottom:20px;display:inline-block; font-size:14px;
}
.download-list dd .pic img{ width:210px; /*height:285px;*/ padding:10px; }
.download-list dd .imgBlack{ display:none;}
.download-list dd.end{ margin-right:0;}
.download-list dd:hover{ border:1px solid #e70012;}
.download-list dd:hover a{ color:#e70012;}
.download-list dd p{ padding:0 10px;}
.download-list dd a.icon{ float:right;}

.news-video video{ height:100%;}

@media (min-width:801px) and (max-width:1000px)
{
.download-list dd{ width:23%; margin-left:1%; margin-right:1%; }  
.download-list dd .imgBlack{ display: block; width:100%;}
.download-list dd .imgBlack img{ width:100%;}
.download-list dd .pic img{padding:4%; width:100%; /*height:226px;*/}
.download-list dd.end{ margin-right:1%;}
}
@media (min-width:641px) and (max-width:800px)
{
 .download-list dd{ width:30.33%; margin-right:2%; margin-left:1%;} 
.download-list dd .imgBlack{ display: block;}
.download-list dd .imgBlack img{ width:100%;}
.download-list dd .pic img{padding:4%; width:100%;  height:auto;}   
}
@media (min-width:300px) and (max-width:640px)
{
  .download-list dd { width:44%; margin-left:3%; margin-right:3%;}
.download-list dd .imgBlack{ display: block; width:100%;}
.download-list dd .imgBlack img{ width:100%;}
.download-list dd .pic img{padding:4%; width:100%; height:auto; /*min-height:172px;*/}  
}
.download-list-video{ padding-top:20px;}
.download-list-video dd{ width:236px;  padding:10px; margin-bottom:30px; margin-right:18px; background:#fafafa; border:1px solid #ececec; float:left;}
.download-list-video dd.end{margin-right:0;}
.download-list-video dd .icon{ position:absolute; border:1px solid #fff;border-radius:50%; width:50px; height:50px; text-align:center;  top:50%; margin-top:-25px; left:50%; margin-left:-25px; padding-top:13px;border:0\9;background:url(../images/video8.png) repeat\9;}
.download-list-video dd .icon span{ font-size:150%; color:#fff;}
.download-list-video dd .pic{ background-color:#000; position:relative;}
.download-list-video dd .pic img{ filter:alpha(opacity=50);opacity: 0.5;-moz-opacity:0.5;-khtml-opacity: 0.5;width:214px; height:130px;}
.download-list-video dd p{ margin:0; padding-top:5px;}
.download-list-video dd p .open-v{display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.download-list-video dd p .dicon{ float:right;}
.download-list-video dd:hover{border-color:#e70012;}
.download-list-video dd:hover  p .dicon{ color:#e70012;}
.download-list-video dd:hover .pic img{ filter:alpha(opacity=100);opacity: 1;-moz-opacity:1;-khtml-opacity: 1;}
.download-list-video dd:hover .icon{ background:url(../images/black.png) repeat;background:url(../images/video8.png) repeat\9;}
.download-list-video .noneXs{ background-color:#000; position:relative; display:none;}
.download-list-video .noneXs img{ filter:alpha(opacity=50);opacity: 0.5;-moz-opacity:0.5;-khtml-opacity: 0.5;width:214px; height:130px;}
.download-list-video .Yc{ display:none;}

@media (min-width:701px) and (max-width:1000px)
{
.download-list-video .dicon{ display:none;}
.download-list-video .Yc{ display:block;}

.download-list-video dd{ width:31.33%; margin-left:1%; margin-right:1%;}
.download-list-video dd .pic img{ width:100%;}
.download-list-video .noneXs{ background-color:#000; position:relative; display: block;}
.download-list-video .noneXs img{ filter:alpha(opacity=50);opacity: 0.5;-moz-opacity:0.5;-khtml-opacity: 0.5; width:100%;}
.download-list dd .imgBlack{ display: block; width:100%;}
.download-list dd .imgBlack img{ width:100%;}
.download-list-video dd.end{margin-right:1%;}    
}
@media (min-width:300px) and (max-width:700px)
{
.download-list-video .dicon{ display:none;}
.download-list-video .Yc{ display:block;}
.download-list-video dd{ width:48%; margin-left:1%; margin-right:1%;}   
.download-list-video dd .pic img{ width:100%; height:100px;}
.download-list dd .imgBlack{ display: block; width:100%;}
.download-list dd .imgBlack img{}
.download-list-video dd.end{margin-right:1%;}  
.download-list-video .noneXs{ background-color:#000; position:relative; display: block;}
.download-list-video .noneXs img{ filter:alpha(opacity=50);opacity: 0.5;-moz-opacity:0.5;-khtml-opacity: 0.5; width:100%; height:100px;}
}
@media (min-width:300px) and (max-width:1000px)
{
.download-list dd .pichide{ display:none;}
}

.contact-list th{ background-color:#e4e4e4; color:#e70012; font-weight:normal;}
.contact-list tr.active td{ background-color:#f9f9f9;}
@media (min-width:300px) and (max-width:640px){
.contact-list{ width:100%; overflow-x:auto; overflow-y:hidden;} 
.contact-list ul{ width:640px;}
}

.main_image {width:100%; /*height:427px;*/ overflow:hidden; margin:0 auto; position:relative; height:100%;}
.main_image span{display:block; width:100%; /*height:427px;*/ background-position:center top; height:100%; background-repeat:no-repeat; }
.main_image a{display:block; width:100%;height:427px;text-decoration:none;}
a#btn_prev:hover,a#btn_next:hover{ text-decoration:none !important;}
#btn_prev,#btn_next{ text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);z-index:10;position:absolute;display:block;width:40px!important;height:40px!important;top:50%;margin-top:-20px; color:#fff; font-size:40px;text-decoration:none !important;}
#btn_prev{left:10%;}
#btn_next{right:10%;}
#slides { position:relative;/*height:427px !important;*/ display:none;}
#slides .slidesjs-pagination{ display:block; position:absolute; bottom:2%; width:100%; text-align:center; z-index:10;}
#slides .slidesjs-pagination-item a{ display:inline-block; width:14px; height:14px;  overflow:hidden; line-height:100px; background-image:url(../images/a_active.png);background-position:right center; margin:0 5px;}
#slides .slidesjs-pagination-item a.active{background-position:0 center; background-color:transparent;}
#slides .slidesjs-container{height:427px;}
#slides .slidesjs-control{height:427px;}
.main_image img{width:100%;}
#loveslides #btn_prev{left:5%;}
#loveslides #btn_next{right:5%;}
#loveslides{display:none;position:relative; margin:20px 0;}
#loveslides .slidesjs-pagination{ display:none;}
#loveslides .main_image img{ width:100%;}
@media (min-width:300px) and (max-width:640px)
{  
#slides { height:auto;}
.main_image , .main_image  span,#slides, #slides .slidesjs-container,#slides .slidesjs-control{/*height:300px !important;*/}
.news-banner .item, .news-banner{ height:auto;}
.news-banner .slidesjs-navigation{ display:none;}
#slides .slidesjs-pagination-item a{background-image:url(../images/a_active_320.png);width:10px; height:10px; }
.main_visual .slidesjs-navigation #btn_prev,.main_visual .slidesjs-navigation #btn_next{ display:none;}
.main_image{ height:auto !important;}
.main_image li span{ background-size:100% auto; height:auto !important;}
.main_image a{ height:auto !important;}
}
/**/
.news-banner{ position:relative;display:none;height:180px;}
.news-banner .bd {width:100%; height:180px; overflow:hidden; margin:0 auto; position:relative}
.news-banner .bd ul {width:9999px; height:180px; overflow:hidden; position:absolute; top:0; left:0}
.news-banner .bd li {float:left; width:100%; height:180px;}
.news-banner .slidesjs-navigation{ width:100%;height:20px;text-align:center;}
.news-banner .prev,.news-banner .next{ z-index:20;vertical-align:middle;display:inline-block; width:11px; height:19px; background:url(../images/btn_left.png) no-repeat center center; cursor:pointer; position:relative;}
.news-banner .next{background:url(../images/btn_right.png) no-repeat center center; margin-left:100px;}
/*
.news-banner .hd em{ vertical-align:middle; margin:0 10px;}*/
.news-banner .slidesjs-pagination{ position:absolute; left:0; width:100%;height:20px;bottom:0;z-index:10; text-align:center; }
.news-banner .slidesjs-pagination a{ background-image:url(../images/a_active.png);width:14px; height:14px; line-height:200px; overflow:hidden; display:inline-block;background-position:right center; margin:0 5px;}
.news-banner .slidesjs-pagination a.active{ background-position:0 center; background-color:transparent;}
@media (min-width:640px)
{
 .news-banner .slidesjs-navigation  { margin-top:-20px; padding-left:20%;}
 .news-banner .slidesjs-pagination{padding-left:20%;}
.news-banner .item, .news-banner .slidesjs-container,.news-banner .slidesjs-control{height:180px;}
}
@media (min-width:300px) and (max-width:640px)
{
.news-banner .slidesjs-container,.news-banner .slidesjs-control{height:280px !important;}
.news-banner .item,  .news-banner{height:300px;}
.news-banner .slidesjs-pagination a{ background-image:url(../images/a_active_320.png);width:10px; height:10px; }
}
/*
@media (min-width:300px) and (max-width:640px){
}
@media (min-width:641px) and (max-width:800px){
}
@media (min-width:801px) and (max-width:1000px){
}
@media (min-width:1000px) {
}*/
#mymodal #iframe{ overflow:hidden;} 


/* 2016-12-12 11:19 产品展馆修改 */
.c-red{color:#e70012;}
.mar-t0{margin-top:0;}
.fl{float:left;}
.fr{float:right;}

.more.fr{margin-right:1em;}
.pro-list-new{border:0; border-top:1px solid #f0f0f0; box-shadow:2px 2px 5px #ccc; *width:48%;}
.pro-list-new a.img img{width:246px; height:140px;}
@media (min-width:300px) and (max-width:450px){
	.prod-md-5{ width:100%;}
	.prod-md-5 a.img{ width:30%;}
	.prod-md-5 div{ padding:0;}
	.prod-md-5 a.img img{width:100%; height:auto;}
}

@media (min-width:641px) and (max-width:1000px){
	.prod-md-5{ width:49%; *width:48%;} 
	.prod-md-5 a.img{ width:40%;}
	.prod-md-5 a.img img{ width:100%; height:auto;}
	.prod-md-5 div{ padding:0px; height:95px; overflow:hidden; margin-bottom:2%;}
}
.pro-list-new div{padding:0;}
@media (min-width:641px) and (max-width:876px){
	.pro-list-new div{height:73px;}
}

/* 2017-06-16 15:37 产品展馆修改 */
li{list-style:none;}
.fl{float:left;}
.fr{float:right;}
.c-gray{color:#b5b5b6;}
.mar-t0{margin-top:0;}
.mar-b0{margin-bottom:0;}
.dis-b{display:block;}

.cpzg-slides,#slides.cpzg-slides .slidesjs-container,#slides.cpzg-slides .slidesjs-control{height:300px !important;}
.cpzg-img span,.cpzg-img a{height:300px;}

.pro-sort{font-size:0; margin-top:10px; padding-left:0;}
.pro-sort li{display:inline-block; font-size:12px; width:48.4%; height:276px; margin:0 0 6px 6px;}
@media screen and (max-width:1020px){
	.pro-sort li{height:27vw; height:23em\9;}
	}
@media screen and (max-width:800px) and (min-width:300px){
	.pro-sort li{width:90%; height:48vw; height:50vw\0;}
}
.pro-sort li a{width:100%; height:100%;}
.pro-sort01{background:url(../images/yangzz.jpg) no-repeat; background-size:100% auto; -webkit-background-size:100% auto; -moz-background-size:100% auto; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='F:\201306060957官网/201706151046产品展馆修改/cpzg/cn/images/yangzz.jpg',  sizingMethod='scale');}
.pro-sort01:hover{background:url(../images/yangzz-hover.jpg) no-repeat; background-size:100% auto; -webkit-background-size:100% auto; -moz-background-size:100% auto; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='F:\201306060957官网/201706151046产品展馆修改/cpzg/cn/images/yangzz-hover.jpg',  sizingMethod='scale');}
.pro-sort02{background:url(../images/yanzz.jpg) no-repeat;  background-size:100% auto; -webkit-background-size:100% auto; -moz-background-size:100% auto; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='F:\201306060957官网/201706151046产品展馆修改/cpzg/cn/images/yanzz.jpg',  sizingMethod='scale');}
.pro-sort02:hover{background:url(../images/yanzz-hover.jpg) no-repeat; background-size:100% auto; -webkit-background-size:100% auto; -moz-background-size:100% auto; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='F:\201306060957官网/201706151046产品展馆修改/cpzg/cn/images/yanzz-hover.jpg',  sizingMethod='scale');}
.pro-sort03{background:url(../images/jingzz.jpg) no-repeat; background-size:100% auto; -webkit-background-size:100% auto; -moz-background-size:100% auto; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='F:\201306060957官网/201706151046产品展馆修改/cpzg/cn/images/jingzz.jpg',  sizingMethod='scale');}
.pro-sort03:hover{background:url(../images/jingzz-hover.jpg) no-repeat; background-size:100% auto; -webkit-background-size:100% auto; -moz-background-size:100% auto; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='F:\201306060957官网/201706151046产品展馆修改/cpzg/cn/images/jingzz-hover.jpg',  sizingMethod='scale');}
.pro-sort04{background:url(../images/jiuzz.jpg) no-repeat; background-size:100% auto; -webkit-background-size:100% auto; -moz-background-size:100% auto; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='F:\201306060957官网/201706151046产品展馆修改/cpzg/cn/images/jiuzz.jpg',  sizingMethod='scale');}
.pro-sort04:hover{background:url(../images/jiuzz-hover.jpg) no-repeat; background-size:100% auto; -webkit-background-size:100% auto; -moz-background-size:100% auto; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='F:\201306060957官网/201706151046产品展馆修改/cpzg/cn/images/jiuzz-hover.jpg',  sizingMethod='scale');}

.list-title{color:#b60005; font-size:16px; margin-top:2em; position:relative;}
@media (max-width: 560px) and (min-width: 300px){.list-title{font-size:3.7vw;}}
.list-title-lf{border-bottom:1px solid #b60005; }
.list-title b{font-weight:normal; font-size:2em; border-right:1px solid #b60005; padding-right:10px; margin-right:10px;}
.list-nav{overflow:hidden; margin-top:16px; margin-bottom:0; position:absolute; top:0; right:0;}
.list-nav li a{display:inline-block; padding:0 1em; border:1px solid #c2c1c1; color:#727171; margin-right:5px; font-size:14px;}
.list-nav li a:hover{color:#b60005; border-color:#b60005;}
@media (max-width: 800px) and (min-width: 300px){.list-nav{top:2.5em;}}

.product-list,.prod-info-bigimg2,.prod-info-intro2{margin-top:5em;}
.product-list li img{border:0;}
.pro-name{font-size:1.4em; color:#221815;}
.product-list li:hover .pro-name{color:#b60005;}
.pro-price{color:#9fa0a0; margin:5px 0;}
.pro-check img{width:21px !important; height:21px !important; border:1px solid #a6a7a2 !important;}
.pro-check span{display:inline-block; padding:0 1em; height:21px; border:1px solid #a6a7a2; vertical-align:middle;}

.prod-info-bigimg2{width:460px;}
@media (max-width: 1000px) and (min-width: 500px){.prod-info-bigimg2{width:50%;}}
@media (max-width: 499px) and (min-width: 300px){.prod-info-bigimg2{width:100%;}}
.prod-info-bigimg2 .bigimg img{border:0;}
.prod-info-bigimg2 dd img{border-color:#e6e6e6;}

.prod-info-intro2{width:485px;}
@media (max-width: 1000px) and (min-width: 500px){.prod-info-intro2{width:48%;}}
@media (max-width: 499px) and (min-width: 300px){.prod-info-intro2{width:100%; margin-top:1em;}}
.prod-info-intro2 .name{font-weight:normal; color:#b60005;}
.prod-info-intro2 p{line-height:2em;}

.prod-intro2 .title span{padding:2px 6%; font-weight:normal;}




