.top_r{ float:right; line-height:36px}
.top_r a{ margin:0 5px;}
.top_r a:hover{ color:#0061ae}

/* CSS Document */
.m_header{display:none;}

.menu_btn {height:50px; margin-right:10px; float:right;}
.menu_btn span {width:50px; height:50px; display:block; background:url(../images/menu.png) no-repeat; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%; background-size:100% 100%;}

/*mobile nav start*/
/* General styles for all menus */
.cbp-spmenu{background:#dc1e25;border-left:1px solid #fff;position:fixed;}
.cbp-spmenu a{display:block;color:#fff;font-size:1.1em;font-weight:300;}
.cbp-spmenu a:hover{background:#fff; color:#000;}
.cbp-spmenu a:active{background:#fff; color:#000;}
/* Orientation-dependent styles for the content of the menu */
.cbp-spmenu-vertical{width:240px;height:100%;top:0;z-index:1000;}
.cbp-spmenu-vertical a{border-bottom:1px solid #fff;padding:1em;}
.cbp-spmenu-horizontal{width:100%;height:150px;left:0;z-index:1000;overflow:hidden;}
.cbp-spmenu-horizontal h3{height:100%;width:20%;float:left;}
.cbp-spmenu-horizontal a{float:left;width:20%;padding:0.8em;border-left:1px solid #258ecd;}
/* Vertical menu that slides from the left or right */
.cbp-spmenu-left{left:-240px;}
.cbp-spmenu-right{right:-240px;}
.cbp-spmenu-left.cbp-spmenu-open{left:0px;}
.cbp-spmenu-right.cbp-spmenu-open{right:0px;}
/* Horizontal menu that slides from the top or bottom */
.cbp-spmenu-top{top:-150px;}
.cbp-spmenu-bottom{bottom:-150px;}
.cbp-spmenu-top.cbp-spmenu-open{top:0px;}
.cbp-spmenu-bottom.cbp-spmenu-open{bottom:0px;}
/* Push classes applied to the body */
.cbp-spmenu-push{overflow-x:hidden;position:relative;left:0;}
.cbp-spmenu-push-toright{left:240px;}
.cbp-spmenu-push-toleft{left:-240px;}
/* Transitions */
.cbp-spmenu,.cbp-spmenu-push{-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease;}
#show_bg {width:100%; height:100%; background:rgba(0, 0, 0, 0.5); position:fixed; top:0px; left:0px; z-index:999; display:none;}
/*mobile nav end*/


.m-contrastbox {display: none;}
.youshibox-mobile {display: none;}
.youshibox-m{ width:480px; margin:0 auto; margin-top:40px; }


.m_product{margin:15px auto 0;}
.m_product ul{ display:inline-block; margin-bottom:10px; width:100%;}
.m_product ul li{ display:inline-block; float:left; margin:20px 0px 10px 0px; width:33.333%;}
.m_product ul li a div.picture{ border: 1px solid #e5e5e5;}
.m_product ul li a:hover div.picture{ border: 1px solid #dc1e25;}

.picture{border: 1px solid rgb(204, 204, 204);}
.product_l{float:right; width:750px; overflow:hidden}
.product_l li{ float:left; width:25%; margin-right:0px; text-align:center; line-height:50px}
.product_l li a{ font-size:12px; display:block;}
.product_l li p{ text-align:center;}
.product_l li a img{ border:0px;}
.product_l li a:hover div.picture{border:1px solid #dc1e25;}


.product_div{float:right; width:100%; overflow:hidden}
.product_div li{ float:left; width:25%; margin-right:0px; text-align:center; line-height:50px}
.product_div li a{ font-size:12px; display:block;}
.product_div li p{ text-align:center;}
.product_div li a img{ border:0px;}
.product_div li a:hover div.picture{border:1px solid #dc1e25;}

.pro_key{    padding: 0 15px;
    display: block;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 15px;}
.public_l_t em{cursor:pointer; display:none;width:30%;text-align:right;color:#ffffff;height:40px;line-height:40px;float:right;/*background:url(../images/jt.png) no-repeat right center;*/-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s; font-size:12px; font-weight:normal;}

@media screen and (min-width:1024px){ 
	
} 
@media screen and (min-width: 960px) and (max-width: 1023px) { 
	.welcome,.logo,.nav,.hotsearch,.i_product,.hezuo,.contrast,.youshi,.about,.honor,.new,.public,.foot{ width:940px;}
	
	.nav a{ padding:0 20.5px; }
	.hotsearch a{margin-right:16px;}
	.i_product_l{ width:176px;}
	.i_p_l_t{ width:172px;}
	.i_p_l_l{ width:166px;}
	.i_p_l_l a{ margin-left:10px}
	.contrast_c_c{width:20px;}
	.contrast_c_l{width:460px;}
	.contrast_c_l_red,.contrast_c_r_hui{ width:244px}
	
	.ys_l,.ys_r{ width:465px;}
	.ys_l{margin-right:10px}
	.ys_l_title_r{width:365px}
	.ys_l_p3 {margin-left:25px;}
	.ys_pic2{ max-width:100%;}
	
	.about_c_p{ width:460px; margin-right:20px}
	.aboutpic{ width:460px; margin-top:20px;}
	.new_l,.new_r{ width:458px;}
	.new_l_title,.new_l_list,.new_r_list {width: 430px;}
	
	.public_r,.productshow_content,.xinwenbox,.z_about{width:640px;}
	
	.ps_c_time_p1{ float:left; margin-left:40px; font-size:14px}
	.ps_c_time_p2{float:left; margin-left:40px; font-size:14px}
	.ps_c_time_p3{float:right; margin-right:60px; font-size:14px}
	
	.foot_r{ float:none; margin-top:160px; text-align:center;}
	.foot_r img{display: inline;}
	
}
@media screen and (min-width: 768px) and (max-width: 959px) { 
	.welcome,.logo,.nav,.hotsearch,.i_product,.hezuo,.contrast,.youshi,.about,.honor,.new,.foot,.public,.product_l{ width:740px;}
	.public_l_l{display: none;}
	.nav a{ padding:0 9px; }
	.hotsearch a{margin-right:16px;}
	.hotsearchbox {background: url(../images/hotsearchboxbj.jpg) repeat; margin-bottom: 40px;}
	.i_product_l{ width:736px; margin-bottom:20px;}
	.i_p_l_t{ width:732px;}
	.i_p_l_l{ width:726px;}
	.i_p_l_l a{ margin-left:20px}
	
	.pro,.barpro{width:740px;}
	.pro_c ul li{ margin-right:6px}
	
	.contrast_c_c{ display:none; width:20px;}
	.contrast_c_l{width:100%;}
	.contrast_c_l_red,.contrast_c_r_hui{ width:524px}
	.contrast_c_l_red{background: url(../images/524.jpg) no-repeat;}
	.contrast_c_l_red_p2{ width:440px;}
	
	.contrast_c_r_hui {background: url(../images/5242.jpg) no-repeat;}
	.contrast_c_r_hui_p2{width:440px;}
	
	.youshibox{ display:none;}
	.youshibox-mobile{ display:block;}
	
	.about_c_p{ width:100%; margin-right:20px}
	.aboutpic{ width:100%; margin-top:20px;}
	.new_l,.new_r{ width:738px;}
	.new_l{ margin-bottom:40px;}
	.new_l_title,.new_l_list,.new_r_list {width: 710px;}
	.footimg1 {margin-right: 12px;}
	
	.public_l,.public_r,.productshow_content,.xinwenbox,.z_about{width:740px;}
	.footimg2{ float:none; width: 103px; margin: 0 auto}
	
	.foot_l {float: none;margin-top: 28px;text-align: center;}
	.foot_r{ float:none; margin-top:160px; text-align:center;}
	.foot_l img,.foot_r img{display: inline;}
}
@media only screen and (min-width: 480px) and (max-width: 767px){ 
	.welcome,.nav,.hotsearch,.i_product,.hezuo,.contrast,.youshi,.about,.honor,.new,.foot,.public,.product_l{ width:96%; margin:0 auto;}
	.logo{width:428px; margin:0 auto;}
	.l_r { width:264px; margin:0 auto; float:none;}
	.l_r_p1 {display: inline-block;}
	
	.navbox{ display:none;}
	.m_header{display:block;}
	.m_header {height:50px; background:#dc1e25;}
 	.m_header .m_title {height:50px; line-height:50px; color:#fff; display:block; padding:0px 20px; float:left; font-size: 18px;}
	
	
	
	.hotsearch a{margin-right:16px;}
	.hotsearchbox {background: url(../images/hotsearchboxbj.jpg) repeat; margin-bottom: 40px;}
	
	.i_product_l{ width:99%; margin-bottom:20px;}
	.i_p_l_t{ width:99%; }
	.i_p_l_l{ width:99%; }
	.i_p_l_l a{ margin-left:20px}
	
	.pro,.barpro{width:100%;}
	.pro_c ul li{ margin-right:1%; width:31%;}
	.pro_c ul li img { width:100%; height:auto;}
	.pro_c ul .nobot {margin-right:1%;}
	
		.barpro ul li { margin-right:1px;}
	.barpro ul li a {width: auto; padding: 0 20px;}
	.pro_c ul li span { width:100%;}
	
	.contrast_c_c{ display:none;}
	.contrast_c_l{width:100%;}
	
	.contrast_c_l_redbox{ width:480px; margin:20px auto 0px;}
	
	.contrastbox{ margin-bottom:40px;}
	
	.youshibox{ display:none;}
	.youshibox-mobile{ display:block;}
	
	.about_c_p{ width:100%; margin-right:20px}
	.aboutpic{ width:100%; margin-top:20px;}
	.new_l,.new_r{ width:99%;}
	.new_l{ margin-bottom:40px;}
	.new_r{ float:left; margin-bottom:40px;}
	
	.new_l_title,.new_l_list,.new_r_list {width: 98%;}
	.footimg1 {margin-right: 12px; width:214px; margin:0 auto; float:none; margin-bottom:20px;}
	.lianxibox_r,.footimg2{ float:none; width: 103px; margin: 0 auto}
	.public_l,.public_r,.productshow_content,.xinwenbox,.z_about{width:100%;}
	
	.ps_c_time_p1{ float:none; width:100%;font-size:14px; margin-left:0px; text-align:center;}
	.ps_c_time_p2{float:left; width:50%; font-size:14px; text-align:right; margin-left:0px;}
	.ps_c_time_p3{float:right; width:45%; font-size:14px; text-align:left; margin-right:0px;}
	
	.productshow_content{ margin-bottom:20px;}
	
	.xinwenbox { margin-bottom: 20px;}
	
	.lianxibox_r{ float:none}
	
	.foot_l {float: none;margin-top: 28px;text-align: center;}
	.foot_r{ float:none; margin-top:160px; text-align:center;}
	.foot_l img,.foot_r img{display: inline;}
	.foot_c{ width:auto;}
	.youshibox-m img{max-width:100%;}
}

@media only screen and (max-width: 479px) { 
.welcome,.nav,.hotsearch,.i_product,.hezuo,.contrast,.youshi,.about,.honor,.new,.foot,.public,.product_l{ width:96%; margin:0 auto;}
.public_l_t em{display:block;}
	.logo{width:100%; margin:0 auto;}
	.l_l{ width:100%; margin:0 auto; display:block; text-align:center; padding:0px; margin-top:20px;} 
	.l_l img{ width:244px; margin:0 auto}
	.l_r { width:254px; margin:0 auto; float:none; margin-top: 60px; margin-bottom:20px; padding:0px;}
	
	.navbox{ display:none;}
	.m_header{display:block;}
	.m_header {height:50px; background:#dc1e25;}
 	.m_header .m_title {height:50px; line-height:50px; color:#fff; display:block; padding:0px 20px; float:left; font-size: 18px;}
	
	
	
	.hotsearch a{margin-right:16px;}
	.hotsearchbox {background: url(../images/hotsearchboxbj.jpg) repeat; margin-bottom: 40px;}
	
	.i_product_l{ width:99%; margin-bottom:20px;}
	.i_p_l_t{ width:99%; }
	.i_p_l_l{ width:99%; }
	.i_p_l_l a{ margin-left:20px}
	
	.pro,.barpro{width:100%;}
	.pro_c ul li{ margin-right:1%; width:31%; height:auto;}
	.pro_c ul li img { width:100%; height:auto;}
	.pro_c ul .nobot {margin-right:1%;}

	.barpro ul li { margin-right:1px;}
	.barpro ul li a {width: auto; padding: 0 1px;}
	.pro_c ul li span { width:100%;}
	.contrast_c_c{ display:none;}
	.contrast_c_l{width:100%;}
	
	.contrast_c_l_redbox{ width:100%; margin:20px auto 0px;}
	
	.contrastbox{ margin-bottom:40px;}
	
	.youshibox{ display:none;}
	.youshibox-mobile{ display:block; width:96%; margin:0 auto;}
	.youshibox-m{ width:100%;}
	.youshibox-mobile img { max-width:100%;}
	.about_c_p{ width:100%; margin-right:20px}
	.aboutpic{ width:100%; margin-top:20px;}
	.new_l,.new_r{ width:99%;}
	.new_l{ margin-bottom:40px;}
	.new_r{ float:left; margin-bottom:40px;}
	
	.new_l_title,.new_l_list,.new_r_list {width: 98%; margin:0 auto;}
	.footimg1 {margin-right: 0px; width:214px; margin:0 auto; float:none; margin-bottom:10px;}
	.footimg2{ float:none; width:103px; margin:0 auto;}
	
	.contrastbox,.l_c_p1,.l_c_p2,.l_r_p1{ display:none;}
	.m-contrastbox{ display:block;}
	.m-contrastbox img { max-width:100%;}
	
	.public_l,.public_r,.productshow_content,.xinwenbox,.z_about{width:100%;}
	.public_l_l{display: none;}
	.ps_c_time_p1{ float:none; width:100%;font-size:14px; margin-left:0px; text-align:center;}
	.ps_c_time_p2{float:left; width:50%; font-size:14px; text-align:right; margin-left:0px;}
	.ps_c_time_p3{float:right; width:45%; font-size:14px; text-align:left; margin-right:0px;}
	
	.productshow_content{ margin-bottom:20px;}
	.xinwenbox { margin-bottom: 20px;}
	.xinwenlist{display:inline-block; width: 100%;}
	.xinwenlist a{word-break:keep-all;width: 70%;/* 不换行 */
overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/}

	.lianxibox_r,.footimg2{ float:none; width: 103px; margin: 0 auto;}
	
	.foot_l {float: none;margin-top: 28px;text-align: center;}
	.foot_r{ float:none; margin-top:160px; text-align:center;}
	.foot_l img,.foot_r img{display: inline;}
	.foot_c{ width:auto;}
}