@charset "utf-8";
@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.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('../fonts/webfont.svg#siyuan') format('svg'); /* iOS 4.1- */
}
html{ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);font-family:"siyuan","微软雅黑","sans-serif";}
ul li{list-style: none;}
body, h1, h2, h3, h4, p, ul, ol, dd, dl, form { margin: 0; padding:0}
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(../Images/n2019.jpg) no-repeat center center;}
.scroll .home{background:url(../Images/sbg1_01.jpg) no-repeat center center;}
.scroll .title{text-align: center;font-size: 80px; color: #fff; padding: 0px; margin: 0px;}
.scroll .title-desc{text-align: center; font-size: 20px; color: #fff; margin-top: 26px;}
.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;}
.scroll .pro-list{width: 80%; margin: 0px 10%;}
.scroll .pro-list ul{margin-top: 60px;}
.scroll .pro-list ul li{float: left; width: 20%; 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: 30px; 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;}
.scroll .fuwu .ico{width: 80%; margin: 0 10%; position: absolute; bottom: 70px;}
.scroll .fuwu .ico ul li{float: left; width: 16.666%;  text-align: center;}
.scroll .fuwu .ico ul li a{display: block; padding: 10px;}
.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: 25px; width: 100%; text-align: center; font-size: 14px; color: #001c49; border-top: 1px solid #d3d3d3; padding-top: 6px;}
.scroll .fuwu .copyright a{color: #001c49; 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: 1280px){
	.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;}
}
@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;}
}
@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;}
	.scroll .title-desc{font-size: 18px;}
	.scroll .pro-list ul li i{font-size: 80px;}
	.scroll .pro-list ul li span{font-size: 18px;}
	.scroll .fuwu .ico ul li i{font-size: 60px;}
}