@charset "UTF-8";

/* public */
pre{white-space: pre-wrap;font-family: 'sy';word-wrap: break-word; }
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0; outline: none;}
img{border:0;}
ul,dl,li,dt,dd{list-style:none;}
body{font-size: 14px;  overflow-x:hidden; font-family: "sy"; color: #000;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-overflow-scrolling : touch ;}
a{font-size:14px;text-decoration:none;  color: #333; transition: all .45s; -webkit-transition: all .45s; z-index: 99999;}
.clearfix:after{content:""; display:block; height:0; clear:both;}
.clearfix{*zoom:1;}/*IE/7/6*/
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
input,textarea,select{outline: none;font-family: "微软雅黑"; line-height: normal;border:none;background: none;}
textarea{resize:none; overflow:hidden;}
select{-webkit-appearance: none;appearance: none; -ms-appearance: none;border-radius: 0;}
select::-ms-expand { display: none; }
i,em{font-style:normal;}
table{max-width:100%;overflow:hidden;}
.u_hidden{display: none;}
.fl{float:left;}
.fr{float:right;}
.z-container {width:1400px;height:auto;clear: both;margin: 0 auto;}
.z-container2 {width: 1250px;height:auto;clear: both;margin: 0 auto;}
.z-container3 {width: 1200px;height:auto;clear: both;margin: 0 auto;}
.z-row {width: 100%;height: auto;clear: both;margin: 0 auto;}
.ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ellipsis2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow:ellipsis;}
.ellipsis3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow:ellipsis;}
.ellipsis4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;text-overflow:ellipsis;}

.clear{ clear: both;}
*:before,
*:after {
  z-index: -1;
}
.flex{display:flex;display:-webkit-flex;flex-direction:row; -webkit-flex-direction:row;flex-wrap:wrap; -webkit-flex-wrap:wrap;}
/*分享*/
#bsWXBox{box-sizing:initial;}
#bsBox{box-sizing:initial;}
@font-face {
  font-family: 'fz';  /* project id 574899 */
  src: url("../fonts/FZYanSJW_Zhun.ttf");

}

