@import "font-awesome.min.css";

/*初始样式*/
body{ color:#333; font-size:14px;font-family: "Microsoft Yahei";} /*网站字体颜色*/
body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}
a { color:#333; text-decoration:none;font-family: "Microsoft Yahei";}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
/*a:hover { text-decoration:underline;}*/
img{border:none;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;font-family: "Microsoft Yahei"; }
h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";}

.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative;}
i,em{ font-style:normal;}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}
.pad-50 {padding-top:50px;}
.line-height {line-height: 2}

/**
 * 判断浏览器
 */

#browser_ie {
	BACKGROUND-COLOR: #f6f6b4; DISPLAY: none; HEIGHT: 120px; COLOR: #000; FONT-SIZE: 15px
}
#browser_ie .brower_info {
	MARGIN: 0px auto; WIDTH: 800px; PADDING-TOP: 17px
}
#browser_ie .brower_info .notice_info {
	POSITION: relative; MARGIN-TOP: 5px; FLOAT: left
}
#browser_ie .brower_info .notice_info P {
	TEXT-ALIGN: left; LINE-HEIGHT: 25px; WIDTH: 360px; DISPLAY: inline-block
}
#browser_ie .browser_list {
	POSITION: relative; FLOAT: left
}
#browser_ie .browser_list IMG {
	WIDTH: 40px; HEIGHT: 40px
}
#browser_ie .browser_list SPAN {
	TEXT-ALIGN: center; WIDTH: 80px; DISPLAY: inline-block
}

/*css组件设置*/
/*css组件设置*/
.imgZoom img,.imgY180 img { -moz-transition:all 2.4s ease 0s; -ms-transition:all 2.4s ease 0s; -o-transition:all 2.4s ease 0s; -webkit-transition:all 2.4s ease 0s; transition:all 2.4s ease 0s;}
.imgZoom { overflow:hidden; }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg)}
.imgX360 img {-webkit-transition: -webkit-transform 0.4s ease-out;-moz-transition: -moz-transform 0.4s ease-out;transition: transform 0.4s ease-out;}
.imgX360:hover img {-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);transform: rotate(360deg);}
/*头部样式 */


/*内页背景*/
#nei-main {
	background: #fff;
}
/*内页导航*/
.goods_cate {
	background: url("../img/pro_cate_bg.jpg") no-repeat;
	min-height: 230px;
	padding-top:70px;
	position:relative;
	background-color:#272c34;
}
.goods_cate_head h2 {
	font-size: 41px;
	font-weight: bolder;
	color: #fff;

}


.product-title {
	margin-bottom: 16px;
}

.product-title h3 {
	text-align: center;
	font-size: 16px;
	color: #dedede;
}

.product-box {
	position: relative;
	max-width: 1180px;
	margin: 0 auto;
}

.product-header ul {
	position: relative;
}

.product-header ul li {
	display: inline-block;
	text-align: center;
	position: relative;


}

.product-header {
	padding-top: 34px;
}

.product-header ul li a {
	display: block;
	padding: 10px 30px 50px;
	text-decoration: none;
}

.product-head-tag {
	position: relative;
	width: 48px;
	height: 48px;
	display: block;
	margin: 0 auto 15px;
}

.product-head-tag img {
	width: 100%;
	height: 100%;
	display: block;
}

.product-head-tag .active-img {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
}

.product-header ul li a:hover .active-img {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 1;
}

.product-head-tit {
	display: block;
	color: #dedede;
	font-size: 16px;
}

.product-header ul li a:hover .product-head-tit {

	text-decoration: underline;
}

.product-header ul .on a:after {
	display: inline-block;
	content: "";
	position: absolute;
	left: 44.5%;
	right: 0;
	z-index: 1;
	width: 0;
	height: 0;
	border-bottom: 5px solid #272c34;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	bottom:0px;
}

.product-list-item {
	display: inline-block;
	vertical-align: top;
	padding-right: 50px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 30px;
}

.product-list-item h3 {
	font-size: 18px;
	color: #e8e8e8;
	margin-bottom: 10px;
	font-weight: normal;
}

