body{ background-color: #FFFFFF;}
#breadcrumb{ background-color: #F6F6F6; margin-top:0px; padding:0px; margin-bottom: 30px;}
.breadcrumb{ background-color: #F6F6F6; margin:0px; line-height: 40px;}
/*******top banner******************/
.nav_banner{ max-width: 1920px; margin:0px auto; height: 290px; }

/*******about us************/
/**tab 样式***/
.index_tabul{ margin-bottom: 40px;  clear: both;}
.index_tabul span{ font-size:1.6em;cursor:pointer;text-align:center; line-height: 60px; display:inline-block; padding:0px 18px;  background-color: #E7E8EA;border-bottom: 4px solid #C6C6C6; min-width: 200px;}

.index_tabul .select,.index_tabul span:hover{line-height: 60px; margin:0px; border-bottom: 4px solid #d70f19; color:#FFFFFF;background-color: #BE0022;}

.indextabbox{ display: none; padding: 0px 10px;  height:470px; overflow: hidden;}
.indextabbox2{ display: none; padding: 0px 10px;  min-height:450px; }
.indextabstate{ display: block;}
.indexbox2 img{max-width: 100%;}

a:hover,a:focus{
		    text-decoration: none;
		    outline: none;
		}

.panel{
		    margin-bottom: 0px;
		}
.panel-title a:before,
.panel-title a.collapsed:before{
		    content: "\f077";
		    font-family: "FontAwesome";
		    width: 30px;
		    height: 30px;
		    line-height: 27px;
		    text-align: center;
		    font-size: 25px;
		    font-weight: 900;
		    color: #BE0022;
		    position: absolute;
		    top: 10px;
		   	left: 30px;
		    transform: rotate(0deg);
		    transition: all .4s cubic-bezier(0.080, 1.090, 0.320, 1.275);
		}
.panel-title a.collapsed:before{
		    color: #BE0022;
		    transform: rotate(180deg);
		}
#accordion .panel,#accordion2 .panel{
		    border: none;
		    border-radius: 5px;
		    box-shadow: none;
		    margin-bottom: 10px;
		    background: transparent;background:  linear-gradient(to right, #6786BC,#6786BC);
			/* background: transparent;background:  linear-gradient(to right, #EDEDED,#F5F5F5);*/
		}
#accordion .panel-heading,#accordion2 .panel-heading{
		    padding: 0;
		    border: none;
		    border-radius: 5px;
		    background: transparent;
		}
#accordion .panel-title,#accordion2 .panel-title{ position: relative;}
#accordion .panel-title a,#accordion2 .panel-title a{ 
	display: block;
		    padding: 20px 30px;
		    margin: 0;
			color:#FFFFFF;
		    background: rgba(0,0,0,0.2);
		    font-size: 17px;
		    font-weight: bold;
		    text-transform: uppercase;
		    letter-spacing: 1px;
		    border: none;
		    border-radius: 5px;
		}
#accordion .panel-title a.collapsed,#accordion2 .panel-title a.collapsed{ border: none; }
#accordion .panel-title a:before,
#accordion .panel-title a.collapsed:before,
#accordion2 .panel-title a:before,
#accordion2 .panel-title a.collapsed:before{
		    content: "\f107";
		    font-family: "FontAwesome";
		    color: #FFFFFF;
			position:absolute;
		    top: 15px;
		    left: 90%;
		    transform: rotate(180deg);
		    transition: all .4s cubic-bezier(0.080, 1.090, 0.320, 1.275);
		}
#accordion .panel-title a.collapsed:before,#accordion2 .panel-title a.collapsed:before{
		    color: #FFFFFF;
		    transform: rotate(0deg);
		}
#accordion .panel-body ,#accordion2 .panel-body{
		    padding: 20px 30px;
		    font-size: 15px;
		    line-height: 28px;
		    letter-spacing: 1px;
		    border-top: none;
		    border-radius: 5px;
			background-color: #F6F6F6;
			color: #000000;
		}
#accordion .panel-body li,#accordion2 .panel-body li{ list-style:inside;}
.donwload {padding:0px 0px;}

