/* CSS Document */
*{ margin:0; padding:0; border:0;}
a{ text-decoration:none; color:#333333;}
a:hover{ text-decoration:none;}
body{ font-family:"微软雅黑"; font-size:14px; color:#333333;}
ul,li{ list-style:none;}
img{ font-size:0;}
input{outline:none;}
.clear{margin:0px; padding:0px; width:0px; height:0px; line-height:0px; font-size:0px; clear:both;}
.f-left{ float: left!important;}
.f-right{ float: right!important;}
/*最大宽度*/
.max-w1200{ max-width: 1200px; margin: 0 auto;}
.max-w1480{ max-width: 1480px; margin: 0 auto;}
/*边距*/
.mt80{ margin-top: 80px!important;}
.mt60{ margin-top: 60px!important;}
.mt50{ margin-top: 50px!important;}
.mt40{ margin-top: 40px!important;}
.mt35{ margin-top: 35px!important;}
.mt30{ margin-top: 30px!important;}
.mt25{ margin-top: 25px!important;}
.mt20{ margin-top: 20px!important;}
.mt15{ margin-top: 10px!important;}
.mt10{ margin-top: 10px!important;}
.mt5{ margin-top: 5px!important;}
.mr0{ margin-right: 0!important;}
.pt60{ padding-top: 60px!important;}
.pt0{ padding-top: 0!important;}
.pb60{ padding-bottom: 60px!important;}
.pb0{ padding-bottom: 0!important;}

.flex1{ width: 100%; float: left; display: flex; justify-content: space-between;}
#swiper1{ width: 100%;}
.swiper-pagination .swiper-pagination-bullet{ width: 44px; height: 6px; border-radius: 0; background-color: #FFFFFF; opacity:1;}
.swiper-pagination .swiper-pagination-bullet-active{ background-color: #b8100f;}
.box{ width: 100%; float: left;}
.box1{ width: 100%; float: left; padding-top: 70px; padding-bottom: 80px;}
.box-title{ width: 100%; float: left; text-align: center;}
.box-title span{ font-size: 42px; color: #dcdcdc;}
.box-title p{ font-size: 46px;}
.box-left{ float: left;}
.box-right{ float: right;}
.main-body img{ display: block;}

header{ width: 100%; float: left; position: fixed; background-color: #FFFFFF; z-index: 99;}
.zq-header1{ width: 100%; height: 30px; float: left; background-color: #f8f8f8; line-height: 30px;}
.zq-header1 p{ float: left;}
.zq-header1 .ioc1{ background: url(../image/Ico1.png) no-repeat left; padding-left: 20px;}
.zq-header1 .ioc2{ background: url(../image/Ico2.png) no-repeat left; padding-left: 20px; margin-left: 60px;}
.zq-header2{ width: 100%; height: 110px; float: left; display: flex; justify-content: space-between; align-items: center;}
.zq-header2 .zq-nav .zq-div1{ height: 110px; padding-top: 42px; box-sizing: border-box;}
.zq-header2 .zq-nav .li{ float: left; font-size: 18px; margin: 0 20px; padding-bottom: 10px; position: relative;}
.zq-header2 .zq-nav .li a{ float: left;}
.zq-header2 .zq-nav .li.hover{ border-bottom: 2px solid #b8100f;}
.zq-header2 .zq-nav .li:hover{ border-bottom: 2px solid #b8100f;}
.zq-header2 .zq-nav .zq-div2{ display: none; float: left; padding-top: 46px; position: absolute; left: 0; top: 34px; z-index: 999; transform:translate(-20%,0);}
.zq-header2 .zq-nav .zq-div2 ul{ width: 100%; float: left; background-color: #FFFFFF; padding: 10px 22px;  box-sizing: border-box; border-radius: 10px; }
.zq-header2 .zq-nav .zq-div2 ul li{ width: 100%; float:left; float: left; font-size: 16px; line-height: 30px;  background-color: #FFFFFF; }
.zq-header2 .zq-nav .zq-div2 ul li a{ white-space: nowrap;}
.zq-header2 .zq-search .zq-from{ float:left; margin-top: 5px;}
.zq-header2 .zq-search .zq-from .text{ width: 188px; height: 30px; float: left; border: 1px solid #b8100f; padding: 0 10px; box-sizing: border-box;}
.zq-header2 .zq-search .zq-from .button{ width: 50px; height: 30px; float: left; background: url(../image/Ico3.png) no-repeat center center #b8100f; cursor: pointer;}
.zq-header2 .zq-search .zq-phone{ float:left; background: url(../image/Ico4.png) no-repeat left; padding-left: 40px; margin-left: 35px;}
.zq-header2 .zq-search .zq-phone span{ font-size: 12px; color: #999999;}

footer{ width: 100%; float: left; background-color: #f8f8f8;}
footer .img{ display: none;}
.footer1{ width: 100%; float: left; border-bottom: 1px solid #DCDCDC; padding-top: 10px;}
.footer1 .logo{ float: left; padding:0 20px; background-color: #f8f8f8; position: relative; bottom: -30px;}
.footer1 .phone{ float: right;  padding:0 20px; background-color: #f8f8f8; position: relative; bottom: -27px; text-align: center;}
.footer1 .phone span{ font-size: 18px;}
.footer1 .phone p{ font-size: 24px; font-weight: bold;}
.footer2{ width: 100%; float: left; border-bottom: 1px solid #DCDCDC; padding: 60px 0; margin-top: 20px;}
.footer2 ul{ width: 260px; float: left;}
.footer2 ul:last-of-type{ width: 300px;}
.footer2 ul li{ width: 100%; float: left; line-height: 28px;}
.footer2 ul li span{ font-size: 18px;}
.footer2 .follow{ width: 98px; float: right;}
.footer2 .follow .img{ width: 100%; float: left; display: inline; margin-top: 15px;}
.footer2 .follow p{ font-size: 18px; text-align: center;}
.footer2 .follow ul{ width: 100%; margin-top: 10px; display: flex; justify-content: space-between;}
.footer2 .follow ul li{ width: 24px;}
.footer3{ width: 100%; height: 50px; line-height: 50px; float: left; text-align: center;}

.piaofu{ width: 68px; float: left; background-color: #b8100f; position: fixed; right: 0; top: 30%; border-radius: 5px; z-index: 99;}
.piaofu ul{ width: 100%; float: left;}
.piaofu ul li{ width: 100%; height: 68px; float: left; display: inline-flex; justify-content: center; align-items: center; border-bottom: 1px solid #980605; cursor: pointer;}
.piaofu ul li:last-child{ border-bottom: none;}
.piaofu .phone{ width: 186px; height: 50px; line-height: 50px; float: left; background: url(../image/pf_04.png) no-repeat; position: absolute; left: -196px; top: 7px; font-size: 20px; color: #FFFFFF; padding-left: 15px; box-sizing: border-box;}
.piaofu .rwm{ width: 167px; height: 160px; float: left; background: url(../image/pf_05.png) no-repeat; position: absolute; left: -196px; top: 27px; padding: 15px 20px 15px 15px; box-sizing: border-box;}
.piaofu .rwm .img{ width: 130px; height: 130px; float: left; background-color: #FFFFFF; padding: 15px; box-sizing: border-box;}
.piaofu .rwm .img img{ width: 100%;}

/*弹出窗口*/
.popup-bj{ display: none; width: 100%; height: 100%; float: left; position: fixed; left: 0; top: 0; background-color: rgba(0,0,0,0.2); z-index: 100;}
.popup{ display: none; width: 460px;  float: left; padding: 20px; box-sizing: border-box; position: fixed; top: 20%; left: 50%; transform: translate(-50%,0); background-color: #ffffff; z-index: 100;}
.popup .popup-close{ width: 30px; height: 30px; line-height: 30px; text-align: center; color: #FFFFFF; float: right; background-color: #868687; cursor: pointer;}
.popup .form{width: 100%; float: left;}
.popup .form img{ display: inline; margin: 0 auto;}
.popup .form ul{width: 100%; float: left;}
.popup .form ul li{ width: 100%; float: left; display: flex; align-items: center; margin-top: 20px;}
.popup .form ul li p{ width: 120px; float: left; line-height: 32px; font-size: 16px; text-align: right; padding-right: 20px; box-sizing: border-box;}
.popup .form ul li span{ float: left; padding: 0 10px;}
.popup .form ul li .input{ width: 300px; height: 32px; float: left; border: 1px solid #DCDCDC; padding: 0 10px; box-sizing: border-box;}
.popup .form ul li .sex{ float: left;}
.popup .form ul li .state{ float: left; height: 32px; border: 1px solid #DCDCDC; padding: 0 10px;}
.popup .form ul li .button{ width: 100px; height: 32px; float: left; border-radius: 10px; background-color: #b8100f; color: #FFFFFF; cursor: pointer; margin-left: 50%;  transform:translate(-50%,0);}

/*隐藏*/
.wap-header{ display: none;}
.wap-nav{ display: none;}
.piaofu-m{ display: none;}
.rzzn-opne-m{ display: none;}
@media screen and (max-width: 751px){
	/*隐藏*/
	.hide{ display: none;}
	header{ display: none;}
	.piaofu{ display: none;}
	#swiper1 .swiper-pagination{ display: none;}
	.box1{ width: 100%; float: left; padding-top: 0.5rem; padding-bottom: 0.6rem;}
	.box-title span{ font-size: 0.42rem; color: #dcdcdc;}
	.box-title p{ font-size: 0.46rem;}
	.wap-header{ width: 100%; height: 1.4rem; float: left; display: flex; justify-content: space-between; align-items: center; padding: 0 0.2rem; box-sizing: border-box;}
	.wap-header .logo{ width: 2.23rem; height: 0.6rem;}
	.wap-header .logo img{ width: 100%;}
	.wap-header .nav-ico{ width: 0.4rem; height: 0.4rem; background: url(../image/wap_ico1.png) no-repeat; background-size: cover;}
	.wap-header .nav-ico.ico1{ background: url(../image/wap_ico2.png) no-repeat; background-size: cover;}
	.wap-nav{ display: none; width: 100%; float: left; padding: 0 0.2rem 2rem 0.2rem; box-sizing: border-box; position: absolute; left: 0; top: 1.4rem; z-index: 999; background-color: #FFFFFF; border-top: 1px solid #dcdcdc;}
	.wap-nav .li{ width: 100%; float: left; border-bottom: 1px solid #dcdcdc; font-size: 0.30rem; padding: 0.19rem 0;}
	.wap-nav .li a{ width: 100%; float: left;}
	.wap-nav .li ul{ width: 100%; float: left; padding-left: 0.5rem; box-sizing: border-box; margin-top: 0.1rem;}
	.wap-nav .li ul li{ width: 100%; float: left; font-size: 0.24rem; padding: 0.1rem 0;}
	footer{ width: 100%; float: left; padding-top: 0.4rem; padding-bottom: 1rem;}
	footer .img{ width: 100%; float: left; display: flex; justify-content: center;}
	footer .img img{ width: 0.98rem; height: 0.98rem;}
	.footer1{ display: none;}
	.footer2{ display: none;}
	.footer3{ width: 100%; float: left; margin-top: 0.15rem; text-align: center; font-size: 0.24rem; line-height: 0.28rem;}
	
	.piaofu-m{ width: 100%; float: left; text-align: center; line-height: 1rem; font-size: 0.30rem; font-weight: bold; color: #FFFFFF; position: fixed; z-index: 998; bottom: 0; left: 0; display: block;}
	.piaofu-m a{ color: #FFFFFF;}
	.piaofu-m .div1{ width: 50%; height: 1rem; float: left; background-color: #e9c32c;}
	.piaofu-m .div1 span{ background: url(../image/pf_03.png) no-repeat left; padding-left: 0.6rem; background-size: 0.32rem 0.32rem;}
	.piaofu-m .div2{ width: 50%; height: 1rem; float: left; background-color: #b8100f;}
	.piaofu-m .div2 span{ background: url(../image/pf_01.png) no-repeat left; padding-left: 0.6rem; background-size: 0.32rem 0.32rem;}
	
	.rzzn-opne-m{ width: 100%; height: 100%; overflow-x: hidden; float: left; position: fixed; left: 0; top: 0; z-index: 999;}
	.rzzn-opne-m img{ width: 100%;}
	
	.popup{ width: 7.1rem;  padding: 0.2rem;}
	.popup .popup-close{ width: 0.5rem; height: 0.5rem; line-height: 0.5rem;}
	.popup .form img{ width: 2.23rem;}
	.popup .form ul li{ margin-top: 0.3rem;}
	.popup .form ul li p{ width: 40%; line-height: 0.4rem; font-size: 0.3rem;padding-right: 0.2rem;}
	.popup .form ul li span{ padding: 0 0.1rem;}
	.popup .form ul li .t{ width: 100%; text-align: center;}
	.popup .form ul li .input{ width: 40%; height: 0.5rem; padding: 0 0.1rem; }
	.popup .form ul li .state{ height: 0.5rem; padding: 0 0.1rem;}
	.popup .form ul li .button{ -webkit-appearance: none; width: 2rem; height: 0.5rem; border-radius: 0.1rem; background-color: #b8100f; color: #FFFFFF; font-size: 0.3rem; margin-left: 50%;  transform:translate(-50%,0);}
}
@media (min-width: 320px){html{font-size: 42.6667px;} }
@media (min-width: 360px){html{font-size: 48px;} }
@media (min-width: 375px){html{font-size: 50px;} }
@media (min-width: 384px){html{font-size: 51.2px;} }
@media (min-width: 414px){html{font-size: 55.2px;} }
@media (min-width: 448px){html{font-size: 59.7333px;} }
@media (min-width: 480px){html{font-size: 48px;} }
@media (min-width: 512px){html{font-size: 68.2667px;} }
@media (min-width: 544px){html{font-size: 72.5333px;} }
@media (min-width: 576px){html{font-size: 76.8px;} }
@media (min-width: 608px){html{font-size: 81.0667px;} }
@media (min-width: 640px){html{font-size: 85.3333px;} }
@media (min-width: 750px){html{font-size: 100px;} }