@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2020-06-10 13:33:15
 * @version $Id$
 */
 .left,.right { display:inline; }
.left { float:left; }
.right { float:right; }
.w1720{width: 89.6%;margin:0 auto;}
.header{height: 80px;position: relative;}
.header .logo{position: absolute;top: 50%;transform: translateY(-50%);}
.header .logo img{display: block;width: 300px;height: auto;}
.header .head-nav{position: absolute;left: 50%;top: 50%; transform: translate(-50%,-50%);}
.head-nav li{float: left;margin-right: 60px;}
.head-nav li:last-child{margin-right:0;}
.head-nav li a{font-size: 16px;line-height: 80px;color: #333;}
.head-search a{color: #c42328;font-size: 16px;position: relative;display: block;float: left;margin-right: 22px;line-height: 80px;}
.head-search a:after{position: absolute;content: '';width: 1px;height: 14px;background: #b8b8b8;top: 33px;left: 42px;}
.header .search_box{position: relative;height: 80px;transition: all .5s;}
.header .search_box input{transition:all .5s; float: left; width: 0px; position: absolute; height: 32px; top: 25px; right:68px; background: none; border:none; border-bottom: 1px solid #555; }
.header .search_box:hover input{width: 150px;padding-left: 10px;}
.header .search_box:hover{margin-left: 150px;}
.header .h_ss{ width:26px; height:26px;  display: block; background: url(/static/search.png)no-repeat ; position: absolute; top: 50%;right: 0; transform: translateY(-50%);}
.header .search_box .button{padding-right: 36px; border:none; background: none;  height: 35px;cursor: pointer; z-index: 6;}
.header .search_box .button p{ line-height: 80px; font-size: 16px ;  }
.hidde{display: none;}
.block{display: block;}
.head-phone-nav{z-index: 9999999;cursor: pointer;display: none; position: absolute;top: 50%;right: 20px;transform: translateY(-50%);}
.head-phone-nav .line{background: #000; border-radius: 3px;display: block;height: 2px;position: relative;top: 0;transition: transform 0.3s ease, top 0.3s ease, width 0.3s ease, opacity 0.3s; transform-origin: center center;width: 30px;}
.head-phone-nav.active .line:nth-child(1){top: 10px;transform: rotate(45deg);}
.head-phone-nav .line:nth-child(2){margin: 8px 0; }
.head-phone-nav.active .line:nth-child(2){opacity: 0;}
.head-phone-nav.active .line:nth-child(3){top: -10px;transform: rotate(-45deg);}
.head-phone-nm{z-index: 9999; line-height: 105px;display: none; position: fixed;top: 0;left: 0;width: 100%;height: 100%;padding-top: 10%;box-sizing: border-box;background-color: #fff;}
.head-phone-nm li{padding: 0;height: auto;margin: 0 4.16%;transition: transform 0.4s ease, opacity 0.4s ease;display: block;opacity: 1;transform: translate3d(0, 0, 0);}
.head-phone-nm li .navs{position: relative; font-size: 38px;padding:32px 0;line-height: 1.2;text-align: left;border-bottom: 1px solid #f8f8f8;color: #000;display: block;height: 100%;}
.head-phone-nm li .img{display: block;width:32px;transition: all .5s;}
.head-phone-nm li dd{height: 50px;}
.head-phone-nm li dd a{font-size: 26px;line-height: 60px;color: #333;display: block;padding-left: 30px;}
.xz{transform: rotate(180deg);}
 
.footer{padding:68px 0 35px;background:#f2f2f2;}
.footer-nav{margin-bottom: 88px;}
.footer-nav dl{float: left;margin-right: 156px;}
.footer-nav dl:last-child{margin-right: 0;}
.footer-nav dt{font-size: 18px;color: #333;line-height: 1em;margin-bottom: 32px;}
.footer-nav dd a{font-size: 14px;color: #666;line-height: 1em;margin-bottom: 16px;display: block;}
.footer-r h4{font-size: 16px;line-height: 1em;color: #333;margin-bottom: 34px;text-align: right;margin-right: 5px;}
.footer-r h4 img{position: relative;top: 2px;right: 5px;}
.footer-r p{font-weight: bold;line-height: .8em;color: #c72e33;margin-bottom: 46px;font-size: 40px;}
.footer-r ul{float: right;}
.footer-r li{margin-right: 15px; float: left; border: 1px solid #333;width: 40px;height: 40px;border-radius: 100%;position: relative;}
.footer-r li:last-child{margin-right: 0;}
.footer-r li img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.m25 p{font-size: 14px;line-height: 1em;color: #333;}
.m25 a{font-size: 14px;line-height: 1em;color: #333;}
.footer-zi-p1{margin-bottom: 10px;}
.footer-r li .img2{display: none;}
.footer-r li .img3{display: none;width: 100px;top: 110px;}
.footer-r li:hover .img1{display: none;}
.footer-r li:hover .img2{display: block;transition: all .3s;}
.footer-r li:hover{border-color: #c42328;}
.footer-r li:hover .img3{display: block;}


.read-phone{width: 100%;padding-top: 100px;}
.read-phone img{display: block;max-width: 100%;width: 100%;height: auto;}
.read-phone p {margin:0;}

.query-tag {display: none!important; }

@media screen and (max-width: 1650px){
	.footer-nav dl{margin-right: 125px;}
	.head-nav li{margin-right: 40px;}
}
@media screen and (max-width: 1400px){
	.head-nav li{margin-right: 25px;}
	.footer-nav dl{margin-right: 85px;}
	.footer-r p{font-size: 34px;}	
	.footer-zi-p2 .left{width: 70%;line-height: 1.5em;}
	
}
@media screen and (max-width: 1200px){
	.head-nav {display: none;}
	.head-phone-nav{display: block;}
	.head-search{display: none;}
	.footer-nav dl{margin-right: 50px;}
	.footer-zi-p1 p{float: none;display: block;line-height: 1.5em;}
	.footer-zi-p2 p{float: none;display: block;line-height: 1.5em;}
	.footer-zi-p2 .left{width: 100%;}
}
@media screen and (max-width: 940px){

	.footer-nav{display: none;}
	.footer{padding:50px 0;}
	.m66{position: relative;}
	.footer-r{position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
	.m25 p{width: 65%!important;}
	.footer-r h4{margin-bottom: 14px;}
	.footer-r p{margin-bottom: 16px}

	.fullpage-wrapper{display: none;}
	.phone img{max-width: 100%;display: block;}
}

@media screen and (max-width: 750px){
	.w1720{width: 690px;}
	
	header{height: 100px;}
	.header{height: 100px;}
	.header .logo{width: 263px;z-index: 99999;}
	.header .logo img{width: 100%;height:  auto;}
	.head-search{margin-right: 43px;}
	.head-search a{margin-right: 45px;line-height: 100px;z-index: 99999;}
	.head-search a:after{display: none;}
	.head-search a img{display: block;margin-top: 30px;}
	.head-phone-nav{right: 0;}
	.head-phone-nav .line{width: 43px;height: 3px;}
	.head-phone-nav .line:nth-child(2){width: 34px;margin: 13px 0 13px 9px;}
	.head-phone-nav.active .line:nth-child(1){top: 21px;}
	.head-phone-nm{padding-top: 100px;}
	.head-phone-nm li .navs{padding: 30px 0;height: 90px; box-sizing: border-box;border-bottom: 1px solid #d9d9d9;  line-height: 1em; font-size: 30px;color: #333; }
	.head-phone-nm li .navs .jia{margin-top: 14px;}
	.head-phone-nm li .navs .line{display: block; width: 30px;height: 2px;background: #333;}
	.head-phone-nm li .navs .line1{position: relative;top: 3px; transform: rotate(90deg);transition: all .5s;}
	.head-phone-nm li .img{width: 15px;}
	.xz{transform: rotate(0)!important;}
	.head-phone-nm li dd{height: 65px;box-sizing: border-box;border-bottom: 1px solid #d9d9d9;}
	.head-phone-nm li dd a{padding-left: 20px; font-size: 24px;line-height: 65px; color: #333;}



	.footer{padding:100px 0 32px;}
	.footer-r{margin-bottom: 60px;position: static;transform: translateX(0); text-align: center;}
	.footer-r h4{margin: 0 auto 20px; font-size: 24px;color: #666;text-align: center;}
	.footer-r h4 img{width: 19px;}
	.footer-r .a1{display: block;margin: 0 auto 30px;text-align: center;font-weight: bold; font-size: 40px;line-height: 30px;color: #da2129;}
	.footer-r ul{width: max-content;height: 64px; float: none;margin: 0 auto;}
	.footer-r li{width: 62px;height: 62px;margin-right: 25px; border: 1px solid #666;}
	.footer-r li:hover .img1{display: block;}
	.mfooter-nav{width: max-content;margin: 0 auto 12px;}
	.mfooter-nav .ma{ font-size: 20px;line-height: 20px;color: #666;}
	.mfooter-nav .ma a{ font-size: 18px;line-height: 16px;color: #666;}
	.footer-zi-p1{margin: 0;}
	.footer-zi-p1 p{width: 100%;text-align: center; font-size: 18px;line-height:36px; ;color: #666;}
	.footer-zi-p1 p a{color: #666;}

	.m821{display: none;}

}