/*********文章内容表格头****************/
table .firstRow { font-weight: 600; background-color: #eaeaea;}

#contentbox{ margin:20px auto; margin-bottom:50px; }
#contentbox h2{ margin-top: 30px;}
/**********nws *****************/
#news #list1{ padding:0px 10px; margin-top:0px;}
.lablebox{padding: 0px 0px; background-color: #F6F6F6; clear: both; margin-bottom: 30px; padding-bottom: 20px;}
.lablebox .col-md-4{ padding-left:3px; padding-right: 3px;  text-align: center;}
.lablebox a{line-height: 24px; font-size: 14px; }
.lablebox a:hover{color:#FFFFFF;}
.lablebox span{display:inline-block;  margin:5px 5px;margin-right: 10px; background-color: #fff;
    color: #5094d5;
    border: 1px solid #eaeaef;padding:3px 3px; 
    border-radius: 2px;  border-left: 2px solid #be0022; min-width: 40px; text-align: center;}
.lablebox span:hover{background-color: #be0022; color:#FFFFFF;}
.lablebox span:hover a{color:#FFFFFF;}
.lablebox li{list-style:none; margin-bottom: 20px;}
.lablebox .liNow {color:#FFFFFF; background-color: #be0022; padding:4px 16px; font-weight: 700; }
.news_yearlist{background-color: #F6F6F6; clear: both;}
#news .news_yearlist>ul{ display : inline ; white-space : nowrap ; margin-top: 60px;}
#news .news_yearlist li{
             padding : 10px 0px ;
             display : inline- block ;
             white-space : nowrap ; float: left; text-align: center;   width:50%;font-size: 1.4em; line-height: 30px;  }
#news #list1 .liNow a{color:#FFFFFF; background-color: #be0022; padding:4px 16px; font-weight: 700; }
#news .list2{ min-height:400px; padding:0px 50px; }
.honor .year{color:#565656; font-size:40px; font-family:Arial; height:68px; overflow:hidden; font-weight:100; line-height:68px;}
#news .list li{background-color: #F6F6F6; padding:20px 20px; margin-bottom: 20px; overflow: hidden; border-bottom: 5px solid #F6F6F6;}
#news .list h5{ font-weight: normal;  font-size: 1.5em; }
#news .list .description{ padding:0px auto; line-height: 24px; height: 48px; overflow: hidden;}
#news .list .description p{ line-height:24px; }
#news .list .news_time{height: 36px;}
#news .list li:hover{border-bottom: 5px solid #be0022;-moz-box-shadow:2px 2px 15px #D3D4D6; -webkit-box-shadow:2px 2px 15px #D3D4D6; box-shadow:2px 2px 15px #D3D4D6; }


/********news infomation************/
.alticlebox{ text-align:left; line-height:24px; clear:both; margin-bottom: 50px;}
.alticlebox .showtitle{ width:100%; height:34px; line-height:34px; background-color:#F2F2F2; text-align:left; text-indent:15px; clear:both; font-size:16px; font-weight:bold;}
.alticlebox .showtitle a{color:#333}
.alticlebox .showtitle a:hover{color:#f00}
.alticlebox .showtime{ width:240px; height:34px; margin:0px 20px;float:right; text-align:right; line-height:34px; font-size:12px; font-weight:normal;color: #999999;}
.alticlebox .showcontent{ width:96%; min-height:50px; line-height:24px; margin:6px auto;text-align:left; clear:both; color:#666; }
.alticlebox .showmore2{ width:100%; height:30px; clear:both; text-align:right; margin:0px auto;border-bottom:1px #CCCCCC dotted; padding-bottom:15px;}
.alticlebox .showmore2 span{ padding-right:25px;}
.alticlebox h2{padding-bottom: 10px;  text-align:center; clear:both; border-bottom:1px #CCCCCC dotted; font-weight: normal; font-size: 1.8em;}
.alticlebox .menublack a{ color:#000}
.alticlebox h2>small{ font-size: 14px; font-weight: normal; padding-top: 30px; float: right; color:#000; }
.alticlebox ul{  list-style:inside; list-style-type: none;}
.alticlebox h4{font-size: 16px;}
.alticlebox h4>small{ font-weight: normal; font-size: 14px;}
.alticlebox #articledesc{ margin:30px auto;}
.alticlebox #articledesc a{color: #0d59a7;}
.alticlebox #articledesc a:hover{color: #be0022;}
#articledesc p,#articledesc br{ margin: 0px; padding: 0px; line-height: 26px;}

.alticlebox .newstitle{font-size: 2.2em; font-weight: 600;}
.alticlebox .newstime{ padding-top: 10px; text-align: center;}

.alticlebox table td{vertical-align:middle;valign:middle; }

/*搜索页面列表样式*/
	#searchlistbox ul,#searchlistbox1 ul{ padding: 0px; margin: 0px;list-style: inside; list-style-type: disc;}
	#searchlistbox ul li,#searchlistbox1 ul li{ margin: 0px; line-height: 26px; font-size: 14px; }
	#searchlistbox ul small,#searchlistbox1 ul small{ line-height: 26px; padding-right: 10px;}
	#searchlistbox ul li,#searchlistbox1 ul li{ overflow: hidden; }
	#searchlistbox ul li:hover,#searchlistbox1 ul li:hover{background-color: #F1F1F1;}
	#searchlistbox h3,#searchlistbox1 h3{ font-size: 16px; font-weight: bold;}
	#prodinfo #searchlistbox ul h4{ display: inline; float: left;}
	#prodinfo #searchlistbox ul small{ line-height: 24px;}
	#prodinfo,#prodinfo table td,#prodinfo table td li{line-height: 26px;}
#prodinfo table td p{margin:0px;}
#prodinfo p,#prodinfo br{ margin: 0px; padding: 0px; line-height: 26px;}

.ul-t .byitem,.ul-t1 .byitem,.ul-t2 .byitem,.ul-t3 .byitem,.ul-t4 .byitem,.ul-t5 .byitem,.ul-t6 .byitem,.ul-t7 .byitem,.ul-t8 .byitem{height:100%;display:none; overflow: hidden; padding:0px;}
.ul-o li,.ul-o1 li,.ul-o2 li,.ul-o3 li,.ul-o4 li,.ul-o5 li,.ul-o6 li,.ul-o7 li.ul-o8 li{height: 36px; overflow: hidden;line-height: 36px; text-align: left;}
.ul-o .byactive{ font-weight: 700;}
.ul-o .byactive .prod_navtitle,.ul-o1 .byactive .prod_navtitle,.ul-o2 .byactive .prod_navtitle,.ul-o3 .byactive .prod_navtitle,.ul-o4 .byactive .prod_navtitle,.ul-o5 .byactive .prod_navtitle,.ul-o6 .byactive .prod_navtitle,.ul-o7 .byactive .prod_navtitle,.ul-o8 .byactive .prod_navtitle{ color: #870A0C;}
.prodtd{ vertical-align: top;}
.prod_navtitle span{padding-left: 20px;}
.prod_navtitle h4{font-size: 1em; letter-spacing: 0px; font-weight: normal; font-weight: bold;}
.prod_navtitle h4:hover{ font-weight: 600;}
.prod_navtitle h4 small{ color:#000000; padding-left: 15px;font-size:14px;}
.prod_navtitle:hover h4 small { color:#870A0C;}
	#searchlistbox ul{ padding: 0px; margin: 0px; }
	#searchlistbox1 ul li{ padding-left: 20px;}
	#searchlistbox ul li{ padding-left: 10px;}
	#searchlistbox li a,#searchlistbox li a:visited{ color: #222222}
	#searchlistbox li a:hover,#searchlistbox li a:focus {  color: #c70000;}
	#prodinfo #divA2 a, .blacklink>p, .blacklink a, .blacklink a:visited{color: #222222}
	#prodinfo #divA2 a:hover ,.blacklink a:hover{color: #c70000}
#articlemorelist .newsnav{ line-height: 30px; background-color: #F6F6F6; font-size: 1.8rem; font-weight: 600;}
#articlemorelist .newsnav{ line-height: 30px; background-color: #F6F6F6; font-size: 1.8rem; font-weight: 600;}
#articlemorelist .newsnav .col-md-6{padding:20px 10px; }
#articlemorelist .newsnav .col-md-6:nth-child(1){ border-right: solid 1px #DFDFDF; }
#articlemorelist .newsnav .newsnav_page{color:#797979; font-size: 1.6rem; font-weight: normal; padding-top: 10px;}
#articlemorelist .newsnav .col-md-6:hover{background-color:#DFDFDF; }

#articlemorelist ul{ padding: 0px; margin: 0px auto; }
	#articlemorelist li{ line-height: 26px; padding-left: 0px;height: 26px; width:50%;}
	#articlemorelist li:hover{ background-color: #dfe9f4; }
	downtitle{ padding: 10px;}
	/*case article list style*/
	.alticlelistbox ul{ list-style: inside; list-style-type: none; margin: 20px 0px;}
	.alticlelistbox ul li h3{ font-size: 20px; padding: 10px 0px; padding-left: 15px;}
	.alticlelistbox ul li h3 small{ margin-right: 20px;}
	.alticlelistbox ul li{ border-bottom: 1px #D5D5D5 solid;}
	.alticlelistbox ul li:last-child{ border-bottom: 0px;}
	.alticlelistbox ul li:hover{ background-color: #dfe9f4;}
	.alticlelistbox ul li img{width: 150px; height: 120px; margin: 20px 15px;}

.lablelist{padding:10px 15px;line-height: 30px; background-color: #F6F6F6; font-size: 1.5rem; font-weight:normal; margin-top: 12px; }
.lablelist a {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 8px;
    padding: 4px 8px;
    font-size: 14px;
    background-color: #eaeaef;
    color: #5094d5;
    border: 1px solid #eaeaef;
    line-height: 24px;
    border-radius: 2px;
    display: inline-block;
}
.lablelist a:hover{ color:#c70000;}
/***************case list****************/
.casebox .col-md-4{margin-bottom: 30px; }
.casebox .caselist{ background-color: #F6F6F6; width: 100%; border: 1px solid #e8e8e8; min-height: 300px; }
.casebox .caselist:hover{-moz-box-shadow:2px 2px 15px #D3D4D6; -webkit-box-shadow:2px 2px 15px #D3D4D6; box-shadow:2px 2px 15px #D3D4D6;}

.caselist .picbox {width:100%;height: 80px; overflow: hidden;}
.caselist .picbox img{width:100%; max-height: 100px;border: 1px solid #e8e8e8;}

.caselist h3{ padding:0px 20px; font-size:1.4em; margin-top: 35px; height: 80px; line-height: 30px; overflow: hidden;border-bottom: 1px solid #cccccc; }
.caselist h5{padding:0px 20px;line-height: 24px; font-size: 1em;font-weight: normal;}

.caselist .casedesc{ padding:0px 20px; height: 72px; overflow: hidden; line-height: 24px;}
.caselist .casemore{ margin:15px auto; padding:15px 20px;}
.casebox .caselist:after{
		    content: "";
			width:0px;
		    height: 6px;
		    background:#be0022;
		    position: absolute;
		    bottom: 0;
		    left: 15px;
		    transition: all 1s ease 0s;
		}
.casebox .caselist:hover:after{
		    width: 93%; padding:0px 15px;
		}

/***********products list*************/

.proddesc{padding-bottom: 20px;}
.prodlistbox {margin-bottom: 30px;}
.prodlistbox .prodlist{ background-color: #F6F6F6; width: 100%; border: 1px solid #e8e8e8; min-height: 300px; padding-bottom: 20px;}
.prodlistbox .prodlist:hover{-moz-box-shadow:2px 2px 15px #D3D4D6; -webkit-box-shadow:2px 2px 15px #D3D4D6; box-shadow:2px 2px 15px #D3D4D6;}

.prodlist .picbox {height: 280px; overflow: hidden; background-color: #FFFFFF; padding:15px; }
.prodlist .picbox img{width:100%; max-height: 250px; transition: all 1.2s; -ms-transition: all 1.2s;}
.prodlist:hover img{ transform: scale(1.1);  -ms-transform: scale(1.1);}
.prodlist h3{  font-size:1.4em; margin-top: 15px; height: 60px; line-height: 30px; overflow: hidden;}
.prodlist h4{ font-size: 22px; border-bottom:1px solid #cccccc; font-weight:500; color:#262626;padding-bottom: 10px;}
.prodlist .proddesc{padding:10px 20px;}
.prodlist .caption{ height:96px; overflow: hidden;margin:10px 0px; }
#prodmodel { height: 68px; overflow: hidden; word-break: break-all; padding-top: 10px; line-height: 24px;}
.prodlist .modelbut {padding-top:8px; padding-bottom: 30px;  }

.prodlist .modelbut input{ border:1px solid #cccccc;}
.prodlistbox .prodlist:after{
		    content: "";
			width:0px;
		    height: 6px;
		    background:#be0022;
		    position: absolute;
		    bottom: 0;
		    left: 15px;
		    transition: all 1s ease 0s;
		}
.prodlistbox .prodlist:hover:after{
		    width: 93%; padding:0px 15px;
		}
.parts_nav{ margin:0px;padding-left: 0px; margin-left: 0px;  padding-right: 30px;}
#divA2 .container{ }
/*************配套产品********************/
.parts_box{margin-bottom: 40px;  }
.prod_parts_nav select { display: none }
.prod_parts_nav{ margin-bottom: 30px; z-index: 100; position: relative; background-color: #FFFFFF; padding:10px 0px;}
.prod_parts_nav a{padding:0px 5px;}
.parts_desc{ margin-bottom: 20px;}
.parts_box .partslist{background-color: #F6F6F6;  border: 0px solid #e8e8e8; min-height: 180px; padding:2px; }
.parts_box .partslist:hover{-moz-box-shadow:2px 2px 15px #D3D4D6; -webkit-box-shadow:2px 2px 15px #D3D4D6; box-shadow:2px 2px 15px #D3D4D6;}
.cell,.cell1,.cell2{ display:table-cell;}
.bg-white {background-color: #FFFFFF;}
.partslist .picbox{ height:100%; padding:15px;}
.partslist .picbox img{width:100%; max-height: 260px; transition: all 1.2s; -ms-transition: all 1.2s;}

.partslist .caption{ line-height: 26px; padding:18px 0px; min-height: 340px;}
.partslist .caption a{color:#0D59A7;}
.partslist .caption a:hover{color:#be0022;}
.partslist .caption p{padding:0px; margin:0px;}
.partslist h4{ font-size: 1.8rem; margin-top:20px; font-weight:600; color:#262626; padding-bottom: 10px; text-align: center; }

/* floatdiv  弹出产品对比选择框*/
.floatdiv{position:fixed;top:240px;right:0;z-index:9999;width:100%; display: none;}
*html,*html body /* 修正IE6振动bug */{background-image:url(about:blank);background-attachment:fixed;}
*html .floatdiv{position:absolute;top:expression(eval(document.documentElement.scrollTop));}
.floatdiv{background:url(../images/dialog_bg.gif) no-repeat;width:180px;height:208px;overflow:hidden;}
.floatdiv h5{color:#fff;font-size:12px;height:26px;line-height:26px;overflow:hidden;padding:0 0 0 5px; margin-top: 4px;}
.floatdiv h5 .close{margin-bottom: 10px; margin-right: 2px;}
.floatdiv ul{height:100px;overflow:hidden;padding:10px 10px 5px 10px;}
.floatdiv ul li{height:24px;line-height:24px;font-size:12px;}
.floatdiv ul li img{margin:0 5px 0 0;}

/***********product info*************/

/*图片放大镜样式*/
#preview{ float:none; margin:20px auto; text-align:center;  padding-bottom: 30px; clear: both; }
#spec-n1{ height: 450px; overflow: hidden;}
#spec-n1 img{max-width: 100%; width:100%; max-height: 450px;}
#prod_pic{ margin-bottom: 30px; max-width: 100%; width:100%;}
.jqzoom{ position:relative;}  /*预览框*/
.jqzoom img{max-width: 100%;}
.list-h li{ float:left;}
#spec-n5{width:350px; height:56px; padding-top:6px; overflow:hidden;}
#spec-left{ background:url(../images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{background:url(../images/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{ height: 60px; margin:0px auto; overflow: hidden;}
.list-h{display: table;margin:0 auto;text-align: center;}
#spec-list ul li{ float:left; padding:5px;}
#spec-list ul li img{ border:1px solid #ccc; width:60px; height:50px;}
#spec-list div{ margin-top:0;margin-left:0px; *margin-left:0;}

/*jqzoom*/
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:100px;height:100px;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{max-width:800px;max-height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;} /*放大镜框*/

/*产品页面顶部*/
.prodinfo_pic{ min-height: 320px;}
#parts_nav{z-index: 99; height: 60px; margin:0px;background: #E7E8EA;overflow:hidden;width:100%;border-bottom: 0px solid #cccccc; margin-bottom: 10px;  }
#prod_nav{z-index: 99; height: 60px; margin:0px;background: #E7E8EA; border-bottom: 0px solid #cccccc; padding-left: 0px; padding-right: 0px; position: relative; }
.parts_cataname{margin-top:30px;}
.prod_pic{ padding:5px 0px; text-align: center; height: 144px;border:0px solid #E7E8EA; width:100%;}
.prod_pic img{ max-height: 136px; display: block; padding-bottom: 10px; margin:0px auto; max-width:100%;}


.fl_l li{position:relative; list-style: none; float: left;padding:0px 30px; line-height: 59px;  border-right: 1px solid #CCCCCC;text-align: center; font-size: 18px;width:25%; }
.fl_l li:hover,.fl_l li.active {background: #be0022;color: #fff; font-weight: 600; }
.fl_l li:hover a,.fl_l li.active a{color: #fff;}
.caret-up{position:absolute;top:52px;left:49%;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid rgba(255,255,255,.9);  }

.prod_desc{ margin-bottom: 20px; margin-top: 20px; height: 220px; overflow: hidden;}
.prod_desc h5{font-size:1em;}
.prod_desc p{margin:0px; line-height: 26px;}
#prodmodelbox{margin:20px 0px; margin-top: 20px;}
#prodmodelbox h5{font-size:1em;}
#prodmodelbox .model_list{ font-size: 14px; padding-left: 20px;}
.prod_info{ font-size:1.875em; margin-top:20px; color:#be0022;}
.prod_price{ clear: both; margin:30px 0px;height: 30px; }
 .pricetext2{  float: left;font-weight: bold;font-size: 18px; }
 .price{ float: left;font-size: 24px; color: #be0022; }
.prodintro_desc{margin-top:30px;height: 48px; line-height: 24px; overflow: hidden; }
.prod_price{
	width:100%;
    font-size: 1.69em;
    font-weight: bold;
    color: #ffffff;
    background-color: #FE5100;
    height: 50px;
    line-height: 50px;
	border-top-right-radius: 50px;
	border-bottom-right-radius: 50px;
}
.pricetext {
    padding: 10px 20px;
}

.parts_row{  background-color:#F6F6F6; margin-bottom: 0px; padding-top:10px; text-align: center }
.parts_cataname{  background-color:#E7E8EA; font-size: 18px; font-weight: 600; padding:10px 20px;}
.parts_row .col-md-3 span{line-height: 30px;}
.parts_row .col-md-2{ margin-bottom: 24px;}
.parts_pic{padding:5px; height:120px; background-color: #FFFFFF; text-align: center; width:100%;border:1px solid #E7E8EA;}
.parts_pic img{max-width: 100%; width:100%; }
.parts_row .parts_navtitle{height: 48px; line-height: 24px;}
.parts_row .prod_navtitle{}
	/*产品对比*/
	.cd-products-table .features {
  /* fixed left column - product properties list */
  z-index: 1;  position:relative; float: left;
  width: 150px;
  border-style: solid;
  border-color: #e6e6e6;
  border-top-width: 1px; border-left-width: 1px;
  background-color:#fafafa; margin-top: 1px;
  opacity: .95; }
.cd-products-table .top-info{ }
 .cd-products-table h3{ font-size: 20px;}
.cd-products-columns .product{border-style: solid;
  border-color: #e6e6e6;
  border-top-width: 1px;
  border-right-width:1px;
		}
.cd-products-wrapper {
  -webkit-overflow-scrolling: touch;
 height: auto;}
.cd-products-columns.top-info{border-color: #e6e6e6;
  border-style: solid;
  border-top-width: 1px;}
.cd-products-columns{ margin-left: 150px; } 
.cd-products-columns li{ width: 300px; display:block; float: left;} 
.cd-products-columns .product {
  position: relative;
  width: 300px;
  text-align: center;
  -webkit-transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
  -moz-transition: opacity 0.3s, visibility 0.3s, -moz-transform 0.3s;
  transition: opacity 0.3s, visibility 0.3s, transform 0.3s;
}
.cd-features-list li {
  font-size: 1.4rem;
  font-weight: bold;
  padding: 0px auto;
  border-color: #e6e6e6;
  border-style: solid;
  border-top-width: 1px;
  border-right-width: 1px; text-align: center; 
  line-height:32px;
  height: 32px; font-weight: normal; overflow: hidden;
 background-color: #FFFFFF;
}
.features .cd-features-list li,
.cd-products-table .features .top-info {
  /* fixed left column - items */
  font-weight: bold;
  padding: 0px 20px;
  letter-spacing: 1px; background-color: #fafafa;
}
.cd-features-list li:last-child{ border-color: #e6e6e6;
  border-style: solid;
  border-bottom-width: 1px; height: 50px; line-height: 50px;}
.top-info{ height: 50px;}	
.prodmyAlert{ width: 300px; float: left; padding: 0px; margin: 0px; background-color:#F0F0F0; }
.prodAlert{ padding: 0px; margin: 0px;  }
 .prodclose{ font-size: 20px; color: #FF0004; }
 .close{filter: alpha(opacity=90);  opacity: 0.9; margin-right: 6px;}
 .prodclose{ display: inline-block; width: 20px;height:5px; background: red;line-height: 0;font-size:0;vertical-align: middle;-webkit-transform: rotate(45deg);}
 .prodclose:after{content:'/';display:block;width: 20px;height:5px; background: red;-webkit-transform: rotate(-90deg);}
/**********copy code***************/
.hljs-ln-numbers {
      text-align: center;
      color: #ccc;
      border-right: 1px solid #999;
      vertical-align: top;
      padding-right: 5px;

      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
    }
    .hljs-ln-code {
      padding-left: 10px;
    }

    /* .hljs-ln-code,
    .hljs-ln-numbers {
      line-height: 14px;
    } */

    code {
      white-space: pre-wrap;
      overflow: auto;
    }

/* for block of numbers */
pre code td.hljs-ln-numbers {
text-align: center;
color: #9c9c9c;
border-right: 0.5px solid #9c9c9c;
vertical-align: top;
padding-left: 0.5rem;
padding-right: 0.8rem;
	line-height: 2rem;
}
/* for block of code */
pre code td.hljs-ln-code {
 padding-left: 1rem;
}

pre {
	position: relative;
	padding: 0!important;
	/*border: none!important;*/
	border: 0.5px solid #e1e1e1;
	font-size: 15px!important;
	word-break: normal!important;
	background: #fafafa!important;
}

pre .btn-tip {
	display: none;
	position: absolute;
	top: 0px;
	right: 0;
	z-index: 9;
	padding: 6px 19px;
	background:#640606;
	color: #f5f5f5;
	border: none;
	border-radius: 4px;
}

pre .btn {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	background: #333;
	color: #f5f5f5;
	border: none;
	outline: none!important;
}

pre .btn1 {
	/*display: none;*/
	position: absolute;
	top: 0;
	right: 50;
	background: #333;
	color: #f5f5f5;
	border: none;
	outline: none!important;
}
pre .btn:hover {
	color: #fff;
}

pre:hover .btn {
	display: block;
	color: #f5f5f5;
}

pre code {
	padding-top: 1em!important;
	padding-bottom: 1em!important;
	line-height: 2;
	/*white-space: pre-wrap;*/
}
.poster-btn{ display: none;}
@media (max-width: 767px)  {
	.news_nav{display: none;}
    nav.navbar.bootsnav .navbar-header {
		padding-bottom: 10px;
    }
.nav_banner{ max-width: 1920px; margin:0px auto; height: 0px; }
#breadcrumb{ margin-bottom: 10px;}
#contentbox{  margin-bottom:20px; margin-top: -20px; }
#news #list1{ background-color: #FFFFfF; padding:0px 10px; margin-bottom: 10px;}
#news .list2{ min-height:200px; padding:0px 0px; }
#news .list h5{ font-weight: normal;  font-size: 1.2em; }
#news .list .description{  height: 72px; overflow: hidden;}
.alticlebox #articledesc{ margin:60px auto;}
	.alticlebox h2{text-align:center; font-size: 1.6em;}
	.alticlebox h2>small{ padding-top: 30px; float: right; display: block; }
#articlemorelist li{ width:100%;}
.alticlebox #articledesc{ margin:20px auto;}
	.alticlebox #articledesc img{max-width: 100%;}
.alticlebox .newstitle{font-size: 1.4em; font-weight: 600;}
#prodmodel{ display: none;}
.proddesc{padding:0px 20px;}
 h2{text-align:center; font-size: 1.4em;}
	.prod_nav{padding:0px;}
.fl_l li{ list-style: none; float: left;padding:0px 10px; line-height: 59px;  border-right: 1px solid #CCCCCC;text-align: center; font-size: 14px; }
	#prodinfo img{ max-width: 100%; max-height: 100%;}
#prodmodelbox{clear: both; width:100%:}
	.prod_info{ font-size:1.3em;}
	.parts_title{position:relative;background: #be0022;color: #fff; font-weight: 600;font-size: 14px;line-height: 59px; width:50%; text-align: center; }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
.copyright{ background-color: #E7E8EA;  height: 48px; line-height: 48px; bottom: 0px;}
.index_tabul span{ border-bottom: 2px solid #505050; font-size:1.3em;padding:0px 4px;}
.indextabbox2{ padding: 0px 0px;  min-height:350px; }
#prodmodelbox{margin-top: 30px;}
#accordion .panel-title a{
		    display: block;
		    padding: 10px 30px;
		}
#accordion .panel-body{
		    padding: 20px 10px;
		    font-size: 14px;
		    line-height: 24px;
		}
.parts_nav{ margin:0px;padding-left: 0px; margin-left: 0px;  padding-right: 0px;}
.prod_parts_nav select { display: block}
.prod_parts_nav ul{display: none;}
.prod_parts_nav select {margin: 30px auto; height: 40px;} 
.prod_parts_nav select {padding-left: 10px;}
.partslist .caption{ margin:0px; padding:0px; min-height: 200px;}
.parts_box .partslist{padding:8px; }
#articlemorelist .newsnav{ line-height: 30px; background-color: #F6F6F6; font-size: 1.5rem; font-weight: 600;}
#articlemorelist .newsnav .newsnav_page{color:#797979; font-size: 1.4rem; font-weight: normal; }
#articlemorelist .newsnav .col-md-6{padding:10px 10px; }
#articlemorelist .newsnav .col-md-6:nth-child(1){ border-right: solid 0px #797979; }
.poster-txt{position:relative;overflow:hidden;transition:height .24s; height: 6.4em;}
.poster-txt.xg:after{content:"";position:absolute;bottom:0;display:block;width:100%;height:4rem;background:-moz-linear-gradient(to bottom,rgba(255,255,255,0),#fff);background:-webkit-linear-gradient(to bottom,rgba(255,255,255,0),#fff);background:linear-gradient(to bottom,rgba(255,255,255,0),#fff); }
.poster-btn{ display: block;}
.poster-btn{outline:none;display:block;width:50%;line-height:2;margin:.1rem auto;color:#666;font-size:.28rem;text-align:center;background:url(../images/arrowposter.jpg) no-repeat 3rem center}
.current-menu{background:url(../images/arrowposterhui.jpg) no-repeat 2.7rem center;content:'';display:block}
#news #list1{ padding:10px 10px; height: 100px;overflow: auto;overflow-y: scroll; background-color:#E9E8E8;}
.caselist h3{ padding:0px 20px; font-size:1.2em; margin-top: 35px; height: 60px; line-height: 30px; overflow: hidden;border-bottom: 1px solid #cccccc; }
}