@charset "gb2312";
@font-face {font-family: 'siyuan';
  src: url('../fonts/webfont.eot'); /* IE9*/
  src: url('../fonts/webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/webfont.woff') format('woff'), /* chrome¡¢firefox */
  url('../fonts/webfont.ttf') format('truetype'), /* chrome¡¢firefox¡¢opera¡¢Safari, Android, iOS 4.2+*/
  url('../fonts/webfont.svg#siyuan') format('svg'); /* iOS 4.1- */
}
*{word-break:break-all;margin:0;padding:0;}
ul li{list-style: none;}
body, h1, h2, h3, h4, p, ul, ol, dd, dl, form { margin: 0; padding:0}
body{font-size:14px;color:#2b2b2b; font-family:"΢ÈíÑźÚ","microsoft Yahei","Courier New",Courier,monospace;padding:0px;margin:0px auto;line-height:30px; background-color:#FFF; overflow-x: hidden; width:100%;}
img{border: none;}
a{text-decoration: none; color: #333;}
a:hover{text-decoration: none;}
i{font-style: normal;}
.clearfix{clear: both;}
.clearfix::after { height: 0px; overflow: hidden; clear: both; display: block; visibility: hidden; content: "."; }
.w1200{width: 1200px; margin: 0 auto;}
.fl{float: left;}
.fr{float: right;}
/*Ê×Ò³*/
#nav{position: fixed; top: 17px; width: 80%; margin: 0 10%; z-index: 99999;}
.pcnav{display: block;}
.pcnav ul{margin-top: 13px;}
.pcnav ul li{float: left; font-size: 16px; margin-right: 30px;}
.pcnav ul li a{color: #fff;}
.scroll .n2019{background:url(http://hnsbjxcn.oss-cn-beijing.aliyuncs.com/images/n.jpg) no-repeat center center;}
.scroll .home{background:url(../images/sbg1_01.jpg) no-repeat center center;}
.scroll .title{text-align: center;font-size: 70px; color: #fff; padding: 0px; margin: 0px;}
.scroll .title-desc{text-align: center; font-size: 20px; color: #fff; margin-top: 50px;}
.scroll .title-more a{display: block; width: 128px; height: 34px; margin: 0 auto; text-align: center; line-height: 34px; background: #fdb22d; font-size: 18px; color: #000; margin-top: 40px; transition: .5s;}
.scroll .title-more a:hover{background: #c00; color: #fff;}
.scroll .tips{width: 56px; height: 44px; background: url(../images/click-scroll_03.png) no-repeat;position: absolute; bottom: 20px; left: 50%; margin-left: -22px; cursor: pointer; animation: tipsscroll 1.5s linear infinite;  z-index: 99999;}
@-webkit-keyframes tipsscroll { 25% {-webkit-transform: translateY(-10px);} 50%, 100% {-webkit-transform: translateY(0);} 75% {-webkit-transform: translateY(10px);} }
@keyframes tipsscroll { 25% {transform: translateY(-10px);} 50%, 100% {transform: translateY(0);} 75% {transform: translateY(10px);} }
.scroll .anli{background:url(../images/sbg2_02.jpg) no-repeat center center;}
.scroll .products{background:url(../images/sbg3_02.jpg) no-repeat center center;}
.scroll .products .bg{background: rgba(0,0,0,0.15); padding: 16px 0px 35px 0px; margin-top: 100px;}
.scroll .products .title, .scroll .products .title-desc{text-shadow: 2px 2px 3px #221714; line-height:42px;}
.scroll .pro-list{width: 80%; margin: 0px 10%;}
.scroll .pro-list ul{/*margin-top: 60px;*/}
.scroll .pro-list ul li{float: left; width: 16%; text-align: center; transition: .5s;}
.scroll .pro-list ul li a{display: block; padding: 30px; transition: .3s;}
.scroll .pro-list ul li:hover a{background:#FDB22D;}
.scroll .pro-list ul li i{font-size: 230px; color: #fff; display: block;text-shadow: 2px 2px 3px #221714;}
.scroll .pro-list ul li span{font-size: 24px; color: #fff;}
.scroll .products .title-more a{width: 152px; margin-top: 100px;}
.scroll .fuwu{background:url(../images/sbg4_02.jpg) no-repeat center center; position: relative;}
.scroll .fuwu .nav-bg{width: 100%; height: 83px; background:rgba(0,0,0,0.58); position: absolute; top: 0px; left: 0px;}
.scroll .fuwu .title{padding-bottom: 270px;}
.wrap{ width:1200px; margin:0 auto;}
.m1t{text-align:center; padding:25px 0;}
.m1t h2{ font-size:34px; margin-bottom:10px;}
.m1t p{ background:url(../images/m1t.png) no-repeat center center; height:26px; line-height:26px; font-size:16px;}
.m7{  padding-bottom:50px; width:1200px; background:#fff; margin:0 auto; margin-top:150px;}
.m71{ overflow:hidden; margin-bottom:30px;}
.m71 dl{ float:left; width:48%; margin:0 1%;}
.m71 dt{ width:40%; float:left; margin-right:4%;}
.m71 dd{ float:left; width:56%;}
.m71 dd h3{ font-size:17px;white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;}
.m7time{ color:#666666;}
.m71 dd p{ font-size:14px; line-height:24px;}
.m71 .m7gd{ width:80px; height:20px; line-height:20px; border:1px #323136 solid; border-radius:20px; text-align:center; font-size:12px; margin-top:20px;}
.m71 dl:hover .m7gd{ border:1px #c20a14 solid; background-color:#c20a14; color:#fff;}
.m7nw { overflow:hidden;}
.m7nw li{ width:48%; float:left; margin:0 1%; border-bottom:1px #ccc dashed
; background:url(../images/m7ico.png) no-repeat left center; text-indent:20px; line-height:40px;height:40px; overflow:hidden;}
.m7nw li span{ float:right; color:#666666;}
.m7nw li:hover{ background:url(../images/m7ico1.png) no-repeat left center;}
.m7nw li a{ display:block;}

.scroll .fuwu .ico{width: 80%; margin: 0 10%; position: absolute; bottom: 70px;}
.scroll .fuwu .ico ul li{float: left; width: 50%;  text-align: center; height:50px; }
.scroll .fuwu .ico ul li a{display: block; padding: 10px; height:50px; line-height:50px;}
.scroll .fuwu .ico ul li a:hover{background: #FDB22D;}
.scroll .fuwu .ico ul li i{font-size: 160px; color: #001c49;}
.scroll .fuwu .ico ul li span{display: block; font-size: 20px; color: #001c49; margin-top: 10px;}
.scroll .fuwu .ico ul li a:hover i, .scroll .fuwu .ico ul li a:hover span{color: #fff;}
.scroll .fuwu .copyright{position: absolute; bottom: 15px; width: 100%; text-align: center; font-size: 14px; color: #fff; background:#292929; border-top: 1px solid #d3d3d3; padding-top: 6px;}
.scroll .fuwu .copyright a{color: #fff; margin-left: 10px;}
.scroll .section{ z-index: -9999; background-size: cover;}
@media (max-width: 1920px){
	.scroll .pro-list ul li i{font-size: 180px;}
	.scroll .pro-list ul li img{width: 96%;}
	.scroll .fuwu .ico{bottom: 60px;}
	.scroll .fuwu .ico ul li i{font-size: 100px;}
}
@media (max-width: 1440px){
	#nav{width: 90%; margin: 0 5%;}
	.scroll .pro-list{width: 90%; margin: 0px 5%;}
	.scroll .pro-list ul li i{font-size: 160px;}
	.scroll .pro-list ul li img{width: 100%;}
	.scroll .fuwu .ico{bottom: 60px;width: 90%; margin: 0 5%;}
}
@media (max-width: 1200px){
	.scroll .section{ width:100%;}
	.wrap{ width:100%; }
	.scroll .title{font-size: 60px; }
	.scroll .pro-list ul li i{font-size: 130px;}
	.scroll .pro-list ul li span{font-size: 24px;}
	.scroll .fuwu .ico ul li i{font-size: 100px;}
	.footc {
	width: 80%;
}
.fwx {
	width: 35%;
}
.flx {
	width: 60%;
	margin-top: 0;
}
.fnav {
	width: 100%;
}
}
@media (max-width: 990px){
	.scroll .title{font-size: 50px;}
	.scroll .pro-list ul li i{font-size: 110px;}
	.scroll .pro-list ul li span{font-size: 18px;}
	.scroll .pro-list ul li img{width: 120%;}
	.scroll .fuwu .ico ul li i{font-size: 80px;}
	.scroll .section{ width:100%;}
    .scroll .fuwu{ background-img: none;}
	.m71{ display:none;}
    .m1{ height:auto;}
}
@media (max-width: 768px){
	#logo img{width: 70%;}
	.pcnav ul{margin-top: 10px;}
	.pcnav ul li{margin-right: 13px; font-size: 14px;}
	.scroll .title{font-size: 40px; line-height:42px;}
	.scroll .title-desc{font-size: 18px;}
	.scroll .pro-list ul li i{font-size: 80px; display:none;}
	.scroll .pro-list ul li a{ padding:5px; }
	.scroll .pro-list ul li span{font-size: 18px;}
	.scroll .fuwu .ico ul li i{font-size: 60px;}
	.scroll .section{ width:100%;}
.m7nw li{ width:98%;}
.fnav {
	display: none;
}
.footc {
	width: 100%;
}
.foot {
	margin-bottom: 40px;
	padding-top: 30px;
}
.fdh {
	line-height: 40px;
	height: 40px;
	background-color: #222222;
	width: 100%;
	display: block;
	position: fixed;
	z-index: 99999;
	bottom: 0px;
	color: #FFF;
}
.fdh li {
	width: 33.33333%;
	float: left;
	display: block;
	text-align: center;
	border-right: 1px #ddd solid;
	box-sizing: border-box;
}
.fdh .li {
	background-color: #ef7000;
}
.fdh a {
	color: #FFF;
}
.flx, .fwx {
	width: 100%;
	text-align: center;
}
.flx {
	margin-bottom: 2%;
}
}

@media screen and (max-width: 480px) {
.scroll .section{ width:100%;}
.m7{ max-width:100%}
.m1t { width:100%;}
.m7nw{ height:320px; overflow:hidden;}

.m1t h2{ font-size:26px; color:#000;}
.flx li {
	width: 50%;
	text-align: left;
}
.flx p {
	clear: both;
}
.dh b {
	font-size: 24px;
}

}