/*浏览器滚动条*/
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#E3E3E3}
::-webkit-scrollbar-thumb:vertical{background-color:#555;border-radius:30px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}
/*加载动画*/
/*.pace{position:fixed; left:0; top:0; width:100%; z-index:5000; height:3px;animation: changebar 2.25s infinite .75s;}
.pace-progress{width:100% !important; background-color: #23b7e5;animation: changebar 2.25s infinite; height:0; position:absolute;}
.pace-progress:before{animation: movingbar .75s infinite; position:absolute; content:'';background-color: inherit; height:3px; left:50%; right:50%;}
.pace.pace-inactive{display:none;}*/
@keyframes changebar {
0% {background-color: #23b7e5}
33.3% {background-color: #FFD6C2}
33.33% {background-color: #FF8B6A}
66.6% {background-color: #DF0054}
66.66% {background-color: #480032}
99.9% {background-color: #302387}
}
@keyframes movingbar {
0% {right: 50%;left: 50%}
99.9% {right: 0;left: 0}
100% {right: 50%;left: 50%}
}
/*内容*/
.header{ width: 100%; position: fixed; left: 0; top: 0; z-index: 10; transition: all .8s;-webkit-transition:all .8s}
.header.on{ transform: translateY(-80px);}
.header a{ font-family: 'fz'; font-size: 18px;}
.header_logo{ text-align: center; height: 80px;padding: 20px 0;    box-sizing: border-box}
.header_logo img{ display: block; margin: 0px auto; height: 40px;}
.header_bar{ height: 80px; background: #a50502; color: #fff; padding: 0 2.5vw; box-sizing: border-box;}
.header_bar .flex{align-items: center;}
.header_bar a{ color: #fff;}
.header_nav{ float: left;margin-top: 27px;}
.header_nav li{ display: inline-block; z-index: 1;  margin-left: 4vw;position: relative; line-height: 24px;}
.header_nav li a:before{ content: ""; display: block; width: 6px; height: 24px; background: url(../img/nav_l.png) no-repeat center; background-size: 100% 100%;  position: absolute; left: 50%; top: 0;transition: all .4s;-webkit-transition:all .4s; opacity: 0;}
.header_nav li a:after{ content: ""; display: block; width: 6px; height: 24px; background: url(../img/nav_r.png) no-repeat center; background-size: 100% 100%; position: absolute; right: 50%; transition: all .4s;-webkit-transition:all .4s; top: 0;opacity: 0;}
.header_nav li a{ padding: 0 1vw; position: relative; display: inline-block; }
.header_nav li:hover a:before,.header_nav li.active a:before{ left: 0; opacity: 1;}
.header_nav li:hover a:after,.header_nav li.active a:after{ right: 0;opacity: 1;}
.header_right{ float: right; display: flex; align-items: center; margin-left: auto;}
.header_right a{ display: inline-block; padding-left: 25px; margin-left: 1.5vw; box-sizing: border-box;}
.header_right span{ display: block; border-bottom:1px solid #fff ;}
.header_right .t1{background: url(../img/t1.png) no-repeat left center;}
.header_right .t2{background: url(../img/t2.png) no-repeat left center; padding-left: 30px;}
.header_right .t3{background: url(../img/t3.png) no-repeat left top 20px;padding-left: 35px;  font-size: 12px; min-width: 170px; min-height:65px; margin-top: 15px;}
.header_right .t3 span:first-child,.header_right .t3 span:hover{ font-size: 16px; opacity: 1; margin-bottom: 10px;border-bottom:2px solid rgba(255,255,255,.5) }
.header_right .t3 span{ opacity: .5; transition: all .3s;-webkit-transition:all .3s; display: inline-block;}
/*banner*/
.swiper-slide {  -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform,-webkit-transform}
.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform,-webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; }
.swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; }

.z_banner{width:100%; overflow: hidden; position:relative; background:#000;}
.z_banner .bd,.z_banner .bd li,.z_banner .bd li .img{width:100%; height:100%;overflow: hidden;}
.z_banner .bd li .img{background-repeat:no-repeat; background-position:center top; background-size:cover;}
.slide_hd{width:100%; z-index:2; text-align:center;}
.slide_hd li{opacity:1; background:#bfbfbf; width:8px; height:8px; border-radius:50%; margin:0 6px; transition:ease .65s;-webkit-transition:ease .65s; display:inline-block; text-indent:-9999px;}
.slide_hd li.on{background:#000000!important;}
.z_banner-hd{position:absolute; left:0; bottom:50px !important; }
.z_banner .swiper-container{ overflow: hidden;}
.z_banner-btn a{position:absolute; top:50%; width:40px; height:40px; margin-top:-40px; background:#A40E09; text-align:center; line-height:40px; z-index:2; color:#fff; font-family:'黑体'; font-size:16px;}
.z_banner-btn a.prev{left:0px;}
.z_banner-btn a.next{right:0px;}
.z_banner .swiper-slide-active .pimg { visibility: visible !important; -webkit-animation: scaleUpDown 2s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 2s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); }
.z_banner .swiper-slide-active .img { -webkit-animation: decreaseHeight 1.5s forwards; animation: decreaseHeight 1.5s forwards; overflow:hidden;}
.swiper-container-fade .swiper-slide{opacity:0!important;}
.swiper-container-fade .swiper-slide-active{opacity:1!important;} 
.z_banner .img{ position: relative;}
.z_banner img{vertical-align:bottom}
.z_banner .pimg{ width: 100vw !important;}
.swiper-container-fade .swiper-slide{    pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active{pointer-events:auto}

.banner img{ width: 100%; vertical-align: middle;}
@-webkit-keyframes decreaseHeight {
	from { width:0%;} 
	to {width:100%;}
}
@keyframes decreaseHeight {
	from { width:0%;} 
	to {width:100%;}
}
@-ms-keyframes decreaseHeight {
	from { width:0%;} 
	to {width:100%;}
}
@-o-keyframes decreaseHeight {
	from { width:0%;} 
	to {width:100%;}
}
@-webkit-keyframes scaleUpDown {
    from { -webkit-transform: scale(1.05); transform: scale(1.05); }
    to { opacity: 1;  -webkit-transform: scale(1); transform: scale(1);}
}

@keyframes scaleUpDown {
    from { -webkit-transform: scale(1.05); transform: scale(1.05);}
  }

.index_tit{ text-align: center; font-family: "fz";}
.index_tit h3{ font-size: 36px; margin-bottom: 10px} 
.index_tit .dot{ display: inline-block; width: 14px; height: 14px;  border-radius: 50%; box-sizing: border-box; margin: 0 10px; border: 3px solid #b90304; vertical-align: middle;} 
.index_tit h4{ font-size: 16px;}  
.index_about .z-container{ margin: 5vw auto; align-items: center;}
.about_fl{ width: 41%; float: left; }
.about_img img{ height: 4vw;}
.about_pic{ width: 50%; float: right; margin-left: auto;} 
.about_desc{ margin: 50px 0; line-height: 30px; color: #3c3c3c; text-indent: 2em;}
.seemore{ display: block; width: 112px; height: 40px; line-height: 40px; text-align: center; color: #fff; font-family: "fz"; background: #a40e09;} 
.pic_list ul li{ position: relative; overflow: hidden; transition: all .4s;-webkit-transition:all .4s}
.pic_list li img{ width: 100%; transition: all .6s;-webkit-transition:all .6s; vertical-align: bottom;}
.pic_list li .img{ overflow: hidden; width: 100%; height: 100%;}
.pic_list li:hover img{ transform: scale(1.1,1.1);}
.pic_list .pic_name{  transition: all .5s;max-height: 90%; overflow: hidden; white-space: nowrap; -webkit-transition:all .5s; height: auto!important; width: 70px; line-height: 70px; padding: 20px 0; padding-bottom: 12px;  text-align: center; box-sizing: border-box; background: url(../img/titbg1.jpg) no-repeat center; background-size: 100% 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-family: "fz"; font-size: 24px; color: #a40e09;}
.pic_list .pic_name span{ display: inline-block;}
.pic_list .pic_name:before{ content: ""; display: block; width: 0%; height: 0%;  transition: all .4s; -webkit-transition:all .4s;position: absolute; left: 50%; top: 50%; background: url(../img/titbg2.jpg) no-repeat center; background-size: 100% 100%;}
.pic_list li:hover .pic_name{ color: #fff;}
.pic_list li:hover .pic_name:before{ width: 100%; height: 100%; left: 0; top: 0;}

.about_pic li{ width: 45.7%; float: left;}
.about_pic li:nth-child(even){ float: right;}
.about_pic li:hover{ box-shadow:  0 25px 40px rgba(0,0,0,.35);}

.index_pro .bd{ margin:60px 0;}
.index_pro .index_tit{ margin-bottom: 60px;}
.pro_lb ul{ margin-left: -1.7%;}
.pro_lb .bd li{ z-index: 3;display: flex;
    align-items: center;
    justify-content: center; height: 30vw/* width: 23.3%; float: left; margin-left: 1.7%; margin-bottom: 20px;*/}
  .pro_lb .bd li .img{display: flex;
    justify-content: center;
    align-items: center}
 .pro_lb .bd li .img img{    min-width: 100%;
    max-height: 100%!important;
    transition: all .4s;
    vertical-align: bottom}   

.pro_lb ul li a{ display: block; width: 100%;  height: 100%; position: relative; }
.pro_lb ul li a:before{z-index: 2; content: ""; display: block; width: 0%; height:0%; transition: all .6s;-webkit-transition:all .6s; position: absolute; opacity: 0; left: 0; top: 0; border-left: 8px solid #A40E09; border-top:8px solid #A40E09; box-sizing: border-box; }
.pro_lb ul li a:after{z-index: 2; content: ""; display: block; width: 0%; height: 0%;transition: all .6s;-webkit-transition:all .6s; position: absolute;opacity: 0;  right: 0;bottom: 0; border-right: 8px solid #A40E09; border-bottom:8px solid #A40E09; box-sizing: border-box;}
.pro_lb ul li:hover a:after,.pro_lb ul li:hover a:before{ width: 100%; height: 100%;opacity: 1; }
.pro_lb ul li .bg{ z-index: 3; opacity: 0; display: block; width: 100%; height: 100%; background: url(../img/probg.png) no-repeat bottom center; background-size: 100% auto; position: absolute; left: 0; top: 0;}
.pro_lb ul li:hover .bg{opacity: 1;}
.pro_lb .slide_hd li{ background: #bfbfbf;}
.pro_lb ul li:hover{ box-shadow:0 13px 17px rgba(67,2,0,.26);}
.index_jm{ background: #fff; position: relative;overflow-x: hidden}
.jm_fl{ width: 37.5%; padding: 80px 2.5vw; box-sizing: border-box; float: left; position: absolute; left: 0; top: 0; height: 100%; background: url(../img/jm1.jpg) no-repeat bottom center; background-size: 100% auto;}
.jm_fl .index_tit{text-align: left; margin-bottom: 20px;}
.jm_fl .index_tit h3{line-height: 40px; display: flex; align-items: center;}
.jm_fl .jm_hot{ font-size: 16px;line-height: 20px; display: inline-block; border-left:2px solid #eeeeee; padding-left: 20px; margin-left: 20px;}
.jm_fl .jm_hot .tel{ font-size: 24px; display: block;color: #ca0700; font-family: arial;}
.jm_fr{ width: 62.5%; float: right;}
.jm_desc{line-height: 30px; font-family: "fz";}
.jm_fr li{ width: 33.3%; float: left; overflow: hidden; position: relative; z-index: 1; padding:2vw 1.6vw; box-sizing: border-box; border-left:2px solid #eeeeee;  border-bottom:2px solid #eeeeee;height:400px; overflow: hidden;}
.jm_fr li:before{ content: "\e680"; transition: all .3s;-webkit-transition:all .3s; z-index: 2; font-family: "iconfont"; font-size: 20px; display: block; width: 80px; height: 80px;position: absolute; right: 0;bottom: 0; line-height: 50px; display: flex; align-items: flex-end; justify-content: flex-end; background: url(../img/xy.png) no-repeat center; background-size: 100% 100%;}
.jm_fr li .iconfont{ font-size: 60px; margin: 10px 0 60px 0; display: block;}
.jm_fr li h3{ font-size: 30px; font-family: "fz"; margin-bottom: 20px;}
.jm_fr li .desc{line-height: 28px; overflow: hidden; color: #3c3c3c; transition:all .2s; -webkit-transition:all .2s; height: 112px; font-size: 13px;}
.jm_fr li:last-child{ display: flex; justify-content: center; align-items: center;}
.jm_fr li:last-child .iconfont{margin-bottom: 0px;line-height: 30px;}
.jm_fr li:hover a,.jm_fr li:hover .desc{ color: #fff;}
.jm_fr li .mask { position: absolute;left:-100%; top: -100%;  z-index: 2; background:#b2322e; z-index: -1; width: 100%; height: 100%;  }
.jm_fr li .mask.trans { -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; transition: all .4s; backface-visibility: hidden; }
.jm_fr li:hover:before{ color: #fff; background: none; display: none;}

.index_tit2{ color: #fff;}
.index_store .store_lb{ margin-top: 80px;}
.store_xq{ margin: 0 auto;
    position: relative;
    width: 1300px}
.store_lb { overflow: hidden;    position: relative}
.store_lb li .name{ background: #fff; height: 40px; text-align: center; line-height: 40px; font-size: 16px; font-family: "fz";}
.store_lb li .img{ height: 200px; overflow: hidden;display: flex; display: -webkit-flex; justify-content: center; align-items: center;}
.store_lb li img{ vertical-align: bottom;height: 100%; min-width: 100%; transition: all .4s;-webkit-transition:all .4s; }
.store_lb li:hover img{ transform: scale(1.1,1.1);}
.store_lb .slide_hd{ margin: 40px 0;}
.store_lb .slide_hd li.on{ background: #a40e09!important;}
.store_icon{ display: flex; height: 165px; border-top:1px solid rgba(255,255,255,.2);  align-items: center; display: -webkit-flex; justify-content: space-between; color: #fff;}
.store_icon li{display: flex; display: -webkit-flex; align-items: center;}
.store_icon .iconfont{ font-size: 45px; margin-right: 20px;}
.store_icon h3{ font-size: 36px; font-family: arial;}
.store_icon .info{ font-family: "fz";}
.store_icon h3 i{ font-size: 18px; vertical-align: top;}
.index_news .index_tit{ margin-bottom: 60px;}
.news_lb{ overflow: hidden;}
.news_lb li .img{ height: 29vh;overflow: hidden;  width: 100%; display: flex; display: -webkit-flex; justify-content: center; align-items: center;}
.news_lb li img{  vertical-align: bottom; transition: all .4s;  -webkit-transition: all .4s; height:100%;}
.news_lb li:hover img{ transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.news_lb li .info{ background: #fff; padding: 2vw; box-sizing: border-box;}
.news_lb li h3{ font-size: 16px; transition: all .2s;-webkit-transition:all .2s; font-weight: bold; line-height: 24px; height: 48px; overflow: hidden;}
.news_lb li p{ color: #666666; line-height: 30px; height: 60px; overflow: hidden; margin-top: 10px; margin-bottom: 20px;}
.news_lb li{ position: relative;}
.news_lb li:before{ content: ""; display: block; width: 0%; height: 3px ;background:#a40e09; position: absolute; left: 0; bottom: 0; z-index: 1; transition: all .4s; -webkit-transition: all .4s;}
.news_lb li:hover:before{ width: 100%;}
.news_lb li:hover h3{ color: #A40E09;}
.news_lb .slide_hd{ margin: 45px 0;}
.footer{ background: #202020; color: #838383; padding: 0 2.5vw; box-sizing: border-box;}
.footer .re_top{ height: 70px; cursor: pointer; line-height: 70px; text-align: center; border-bottom:1px solid #313131; font-size: 16px; font-family: "fz"; color: #fff;}
.foot_btm{ padding: 60px 3vw; box-sizing: border-box;}
.foot_nav{ float: left;}
.foot_nav dl{ display: inline-block; vertical-align: top; margin-right: 8vw;}
.foot_nav dd a{ display: block;  color: #838383; margin-bottom: 14px;}
.foot_nav dd a:hover{ color: #fff;}
.foot_nav dt{ color: #fff; font-size: 16px; margin-bottom: 20px;}
.foot_fr{ float: right;}
.foot_code{ float: left;margin-right: 3vw; width: 135px; text-align: center;}
.foot_code .img{ width:135px; margin-bottom: 14px; height: 135px;border-radius: 5px; overflow: hidden; background: #fff; box-sizing: border-box;}
.foot_code  img{ width: 100%; height: 100%;}
.foot_addre{}
.foot_addre h3{ color: #fff; font-size: 16px;}
.foot_addre{ width: 17vw; float:left}
.foot_addre .foot_hot{ font-size: 1.8vw; color: #fff;}
.foot_addre p{ font-size: 13px; padding: 10px 0; margin-bottom: 10px; border-bottom:1px solid #313131; line-height: 24px;}
.foot_addre .dz{ padding-right: 20%; box-sizing: border-box;line-height: 24px; background: url(../img/dz.png) no-repeat right center;}
.foot_link{ padding: 20px 0; border-top:1px solid #313131;}
.foot_link a{ color: #838383; display: inline-block; margin-right: 20px;}
.other_banner{ width: 100%;position: relative;}
.other_banner img{ width: 100%; vertical-align: bottom;}
.other_banner .banner_tit{ position: absolute; font-family: "fz"; color: #fff; text-align: center; left: 50%; top: 50%; transform: translateX(-50%);}
.banner_tit h3{ font-size: 1.9vw; margin-bottom: 15px;}
.banner_tit h4{ font-size: 16px; letter-spacing: 25px; margin-left: 25px;}
.header_logo2{ height: 80px; padding: 20px 0;}

.wrapper{ height: 80px; background: #eeeeee;line-height: 80px; }
.page_nav li{ display: inline-block; font-size: 16px; margin-right: 3vw; position: relative;}
.page_nav li:before{ content: ""; z-index: 1; display: block; width: 0%; transition: all .4s;-webkit-transition:all .4s; height: 3px; background: #b90304; position: absolute; left: 0; bottom: 0;}
.page_nav li a{font-size: 16px; display: block; width: 100%; height: 100%;}
.page_nav li.cur:before,.page_nav li:hover:before{width: 100%;}
.page_nav li.cur a,.page_nav li:hover a{ color: #b90304;}

.wrapper .z-container{ position: relative;}
.pages_bar{position: absolute;right: 0; top: 50%; transform: translateY(-50%); background: url(../img/wz.png) no-repeat left center; padding-left: 30px;}

.about1_P{ padding: 8vh 0;}
.about1_desc{ margin-top: 6vh; text-align: center; line-height: 30px; color:#3c3c3c;}
.store_icon2{ color:#404040; border-top-color: #e5e5e5;}
.store_icon2 .iconfont{ color: #a40e09; text-shadow: 8px 0 40px rgba(164,14,9,.4);}

.about_2{ padding: 60px 0; background: #f4f4f4;}
.about_slide{ margin-top: 60px; overflow: hidden;}
.about_slide .swiper-container{height: 100%;}
.about_slide .about_view{ width: 81%; float: left; height:34vw; position: relative}
.about_slide li{ position: relative; overflow: hidden;}
.about_slide li .img{ width: 100%;}
.about_slide li img{ width: 100%; display: block; transition: all .4s;-webkit-transition:all .4s;}
.about_slide li:hover img{ transform: scale(1.03,1.03);}
.about_slide li{ display: flex; justify-content: center; align-items: center;}
.about_slide li .gs_name{ position: absolute; color: #fff; padding: 0 2vw; box-sizing: border-box; left: 0; bottom: 0; height: 70px; line-height: 70px; background: rgba(0,0,0,.5); width: 100%;}
.about_slide li h3{ font-size: 16px; font-weight: bold; width: 70%;}
.about_slide .about_preview{ width: 16.5%; position: relative; float: right; height: 34vw; overflow: hidden;}
.pc_btn{ display: inline-block; position: absolute; right: 1vw;bottom: 25px; z-index: 10; color: #fff;}
.pc_btn .iconfont{ color: #fff;}
.pc_btn a{ display: inline-block; margin: 0 15px;}
.about_preview ul{ display: block;}
.about_preview li{ height: 7.25vw; width: 100%; margin-bottom: 1.7vw; position: relative;z-index: 1;}
.about_preview li:last-child{ margin-bottom: 0;}
.about_preview li:before{ content: ""; opacity: 0; transition: all .4s;-webkit-transition:all .4s; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; border:5px solid #b90304; box-sizing: border-box; z-index: 1;}
.about_preview li.active-nav{ box-shadow: 6px 0 20px rgba(164,14,9,.24);}
.about_preview li.active-nav:before{ opacity:1;}
.about_preview li img{ height: 100%;}
.pc_btn2 {z-index: 10;}
.pc_btn2 a{ display: block; color: #fff; position: absolute; left: 0; width: 100%; height: 20px; line-height: 20px; text-align: center; background: rgba(0,0,0,.5);}
.pc_btn2 a.arrow-left{ top: 0;}
.pc_btn2 a.arrow-right{ bottom: 0;}

.process_list{ width: 63%; margin: 40px auto; position: relative; z-index: 1;}

.process_list:before{ content: ""; display:block; width: 1px;height: 100%;background: #dcdcdc; position: absolute; left: 50%; top: 0; transform: translateX(-50%);}
.process_list li{ width: 50%;  position: relative; transition: all .4s;-webkit-transition:all .4s; float: left; margin-bottom: 12vh;}
.process_list li:before{ content: ""; display: block; width: 25px; height: 25px; background: url(../img/dot.png) no-repeat center; background-size: cover; position: absolute;top:40%; transform: translateY(-50%);}
.process_list li:nth-child(odd):before{ right: -12px; }
.process_list li:nth-child(even):before{ left: -12px; }
.process_list li:nth-child(even){ float: right; margin-bottom: 0; margin-top: 15vh;}
.process_list li:nth-child(even) a{ margin-left: 14%;}
.process_list li a{ display: block; transition: all .4s;-webkit-transition:all .4s; position: relative; width:86%; height: 100%; border:1px solid #b90304; background: #fff; padding: 24px; box-sizing: border-box;}
.process_list li a:before{content: "";transition: all .4s;-webkit-transition:all .4s; display: block; width: 15px; height: 29px; background: url(../img/arr.png) no-repeat center; background-size: 100% 100%; position: absolute; top: 39%; right: -15px; transform:translateY(-50%);}
.process_list li:nth-child(even) a:before{ background: url(../img/arrl.png) no-repeat center; background-size: 100% 100%; left: -15px; right: auto;}
/*.process_list li:hover{ transform: translateY(-3vh);}*/
.process_list span{ font-family: "en"; font-size: 24px;  color: #B40822;}
.process_list h3{ color: #444; line-height: 30px; height: 90px; overflow: hidden; margin-top: 10px;}
.process .see{ margin-top: 5vh;}
.process_list li:hover a{ background: #c52f30; }
.process_list li:hover h3,.process_list li:hover span{ color: #fff;}
.process_list li:nth-child(even):hover a:before{background: url(../img/arr4.png) no-repeat center;background-size: 100% 100%;}
.process_list li:nth-child(odd):hover a:before{background: url(../img/arr3.png) no-repeat center;background-size: 100% 100%;}
.process_list li:hover{ transform: translateY(-10px);}
.about_3{padding: 60px 0;}
.sees{ text-align: center; display: block; margin-top: 20px;}
.sees:hover{ color: #B40822;}
.sees span{ display: inline-block; text-decoration: underline;}
.team_list{ margin-top: 60px;}
.team_list ul{margin-left: -2%;}
.team_list li{ width: 23%;height: 12vw;overflow: hidden; margin-bottom: 1.5vw; float: left; margin-left: 2%; box-shadow: 6px 0 20px rgba(0,0,0,.16); border:5px solid #fff; box-sizing: border-box;}
.team_list li img{width: 100%;height: 100%; transition: all .4s; -webkit-transition: all .4s; } 
.team_list li:hover img{transform: scale(1.03,1.03);}
.jm_ys{ margin-top: 50px;}
.jm_ys ul{border: 1px solid #eeeeee; box-sizing: border-box;}
.jm_ys li{ background: #fff;  width: 25%; padding: 1.7vw; float: left; box-sizing: border-box; border: 1px solid #eeeeee;}
.jm_ys li .iconfont{font-size: 3vw; transition: all .4s; margin-bottom:2vw; display: inline-block;}
.jm_ys li .h3{font-size: 24px;transition: all .4s;  margin: 20px 0; font-family: "fz"; line-height: 36px; height: 72px; overflow: hidden;}
.jm_ys li .h4{ font-family: "fz"; height: 72px; overflow: hidden; line-height: 24px; text-transform: uppercase; color: #c1c1c1;}
.jm_ys li:hover .iconfont{ transform: rotate(360deg); color: #B40822; -webkit-transform: rotate(360deg);}
.jm_ys li:hover .h3{ color: #B40822;}
.jm_2 .index_tit{ padding: 40px 0;}
.jm_2{ background: #eeeeee;overflow-x: hidden}

.jm_lc li{  height: 600px; overflow: hidden; z-index: 1;}
.jm_lc li a{ display:block;position: relative;width: 100%;height:100%}
.jm_lc li a:before{ content: ""; display: block; width: 100%;position: absolute; left: 0; top: 0; height: 100%; background: url(../img/boxbg2.png) no-repeat left center; background-size: 100% 100%; z-index: 1; transition: all .4s; -webkit-transition: all .4s; opacity: 0;}
.jm_lc li .img{ width: 100%; height: 100%; background-size: cover!important; display: block;}
.jm_lc li .lc_info{ position: absolute;  color: #fff; left: 0; top: 0;padding-top: 60%; box-sizing: border-box;  width: 100%; height:100%; display: flex; align-items:flex-start; justify-content: center;  transition: all .5s;-webkit-transition: all .5s; }

.jm_lc li h3{ display: inline-block;transform: translateX(50px); transition: all .4s; letter-spacing: -2px; font-size: 20px; font-family: "fz";  padding: 20px; box-sizing: border-box; writing-mode:vertical-rl;letter-spacing: 10px;
    writing-mode: tb-rl; background: url(../img/titbg3.png) no-repeat center;  background-size: 100% 100%;  white-space : nowrap;  }
.jm_lc li h4{ writing-mode:vertical-rl; transform: translateX(60px); height: auto; font-size: 16px; font-family:"fz";height: 72%; line-height: 30px; width: 60px; overflow: hidden; writing-mode: tb-rl;  margin-left: 30px; visibility: hidden; }

.jm_lc li em{ position: absolute; transition: all .3s; left: 30px; top: 10px; font-size: 36px; font-weight: bold; color:#a8a6a6;}
.jm_lc li:hover em{ color: #fff;}
.jm_lc li:hover .lc_info{padding-top: 30%; }
.jm_lc li:hover h4{ transform: translateX(0); visibility: visible;}
.jm_lc li:hover h3{ transform: translateX(0);}
.jm_lc li:hover a:before{ opacity: 1;}
.fw_list{ width: 100%; margin: 0 auto; }
.fw_list li{ width: 25%; float: left; margin-top: 80px; border-right: 1px solid #e5e5e5;box-sizing: border-box; }
.fw_list li:nth-child(4n){ border-right: none;}
.fw_list .iconfont{ font-size:3vw;}
.fw_list h3{ font-size: 24px; margin: 30px 0; font-family: "fz"; transition: all .4s;}
.fw_list .desc{ line-height: 28px; height: 84px; overflow: hidden;} 
.fw_list li a{ display: block; width: 48%; margin: 0 auto;}
.fw_list li:hover h3{ color: #A40E09;}

.cy_Page ul{ background: #fff;padding:0 40px; border-left: 3px solid #a40e09; box-sizing: border-box; padding-bottom: 60px; box-shadow:  0  6px 16px rgba(0,0,0,.04);}
.cy_Page li a{display: block;position: relative; padding: 30px 0; border-bottom: 1px solid #e6e6e6;}
.cy_Page li h3{ padding-left: 25px; transition: all .4s; margin-bottom: 10px; box-sizing: border-box; position: relative; font-size: 20px; font-family: "fz";}
.cy_Page li h3:before{ content: ""; display: block; width: 10px; height: 10px; border-radius: 50%; border: 2px solid #a40e09; box-sizing: border-box; position: absolute; left: 0; top: 50%; transform:translate(-50%); -webkit-transform: translateY(-50%); z-index: 1;}
.cy_Page li p{ color:#545454; line-height: 24px; font-size: 13px ;}
.cy_Page li:hover h3{ color: #A40E09;}
.cy_Page2 ul{ padding: 0;}
.cy_Page2 li a{padding: 30px 40px; transition: all .4s; padding-left: 120px; box-sizing: border-box;}
.cy_Page2 li h3:before{ display: none;}
.cy_Page2 li h3{ padding-left: 0;}
.cy_Page2 .iconfont{ font-size: 44px; color: #A40E09;position: absolute; left: 40px;top: 50%; transform: translateY(-50%);}
.cy_Page2 li:hover{ box-shadow:  0  6px 16px rgba(0,0,0,.04);}

.map img{width: 100%; display: block;}
.company_info{ padding: 60px 0;}
.company_info .tit{ padding: 40px 0; position: relative; border-bottom: 1px solid #e5e5e5;}
.company_info h3{ font-size: 24px;}
.company_info .tel{ position: absolute; font-size: 12px; color: #878787; right: 0; top: 50%; transform:translateY(-50%);}
.company_info span{ display: block; font-size: 24px; font-weight: bold; color: #A40E09;}
.company_info .addre{ padding: 40px 0; display: flex; justify-content: space-between;}
.company_info img{ display: block; float: left; margin-top: 5px; vertical-align: middle; margin-right: 10px;}
.company_info .addre li{ line-height: 30px;line-height: 30px; color: #383838; }
.ly_part{ background: url(../img/ly_bg.jpg) no-repeat center; background-attachment: fixed; padding: 150px 0;}
.ly_part .z-container{ background: #fff; width: 1200px; border-top: 10px solid #b82536; padding: 100px; box-sizing: border-box;}
.ly_part .ly_desc{ width: 21%; color: #878787; float: left;}
.ly_form{ width: 61%; float: right;}
.ly_desc .tit{ color: #333; font-size: 16px;}
.ly_desc .tit h3{ font-weight: bold;font-size: 30px; text-transform: uppercase;font-family: arial; line-height: 30px;}
.ly_desc .tit .line{ display: block; width: 18px; height: 4px; background: #9c0707; margin: 35px 0;}
.ly_desc .text{ line-height: 24px; margin-bottom: 30px;}
.ly_desc .hot_tel span{ font-size: 24px; font-weight: bold; display: block; color: #333; margin-top: 10px;}
.ly_form .input_text{ width: 100%; height: 40px; border-bottom:1px solid #eaeaea; font-family: "微软雅黑";}
.ly_form label{ display: block; margin: 20px 0; margin-bottom: 10px;}
.ly_form .texta{ width: 100%; height: 130px; background: #f4f4f4; padding: 20px; box-sizing: border-box;font-family: "微软雅黑";}
.ly_form .sub_btn{ display: block; width: 100%; height: 50px;line-height:50px;text-align: center; background: #ce8484; margin-top: 30px; color: #fff; font-size: 18px; transition: all .4s;}
.ly_form .sub_btn:hover{background: #b82536;}

.store_cx .index_tit{ text-align: left; margin-bottom: 25px;}
.store_cx .index_tit h3{font-size: 30px;}
.store_tj{ width: 340px; float: left;}
.sel_box{ display: flex; margin-bottom: 16px; justify-content: space-between;}
.sel_box li{display: inline-block; width: 49%; background: url(../img/arr_b.png) no-repeat right 10px center; height: 46px; box-sizing: border-box; border: 1px solid #9d0a0a;}
.sel_box li select{ width: 100%; height: 100%;padding:0 10px;box-sizing: border-box;}
.serch_box{ width: 100%; height: 46px;box-sizing: border-box; border: 1px solid #9d0a0a; padding: 0 10px;} 
.serch_box input{ width: 80%; height: 100%;}
.serch_box .iconfont{ float: right; color: #A40E09; width: 10%;font-weight: bold; font-size: 20px; height: 44px; text-align: center; display: block; line-height: 44px;}
.store_jg{ height: 520px; overflow: hidden;}
.store_jg li{width: 100%; height: 130px!important; overflow: hidden; border-bottom: 1px solid #9d0a0a; padding: 20px 1.6vw; box-sizing: border-box;}
.store_jg li:last-child{ border-bottom: none;}
.store_jg{border: 1px solid #9d0a0a; border-top: none; }
.store_jg li h3{ font-size: 14px; font-weight: bold; margin-bottom: 12px;}
.store_jg li .tel{ background: url(../img/tel.png) no-repeat left center; padding-left: 20px;}
.store_jg li .dz{ background: url(../img/dz2.png) no-repeat left center; padding-left: 20px;}
.store_jg li p{ line-height: 30px;}
.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.store_map{ width: 55%; float: right; margin-right: 5%;}
.store_map img{width: 100%;}
.store_xq .tit{font-size: 18px; background: url(../img/arr5.png) no-repeat left center; padding-left: 30px; font-family: "fz"; margin-bottom: 30px;}
.store_xq .tit .iconfont{ transition: all .3s; transform: rotate(-36deg);}
.store_con{ box-shadow:0 13px  17px rgba(90,90,90,.26);width:1000px; float: left; position: relative; background: #fff; border: 10px solid #fff; box-sizing: border-box;}
.store_con .img{ width: 100%;  display: flex; justify-content:center; align-items: center;}
/*.store_desc{ width: 29%; height: 100%; padding: 20px; box-sizing: border-box; position: absolute; right: 0; top: 0; background: rgba(0,0,0,.6);}
*/
.store_desc{    width: 300px;
    height: 100%;
    box-shadow: 0 13px 17px rgba(90,90,90,.26);
    padding: 20px;
    box-sizing: border-box;
    background: rgba(0,0,0,0.3);
    border: 10px solid #fff;
    box-sizing: border-box;float: right;}
.store_box img{ width: 100%;}
.store_name{ color: #fff; padding: 20px 0; border-bottom: 1px solid rgba(255,255,255,.2);}
.store_name h3{ font-size: 16px; font-weight: bold; margin-bottom: 10px;}
.store_name p{ line-height: 24px; }

.store_box ul{overflow-y: scroll; padding-right: 10px; box-sizing: border-box;height: 508px;}
.store_box li{ box-sizing: border-box;overflow: hidden; width: 42.5%;display: flex;align-items: center;justify-content: center; float: left; height: 60px; margin-top: 20px;cursor: pointer;}
.store_box li:nth-child(even){ float: right;}
.store_box li a{display:block;width:100%;height:100%}
.store_box li.on{ border: 5px solid #A40E09; box-sizing: border-box;}
.store_box li img{ height: 100%; width: 100%;}
.store_pic{height: 620px;position: relative; }
.store_pic li{ width: 100%; height: 100%; overflow: hidden; transition: all .4s; display: flex; justify-content: center; align-items: center; height: 100%; position: absolute; left: 0; top: 0;opacity: 0;}
.store_pic li img{width: 100%;max-height: 100%;height: 100%;    object-fit: cover;}
.store_pic li.on{ opacity: 1;}
.pw_list ul{margin-left: -2.3%;}
/*.pw_list li{ width: 31%; display: flex;align-items: center; justify-content: center; height:260px; margin-bottom: 40px; z-index: 1; overflow: hidden; float: left; margin-left: 2.3%; position: relative;}
*/
 .pw_list li{width: 22.7%; display: flex; align-items: center; justify-content: center; height: 460px; margin-bottom: 40px; z-index: 1; overflow: hidden; float: left; margin-left: 2.3%; position: relative}
.pw_list li img{ max-height: 100%; min-width: 100%; transition: all .4s; vertical-align: bottom;}

.pw_list li .pw_name{ position: absolute; width: 70px; padding-top: 20px; padding-bottom: 10px; line-height: 70px; left: 50%; top: 50%; transform: translate(-50%,0%); -webkit-transform: translate(-50%,0%);writing-mode:tb-rl; opacity:0;  transition: all .4s;
  -webkit-writing-mode:vertical-rl; font-size: 23px;white-space : nowrap ; max-height: 90%; overflow: hidden; font-family: "fz"; color: #fff; background: url(../img/titbg2.jpg) no-repeat center; background-size: 100% 100%; letter-spacing: 10px; box-sizing: border-box; }
.pw_list li a:before{ content: "";z-index: 1;transition: all .2s; opacity: 0; display: block;  width: 100%; height: 100%; background: url(../img/boxbg2.png) no-repeat center; background-size: 100% 100%; position: absolute; left: 0; top: 0;}
.pw_list li:hover .pw_name{ transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); opacity: 1;}
.pw_list li:hover a:before{ opacity: 1;}
.pw_list li a{ display: block; width: 100%; height: 100%;width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center}
.pw_list li:hover{ box-shadow: 0 13px 17px rgba(67,2,0,.26);}
.page_bar{ text-align: center; margin: 30px 0;}
.page_bar a{ display: inline-block; font-weight: bold; margin: 0 4px; width: 34px; height: 34px; line-height: 34px; text-align: center; border: 1px solid #626262;}
.page_bar a img{ vertical-align: middle;}
.page_bar a:hover{ background: #A40E09; color: #fff; border-color: #A40E09;}
.page_bar a.btn:hover{ background: none;}

.pw_slide{ background: #fff; box-shadow: 0 13px 17px rgba(90,90,90,.26);padding: 6px; box-sizing: border-box;}
.pw_view{ width: 100%; height:38vw; overflow: hidden;}
.pw_slide li img{ width: 100%; height: 100%;}
.pw_slide li{ display: flex; justify-content: center; align-items: center;}
.pic_desc{ position: absolute;writing-mode:tb-lr;  display: none; writing-mode: vertical-lr;font-family: "fz"; width: 170px; height: 320px; padding: 30px; box-sizing: border-box; color: #fff; right: 3vw; top: 3vw; background: url(../img/desc_bg.jpg) no-repeat center; background-size: 100% 100%;}
.pic_name{writing-mode:tb-lr;   writing-mode: vertical-lr;

  -webkit-writing-mode:vertical-rl; font-size: 24px;  letter-spacing: 10px; margin-right: 10px;}
.pic_text{writing-mode:tb-rl; 
  -webkit-writing-mode:vertical-rl; line-height: 24px; width: 72px; overflow: hidden;letter-spacing: 2px}
.pw_preview { position: relative;}
.pw_preview .swiper-container{ width: 94%;position: relative;  overflow: hidden; margin: 20px auto;}
.pw_preview li{ width: 165px;  float: left; padding-right: 20px; box-sizing: border-box;}
.pw_preview .btn{ position: absolute; width: 3%; text-align: center; display: block; top: 50%; transform: translateY(-50%);}
.pw_preview .arrow-left{ left: 0px;}
.pw_preview .arrow-right{ right: 0px;}
.pw_preview .active-nav{  box-sizing: border-box;}
.pw_preview li:before{ content: ""; display: block;border: 5px solid #A40E09;opacity: 0; box-sizing: border-box;z-index: 1; width: 100%; height: 100%;position: absolute; left: 0; top: 0;}
.pw_preview li.active-nav img{border: 5px solid #A40E09; box-sizing: border-box;}
.news_list ul{ margin-left: -2%;}
.news_list li{ width: 31.3%; margin-bottom: 30px; float: left; margin-left: 2%;}
.news_artic{ background: #fff; border: 1px solid #eeeeee; box-shadow: 0 0 24px rgba(0,0,0,.05); padding: 0 10vw; box-sizing: border-box;}
.artic_tit{ text-align: center;}
.artic_tit h3{ font-size: 30px; padding: 60px 0;}
.artic_tit .bar{ line-height: 65px; color: #666666; border-bottom: 1px solid #cccccc;border-top: 1px solid #cccccc;}
.artic_tit .bar span{ display: inline-block; margin: 0 20px;}
.artic_con{ padding: 50px 0;line-height: 36px; color: #444444;}
.artic_con img{ max-width: 100%!important; height: auto!important;}
.artic_bar{ padding: 40px 0;  border-top: 1px solid #cccccc;}
.artic_bar a:last-child{ float: right;}



.sidebox{ position:fixed; right: 10px; top: 50%; z-index: 999;}
.sidebox li{ position: relative; margin-bottom: 10px; display: flex; border-radius: 23px; }
.sidebox a{ display: block; float:left; width: 46px; background: #A40E09; border-radius: 23px; height: 46px; line-height: 46px; text-align: center;}
.sidebox a img{ vertical-align: middle;} 
.sidebox .cont{padding: 0 20px; transform: translateX(150%); box-sizing: border-box; padding-right:46px; transition: all .4s; position: absolute; right: 0px; top: 0;white-space: nowrap ; background: linear-gradient(to right,#e97417,#a40e09); width: auto; font-size: 16px; border-radius: 23px ;color: #fff;   line-height: 46px; }
.sidebox li:hover .cont{transform:translateX(0%); }
.sidebox li .code{  padding: 5px; box-sizing: border-box; width: 110px; height: 110px; border-radius: 3px;}
.sidebox li .code img{ width: 100%; height: 100%;}
.sidebox li:hover .code{transform: translateX(-60px); }
.sidebox li:hover{ background: linear-gradient(to right,#e97417,#a40e09); }
.sidebox li:hover a{ background: none;}
.footer_btm{ display: none;}

/*@media \0screen {
.header_right{ display: block;}
.header_right li{ display: inline-block;}
	 }*/








.rebox { cursor: pointer; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 1000; -webkit-filter: none !important;
    background: rgb(0, 0, 0); /* IE Fallback (Solid Colour) */
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4T2NkYGDYDMRkA8ZRAxhGw4BhNAyA+WAYpAMAIFgLQfO9BoEAAAAASUVORK5CYII=);
    background: rgba(0, 0, 0, 0.9); }
.rebox *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }
.rebox-contents { position: absolute; top: 5%; left: 5%; text-align: center; width: 90%; height: 90%; display: flex; justify-content: center;align-items: center; }
.rebox-contents .rebox-content { border: 5px solid #fff; box-shadow: 0 0 20px #000; border-radius: 1px; max-width: 100%; max-height: 100%; }
.rebox-loading { width: 31px; height: 31px; margin: -16px 0 0 -16px; position: absolute; top: 48%; left: 50%; }
.rebox-caption { display: none; position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; z-index: 1000; background: #000; background: rgba(0,0,0,0.7); }
.rebox-caption p { margin: 0 auto; max-width: 70%; display: inline-block; *display: inline; *zoom: 1; padding: 10px; color: #fff; font-size: 12px; line-height: 18px; }

.rebox-button { position: absolute; z-index: 9999; min-width: 40px; height: 40px; line-height: 40px; background: rgb(0, 0, 0); 
    text-decoration: none; font-size: 24px; color: #fff; text-align: center; vertical-align: middle;
    -webkit-border-radius: 32px; -moz-border-radius: 32px; -ms-border-radius: 32px; border-radius: 32px;
    -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }
/*.rebox-button:hover,
.rebox-button:focus { opacity: 1; -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); }*/

.rebox-close { right: 0px;
    top: 10px;
    font-size: 30px;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: none;
    text-align: right;
    padding-right: 20px;
    padding-top: 10px;
    box-sizing: border-box }
.rebox-next { right: 10px; top: 48%; }
.rebox-prev { left: 10px; top: 48%; }
.rebox-loading { left: 50%; top: 48%;
    -webkit-animation-name: spin; -webkit-animation-duration: 2000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear;
    -moz-animation-name: spin; -moz-animation-duration: 2000ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear;
    -ms-animation-name: spin; -ms-animation-duration: 2000ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear;    
    animation-name: spin; animation-duration: 2000ms; animation-iteration-count: infinite; animation-timing-function: linear;
}
.artic_bar a{ display: inline-block; width: 40%;}
.xg_news{ margin-bottom: 50px;}
.xg_news .tit{ font-size: 20px; color: #CA0700; font-weight: bold; margin-bottom: 20px;}
.xg_news li{ width: 40%; float: left; margin-bottom: 10px;}
.xg_news li:nth-child(even){ float: right;}
.xg_news li:hover a{ color: #C52F30;}
@media \0screen {.pro_lb ul li{ width:350px}}

@media screen and (max-width: 1700px){
	.foot_nav dl{ margin-right: 7vw;}
}
@media screen and (max-width: 1600px){
.header_nav li{ margin-left: 3vw;}
	.foot_addre{ margin-right: 0;}
}
@media screen and (max-width: 1500px){
.foot_nav dl{ margin-right: 6vw;}
}
@media screen and (max-width: 1440px){
.header_nav li{ margin-left: 2vw;}	
.z-container{ width: 1300px;}
.jm_lc li{ height: 500px;}
.jm_lc li em{ font-size: 30px;}
.jm_lc li:hover .lc_info{ padding-top: 30%;}
.fw_list li a{ width: 58%;}
.store_desc{ width: 300px;}
.pw_list li{ height: 360px;}
.store_con .img img{ width: 100%;}
.foot_nav dl{ margin-right: 5vw;}
.pw_preview li{width: 155px; }
}
@media screen and (max-width: 1366px){
.pw_preview li{ width: 147px; }
}
@media screen and (max-width: 1300px){
.header_right .t1,.header_right .t2{ display: none;}	
.foot_nav dl{ margin-right: 4vw;}
.fw_list li a{width: 78%;}
.ly_part .z-container{ width: 90%;}
.pw_preview li{ width: 138px; }
}
/*平板*/

@media screen and (max-width: 1024px){
.jm_fl,.jm_fr{ width: 100%; position: relative;left: auto; top: auto;}
.jm_fl{ padding:30px 12px; background: none;}
.jm_fr { border-top:2px solid #eeeeee}
.jm_fr li{ width: 50%;}
.jm_fr li .mask{ display: none; visibility: hidden;}
.jm_fr li .iconfont{ font-size: 40px; margin-bottom: 0px;}
.jm_fr li h3{ font-size: 20px; margin: 10px 0;}
.jm_fr li{ height: 260px;}
.jm_fr li:before{ height: 50px; width: 50px; line-height: 30px; font-size: 12px;}
.foot_nav dl{ margin-right: 3vw;}

}
/*手机*/
@media screen and (max-width: 980px){
	
.z-container{overflow-x: hidden;}
.header{ width: 100%; height: 50px; background: #960202 ;}
.header_logo{ height: 50px; padding: 10px 0; box-sizing: border-box;}
.header_logo img{ height: 30px;}
.mobile_btn{ position: absolute; right: 10px; top: 50%; transform: translateY(-50%);} 
.mobile_btn span{ display: block; transition: all .4s;-webkit-transition:all .4s; width: 28px; height:2px; border-radius: 3px; background: #fff; margin: 8px 0;}
.mobile_btn.on .line1{ transform: rotate(45deg);transform-origin:25% 50%;}
.mobile_btn.on .line2{ transform: rotate(-45deg);transform-origin:25% 50%;}
.header_bar{ width: 100%; transform: translateX(100%); transition: all .6s;-webkit-transition:all .6s;  height: 100%; position:fixed; left: 0; top: 50px; }
.header_bar.on{ transform: translateX(0);}
.header_nav{ width: 100%; margin-top: 10vh;}
.header_nav li{ display: block; width: 100%; margin-bottom: 20px; text-align: center;}
.header_nav li a{ padding: 0 5vw;}
.header_right{ width: 100%; display: block; text-align: center;}
.header_right .t1, .header_right .t2{ display: inline-block; margin-bottom: 20px;}
.header_right span{ display: inline-block; border-bottom: none;}
.header_right .t3{ margin-top: 0px;}
.header_bar .flex{ display: block; margin-top: -50px; }
.header_right .t3 span{ font-size: 16px; opacity: 1; margin-bottom: 10px;border-bottom:2px solid rgba(255,255,255,.5) }
.z_banner{ margin-top: 50px;}
.z_banner-hd{ bottom: 10px!important;}
.index_about .z-container{ display: block;}
.about_fl,.about_pic{ width: 100%;}
.about_img img{ height: 40px;}
.index_about{ padding: 20px 0;}
.index_tit h3{ font-size: 22px; margin-bottom: 5px;}
.about_desc{ margin: 20px 0;    height: 180px;
    overflow: hidden}
.about_pic { margin-top: 25px;}
.about_pic li{ width: 48%;}
.pic_list .pic_name{ width: 50px;  padding: 15px 0; line-height: 50px; letter-spacing: 4px; text-align: center; font-size: 16px;}

.z-container{ width: 94%;}
.index_about .z-container{ margin-bottom: 0; margin-top: 30px;}
.about_img{ text-align: center;}
.seemore{ margin: 0 auto;}
.index_pro{ padding: 30px 10px; overflow-x: hidden}
.index_pro .bd,.store_lb .slide_hd{margin: 30px 0;}
.store_lb .slide_hd{}
.index_store{ padding: 30px 0; padding-bottom: 30px; }
.index_store .store_lb{ margin-top: 30px;}
.store_icon{ flex-wrap: wrap;}
.store_icon li{ width: 48%;}
.store_icon .iconfont{font-size: 30px;text-shadow:none}
.store_icon h3{ font-size: 20px;}
.store_icon .iconfont{ margin-right: 10px;}
.store_icon .info{ font-size: 12px;}
.index_news{ padding: 30px 0; padding-bottom: 0;}
.index_news .index_tit{ margin-bottom: 30px;}
.news_lb li .img{ height: auto; display: block;}
.news_lb li img{ width: 100%;}
.news_lb li .info{ padding: 20px 20px;}
.news_lb .slide_hd{ margin: 30px 0;}
.foot_nav{ display: none;}
.foot_fr{ width: 100%;}
.foot_code{ width: 100%;margin-bottom: 20px;}
.foot_code .img{ margin: 0 auto; margin-bottom: 10px;}
.foot_btm{ padding: 30px 0; padding-bottom: 10px;}
.foot_addre{ width: 100%;}
.foot_addre .foot_hot{ font-size: 18px;}
.foot_link{ padding: 10px 0;}
.other_banner{ margin-top: 50px;}
.other_banner .banner_tit{ top: 50%; transform: translate(-50%,-50%);}
.banner_tit h3{ font-size: 18px;}
.banner_tit h4{ display: none;}
.pages_bar{ display: none;}
.wrapper{ height: 40px;overflow: hidden; line-height: 40px; padding: 0 10px; box-sizing: border-box;}
.page_nav{ width: 100%; box-sizing: border-box;}
.page_nav li a{ font-size: 14px;}
.page_nav li{padding: 0 8px; display: block; float: left}
.page_nav2{ text-align: center;}
.page_nav2 li{ display: inline-block; float: none;margin: 0;}
.about1_P{ padding: 30px 0; }

.about1_desc{ margin-top: 30px;}
.about1_desc2{ margin-top: 0px;}
.about_2{ padding: 30px 0;}
.about_slide{ margin-top: 30px;}
.about_slide .about_view{ width: 100%;    height: auto;}
.about_slide .about_preview{ display: none;}
.about_slide li .gs_name{ padding: 0 10px; height: 50px; line-height: 50px;}
.about_slide li h3{ font-size: 14px;}
.pc_btn{ bottom: 15px; right: 0;}
.pc_btn a{ margin: 0 10px}
.process_list{ width: 94%;}
.about_3,.about_4{ padding: 30px 0;}
.process_list li a{ padding: 10px;}
.process_list h3{ line-height: 24px; height: 72px; font-size: 12px; margin-top: 0;}
.process_list span{ font-size: 18px; margin-bottom: 0;}
.team_list li{ width: 48%; height: auto;}
.team_list ul{display:flex;display:-webkit-flex;flex-direction:row; -webkit-flex-direction:row;flex-wrap:wrap; -webkit-flex-wrap:wrap;}
.team_list,.jm_ys{ margin-top: 30px;}
.jm_1{ padding: 30px 0;}
.jm_ys li{ width: 50%;}
.jm_ys li .iconfont{ font-size: 30px;}
.jm_ys li .h3{ font-size: 18px; margin: 10px 0; line-height: 24px; height: 48px;}
.jm_lc li{ height: 400px;}
.jm_lc li h4{ display: none;}
.about1_desc img{    max-width: 100%!important;
    height: auto!important;}
#baiduMap{    height: 250px!important }
}
@media screen and (max-width: 420px){
	.jm_lc li{ height: 300px;}
	.jm_lc li .lc_info{ padding-top: 0; align-items: center;}
	.jm_lc li:before{ display: none;}
	.jm_lc li h3{ transform: translateX(0);}
.jm_lc li em{ left: 10px; top: 10px; font-size: 20px;}
.jm_lc li h3{ font-size: 17px;}
.jm_2 .index_tit{padding: 20px 0;}
.fw_list li{ width: 50%;}
.fw_list .iconfont{ font-size: 30px;}
.fw_list h3{ font-size: 20px; margin: 10px 0;}
.fw_list li:nth-child(2n){ border-right: none;}
.fw_list li{ margin-top: 20px;}
.jm_3{ padding: 30px 0!important;}
.fw_list .desc{ font-size: 12px; line-height: 24px; height: 72px;    overflow: hidden}
.cy_Page{padding: 30px 0;}
.cy_Page ul{ padding: 0 20px;}
.cy_Page li a{padding: 20px 0;}
.cy_Page li h3{font-size: 18px;}
.cy_Page2 .iconfont{ position: relative; left: auto; top: auto; transform: translateY(0); margin-bottom: 10px; font-size: 30px; display: block;}
.company_info .tel{position: relative; top: auto; transform: translateY(0);}
.company_info{ padding: 0px 0;}
.company_info .tit{padding: 20px 0;}
.company_info h3{font-size: 20px; margin-bottom: 15px;}
.company_info .addre{ display: block; padding: 20px 0;}
.company_info .addre li{ width: 100%;}
.ly_part{padding: 30px 0;}
.ly_part .z-container{ padding: 10px;}
.ly_part .ly_desc{ display: none;}
.ly_form{ width: 100%;}
.foot_code .img{ width: 80px; height: 80px; padding: 1px;}
.store_tj{ margin-bottom: 30px;}
.store_tj,.store_map{ width: 100%;}
.store_map{ display:none}
.store_cx{ padding: 30px 0;}
.store_cx .index_tit h3{ font-size: 20px;}
.store_con .img{ height: 200px;}
.store_con{ width:100%}
.store_desc{ width: 100%; position: relative; left: auto; top: auto; height: auto;}
.store_desc{ padding: 0 10px;float:left}
.store_xq_page{ padding: 0;}
.store_xq .tit{ margin: 20px 0;}
.store_pic{ height: 150px;}
.store_pic li img{ width: 100%;}
.store_box ul{ margin-left: -2.3%; padding-bottom: 10px;}
.store_box li{ width: 31%; margin-top: 10px; height: 50px;  margin-left: 2.3%; box-sizing: border-box;}
.store_box li:nth-child(even){ float: left;}
.store_box li.on{ border-width:2px ;}
.store_box li img{ width: 100%; height: 100%; display: block;}
.store_name{padding: 10px 0;}
.store_name h3{margin-bottom: 5px;}
.pw_list li{ width: 47.7%;
    height: 230px;margin-bottom: 10px;}
.pw_list li .pw_name{ opacity: 1;transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%)}
.pw_list li .pw_name{ font-size: 16px; letter-spacing: 4px; width: 50px; line-height: 50px;padding-top: 14px;}
.pw_list{ padding: 30px 0;}
.page_bar{ margin: 15px 0;}
.pw_preview { }
.pw_preview li{  width: 110px; padding-right: 10px;}
.pw_preview .swiper-container{ width: 86%;margin: 10px auto;}
.pw_preview .btn{ width: auto;}
.pw_preview li{ width: 34.3%; }
.pic_text{ display: none;}
.pic_name{ font-size: 14px; margin: 0;}
.pic_desc{padding: 10px; width: auto; height: auto; max-height: 100%;}
.news_list li{ width: 98%;}
.news_list li .img{ height: auto;}
.news_page{ padding: 30px 0;}
.news_list li{ margin-bottom: 10px;}
.news_lb li h3{ font-size: 14px;}
.news_lb li .info{ padding: 10px;}
.news_lb li h3{ height: auto; max-height: 48px;}
.news_lb li p{ margin-top: 0; line-height: 24px; height: 48px; font-size: 12px;}
.news_artic{ padding: 0 10px;}
.artic_tit h3{ font-size: 18px; padding: 20px 0;}
.artic_tit .bar{ line-height: 40px;}
.artic_tit .bar span{ font-size: 12px; margin: 0 4px;}
.artic_con{ padding: 20px 0; line-height: 24px;}
.artic_bar{padding: 20px 0;}
.sidebox{ display: none;}
.jm_ys li .h4{font-size:12px; line-height:20px}
.header_nav li:hover a:before,.header_nav li:hover a:after{ display:none}
.jm_fr li:hover a, .jm_fr li:hover .desc{color:#960202}
.fw_list ul{display:flex;display:-webkit-flex;flex-direction:row; -webkit-flex-direction:row;flex-wrap:wrap; -webkit-flex-wrap:wrap;}
.footer{margin-bottom:50px}
.footer_btm{ z-index: 99; display: flex; justify-content: center; align-items: center;width: 100%; height: 50px;position: fixed; left: 0; bottom: 0; background: #960202;}
.footer_btm a{ display: block; font-size: 12px; flex: 1; width: 25%; text-align: center; color: #fff; float: left;}
.footer_btm .iconfont{ font-size: 24px;}
.pro_lb .bd li{ width: 48.3%;}
.index_pro .index_tit{ margin-bottom: 30px;}
.store_lb li .img{ height: 100px;}
.pro_lb .bd li{ height: 240px;}
.pro_lb .bd li .img img{ width: 100%;}
.store_box ul{height:auto;}
}