body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,table,td,textarea,th,ul,div,span,strong{margin:0;padding:0;}
button,input,select,textarea{outline:0;}
textarea{resize:none;}
ul,li{list-style:none;}
img{outline:0;border:none; display: block;}
button,input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:none;}
a{color:#333;text-decoration:none;}
a:hover{text-decoration:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block; margin: 0; padding: 0;}
html{ overflow-x: hidden;}
body{ font-size: 12px; font-family:microsoft yahei,Verdana,Arial,Helvetica,sans-serif; background: #f2f2f2;}

.toubu{ width: 100%; overflow: hidden; background: #f0f0f0;}
.toubu_box{ max-width: 1200px; margin: 0 auto; overflow: hidden; padding: 0 10px;}
.toubu_nav{ float: left; overflow: hidden; padding-left: 19px;}
.toubu_nav li{ float: left; color: #999999; font-size: 12px; line-height: 36px; padding-left: 10px; padding-right: 9px; background: url("../images/sx.png") no-repeat left;}
.toubu_nav li a{ color: #999999;}
.toubu_nav li#cur{ background: none;}
.toubu_nav li a:hover{ color: #f36f20;}
.toubu_right{ float: right; overflow: hidden;}
.toubu_right a{ display: block; float: left; line-height: 36px; color: #999999; font-size: 12px; padding-left: 9px; padding-right: 10px; background: url("../images/sx.png") no-repeat right;}
.toubu_right a#scby{ background: none; padding-right: 0px;}
.toubu_right a:hover{ color: #f36f20;}

.head_mid{ width: 100%; overflow: hidden; background: #ffffff;}
.head_box{ max-width: 1200px; margin: 0 auto; overflow: hidden; padding: 25px 10px 29px 10px;}
.head_logo{ float: left; overflow: hidden;margin-top: 0px;}
.head_logo img{ display: block; height: 60px;}
.head_wen{ float: left; overflow: hidden; padding-left: 22px;}
.head_wen p{ color: #1c1c1c; font-size: 24px; font-weight: bold; line-height: 34px;}
.head_wen span{ display: block; color: #999999; font-size: 14px; line-height: 22px;margin:8px 0 0 0;}
.head_tell{ float: right; width: 200px; background: url("../images/top.png") no-repeat center bottom; height: 66px;}
.head_tell span{ display: block; text-align: center; color: #666666; font-size: 14px; line-height: 24px;}
.head_tell p{ text-align: center; color: #f36f20; font-size: 20px; line-height: 34px;}

.daohang{ width: 100%; overflow: hidden; background: #1c1c1c;}
.daohang_box{ max-width: 1200px; margin: 0 auto; overflow: hidden; padding: 0 10px;}
.daohang_box ul{ overflow: hidden;}
.daohang_box ul li{ float: left; width: 10%; height: 45px; line-height: 45px; text-align: center; color: #ffffff; font-size: 16px;}
.daohang_box ul li a{ color: #FFFFFF;}
.daohang_box ul li#cur{ background: #f36f20;}
.daohang_box ul li a:hover{ background: #f36f20; display: block;}
.daohang_box ul li.dh_zxzx{ background: #363636;}
.daohang_box ul li.dh_zxzx a:hover{ background: #363636;}

.banner{ width: 100%; overflow: hidden;}
.banner img{ display: block; width: 100%;}

.dibu{ width: 100%; overflow: hidden; background: #222222; padding: 24px 0; margin-top: 31px;}
.copyright{ max-width: 1200px; margin: 0 auto; overflow: hidden; color: #999999; font-size: 14px; line-height: 32px; text-align: center; padding: 0 10px;}
.copyright a{color: #999999;}
.copyright a:hover{ color: #f36f20;}

.mainbox{ max-width: 1200px; margin: 0 auto; overflow: hidden; padding: 0 10px;}
.main_left{ float: left; overflow: hidden; width: 260px;}
.main_right{ overflow: hidden; float: right; width: calc(100% - 280px); width: 76.6667%\9;}
.weizhi{ overflow: hidden; color: #999999; font-size: 14px; line-height: 30px; background: url("../images/home.png") no-repeat left; padding-left: 20px; margin-top: 12px;}
.weizhi a{ color: #999999;}

.xwzx{ overflow: hidden; margin-top: 10px; background: #ffffff;}
.xwzx_tit{ border-bottom: 1px solid #f2f2f2; line-height: 53px; overflow: hidden;}
.xwzx_tit span{ display: block; float: left; color: #333333; font-size: 16px; padding-left: 22px;}
.xwzx_tit a{ display: block; float: right; color: #bbbbbb; font-size: 12px; padding-right: 20px;}
.xwzx_box{ overflow: hidden; padding: 14px 20px 18px 20px;}
.xwzx_box li{ color: #666666; font-size: 14px; line-height: 28px; height: 28px; overflow: hidden; background: url("../images/dian.png") no-repeat 5px 12px; padding-left: 18px;}
.xwzx_box li a{ color: #666666;}
.xwzx_box li a:hover{ color: #f36f20;}

.pub_box{ overflow: hidden; background: #FFFFFF; margin-top: 10px;}
.pub_tit{ border-bottom: 1px solid #f2f2f2; line-height: 53px; overflow: hidden; color: #333333; font-size: 16px; padding-left: 22px;}
.cpfl_box{ overflow: hidden; padding-left: 12px; margin-top: 9px; padding-bottom: 21px;}
.cpfl_box li{ float: left; width: 105px; height: 30px; line-height: 30px; text-align: center; color: #999999; font-size: 14px; background: #eeeeee; overflow: hidden; margin-left: 9px; margin-top: 9px;}
.cpfl_box li a{ color: #999999;}
.cpfl_box li a:hover{ color: #f36f20;}

.qyxx_box{ overflow: hidden; padding: 13px 20px 28px 20px;}
.qyxx_box ul{ overflow: hidden;}
.qyxx_box ul li{ color: #666666; font-size: 14px; line-height: 32px;}
.qyxx_box ul li a{ color: #999999;}
.qyxx_box ul li a:hover{ color: #f36f20;}

.lxwm_box{ overflow: hidden; padding: 13px 20px 28px 20px;}
.lxwm_box ul{ overflow: hidden;}
.lxwm_box ul li{ color: #666666; font-size: 14px; line-height: 32px;}
.lxwm_box ul li span{ display: inline-block; width: 15px; background: url("../images/icon.png") no-repeat; margin-right: 9px;}
.lxwm_box ul li#lxr span{ height: 14px; background-position: 0px 0px;}
.lxwm_box ul li#yx span{ height: 10px; background-position: 0px -33px;}
.lxwm_box ul li#sj span{ height: 14px; background-position: 0px -65px;}
.lxwm_box ul li#qq span{ height: 15px; background-position: 0px -96px;}
.lxwm_zxzx{ overflow: hidden; margin-top: 11px; border: 1px solid #f36f20; text-align: center; line-height: 34px; color: #f36f20; font-size: 14px;}
.lxwm_zxzx a{ color: #f36f20;}

.yqlj_box{ overflow: hidden; padding: 14px 20px 32px 20px; font-size: 0px;}
.yqlj_box a{ display: inline-block; color: #666666; font-size: 14px; line-height: 30px; padding-right: 16px;}
.yqlj_box a:hover{ color: #f36f20;}

.zxcp{ overflow: hidden; background: #FFFFFF; margin-top: 10px;}
.zxcp_box{ overflow: hidden; padding: 3px 10px 20px;}
.zxcp_box dl{ float: left; overflow: hidden; width: 20%; padding: 0 10px; box-sizing: border-box; margin-top: 17px; *width: 17.8%;}
.zxcp_box dl dt{ height: 158px; border: 1px solid #dddddd; overflow: hidden;}
.zxcp_box dl dt img{ display: block; width: 100%; height: 100%;}
.zxcp_box dl dd{ color: #555555; font-size: 14px; line-height: 20px; overflow: hidden; margin-top: 4px; padding: 0 4px;}
.zxcp_box dl dd a{ color: #555555;}
.zxcp_box dl dd a:hover{ color: #f36f20;}
.zxcp_box dl dd p{ color: #f36f20; font-size: 14px; line-height: 24px; margin-top: 4px;}

.gsjs{ overflow: hidden; background: #FFFFFF; margin-top: 19px;}
.gsjs_box{ overflow: hidden; padding: 20px 20px 25px 20px;}
.gsjs_box dl dt{ float: left; border: 1px solid #dddddd; width: 198px; height: 198px; overflow: hidden; margin-right: 20px;}
.gsjs_box dl dt img{ display: block; width: 100%; height: 100%;}
.gsjs_box dl dd{ text-indent: 2em; color: #666666; font-size: 14px; line-height: 26px; padding-top: 2px;}

.rmcp{overflow: hidden; background: #FFFFFF; margin-top: 20px;}
.rmcp_box{ overflow: hidden; padding: 0 10px 26px;}
.rmcp_box dl{ float: left; overflow: hidden; width: 20%; padding: 0 10px; margin-top: 20px; box-sizing: border-box; *width: 17.8%;}
.rmcp_box dl dt{ height: 158px; overflow: hidden; border: 1px solid #dddddd;}
.rmcp_box dl dt img{ display: block; width: 100%; height: 100%;}
.rmcp_box dl dd{ overflow: hidden; margin-top: 6px;}
.rmcp_box dl dd a{ display: block; color: #555555; font-size: 14px; line-height: 20px; height: 20px; overflow: hidden;}
.rmcp_box dl dd a:hover{ color: #f36f20;}
.rmcp_box dl dd p{ color: #f36f20; font-size: 14px; line-height: 24px; margin-top: 4px;}

.sousou{ overflow: hidden; background: #FFFFFF; margin-top: 20px; padding: 15px 20px 18px 20px; border: 1px solid #f36f20;}
.ss_lable{ overflow: hidden;}
.ss_lable a{ float: left; color: #666666; font-size: 14px; line-height: 30px; padding-right: 14px; padding-left: 4px; margin-right: 9px;}
.ss_lable a.moren{ color: #f36f20;}
.ss_lable a#cur{ background: none;}

.sousou_box{ overflow: hidden; margin-top: 7px;}
.ss_botton{ float: right; width: 100px; height: 40px; color: #ffffff; font-size: 14px; background: #f36f20; border: none; font-family: "微软雅黑";}
.ss_text{ float: left; width: calc(100% - 100px); background: #f2f2f2; color: #999999; font-size: 14px; line-height: 40px; height: 40px; border: none; padding-left: 14px; font-family: "微软雅黑"; box-sizing: border-box; width: 777px\9; *width: 764px;}

.news_box{ overflow: hidden; background: #FFFFFF; margin-top: 10px; padding-bottom: 40px;}
.news_tit{ border-bottom: 1px solid #f2f2f2; color: #333333; font-size: 16px; padding-left: 21px; line-height: 54px;}
.news_list{ overflow: hidden; padding: 9px 20px 31px 20px;}
.news_list li{ border-bottom: 1px solid #f2f2f2; height: 44px; line-height: 44px; overflow: hidden; color: #666666; font-size: 14px; background: url("../images/dian.png") no-repeat 5px 20px;}
.news_list li a{ color: #666666; padding-left: 19px;}
.news_list li a:hover{ color: #f36f20;}
.news_list li span{ float: right; color: #999999; font-size: 12px; padding: 0 11px;}

.fenye{ overflow: hidden; padding: 0 20px; text-align: center; font-size: 0px;}
.fenye li{ display: inline; margin: 0 6px; color: #999999; font-size: 14px;}
.fenye li a,.fenye li strong{ display: inline-block; margin-bottom: 4px; color: #999999; font-size: 14px; background: #f7f7f7; border: 1px solid #dadadc; line-height: 30px; padding: 0 11px;}
.fenye li strong,.fenye li a:hover{ color: #ffffff; font-weight: normal; background: #f36f20; border: 1px solid #f36f20;}

.product_list{ overflow: hidden; border-bottom: 1px solid #f2f2f2; margin-bottom: 30px; padding: 0 10px 29px;}
.product_list dl{ float: left; overflow: hidden; width: 25%;height: 240px; margin-top: 20px; padding: 0 10px; box-sizing: border-box;}
.product_list dl dt{ height: 158px; overflow: hidden; border: 1px solid #dddddd;}
.product_list dl dt img{ display: block; width: 100%; height: 100%;}
.product_list dl dd{ overflow: hidden; padding-top: 7px;}
.product_list dl dd a{ display: block; color: #555555; font-size: 14px; line-height: 20px; overflow: hidden; padding: 0 3px;}
.product_list dl dd a:hover{ color: #f36f20;}
.product_list dl dd p{ color: #f36f20; font-size: 14px; line-height: 24px; margin-top: 4px;}

.ny_box{ padding-bottom: 17px;}
.neirong{ overflow: hidden; padding-top: 32px;}
.neirong_head{ overflow: hidden; border-bottom: 1px solid #f2f2f2; padding: 0 20px 7px 20px; text-align: center;}
.neirong_head h1{ color: #333333; font-size: 24px; line-height: 30px;}
.neirong_head p{ color: #999999; font-size: 12px; line-height: 24px; margin-top: 10px;}
.neirong_head p span{ padding: 0 7px;}
.neirong_body{ overflow: hidden; text-indent: 2em; padding: 21px 20px 31px 20px; color: #666666; font-size: 14px; line-height: 30px;}
.neirong_body .tt{font-weight: bold;margin: 20px 0px 0px 0px; color: #000000; font-size: 16px; line-height: 30px;}
.neirong_body img{ display: block; max-width: 100%; margin: 0 auto;}
.neirong_sxp{ overflow: hidden; border-top: 1px solid #f2f2f2; padding: 15px 20px 0 20px;}
.neirong_sxp li{ float: left; width: 400px; color: #999999; font-size: 14px; line-height: 28px; height: 28px; overflow: hidden; padding: 0 20px;}
.neirong_sxp li a{ color: #666666;}
.neirong_sxp li a:hover{ color: #f36f20;}

.neirong_info{ overflow: hidden; padding: 30px 20px 20px 20px;border-bottom: 1px solid #f2f2f2;}
.info_bath_img{float: left;overflow: hidden;width:400px;margin:10px 0;position:relative;}
.info_bath_img_top{width:100%;height:auto;z-index:99999;text-align:center;position:relative;overflow:hidden;display:table-cell;text-align:center;vertical-align:middle;}
.info_bath_img_top img{width:100%;max-width:100%;width:expression(this.width > 100% ? "100%" : true);height:auto;display:none;border:0;}
.info_bath_img_bot{width:400px;margin-top:10px;background:#EAEBF0;position:relative;}
.info_bath_img_bot_left{top:15%;left:10px;z-index:100000;cursor:pointer;position:absolute;}
.info_bath_img_bot_right{top:15%;right:10px;z-index:100000;cursor:pointer;position:absolute;}
.info_bath_img_bot_list{width:78%;height:88px;top:10px;margin:0 auto;overflow:hidden;position:relative;}
.info_bath_img_bot_list ul{width:10000px;height:122px;margin:0;padding:0;list-style-type:none;position:relative;}
.info_bath_img_bot_list ul li{padding:2px;margin:0 5px;float:left;cursor:pointer;position:relative;}
.info_bath_img_bot_list ul li img{width:90px;height:60px;border:0px;display:block;}
.info_bath_img_bot_list ul li tt{background:#000;color:#FFF;right:4px;bottom:4px;padding:0 5px;z-index:100000;font-family:"宋体";font-size:12px;line-height:16px;position:absolute;}
.info_bath_img_bot_list li.hov{border:1px solid red;}
.info_box{ float: right; overflow: hidden;width: 430px;padding: 30px 0px 0px 0px;}
.info_box ul{ overflow: hidden;}
.info_box ul li{ color: #000000; font-size: 16px; line-height: 34px;}
.info_box ul li span{ color: #666666; font-size: 16px; line-height: 34px;}
.info_box ul li a{ color: #999999;}
.info_box ul li a:hover{ color: #f36f20;}

@media (max-width: 900px) and (min-width: 769px){
	.head_wen{ width: 480px;}
	.zxcp_box dl{ width: 99%;}
	.zxcp_box dl:nth-child(8){ display: none;}
	.rmcp_box dl{ width: 99%;}
	.rmcp_box dl:nth-child(8){ display: none;}
	.product_list dl{ width: 99%;}
	.info_bath_img{ width: 99%; float: none; margin-right: 0px;}
	.info_bath_img_bot { width: 99%; float: none; margin-right: 0px;}
	.info_box{ width: 99%; float: none; margin-right: 0px;}
}
@media (max-width: 768px) and (min-width: 320px){
	.daohang_box{ padding: 0px;}
	.daohang_box ul li{ width: 25%;}
	.zxcp_box dl{ width: 48%; padding: 0px;}
	.zxcp_box dl:nth-child(2n){ float: right;}
	.main_left{ width: 100%;}
	.cpfl_box{ padding: 0 12px 21px;}
	.cpfl_box li{ margin-left: 0px; width: 49%;}
	.cpfl_box li:nth-child(2n){ float: right;}
	.main_right{ width: 100%;}
	.gsjs_box{ padding: 10px 10px 15px 10px;}
	.gsjs_box dl dt{ width: 100px; height: 100px;}
	.rmcp_box dl{ width: 48%; padding: 0px;}
	.rmcp_box dl:nth-child(2n){ float: right;}
	.neirong_sxp li{ width: 100%; padding: 0px;}
	.info_bath_img{ width: 99%; float: none; margin-right: 0px;}
	.info_bath_img_bot { width: 99%; float: none; margin-right: 0px;}
	.info_box{ width: 99%; float: none; margin-right: 0px;}
}
@media (max-width: 599px) and (min-width: 320px){
	.toubu_box{ padding: 0px;}
	.toubu_nav{ padding-left: 0px;}
	.toubu_nav li{ padding: 0 8px;}
	.toubu_right{ display: none;}
	.head_box{ padding: 15px 10px 19px;}
	.head_wen{ padding-left: 0px;}
	.head_tell{ display: none;}
	.ss_botton{ width: 60px;}
	.ss_text{ width: calc(100% - 60px);}
	.info_bath_img{ width: 99%; float: none; margin-right: 0px;}
	.info_bath_img_bot { width: 99%; float: none; margin-right: 0px;}
	.info_box{ width: 99%; float: none; margin-right: 0px;}
}
@media (max-width: 768px) and (min-width: 600px){
	.rmcp_box dl dt{ height: 266px;}
	.info_bath_img{ width: 99%; float: none; margin-right: 0px;}
	.info_bath_img_bot { width: 99%; float: none; margin-right: 0px;}
	.info_box{ width: 99%; float: none; margin-right: 0px;}
}

.conpg{ overflow: hidden; padding:10px; text-align: center; font-size: 0px;}
.conpg a{ display: inline-block;color: #999999; font-size: 14px; background: #f7f7f7; border: 1px solid #dadadc; line-height: 24px; padding: 0 8px;margin:4px;}
.conpg a:hover{ color: #f36f20;}
.conpg span{ display: inline-block;color: #999999; font-size: 14px; background: #f7f7f7; border: 1px solid #dadadc; line-height: 24px;padding: 0 8px;margin:4px; }
.conpg span strong{display:block;color: #ffffff;background: #f36f20; padding: 0 8px;margin:0 -8px;}

@media (max-width: 599px) and (min-width: 320px){
	.product_list{ padding: 0 0px 29px;}
	.product_list dl{ width: 50%; height: auto;}
	.product_list dl dt{ line-height: 158px; text-align: center;}
	.product_list dl dt img{ display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; width: auto; height: auto;}
}