body{ background-color: #FFFFFF;}
.main_bar{padding:0 0 50px;background-color:#fff; }
.number_title{font-family:'Arial'}
.fix { *zoom: 1; *clear: both;}
/*二级页面*/
.subban{ width: 100%; height: auto;}
.subban img{ margin: auto; width: 100% !important;}
.sub_banner_bg{background-position: center center; background-repeat: no-repeat;}
#sub_banner {  height: 450px; position:relative;  }
#sub_banner .item { position:absolute;  bottom:0px; right: 0px;  }
#sub_banner .item h2 { text-align: center;
  margin: 0px; width:220px; height: 70px; line-height: 70px; padding: 0px 20px;
color: #000000; opacity: 0.75;  filter: alpha(opacity=75); }
#sub_banner1{ height: 140px;}

.xc_con{ position:absolute; bottom: 0; width:100%;}
.xc_con .channel_list{ position:relative; height:50px; padding-left:170px; background:url(../images/channel_list_bg.png)}
.xc_con .channel_list ._t{ position:absolute; left:0; top:0; width:170px; height:50px; line-height:50px; background-color:#2a6fab; color:#fff; font-size:24px; text-align:center; }
.xc_con .channel_list ._t ._arr{ position:absolute; left:100%; top:50%; margin-top:-5px; width:0; height:0; border-width:8px; border-style: dashed dashed dashed solid; border-color:transparent transparent transparent #2a6fab}
.xc_con .channel_list  li{ float:left; padding:0px 19px;background-color:#BBBBBB;}
.xc_con .channel_list  li a{ display:block; line-height:50px; font-size:15px;  white-space:nowrap; }
.xc_con .channel_list  li:hover{background-color:#BBBBBB;font-weight:bold;}
.xc_con .channel_list  li.active{ background-color: #F7F7F7;font-weight:bold;}

.bg-gray{ background-color: #1f252f}
#showtime{ width: 80px; height: 80px; background-color:  #0f4ba1; padding: 10px; color: #CCCCCC; text-align: center; margin: 0px auto;margin-top: 20px; }
#showtime .day{ font-size: 24px; display:block;}
#showtime .my{ display:block; padding-top: 6px;}

/*sub page*/
/*二级页面左侧菜单导航*/
#subcontent{ margin-top: 20px; margin-bottom: 30px; width: 100%; }
#subcontent .center-nav{ display: block; clear: both; padding: 20px 0px;}
#subcontent .page-header{ margin-top: 0px; border-bottom: 0px; float: left;}
#subcontent .page-header h2 {color:#be060d; font-size:36px; margin: 0px;}
#subcontent .page-header h2 .datetime{ margin-top: 10px; font-size: 14px; }
#subcontent #contenttext{min-height: 200px;  line-height: 1.8em; color:#515151;padding-bottom: 20px; font-size: 1.2em;}

#contenttext img{max-width: 100%; height:auto;}
#contenttext .zslist img{margin-bottom: 10px;}
#contenttext p{padding:0px; margin: 0 0 6px;}
#subcontent{ padding: 20px auto;}
#subcontent blockquote{ background-color: transparent; border-left: 0px;}
#contenttext li{margin-left: 20px;}
#contenttext li p{padding:0px; margin:0px;}
#subcontent h1{ background-color: #f7f7f7; font-size: 3rem; margin:10px auto;
	padding: 20px 0;
    margin-bottom: 12px;
    font-weight: 700;
    line-height: 50px;
    text-transform: uppercase;
    text-align: center;
}
#subcontent h2{ background-color: #f7f7f7; font-size: 2rem; 
	padding: 10px 0;
    margin-bottom: 12px;
    font-weight: 700;
    line-height: 44px;
    text-transform: uppercase;
    text-align: center; margin-top: 20px;
}
#subcontent .textbox{ font-size: 1.2em;}
#subcontent .breadcrumb{ background-color: transparent;}
#subcontent .newstitle{ padding-bottom: 20px;  border-bottom: 1px solid #ECEAEA;text-align: center; margin-bottom: 10px;}
#subcontent .newstitle .newstime{ color: #B7B7B7 }
#subcontent .showprodpic{ margin: 30px 0px;}
#subcontent .showprodpic .picbox{ width: 100%; max-width: 100%;  margin: 0px auto; text-align: center;}
#subcontent .showprodpic img{ max-width: 100%; margin: 0px auto;}
#subcontent .prodintro{ line-height: 1.8em; font-size: 16px;}
#subcontent  .prodtitle{ font-size: 20px;  background-color: #f4f4f4;padding: 15px; font-weight: bold; margin-bottom: 20px; display: block;}
._arrdown{ position:relative; left:73px; top:50%; margin-top:-5px; width:0; height:0; border-width:13px; border-style: dashed dashed dashed solid; border-color:transparent transparent transparent #079e44}
.alticlelistbox ul li{ border-bottom: 1px #D5D5D5 dotted; list-style: none; padding:0px 16px; }
.alticlelistbox ul li:last-child{ border-bottom: 0px;}
.alticlelistbox ul li:hover{ background-color:#f1f1f1;}

/*news*/
/*鏂伴椈鍒楄〃*/
.news_list .news_title{font-size:14px;font-weight:normal;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.news_list .news_text{font-size:13px;}
.news_list .news_sarch{padding:30px 36px 34px;background-color:#ededed;margin-bottom:30px; }
.news_list .news_sarch .title{font-size:20px;color:#000;font-weight:bold;margin-right:40px;line-height:36px;height:36px;display:inline-block;*display:inline;*zoom: 1;vertical-align:middle;}
.news_list .news_sarch .seach_box{border:1px solid #cdcdcd;height:40px;line-height:40px;display:inline-block;*display:inline;*zoom: 1;vertical-align:middle;color:#bababa; background-color: #FFFFFF; width:300px;}
.news_list .news_sarch .seach_box input{border:none;width:100%;line-height:30px; font-weight: bold;}
.news_list .news_sarch .seach_box .input_box{padding:0px 16px;display:block;}
.news_list .news_sarch .seach_btn{border:none;width:14%;color:#fff;height:36px;line-height:36px;text-align:center;vertical-align:middle;margin-left:24px;font-size:16px;outline:none;}

/*鏂伴椈宸︿晶鏃ユ湡閫氱敤*/
.news_l_time{font-size:40px;line-height:36px;}
._list_box{padding:15px 10px; margin:0px 15px; border-bottom: 1px dashed #BBBBBB;}
._list_box .newstime{padding:20px 0px; width:80px;}
._list_box .newstime .day{font-size:1.3em;text-align:center;padding:0px; margin-bottom:20px; }
._list_box .btn{padding:4px 10px; border: 1px solid #515151; color:#41353a;}
.news_l_time .year{font-size:16px;text-align:center; border-top:1px solid;}

#contenttext ._list_box a{display:block;}
#contenttext ._list_box ._list_pic{padding:0px; text-align: center;}
#contenttext ._list_box ._list_pic img{width:100%;}
#contenttext ._list_r{margin:0px; padding:0px; padding-left: 30px;}
#contenttext ._list_r .news_title{margin-bottom:18px;font-weight:600; font-size: 1.4em;}
#contenttext ._list_r .news_text{color:#767676;margin-bottom:20px;font-size: 1.1em;}
#contenttext ._list_r .news_more{font-size:14px;color:#aaaaaa;}
#contenttext ._list_r .news_more:hover{color:#0179c7;}
#contenttext  ._list_box:hover{background-color:#EDEDED;}
#contenttext li:hover ._list_l{color:#41353a;}
#contenttext li:hover .news_title{color:#000;}
#contenttext li:hover .news_text{color:#434343;}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  background-color: #0d59a7;
  border-color:#0d59a7;
  cursor: default;
}
/*----case list-----*/
.casedesc{ min-height: 100px; }
.casedesc h4{ font-size: 1em; line-height: 40px;}

.case_title h3{font-size: 1.8em; font-weight: 600; padding-bottom: 6px;}
.case_title .line{width:60px; height: 20px;border-top: 3px solid #000000;}
.case_intro{ line-height: 2em; font-size:1.1em;}
.case_intro h3{font-size:1.2em; }
.case_intro span{padding-right: 30px; line-height: 40px; }

#case_desc{ margin-top:50px; }
#case_desc .case_textbox{padding:20px; font-size: 1.2em; line-height: 2em;}
#case_desc .case_textbox img{padding:10px 0px; max-width: 100%;}

/* newsdetail-2 start*/
.widget-newsdetail ._head { border-bottom: 1px dotted #cccccc;margin-bottom: 20px; }
.widget-newsdetail ._head ._title { font-size:24px; line-height: 1.4;color:000;font-weight:bold;margin-bottom:20px; margin-top: 0px;}
.widget-newsdetail ._tools {color: #c7c7c7;height:46px;line-height:46px;margin-bottom: 20px;}
.widget-newsdetail ._tools ._tool{display: inline-block; vertical-align: middle;margin-right:24px;}
.widget-newsdetail .myart { padding:50px 0;}
.detail_right_btn ._btn_box{width:46px;height:46px;background:url(../images/detail_r_ico.png) no-repeat;display:inline-block;*display:inline;*zoom: 1;}
.detail_right_btn ._btn_box._btn_back{background-position:-46px 0px;}
.detail_right_btn ._btn_box._btn_next{background-position:-92px 0px;}
.detail_right_btn ._btn_box:hover{background-position:0px -46px;}
.detail_right_btn ._btn_box._btn_back:hover{background-position:-46px -46px;}
.detail_right_btn ._btn_box._btn_next:hover{background-position:-92px -46px;}

.prodlistbox{ margin-bottom: 50px;}
.prodlistbox .proditem{ padding: 0px; width:100%;margin:0px; border: 0px solid #ff0000;background-color: #F7F7F7; }
.prodlistbox .proditem:hover{-moz-box-shadow:2px 2px 15px #D3D4D6; -webkit-box-shadow:2px 2px 15px #D3D4D6; box-shadow:2px 2px 15px #D3D4D6;}
.proditem .picbox {height: 265px; overflow: hidden;  padding:0px; }
.proditem .picbox img{width:100%;transition: all 1.2s; -ms-transition: all 1.2s;}
.proditem:hover img{ transform: scale(1.1);  -ms-transform: scale(1.1);}
.proditem .proddesc{padding:10px 20px;}
.proddesc h4{ font-size: 1.4em; line-height:1.4em; height:50px; overflow: hidden; line-height: 45px;border-bottom: 1px solid #CDCDCD;}
.proddesc .caption{height: 72px; line-height: 24px; overflow: hidden; }
 .morebut {padding:10px 0px; display: block;}
.prod_catadesc{ padding:15px; background-color: ; margin-bottom: 20px; font-size: 1.2em;}
/*---------产品详情页面------------*/
#moreprodbox{ margin-top: 40px;}
.prodinfo img{max-width: 100%; }
.prodinfo .prod_pic{padding-bottom:10px;}
/*720分辨率（大于480px，小于767px）*/
@media only screen and (min-width: 320px) and (max-width: 992px){
	body{ background-color: #FFFFFF;}
	#subpage{margin-top: 0px; margin-bottom: 0px; }
	#subcontent{ padding: 0px 0px; }
	.news_l_time{font-size:28px;line-height:28px;color:#c8c8c8;max-width:124px; }
	#subpage .page-header h2 {color:#be060d; font-size:26px;}
	.widget-newsdetail ._head ._title { font-size:24px; }
#sub_banner .item { position:absolute;  bottom:0px; right: 0px;  }
#sub_banner .item h2 { text-align: center;
  margin: 0px; width:220px; height: 70px; line-height: 70px; padding: 0px 20px;
color: #000000; background-color: aliceblue;  opacity: 0.75;  filter: alpha(opacity=75); }
#sub_banner1{ height: 140px;}
.sub_banner_bg{background-size:cover;  background-position: -100px center; background-repeat: no-repeat;}
}
@media only screen and (min-width: 320px)  and (max-width: 767px) {
	.sub_topnav{ background-size: contain; min-height: 100px;}
	#sub_banner { height: auto; position:relative;  }
	.prodlistbox .proditem .picbox{ overflow: hidden;text-align: center; max-height: auto; width:100%;}
	#contenttext .prodlistbox .proditem .picbox img{width:100%; max-width:100%;max-height: auto; padding-top: 0px; text-align: center; padding:0px;}
	.white-panel img{ width: 100%; max-width: 100%; max-height: auto;}
	.designer{padding:0px; padding-bottom: 40px; padding-top: 15px;}
	.xc_con{ display: none;}
	.xc_con .channel_list{ position:relative; height:40px; padding-left:100px; background:url(../images/channel_list_bg.png)}
.xc_con .channel_list ._t{ position:absolute; left:0; top:0; width:100px; height:40px; line-height:40px; font-size:18px; text-align:center; }
	.xc_con .channel_list  li{ float:left; padding:0px 8px;}
.xc_con .channel_list  li a{ display:block; line-height:40px; font-size:14px; }
._list_box{padding:15px 0px; margin:0px 0px; border-bottom: 1px dashed #BBBBBB;}
#contenttext ._list_r{margin:0px; padding:10px;  padding-bottom: 0px; padding-left: 10px; padding-right: 10px;}
._list_box .newstime{padding:20px 0px; width:200px; margin:0px;}
._list_box .newstime .day{font-size:1.1em;text-align:center;padding:0px; margin-bottom:0px; float: left; padding-right: 15px; border-right:1px dotted; color:#828383; margin-right: 10px;}
._list_box .newstime .year{font-size:14px;text-align:center; border-top:0px solid; float:left;padding-left: 30px; }
	#contenttext ._list_r .news_title{margin-bottom:18px;font-weight:600; font-size: 1.2em;}
	#subcontent .textbox h3{ font-size: 1em;}
	#subcontent .textbox h4{ font-size:1em;}
	.proditem .picbox {height: auto; overflow:auto;  padding:0px; }
	#case_desc{margin-top:0px;}
	#case_desc .col-xs-12{}
	#case_desc .case_textbox{padding:0px; font-size: 1em;}
	#case_desc .case_textbox img{width:100%;padding:10px 0px;}
	#case_desc .case_textbox p{margin: 0px 0px 0px 0px;}
	#subcontent h1{ font-size: 2.2rem;}
}
@media only screen and (min-width: 768px)  and (max-width: 992px) {
	#sub_banner {  height: 300px; position:relative;  }	
	.sub_topnav{ background-size: contain; min-height: 100px;}
}