﻿.p_banner{width:100%;height:400px;display:block;}
.bline{word-wrap:break-word;padding:0px;border-bottom:1px solid #ffbf7c;height:9px;display:block;}
.bline:hover{width:1000px;}
.bt span{text-transform:uppercase;font-size:23px;color:rgb(184,184,184);font-family:Arial,Helvetica,sans-serif;margin:30px 0 5px 30px;float:left;width:100%}
.bt h3{margin:0 0 0 100px;float:left;padding:0px;height:33px;width:109px;display:block;background-color:#D00405;color:rgb(255,255,255);font-size:20px;line-height:162%;text-align:center;font-weight:bold;}
.bt p{margin:0 0 0 10px;float:left;height:33px;display:block;background-color:#222;color:rgb(255,255,255);font-size:18px;line-height:160%;text-align:center;padding:0 15px;}
.vbt{font-size: 38px;font-weight: bold;color: #111;text-align: center;}

/*简介*/
.about-wrap1 {padding-top:50px;padding-bottom:50px;}
.abtxt{}
.abt{position: relative;}
.abt h4{font-size:40px;line-height:70px;color:#333;font-weight: bold;}
.abt .line{display:block;width:13px;height:2px;background-color:#e5e5e5;margin-top:14px;}
.abt .crumbs{position: absolute;right: 0px;top: 25px;}
.abt .info-nav{position: absolute;right: 0px;top: 10px;}
.abt .info-nav span{float:left;display:block;width:160px;text-align:center;line-height:51px;height:51px;background-color:#c7c7c7;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;margin-right:2px;margin-bottom:-1px;font-size:16px;}
.abt .info-nav span a{color: #fff;display: block;}
.abt .info-nav span:hover{background-color:#d80013;}
.abt .info-nav span.hover{background:url(img/bg_04.png) no-repeat center top;padding-bottom:10px;margin-bottom:-10px;box-shadow:none;}
/*.about-box{padding-bottom:51px;}*/
.about-cont .cn-tt{display:block;line-height:42px;color:#555;font-size:26px;}
.about-cont .en-tt{display:block;line-height:27px;margin-top:8px;padding-right:22%;font-size:24px;color:#555;font-family:"Arial";}
.about-cont .word{display:block;margin-top:25px;font-size:14px;line-height:30px;color:#555;}



/*新闻*/
.nbt{padding-top: 50px;padding-bottom: 40px;position: relative;}
.nbt h4{font-size:40px;line-height:70px;color:#333;font-weight: bold;}
.nbt .line{display:block;width:13px;height:2px;background-color:#e5e5e5;margin-top:14px;}
.nbt .crumbs{position: absolute;right: 0px;top: 65px;}
.tec-wrap .titbox{padding-top:50px;padding-bottom:40px;}
.tec-wrap .titbox h4{font-size:40px;color:#333;line-height:60px;}
.tec-wrap .titbox .en-tt{display:block;height:54px;background:url(img/font_10.png) no-repeat left center;}
.tec-wrap .list ul,.tec-wrap .list li{width:100%;}
.tec-wrap .list li{transition: .3s;}
.tec-wrap .list li.gray{background-color:#f8f8f8;}
.tec-wrap .list .center{width:980px;margin:0 auto;position:relative;-webkit-transition:all 0.3s linear 0s;transition:all 0.3s linear 0s;left:0;}
.tec-wrap .list li a{padding:50px 0;display: block;}
.tec-wrap .list .num{display:block;width:205px;font-weight:bold;font-style:italic;}
.tec-wrap .list .num img{padding: 5px;border:1px solid #eee;text-indent: -9999px;}
.tec-wrap .list .font{display:block;width:75.7%;font-size:18px;line-height:30px;}
.tec-wrap .list .font .intro{font-size: 14px;color: #bbb;}
.tec-wrap .list li:hover{background:url(img/fbg.jpg);}
.tec-wrap .list li:hover .num,.tec-wrap .list li:hover .font p,.tec-wrap .list li:hover .font .intro{color:#fff;}
.tec-wrap .list li:hover .num img{border:1px solid rgba(255,255,255,0.5);}
.tec-wrap .list li:hover .center{left:-16px;}
/*新闻内页*/
.news-info{background-color:#f5f5f5;padding-top:28px;padding-bottom:132px;}
.news-info .titbox{border-bottom:1px solid #dcdcdc;text-align:center;padding-bottom:12px;margin-top:55px;}
.news-info h3{font-size:30px;font-weight:normal;line-height:52px;color:#333;}
.news-info .date{line-height:28px;}
.news-info .cont{padding-top:20px;padding-bottom:50px;border-bottom:1px solid #dcdcdc;font-size:14px;line-height: 30px;}
.news-info .cont img{max-width:100%;}
.news-info .cont .mobile{display:none;}
.news-info .paging{margin-top:20px;}
.news-info .paging .return{display:inline-block;width:118px;height:33px;line-height:33px;text-align:center;border:1px solid #0c9d13 ;color:#0c9d13 ;border-radius:18px;font-size:14px;margin-top:13px;}
.news-info .paging p{line-height:30px;font-size:14px;color:#777;}
.news-info .paging a{color:#777;}
.news-info .paging a:hover{color:#0c9d13 ;}
.crumbs{line-height:25px;text-align:right;color: #999;font-size: 14px;}
.crumbs a{display:inline-block;margin: 0 5px;color: #999;font-size: 14px;padding: 0 5px;}
.crumbs a:hover{background:#0c9d13 ;color:#fff;}

/*产品*/
.con{padding-bottom: 50px;}
.pbt{position: relative;}
.pbt h4{font-size:40px;line-height:70px;color:#333;font-weight: bold;}
.pbt .line{display:block;width:13px;height:2px;background-color:#e5e5e5;margin-top:14px;}
.pbt .crumbs{position: absolute;right: 0px;top: 25px;}
.products {width: 1120px;}
.products .list{margin-top: 30px;}
.products .list li{float: left;margin:0  25px 40px 0;}
.products .list li a{display: block;padding: 10px;border:1px solid #e5e5e5;overflow: hidden;}
.products .list li a:hover{border:1px solid #d5d5d5;-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    box-shadow: 0 15px 30px rgba(0,0,0,0.1);}
.products .list li a img{    -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;}
.products .list li a:hover img{transform: scale(1.05,1.05);}   
.products .list li span{display: block;text-align: center;font-size: 18px;font-weight: bold;position: relative;margin-top: 10px;}

/*产品内页*/
.product-info .nav-box{width:100%;background-color:#fff;padding:62px 0;text-align:center;}
.product-info .nav-box a{display:inline-block;width:130px;height:46px;line-height:46px;text-align:center;border:1px solid #e9e9e9;font-size:14px;margin:5px;border-radius:22px;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.product-info .nav-box a:hover,.product-info .nav-box a.hover{border:1px solid #d80013;background-color:#d80013;color:#fff;}
.product-info .info-wrap{/*background-color:#f5f5f5;*/padding-top:60px;padding-bottom:132px;}
.product-info .info-wrap .wrap{padding: 0 50px;width: 1150px;}
.product-info img{max-width:100%;transition: .3s;}
.product-info img:hover{transform: scale(1.03,1.03);}
.product-info .left-cont{width:480px;padding-top:42px;margin-left:30px;}
.product-info .left-cont h4{font-size:60px;font-family:"Arial";font-weight:bold;color:#444;line-height:61px;text-transform:uppercase;}
.product-info .left-cont .entt{display:block;line-height:36px;font-size:22px;color:#9c9c9c;text-transform:uppercase;}
.product-info .left-cont .lab{width:360px;padding:14px 0;border-bottom:1px solid #dcdcdc;color:#444;display:block;}
.product-info .left-cont .lab1{margin-top:16px;font-size:20px;line-height:28px;}
.product-info .left-cont .lab2{line-height:24px;font-size:18px;}
.product-info .left-cont .trait{display:block;margin-top:86px;font-size: 30px;font-family: "Shijian";padding-left: 60px;background: url(img/telicon.png) no-repeat left center;height: 60px;line-height: 60px;}
.product-info .left-cont .trait a{color: #0c9d13 ;}
.product-info .left-cont .trait span{font-size: 18px;font-family: "微软雅黑";}
.product-info .left-cont .trait:hover{transform: translateY(-10px);}
.product-info .img{display:block;width:50%;}
.product-info .info-nav{width:100%;border-bottom:1px solid #c7c7c7;margin-top:72px;}
.product-info .info-nav span{float:left;display:block;width:192px;text-align:center;line-height:51px;height:51px;background-color:#c7c7c7;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;box-shadow:3px 3px 6px 0 #c7c7c7;margin-right:2px;margin-bottom:-1px;color:#fff;font-size:16px;}
.product-info .info-nav span:hover{background-color:#d80013;}
.product-info .info-nav span.hover{background:url(img/bg_04.png) no-repeat center top;padding-bottom:10px;margin-bottom:-10px;box-shadow:none;}
.product-info .info-cont{padding-top:80px;padding-bottom:120px;border-bottom:1px solid #c7c7c7;}
.product-info .info-cont .left-font p{padding-right:10px;font-size:14px;}
.product-info .info-cont .left-font .en{font-family:"Arial";line-height:24px;}
.product-info .info-cont .boxs{line-height: 30px;}
.product-info .paging{padding-top:32px;}
.product-info .paging p{line-height:24px;font-size:14px;}
.product-info .paging a:hover{color:#d80013;}
.product-info .paging a.return{display:inline-block;width:87px;padding-left:52px;line-height:42px;font-size:14px;background:url(img/ico_19.png) no-repeat 30px center;border:1px solid #c7c7c7;border-radius:20px;}
.product-info .paging a.return:hover{color:#d80013;border:1px solid #d80013;background:url(img/ico_19_hov.png) no-repeat 30px center;}
.f-cb:after{display:block;height:0;clear:both;visibility:hidden;overflow:hidden;content:".";}
.item-bd{overflow:hidden;width:1150px;margin:20px auto;}
.item-img{width:45%;float:left;}
.item-intro{width:47%;float:right; height:426px; padding:0 15px;}
.item-intro .title{border-bottom:1px dashed #e0e0e0;padding:0px 0 21px 0;}
.describe{margin-top:26px;}
.item-intro .describe p{color:#666666;font-family:Microsoft YaHei;font-size:14px;}
.item-intro .describe p span{color:#cc0001; font-size:16px; font-weight:bold;}
.item-intro .describe p{color:#666666;font-family:Microsoft YaHei;line-height:24px;font-size:14px;}
.font20{font-size:26px;color:#2c2c2c;font-weight:bold;}
#protel{overflow:hidden;width:100%; margin-top:30px;}
#protel p{background:url(img/dianhua.gif) no-repeat scroll left 5px;float:left;font-size:14px;padding:1% 1% 2% 8%;text-align:left;width:auto;}
#protel span{color:#e30f00;float:left;font-size:28px;font-weight:bold;margin-right:8px;margin-top:1%;width:auto;}
#protel a{color:#fff;display:inline-block;float:left;font-size:15px;font-weight:bold;margin-top:25px;padding:1.5% 6%;text-align:center;}
.line-zixun{background:#ff2627 none repeat scroll 0 0;color:#fff;display:inline-block;float:left;font-size:15px;font-weight:bold;margin-top:25px;padding:1.5% 6%;text-align:center;}
.line-order{background:#0383ce none repeat scroll 0 0;margin-left:15px;color:#fff;display:inline-block;float:left;font-size:15px;font-weight:bold;margin-top:25px;padding:1.5% 6%;text-align:center;}
#pro_tj_lx a:hover{opacity: 0.6}

/*联系我们*/
.contact-top{background-color:#f5f5f5;padding-top:120px;padding-bottom:73px;text-align:center;}
.contact-top h3{font-size:42px;color:#333;line-height:78px;height:78px;background:url(img/font_09.png) no-repeat center;font-weight: bold;}
.contact-top .font{display:block;width:57%;margin:21px auto 0;font-size:14px;color:#999;line-height:30px;}
.contact-cent{background-color:#fff;position:relative;}
.contact-cent .wrap{padding-top:56px;padding-bottom:84px;}
.contact-cent .titbox{text-align:center;width:100%;}
.contact-cent .titbox p.cn{line-height:32px;font-size:24px;color:#000;}
.contact-cent .titbox p.en{line-height:20px;color:#d0d0d0;font-family:"Arial";font-size:18px;text-transform:uppercase;}
.contact-cent ul{margin-top:45px;width:100%;}
.contact-cent li{text-align:center;line-height:28px;font-size:14px;color:#777;position:relative;float: left;width: 33.33333333%;}
.contact-cent .line{display:block;width:1px;height:47px;position:absolute;right:0;top:5px;background-color:#e5e5e5;}


/*留言*/
.mes{width: 100%;background: #f5f5f5;height: 350px;padding: 50px 0;}
.mes .wrap{width: 1050px;}
.mes .titbox{text-align:center;width:100%;padding-bottom: 30px;}
.mes .titbox p.cn{line-height:32px;font-size:24px;color:#000;}
.mes .titbox p.en{line-height:20px;color:#d0d0d0;font-family:"Arial";font-size:18px;text-transform:uppercase;}
.msg{width:100%;}
.msg div{width:100%;padding-bottom:20px;float:left;}
.msg div .lf{float:left;margin-right: 45px;}
.msg div i{width:90px;line-height:30px;display:block;font-style:normal;font-size:16px;float:left;letter-spacing:2px;color:#666;}
.msg div i font{color:#dc0000;}
.msg div p input{width:179px;height:26px;padding:5px 7px;border:1px solid #d9d9d9;border-radius:4px;overflow:hidden;font-size:14px;font-family:"微软雅黑"}
.msg div p select{width:184px;height:30px;float:left;border:1px solid #d9d9d9;border-radius:4px;overflow:hidden;font-size:14px;text-indent:12px;margin-left:8px;font-family:"微软雅黑"}
.msg div textarea{width:934px;padding:12px;border:1px solid #d9d9d9;border-radius:4px;overflow:hidden;font-size:14px;height:120px;font-family:"微软雅黑"}
.submits{display:block;width:127px;height:42px;line-height:42px;color:#fff;font-size:14px;text-align:center;background:#0c9d13 ;border-radius:4px;border:0 none;overflow:hidden;margin:0 auto 0 90px;cursor:pointer;transition-duration:300ms;font-family:"微软雅黑";float: right;}
.submits:hover{opacity: 0.8;}

/*分页*/
.pagination{font-size:0px;margin-right:-5px;text-align:center;width:100%;background: #fff;padding: 30px 0;}
.pagination ul li{float:left;}
.pagination a{font-size:14px;color:#898989;display:inline-block;_display:inline;padding:0 13px;margin:0 5px;line-height:35px;background:#f5f5f5;border-radius:4px;}
.pagination span{font-size:14px;color:#898989;display:inline-block;_display:inline;padding:0px;margin:0 5px;line-height:35px;background:#fff;border-radius:4px;}
.pagination span.current{background:#0c9d13 ;color:#fff;}
.pagination a.prev,.pagination a.next{padding:0 15px;}
.pagination a:hover,.pagination a.cur,.pagination a.active,.pagination li.active a,.pagination li.active a:hover{background:#0c9d13 ;color:#fff;}

.pabanner{
	background:url(http://www.hengdediping.com/template/style/images/img/2017082411442236650.jpg) center no-repeat;
	background-size: cover;
}
.pqk{
	background:url(http://www.hengdediping.com/template/style/images/img/2017052515040023551.jpg) center no-repeat;
	background-size: cover;
}
.pqc{
	background:url(http://www.hengdediping.com/template/style/images/img/2017112914424782290.jpg) center no-repeat;
	background-size: cover;
}



@media(max-width:1100px ){
	.msg div i {
	    display: none;
	}
	.msg div{
		width: 96%;
		float: none;
		margin: 0px auto;
		display: table;
	}
	.msg div textarea {
	    width: 100%;
	    box-sizing: border-box;
	}
	.msg div p input{
		color: #999;
		width: 100%;
		box-sizing: border-box;
		height: 50px;
	}
	.msg div .lf {
	    float: left;
	    margin-right: 0px;
	}
	.msg div .lf.ow1{
		float: left;
		width: 49%;
	}
	.msg div .lf.ow2{
		float: right;
		width: 49%;
	}
	.mes .wrap {
	    width: 100%;
	}
	.submits {
	    display: block;
	    width: 100%;
	    height: 42px;
	    line-height: 42px;
	    color: #fff;
	    font-size: 14px;
	    text-align: center;
	    background: #0c9d13;
	    border-radius: 4px;
	    border: 0 none;
	    overflow: hidden;
	    margin: 0px;
	    cursor: pointer;
	    transition-duration: 300ms;
	    font-family: "微软雅黑";
	    float: right;
	}
	.abt{
		width: 96%;
		margin: 0px auto;
	}
	.abtxt{
		width: 96%;
		margin: 0px auto;
	}
	.wrap{
		width: 96%;
		margin: 0px auto;
	}
	.products {
	    width: 99%;
	    margin: 0px auto;
	}
	.products .list li {
	    float: left;
	    width: 48%;
	    margin: 1%;
	}
	.products .list li a img{
		width: 100%;
		height: 400px;
	}
	.product-info .info-wrap .wrap {
	    padding: 0px;
	    width: 96%;
	    margin: 0px auto;
	}
	.item-img {
	    width: 100%;
	    float: left;
	}
	.item-intro {
	    width: 100%;
	    float: left;
	    height: auto;
	    padding: 0 15px;
	    display: table;
	    
	}
	.item-bd {
	    overflow: hidden;
	    width: 100%;
	    margin: 20px auto;
	}
	.product-info img{
		width: 100%;
	}
}
@media(max-width:980px ){
	.tec-wrap .list .center {
	    width: 98%;
	    margin: 0 auto;
	}
}
@media(max-width:900px ){
	.products .list li a img{
		width: 100%;
		height: 323px;
	}
	.pbt h4 {
	    font-size: 40px;
	    line-height: 70px;
	    color: #333;
	    font-weight: bold;
	}
	.nbt h4 {
	    font-size: 40px;
	    line-height: 70px;
	    color: #333;
	    font-weight: bold;
	}
}
@media(max-width:860px ){
	.tec-wrap .list .num {
	    width: 20%;
	}
	.tec-wrap .list .num img {
	    padding: 5px;
	    box-sizing: border-box;
	    width: 100%;
	    height: auto;
	    border: 1px solid #eee;
	    text-indent: -9999px;
	}
}
@media(max-width:760px ){
	.products .list li a img{
		width: 100%;
		height: 280px;
	}
	.pbt h4 {
	    font-size: 30px;
	    line-height: 70px;
	    color: #333;
	    font-weight: bold;
	}
	.nbt h4 {
	    font-size: 30px;
	    line-height: 70px;
	    color: #333;
	    font-weight: bold;
	}
	.p_banner {
	    width: 100%;
	    height: 163px;
	    display: block;
	}
	.pqk{
	    height: 123px;
	}
}
@media(max-width:660px ){
	.products .list li a img{
		width: 100%;
		height: 238px;
	}
	.pbt h4 {
	    font-size: 26px;
	    line-height: 70px;
	    color: #333;
	    font-weight: bold;
	}
	.nbt h4 {
	    font-size: 26px;
	    line-height: 70px;
	    color: #333;
	    font-weight: bold;
	}
	.tec-wrap .list .num{
		display: none;
	}
	.tec-wrap .list .font {
	    display: block;
	    width: 98%;
	    font-size: 18px;
	    line-height: 30px;
	}
}
@media(max-width:560px ){
	.contact-top h3 {
	    font-size: 26px;
	    color: #333;
	    line-height: 78px;
	    height: 35px;
	    background: url() no-repeat center;
	    font-weight: bold;
	}
	.contact-top .font {
	    display: block;
	    width: 100%;
	    margin: 21px auto 0;
	    font-size: 14px;
	    color: #999;
	    line-height: 30px;
	}
	.contact-top {
	    background-color: #f5f5f5;
	    padding-top: 60px;
	    padding-bottom: 73px;
	    text-align: center;
	}
	.contact-cent .titbox p.cn {
	    font-size: 18px;
	}
	.contact-cent .titbox p.en {
    	line-height: 18px;
    }
    .contact-cent li {
	    text-align: center;
	    line-height: 28px;
	    font-size: 12px;
	    color: #777;
	    position: relative;
	    float: left;
	    width: 100%;
	}
	.abt h4 {
	    font-size: 22px;
	    line-height: 25px;
	    color: #333;
	    font-weight: bold;
	}
	.products .list li a img{
		width: 100%;
		height: 166px;
	}
	.pbt h4 {
	    font-size: 20px;
	    line-height: 70px;
	    color: #333;
	    font-weight: bold;
	}
	.nbt h4 {
	    font-size: 20px;
	    line-height: 70px;
	    color: #333;
	    font-weight: bold;
	}
	.crumbs a {
	    display: inline-block;
	    margin: 0px;
	    color: #999;
	    font-size: 12px;
	    padding: 0 5px;
	}
	.pbt .line{
		margin-top: 0px;
	}
	.nbt .line{
		margin-top: 0px;
	}
	.about-wrap1{
		padding-top: 20px;
	}
	.news-info .paging .return{
		display: none;
	}
	.news-info h3 {
	    font-size: 22px;
	    font-weight: normal;
	    line-height: 52px;
	    color: #333;
	}
	
}

@media(max-width:400px ){
	.products .list li a img {
	    width: 100%;
	    height: 145px;
	}
	.crumbs a {
	    display: inline-block;
	    margin: 0px;
	    color: #999;
	    font-size: 12px;
	    padding: 0px;
	}
	.pbt h4 {
	    font-size: 18px;
	    line-height: 55px;
	    color: #333;
	    font-weight: bold;
	}
	.nbt h4 {
	    font-size: 18px;
	    line-height: 55px;
	    color: #333;
	    font-weight: bold;
	}
	.pbt .crumbs {
	    position: absolute;
	    right: 0px;
	    top: 15px;
	}
	.nbt .crumbs {
	    position: absolute;
	    right: 0px;
	    top: 63px;
	}
	.news-info .paging .return{
		display: none;
	}
}
@media(max-width:375px ){
	.item-intro {
	    width: 100%;
	    float: left;
	    height: auto;
	    padding: 0px;
	    display: table;
	}
	.font20 {
	    font-size: 18px;
	    color: #2c2c2c;
	    font-weight: bold;
	}
	.item-intro .title {
	    border-bottom: 1px dashed #e0e0e0;
	    padding: 16px 0 18px 0;
	}
	#protel p {
    	padding: 1% 1% 2% 16%;
    }
    .product-info .paging a.return{
    	display: none;
    }
    .tec-wrap .list .center {
    	width: 97%;
    }
    .crumbs a:nth-child(1){
    	display: none;
    }
}