.product-list-item h3 a {
	display: block;
	color: #e8e8e8;
}


.product-list-text {
	font-size: 14px;
	color: #999;
	line-height: 1.5;
}

.product-list-text a {
	font-size: 14px;
	line-height: 1.5;
	margin-right: 5px;
	display: block;
}

.product-switch {
	background: #272c34;
	padding: 40px 135px 15px;
	/*overflow: hidden;*/
}

.product-list-item h3 a:hover,.current {
	color: #d0111b;
}

.on .active-img {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 1;
}

.on .product-head-tit {
	color: #d0111b;
}



body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
	margin: 0;
	padding: 0;
}
input,textarea {border: 2 none; box-shadow: none; outline: none;}
/* 设置默认字体 */
body,button, input, select, textarea {font: 14px/22px;font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif; color: #666;}
h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4, h5, h6 {font-size: 100%;}
* h1,* h2,* h3,* h4,* h5,* h6{margin: 0px;}
/* 重置列表元素 */
ul, ol ,li{list-style: none;}
/* 重置文本格式元素 */
a {text-decoration: none; color: #666; word-wrap:break-word;outline:none;}/*英文换行*/
a:hover {text-decoration: none; color:#f17513;;}
/* 重置表单元素 */
legend {color: #000;} /* for ie6 */
fieldset, img {border: none;} /* img 搭车：让链接里的 img 无边框 */
button, input, select, textarea {
	font-size: 100%; /* 使表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html {overflow-y: scroll;}
/*手机预览居中*/
body{
	min-width: 1200px;
	width: 100%;
	overflow: hidden;
}

/*设置浮动*/
.fl {float: left;}
.fr {float: right;}
.pr{position: relative;}
.pa{position: absolute;}


/*清除浮动*/
.clear{clear: both;height: 0;}
.blk-main .clearlist,.blk-main .listclear{ clear:both;height:0;padding:0;margin:0;border:0;width:100% ;float:none;}
.b-main .clearlist,.b-main .listclear{ clear:both;height:0;padding:0;margin:0;border:0;width:100% ;float:none;}
.clearafter:after { content:"."; display:block; height:0; visibility:hidden; clear:both; }


/*全局背景色1*/
.body-color{background: #ffffff;}
.bark-body-color{background:#181818;}

.blk{margin-bottom: 25px;}
/*Main模板*/
.blk-main{width:1200px; margin: 0 auto;}
/*小模块*/
.blk-xs{width:240px;}
/*中模块*/
.blk-sm{width:930px;}
/*小版块*/
.blk{margin-bottom:30px;}




/*首页板块全局补白*/
.p{padding: 30px 0;}
/*首页板块全局变量*/
.b{clear: both;}
/*内页板块全局变量*/
.blk{margin-bottom:  20px;}


/*数据更新中的样式*/
.nodata {background:url("nodata.png")/*tpa=http://www.hndacheng.net/images/nodata.png*/ no-repeat 58px 20px #fff;margin: 10px 0;padding:80px 0 80px 220px;border:1px solid #eee;text-transform: capitalize;}


/*详情内容*/
.endit-content{ line-height:28px;}
.endit-content p{margin:15px 0;}
.endit-content img{max-width:100%;}
/*百度地图图片*/
.endit-content #map img,.endit-content #dituContent img,.endit-content #platform img{max-width: inherit;}
.endit-content em,.endit-content i{font-style: italic;}
.endit-content .img-p{text-indent: 0px; padding-top: 14px; margin: 0px; text-align: center;}
.endit-content .img-container{}
.endit-content .img-block {text-indent: 0px;padding-top: 14px;margin: 0px;text-align: center;}
/*详情关键字飘红加粗*/
.endit-content a{color:#f00; font-weight: bold;}
/*详情内容关键字加VI色*/
/*.endit-content a{color:#f17513; font-weight: bold;}*/

/*表单弹框*/
.nsw-modal {
	width: 100%;
	height: 100%;
	background: rgba(225, 225, 225, 0.5);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
}
.modal-dialog {
	position: fixed;
	color:#000000;
	top: 150px;
	width: 400px;
	border-radius: 3px;
	min-height: 155px;
	overflow: hidden;
	z-index: 99998;
	margin-left: -200px;
	left: 50%;
}
.modal-dialog .css-icon {
	background-image: url("modal-icons.png")/*tpa=http://www.hndacheng.net/images/modal-icons.png*/;
}
.modal-dialog .modal-head {
	height: 30px;
	line-height: 30px;
	padding: 0px 20px;
	background: #F6EFEF;
	font-size: 14px;
}
.modal-dialog .modal-head .modal-logo {
	width: 15px;
	height: 15px;
	background-position: 1px 0px;
	margin: 8px 5px 0 0;
	float: left;
}
.modal-dialog .modal-head .close {
	float: right;
	width: 15px;
	height: 15px;
	background-position: -14px 0px;
	margin-top: 8px;
}
.modal-dialog .modal-body {
	width: 100%;
	min-height: 125px;
	background: #ffffff;
}
.modal-dialog .modal-body .modal-body-left {
	width: 140px;
	float: left;
}
.modal-dialog .modal-body .modal-body-left .icon {
	width: 64px;
	height: 64px;
	margin: 30px 0 0 48px;
}
.modal-dialog .modal-body .modal-body-left .success-message {
	background-position: 0px -14px;
}
.modal-dialog .modal-body .modal-body-left .warming-message {
	background-position: 0px -78px;
}
.modal-dialog .modal-body .modal-body-right {
	width: 260px;
	float: right;
	padding-top: 20px;
}
.modal-dialog .modal-body .modal-body-right .close-btn {
	color: #000;
	text-align: center;
	width: 90px;
	display: inline-block;
	height: 24px;
	line-height: 24px;
	background: #818079;
}
.modal-dialog .modal-body .modal-body-right p {
	line-height: 30px;
}

/*翻页*/
.p12-pagination-1-main {
	margin: 0 auto;
	padding: 20px 0;
	height: 30px;
	text-align: center;
}

.p12-pagination-1 a,
.p12-pagination-1 span {
	vertical-align: top;
	display: inline-block;
	padding: 0 8px;
	height: 26px;
	line-height: 26px;
	border: 1px solid #e5e5e5;
	text-align: center;
	margin: 0 2px;
	background: #fff;
}

.p12-pagination-1 span {
	border: 1px solid #fff;
}

.p12-pagination-1 .page_curr {
	background:#f17513;
	color:#fff;
	border-color:#f17513;
}

.p12-pagination-1 .laypage_first,
.p12-pagination-1 .laypage_last {
	display: none;
}














/*********************************************************************************************************************/

/**
 * 底部样式
*/

.footer{height:425px;background: #313131;}
.f_con{height: 350px;border-bottom: 1px solid #535353;}
.f_con h3{line-height: 26px;font-size: 24px;color: #fff;}
.f_con h3 i{font-size: 26px;font-family: Arial;color: #9f9f9f;font-weight: normal;}
.tact{float: left;width: 400px;margin-top: 100px;}

.tact p{height: 85px;}
.tact p i{display: block;height: 20px;line-height: 20px;font-size: 16px;color: #fff;}
.tact p i img{margin-right: 4px;vertical-align: middle;}
.tact p em{display: block;font-size: 26px;color: #eeeeee;font-family: Arial;line-height: 36px;}

.f_nav{float: left;width: 370px;margin-top: 100px;padding-left: 120px;position: relative;}
.f_nav h3{margin-bottom: 34px;}
.f_nav:before{position: absolute;width: 1px;height: 165px;background: #535353;content: "";left: 0;top: 8px;}
.f_nav:after{position: absolute;width: 1px;height: 165px;background: #535353;content: "";right: 0;top: 8px;}
.f_nav a{float: left;font-size: 16px;color: #fff;line-height: 32px;width: 100px;margin-right: 80px;}
.f_nav a:hover{color: #ff8f0c;}
.sao{float: right;width: 144px;height: 145px;background: url(images/sao_bg.png) no-repeat center;margin-top: 100px;margin-right: 30px;}
.sao img{display: block;width: 112px;height: 112px;padding-top: 16px;margin: 0 auto;}
.sao span{ display: block;font-size: 14px;color: #fff;line-height: 32px;text-align: center;}
.sao b{height:40px;width:144px;display:block;line-height:40px;text-align:center;}
.sao b a{font-size:14px;color:#fff;display:block;font-weight:normal;width:48%;float:left;background:#ff8f0c;margin-right:3px;}
.sao b a:last-child{margin-right:0;}
.f_bt{ font-size: 14px;line-height:14px ;color: #d2d2d2;line-height: 75px}
.f_bt p i{ display: block;float: right;}
.f_bt span{ margin-left: 10px;}
.f_bt span a{ color: #d2d2d2;}
.links{ padding-top: 18px;height: 14px;display:none;}
.links p b{ display: block;float: left;color: #fff;font-size: 14px;line-height: 14px;margin-right: 25px;}
.links p a{font-size: 14px;color: #fff;line-height: 14px; display: block;float: left;margin-right: 20px;}



/**
搜索
*/
.search{height: 75px;}
.search p{float: left;height: 75px;line-height: 75px;font-size: 16px;color: #535353;}
.search p b{ color: #535353;float: left;}
.search p a{ font-size:16px ;display: block;float: left;color: #535353;line-height: 75px;margin-right: 18px;}
.s_box{float: right;margin-top:18px;width: 420px;height: 41px;background: 0;}
.s_box .input1{float:left;width:332px;height:41px;line-height: 41px;font-size:14px;color:#333;border:0;outline: 0;padding-left: 20px;background: #f3f3f3;}
.s_box .input2{float: left;width:59px;height: 41px;border: 0;background: url(../img/sea.jpg) no-repeat center;outline: 0;cursor: pointer;}






/**********************底部样式 ****************************************/


/*在线客服*/
.izl-rmenu{position:fixed;right:5%;bottom:10%;z-index:999;}
.izl-rmenu .btn{width:72px;height:73px;margin-bottom:1px;cursor:pointer;position:relative;display:block;padding:0;margin:0;border:none;border-radius: 0;}
.izl-rmenu .btn-qq{background:url(../img/r_qq.png) 0px 0px no-repeat;background-color:#6da9de;}
.izl-rmenu .btn-qq.btn-qqe {background:url(../img/r_qqe.png) 0px 0px no-repeat;background-color:#6da9de;}
.izl-rmenu .btn-qq:hover{background-color:#488bc7;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../img/r_qq.png) 0px 0px no-repeat;background-color:#6da9de;text-decoration:none;display:block;}
.izl-rmenu .btn-wx{background:url(../img/r_wx.png) 0px 0px no-repeat;background-color:#78c340;}
.izl-rmenu .btn-wx.btn-wxe{background:url(../img/r_wxe.png) 0px 0px no-repeat;background-color:#78c340;}
.izl-rmenu .btn-wx:hover{background-color:#58a81c;}
.izl-rmenu .btn-wx .pic{position:absolute;left:-160px;top:0px;display:none;width:160px;height:160px;}
.izl-rmenu .btn-phone{background:url(../img/r_phone.png) 0px 0px no-repeat;background-color:#fbb01f;}
.izl-rmenu .btn-phone.btn-phonee{background:url(../img/r_phonee.png) 0px 0px no-repeat;background-color:#fbb01f;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .pic{position:absolute;left:-160px;top:0px;display:none;width:160px;height:160px;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b;position:absolute;width:160px;left:-160px;top:0px;line-height:73px;color:#FFF;font-size:18px;text-align:center;display:none;}
.izl-rmenu .btn-top{background:url(../img/r_top.png) 0px 0px no-repeat;background-color:#666666;display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}


.backToTop {display: none; width: 64px;height:65px;position: fixed; right:30px;bottom: 100px;background:url(../../../Public/home/img/arrow-top.png) no-repeat center center; cursor:pointer; z-index:99;}