.head{height: auto;position: relative;background-color: #FFF;}
.head .top{height:30px;line-height:30px;background-color:#f2f2f2;}
.head .top li:first-child{color: #6c6c6c;float: left;font-size: 14px;}
.head .top li i{color: #f80202;font-size: 14px;}
.head .top li:last-child{float: right;font-size: 14px;}
.head .nav{height:110px;}
.head .nav .fl{margin-top:30px;display: block;}
.head .nav:after{display: block;content:" ";height: 0;visibility: hidden;clear: both;}
.head .nav ul.fr{height: auto;overflow: hidden;width: 680px;height:110px;}
.head .nav ul li{float: left;padding:0 18px;}
.head .nav ul li>a{font-size: 16px;color: #000;display: block;line-height:110px;position: relative;}
.head .nav ul li:hover>a,.head .nav ul li.on>a{color: #ff0000;}
.head .nav ul li.pro>a{padding-right:25px;}
.head .nav ul li.pro>a:after{content:"";height:20px;width:20px;display: block;background:url(../images/h_f/head_ico.png) no-repeat;position: absolute;top:52px;right: 0;background-size:560px;background-position:-94px 0;}
.head .nav ul li.on>a:after{background:url(../images/h_f/head_ico.png)no-repeat;top:52px;right: 0;}
.head .nav ul li:hover>a:after{background:url(../images/h_f/head_ico.png)no-repeat;top:52px;right: 0;}
.head .nav ul li:nth-child(4)>a:before{content:"";background:url(../images/h_f/head_ico.png)no-repeat;position: absolute;background-size:560px;background-position:-188px 0;width: 42px;height: 24px;top:26px;right: 0;display:block;}
.head .nav ul li .menu{position: absolute;top:140px;background: #fff;left: 0;width: 100%;height: 0;overflow: hidden;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s;transform: rotate3d(0, 0, 0, 0deg);transform-origin: 50% 0%;z-index: 999;}
.head .nav ul li:hover .menu{height: 140px;transform: rotate3d(0, 0, 0, 0deg);transform-origin: 50% 0%;box-shadow:inset 0px 2px 5px rgba(0, 0, 0, 0.07);}
.head .nav ul li .menu a{display: block;float: left;margin-top: 38px;margin-left:120px;position: relative;}
.head .nav ul li .menu a span{display: block;font-size: 22px;color: #000;padding-bottom: 16px;width:210px;padding-left:36px;}
.head .nav ul li .menu a span:hover{color: #ff0000;}
.head .nav ul li .menu a p{font-size: 14px;color: #999;}
.head .nav ul li .menu a span:after{content:"";width:32px;height:32px;display:block;background:url(../images/h_f/head_ico.png)no-repeat;position: absolute;top:0;left: 0;background-size:560px;background-position:-282px -70px;}
.head .nav ul li .menu a:nth-child(2) span:after{top:0;left: 0;background-position:-375px -70px;position: absolute;}
.head .nav ul li .menu a.hot:before{content:"";width:32px;height:32px;background:url(../images/h_f/head_ico.png)no-repeat;top:-18px;right:80px;background-position:-282px 0;background-size:560px;display: block;position: absolute;}
.head .nav ul li .menu a:nth-child(3) span:after{top:0;left: 0;background-position:-469px -70px;}
.head .nav ul li.on .menu a:nth-child(1) span:after{top:0;left: 0;background-position:-0 -70px;}
.head .nav ul li.on .menu a:nth-child(2) span:after{top:0;left: 0;background-position:-94px -70px;}
.head .nav ul li.on .menu a:nth-child(3) span:after{top:0;left: 0;background-position:-188px -70px;}
.head .nav .right{float: right;width:260px;margin-top:30px;}
.head .nav .right a{width: 112px;display: inline-block;height:48px;line-height: 48px;background-image: linear-gradient(to right,#fc0d2c,#f95347);text-align: center;font-size: 16px;color: #fff;border-radius:10px;margin-right: 10px;}
.head .nav .right a:last-child{background-image: linear-gradient(to right,#ff8214,#ffac0b);}
.head .nav ul li a.on,.head .nav ul li .menu .w1180 a.on span{color: #ff0000;}


.footer{height: auto;overflow: hidden;background: #32333b;padding-top: 50px;color:#fff;}
.footer .logo_l{float: left;width: 200px;margin-right: 40px;}
.footer .logo_l i{display:block;font-size: 22px;font-weight: bold;background: url(../images/h_f/footer_phone.png) left center no-repeat;padding-left: 40px;color:#fff;line-height: 40px;}
.footer .logo_l{float: left;padding-bottom:36px;}
.footer .logo_l img{display: block;margin-left: 10px;}
.footer .logo_l span{font-size: 22px;color:#fff;text-align: center;line-height: 30px;display: block;}
.footer .logo_l span em{font-size: 22px;color: #eb120d;}
.footer ul.left{width: 440px;overflow: hidden;float: left;}
.footer ul.left li{float: left;margin-right: 46px;}
.footer ul.left li:last-child{margin-right: 0;}
.footer ul.left li a:first-child{display: block;padding-bottom: 16px;font-size: 18px;color:#fff;margin:0}
.footer ul.left li a{display: block;font-size: 14px;color:#fff;margin-bottom: 12px;}
.footer .ewm{text-align: center;color:#fff;float: right;margin-top: -16px;}
.footer .ewm img{display: block;width: 120px;height: 120px;margin: 0 auto;}
.footer .ewm span{display: block;text-align: center;font-size: 14px;color:#fff;font-weight: bold;line-height: 18px;background-color:#fc5346;width: 140px;height:40px;padding-top:2px;}
.footer .ewm i{width:0;	height:0;	border-right:6px solid transparent;	border-left:6px solid transparent;	border-top:6px solid #fc5346;display: block;margin: 0 auto 6px;}
.footer .bot{font-size: 14px;color:#fff;background-color: #1d1e24;height: 30px;clear: both;}
.footer .bot p{color:#bbbcbc;text-align: center;line-height: 30px;}
.footer .bot p a{color:#bbbcbc;}
.footer .fl_tj form{position: relative;}
.footer .fl_tj{float: left;margin-right: 50px;}
.footer .fl_tj em{font-size: 20px;color: #fff;display: block;margin-bottom: 20px;text-align: center;}	
.footer .fl_tj ul{width: 288px;height: auto;overflow: hidden;}		
.footer .fl_tj ul li{width: 288px;margin: 0 auto;list-style: none;height: 43px;margin-bottom: 20px;background: url(../images/h_f/phone.png) 13px center no-repeat #fff;line-height: 43px;border-radius: 5px;}		
.footer .fl_tj ul li:nth-child(2){background: url(../images/h_f/lock.png) 13px center no-repeat #fff;}		
.footer .fl_tj ul li input{height: 43px;background: none;outline: none;float: left;margin-left: 43px;border: none;font-size: 16px;width: 40%;}		
.footer .fl_tj ul li a{float: right;display: block;width: 120px;background: #eb120d;border-radius: 4px;text-align: center;font-size: 18px;color: #fff;text-decoration: none;height: 43px;}
.footer .fl_tj ul li a.yd_yzm{background: none;color: #eb120d;}		
.footer .fl_tj ul li a.yd_yzm em{display: block;float: left;color: #cbcbcb;}