@charset "utf-8";

/* 
|----------------------
|   全局设置
|----------------------
*/
* {transition: all .3s;}
body {font-size: 14px;font-family: arial, "Microsoft YaHei";}

.flex {
    display: flex;
    display: -webkit-box;
    /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box;
    /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox;
    /* 混合版本语法: IE 10 */
    display: -webkit-flex;
    /* 新版本语法: Chrome 21+ */
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.position {position: relative;}
.overflow {overflow: hidden;}
.background {background-position: center;background-repeat: no-repeat;background-size: cover; }
.container { margin: 0 auto; max-width: 1230px; padding-left: 15px; padding-right:15px; }

/* 超宽屏 */

@media (max-width:1230px) {
    .container {padding-left: 35px;padding-right:35px;}
}

@media (max-width:640px) {
    .container {padding-left: 15px;padding-right:15px;}
}
.padding {padding-top: 40px;}
@media (max-width:768px) {
    .padding {padding-top: 30px;}
}

.vip {float: right;background: #B91319;color: #ffffff;font-size: 14px;padding: 5px 10px;margin-top: 12px;margin-left: 35px;position: relative;}
.vip-b {position: relative;}
.vip:hover {color: #ffffff;}
.vip .vimg,.vip-b .vimg {opacity: 0;visibility: hidden;position: absolute;left: -120px;top: -20px;background: #ffffff;z-index: 9;}
.vip-b .vimg {top: -15px;}
.vip:hover .vimg,.vip-b:hover .vimg {opacity: 1;visibility: visible;margin-top: -16px;}

@media (max-width:768px) {
    .vip .vimg,.vip-b .vimg  {right: -120px;left: auto;}
}



/* 
|----------------------
|   主题色设置
|----------------------
*/
:root {
    /* 主色调 */
    --default: #B91319;
    /* 辅助色 */
    --fColor: #537D74;
}

/* 
|----------------------
|   字体图标
|----------------------
*/
@font-face {
    font-family: 'iconfont';
    src: url('../iconfont/iconfont.eot');
    src: url('../iconfont/iconfont.eot?#iefix') format('embedded-opentype'),
        url('../iconfont/iconfont.woff') format('woff'),
        url('../iconfont/iconfont.ttf') format('truetype'),
        url('../iconfont/iconfont.svg#iconfont') format('svg');
}
.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@font-face {
    font-family: 'iconpublic';
    src: url('../iconfont/public/iconfont.eot');
    src: url('../iconfont/public/iconfont.eot?#iefix') format('embedded-opentype'),
        url('../iconfont/public/iconfont.woff') format('woff'),
        url('../iconfont/public/iconfont.ttf') format('truetype'),
        url('../iconfont/public/iconfont.svg#iconfont') format('svg');
}

.iconpublic {
    font-family: "iconpublic" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* 
|----------------------
|   header
|----------------------
*/

.header {position: fixed; width: 100%; padding: 0 50px; z-index: 99; background-color: #fff;}
@media (max-width:1230px) {
    .header{padding: 10px 25px;}
}

.header-container{justify-content: space-between; align-items: center;}

/* logo */
.header-logo img {max-width: 100%;}
@media(max-width: 768px) {
    .header-logo img {height: 30px;}
}

/*  */
.header-right{align-items: center;}
/* search */
.header-search{padding: 0 15px 0 15px; display: flex; justify-content: center; align-items: center;}
.header-search a{display: block; }
.header-search a i{font-size: 24px;}
@media(max-width: 768px) {
    .header-search {padding-top: 2px;}
}

/* login */
.header-login{ display: flex; justify-content: center; align-items: center;}
.header-login a{display: inline-block; padding: 0 25px; font-size: 18px; line-height: 40px; background-color: #B91319; color: #fff;}
.header-login a:first-child{background: none; color: #333;}
.header-login a:last-child:hover {box-shadow: 0 10px 15px rgba(185, 19, 25,.5) ;}
.header-login a:first-child:hover{color: #B91319;}
@media (max-width:1440px) {
    .header-login a{ padding: 0 15px; font-size: 16px;}
}

@media (max-width:768px) {
	.header-login{display: none;}
    .vip .vimg {left: -120px;right: auto;}
}
/* nav */
.header-nav ul{display: flex;}
.header-nav li{padding: 0 35px; text-align: center;} 
.header-nav li a { display: block; font-size: 18px;}
.header-nav li.on a,
.header-nav li a:hover { box-shadow: 0 -2px 0 #B91319 inset; color: #B91319;}

@media (max-width:1800px) {
    .header-nav li{padding: 0 15px;} 
}
@media (max-width:1440px) {
    .header-nav li{padding: 0 10px;}
     .header-nav li a {font-size: 16px;}
}
/*  */
.header-fixed{box-shadow: 0 0 5px rgba(0,0,0,.2);}

/* open */
/* .navbar {margin-left: 20px;  width: 20px; cursor: pointer;display: none;}
.navbar span {display: block;width: 100%;height: 2px;background-color: #B91319;}
.navbar span:nth-child(2) {position: relative;margin: 5px 0;}

.open-navbar span{background-color: #000;}
.open-navbar span:first-child ,
.open-navbar span:last-child {width: 0;}
.open-navbar span:nth-child(2){ transform: rotate(-45deg);}
.open-navbar span:nth-child(2):before {position: absolute; top: 0; left: 0; content: ""; display: block; width: 100%; height: 1px; background-color:#000;transform: rotate(90deg);} */
/*  */


/* @media(max-width: 1230px) {
    .navbar {display: block;}
}

@media(max-width: 768px) {
    .navbar {margin-left: 0;}
} */

/* mobile-nav */
.mobile-nav {position: fixed;top: 0;left: 0;z-index: 101;width: 100%;height: 100%;background-color: #fff;visibility: hidden;opacity: 0;transform: translateX(120px);}

/* menu */
.mobile-menu {height: 100%;padding: 20px 15px 0;display: flex;align-items: center; justify-content: center;}
.mobile-menu ul {display: block;text-align: center;}
.mobile-menu ul li {height: 40px;overflow: hidden;}
.mobile-menu ul li a {display: block;color: #666;font-size: 16px;line-height: 26px;}
.mobile-menu ul li a:hover {color: blue;}

/* close */
.close-btn {position: fixed;top: 0;left: 0;width: 35px;height: 35px;}
.close-btn span {position: absolute;top: 17px;left: 6px;width: 25px;height: 1px;background-color: #000;}
.close-btn span:first-child {transform: rotate(45deg);}
.close-btn span:last-child {transform: rotate(-45deg);}

/* mobile-lang */
.mobile-login{position: absolute; top: 15px; right: 15px; display: inline-block; line-height: 40px; display: none;}
.mobile-login a{ display: inline-block; padding: 0 25px; line-height: 35px; border: 1px solid #B91319; background-color: #B91319; color: #fff;}
.mobile-login a:first-child{background: none; color: #666;}
@media (max-width:768px) {
    .mobile-login{display: block;}
}

/* onshow */
.show-mobile {opacity: 1;visibility: visible;transform: translateX(0);}
.show-mobile .mobile-menu ul li a {animation: xssss 1s 1;}

@keyframes xssss {
	from {transform: translateY(56px);}
}

/* 
|----------------------
|   alert-search
|----------------------
*/
.alert-search{position: fixed;top: 0;left: 0;z-index: 1000; width: 100%;height: 100%; background-color: rgba(0,0,0,.7);  visibility: hidden; opacity: 0; transition: .3s;}
.alert-search-box {width: 100%; height: auto; padding: 50px 0; background-color: #fff;transform: translateY(-10px);visibility: hidden;opacity: 0; transition: .3s;}
.alert-search-box .img{max-width: 150px; height: 50px; margin: 0 auto 25px;}
.alert-search-box .img img{max-width: 100%;}
/* form */
.alert-search-form {max-width: 600px; margin: 0 auto; padding: 0 15px;}
.alert-search-form form{display: flex; justify-content: space-between; align-items: center;}
.alert-search-form input { flex: 1; padding:0 10px; background: none;border: 1px solid #B91319;line-height: 44px;color: #777;font-size: 16px;outline: none;}
.alert-search-form button {width: 120px; border: 1px solid #B91319; line-height: 42px;font-size: 16px;background-color: #B91319;color: #fff;outline: none;}

@media (max-width:768px) {
    .alert-search-box {height: 100%;}
    .alert-search-form input {line-height: 35px;font-size: 14px;}
    .alert-search-form button {width: 80px; line-height: 35px;font-size: 14px;}
}
.close-alert-search {position: absolute;top: 45px;right: 45px;width: 35px;height: 35px;cursor: pointer;}
.close-alert-search span {position: absolute;top: 17px;left: 6px;width: 25px;height: 2px;background-color: #333;}
.close-alert-search span:first-child {transform: rotate(45deg);}
.close-alert-search span:last-child {transform: rotate(-45deg);}
@media (max-width:768px) {
    .close-alert-search {top: 15px;right: 15px;width: 35px;height: 35px;cursor: pointer;}
}
.alert-search-show {visibility: visible; opacity: 1; transform: translateY(0);}

/* 
|----------------------
|   footer
|----------------------
*/

/* =================footer================ */

.x-footer{padding: 50px 0 10px; background-color: #1B1B1B;}
.x-footer h3{margin-bottom: 15px; color: #fff;}
.x-footer-nav{float: left; width: 35%;}
.x-footer-nav>div{float: left; width: 50%;}
.x-footer-nav ul li{ margin-bottom: 8px;}
.x-footer-nav ul li a{ color: #a9a9a9;}

.x-footer-contact{float: left; width: 30%;}
.x-footer-contact p{margin-bottom: 8px; color: #a9a9a9;}
.x-footer-wx{float: right; width: 28%; display: flex; justify-content: space-between; text-align: right;}
.x-footer-tel{padding-top: 15px;}
.x-footer-tel a{display: inline-block; padding: 0 20px 0 10px; line-height: 35px; background-color: #B91319;color: #fff;}
.x-footer-tel a:hover {box-shadow: 0 10px 15px rgba(185, 19, 25,.5) ;}
.x-footer-tel a i{font-size: 24px; vertical-align: middle;}
.x-footer-tel p{margin-top: 8px; margin-bottom: 8px; color: #a9a9a9;}
.x-footer-tel em{color: #fff; font-size: 24px;}
.x-footer-ewm {text-align: center;}
.x-footer-ewm img{max-width: 120px;}
.x-footer-ewm p{padding-top: 10px; color: #fff; font-size: 12px;}

@media (max-width:1200px) {
	.x-footer-nav,
	.x-footer-contact{ width: 100%; margin-bottom: 15px;}
	.x-footer-nav ul li{float: left; width:auto; margin-right: 15px; margin-bottom: 0;}
	.x-footer-wx{ width: 100%; text-align: left;}
	.x-footer-tel{padding-top: 0;}
}

.footer-linkbox{padding-top: 25px; padding-bottom: 15px;  background-color: #1B1B1B;;}
.footer-hotlink{margin-bottom: 15px;padding-top: 15px;}
.footer-link{color: #fff;font-size: 12px;position: relative;padding-left: 60px;}
.footer-link li {display: inline-block;margin-bottom: 10px;}
.footer-link a{margin-right: 15px; color: #b1b1b1;font-size: 12px;}
.footer-link a:hover{color: #fff;}

.site-copyright{line-height: 30px; color: #777; font-size: 12px; background-color: #000;}
.site-copyright a{color: #777;}
@media (max-width:940px) {
	.site-copyright span{display: block; width: 100%; text-align: left;}
}
@media (max-width:768px) {
	.site-copyright{ margin-bottom: 64px;}
}
	

/*window-service*/
.window-service{position: fixed; top: 250px; right: 10px; z-index: 999;}
.window-service ul li{position: relative ; background-color: #B91319; padding-top: 8px; width: 64px; height: 64px; margin-bottom: 2px; color: #B91319; text-align: center; cursor: pointer}
.window-service ul li a{color: #ffffff;}
.window-service ul li i{font-size: 28px;color: #ffffff;}
.window-service ul li p{font-size: 12px;color: #ffffff;}
/*  */
.window-service-tel{position: absolute; top: 0; right: 70px; z-index: -1; width: 200px; height: auto; line-height: 50px; font-size: 20px; color: #ffffff; font-family: arial; background-color: #B91319;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}

.window-service-wx-pic{position: absolute; bottom: 0; right: 68px; z-index: -1; padding: 15px; background-color: #B91319;}
.window-service-wx-pic h3{color: #ffffff; font-size: 14px;}
.window-service-tel,
.window-service-wx-pic{opacity: 0; visibility: hidden; -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px);}
/* hover */
.window-service ul li:hover .window-service-tel,
.window-service ul li:hover .window-service-wx-pic{opacity: 1; visibility: visible; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0)}

.gotop{-webkit-transition: none;-o-transition: none;transition: none;}

/*  */
.window-service-sms,
.window-service-contact{display: none;}
/*  */
@media(max-width: 768px){
	.window-service{position: fixed; top:inherit; bottom: 0; right: 0; width: 100%;}
	.window-service ul li{float: left; padding-top: 8px; width: 25%; height: 64px; margin-bottom: 0;}
	.window-service-sms,
	.window-service-contact{display: block;}
	.open-window-service-form,
	.window-service-tel,
	.window-service-wx,
	.gotop{display: none!important;}
}



/* top */
.searchform {display: flex;}
.top{background-color: #f5f5f5; line-height: 35px; color: #777; font-family: arial;}
.top b{color: #B91319; font-family: arial;}
.top a:hover{color: #DE5236;}
/* header */
.header{position: relative; padding: 10px 0;}

.logo{float: left;}
.logo img{max-width: 100%; max-height: 55px;}
@media(max-width: 639px) {
	.anius{float: left;}
}
.navSearch {position: absolute; top: 18px; left: 50%; margin-left: -180px; width: 360px;}
.navSearch input{line-height: 27px; width: 80%; height: 40px; padding: 0 10px; border: 1px solid  #B91319;}
.navSearch button{width: 20%; height: 40px; background-color: #B91319; cursor: pointer;border: none;}
.navSearch button i{font-size: 18px; color: #fff;}

@media (max-width:1000px) {
	.navSearch { margin-left: -200px; width: 260px;}
}
@media (max-width:768px) {
	.top-left{display: none;}
	.header{padding: 10px 0;}
	.navSearch{display: none;}
}

/* tel */
.header-tel{position: relative; float: right; padding-left: 45px; padding-top: 8px;}
.header-tel span{position: absolute; top: 8px; left: 0; text-align: center;  }
.header-tel span i{font-size: 35px; color: #B91319;}
.header-tel p{font-size: 12px; color: #777; padding-bottom: 1px;}
.header-tel h3{font-size: 20px; color: #B91319; font-family: arial;}
@media (max-width:768px) {
.header-tel{display: none;}
}
/* open */
.navbar-open {float: right; width: 40px;height: 40px;  cursor: pointer;display: none; }
.navbar-open span {display: block;width: 30px;height: 2px;background-color: #666;margin: 0 auto;}
.navbar-open span:first-child {margin-top: 25px;}
.navbar-open span:nth-child(2) {margin-top: 8px;}
.navbar-open span:last-child {margin-top: 8px;}

/*  */
@media(max-width: 768px) {
	.navbar-open {display: block;padding: 5px 0;}
	.navbar-open span {display: block;width: 20px;}
	.navbar-open span:first-child {margin-top: 12px;}
	.navbar-open span:nth-child(2) {margin-top: 6px;}
	.navbar-open span:last-child {margin-top: 6px;}
}
@media(max-width: 640px) {
	.navbar-open {margin-top: 0;}
}

/* ---------------隆脕篓庐篓陇--------------- */
.navbox{background-color: #f7f7f7;height: 45px;line-height: 45px;}
@media (max-width:1300px) {
	.navbox{height: 40px;line-height: 40px;}
}

@media (max-width:768px) {
	.navbox{display: none;}
}
/* nav */
.navMenu{width: 100%;}
.navMenu ul li{position: relative; float:left; width: 12.5%;}
.navMenu ul li a{font-size: 16px;}
.navMenu ul li.current_page_item a{color: #B91319}
.navMenu ul li:hover a{color: #B91319}

@media (max-width:860px) {
	
}

/* -----------篓虏-------------- */

/* =================footer================ */
/* m-nav-window */
.m-nav-window {position: fixed;top: 0;left: 0;z-index: 10; width: 100%;height: 100%;background-color:#DE5236;visibility: hidden;opacity: 0;transform: translateX(120px);}
/* m-navmenu */
.m-navmenu { padding-top: 80px; text-align: center;}
.m-navmenu ul li { padding-bottom: 15px;}
.m-navmenu ul li a {color: #fff;font-size: 18px;}
/* close */
.m-navbar-close {position: absolute;top: 5px;right: 5px;width: 35px;height: 35px;}
.m-navbar-close span {position: absolute;top: 17px;left: 6px;width: 25px;height: 1px;background-color: #fff;}
.m-navbar-close span:first-child {transform: rotate(45deg);}
.m-navbar-close span:last-child {transform: rotate(-45deg);}
/* m-s */
.m-search{ margin-top: 10px; text-align: center; line-height: 35px; border-radius: 4px; overflow: hidden;}
.m-search input{line-height: 38px; padding: 0 15px;}
.m-search button{ padding: 0 20px; line-height: 37px; background-color: #333; color: #fff;}
.m-search button i{font-size: 20px; vertical-align: middle;}
/* onshow */
.on-show {opacity: 1;visibility: visible;transform: translateX(0);}


#info-alert {padding: 0 15px;border-radius: 6px;display: none;
    /* position: fixed;left: 50%;z-index: 9;background: #fff;width: 320px;transform: translate(-50%,-50%);top: 50%; */
}
#info-alert h3 {margin-top: 15px;font-size: 24px;text-align: center;}
#info-alert p{margin: 15px 0 35px;text-align: center;}
#info-alert input {position: relative; margin-top: 10px;display: block;width: 100%;line-height: 40px;border-bottom: 1px solid #eee;}
#info-alert button {margin-top: 30px;display: block;border: none;width: 100%;line-height: 40px;background-color: #B91319;color: #fff;}


.item-animate .wow.goDown:nth-child(1){animation-delay: .1s;}
.item-animate .wow.goDown:nth-child(2){animation-delay: .2s;}
.item-animate .wow.goDown:nth-child(3){animation-delay: .3s;}
.item-animate .wow.goDown:nth-child(4){animation-delay: .4s;}
.item-animate .wow.goDown:nth-child(5){animation-delay: .5s;}
.item-animate .wow.goDown:nth-child(6){animation-delay: .6s;}
.item-animate .wow.goDown:nth-child(7){animation-delay: .7s;}
.item-animate .wow.goDown:nth-child(8){animation-delay: .8s;}
.item-animate .wow.goDown:nth-child(9){animation-delay: .9s;}
.item-animate .wow.goDown:nth-child(10){animation-delay: 1s;}
.item-animate .wow.goDown:nth-child(11){animation-delay: 1.1s;}
.item-animate .wow.goDown:nth-child(12){animation-delay: 1.2s;}
.item-animate .wow.goDown:nth-child(13){animation-delay: 1.3s;}
.item-animate .wow.goDown:nth-child(14){animation-delay: 1.4s;}
.item-animate .wow.goDown:nth-child(15){animation-delay: 1.5s;}
.item-animate .wow.goDown:nth-child(16){animation-delay: 1.6s;}