@charset "UTF-8";
/* public */
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}
img{border:0;}
ul,dl,li,dt,dd{list-style:none;}
body{font-family: "微软雅黑";font-size: 14px; overflow-x:hidden; color: #333; background: #f2f1f2;  }
pre{font-family: "微软雅黑";}
a{font-size:14px;text-decoration:none;  color: #333; transition: all .5s; }
.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:"microsoft yahei"; 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: 1200px;height:auto;clear: both;margin: 0 auto;}
.z-row {width: 100%;height: auto;clear: both;overflow: hidden;}
.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;}
.ellipsis5{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;text-overflow:ellipsis;}
.ellipsis6{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;text-overflow:ellipsis;}
.ellipsis8{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 8;overflow: hidden;text-overflow:ellipsis;}
*:before,
*:after {
  z-index: -1;
}
@font-face {
  font-family: 'cn';  /* project id 574899 */
  src: url("../fonts/方正宋黑简体.ttf");

}

.tb{ writing-mode: vertical-rl;/*从左向右 从右向左是 writing-mode: vertical-rl;*/ transition: all .8s;  
    writing-mode: tb-rl;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/


    -webkit-writing-mode: vertical-rl;      
 
    *writing-mode: tb-rl;
   
   }
.other_banner2 img{ width:100%; vertical-align: bottom}
.topbar{ height: 100px; background: #0b0b0b; color: #fff; line-height: 100px;}
.topbar a{ color: #fff;}
.topbar_left{ color: #a6a6a6; height: 100px;}
.topbar_right .jm{ display: inline-block; background: url(../img/tbg1.png) no-repeat left center; padding:5px 10px; background-size:100% auto; margin-right: 10px; font-size: 14px;}
.topbar_right{ font-size: 16px;height: 100px;}
.topbar_right span a{ display: inline-block; background: url(../img/tbg2.png) no-repeat left center; padding:5px 10px; background-size:100% auto; margin-left: 10px; transition: all .6s;}
.topbar_right span a:hover{ transform: scale(1.1,1.1);}
.topbar_right span{ margin-left: 30px;}
.header_nav{ width: 100%; background:#c52020 ; height: 75px;}
.header_nav ul li{ float: left; padding: 0 30px; position: relative; text-align: center;}
.header_nav ul li img{ vertical-align: middle;}
.header_nav ul li:first-child{ padding-left: 0;}
.header_nav ul li:before{ content:""; display: block; width: 13px; height: 11px; background: url(../img/line.png) no-repeat center; background-size: 100%; position: absolute; right: -6px; top: 50%; transform: translateY(-50%);z-index: 2;}
.header_nav ul li:last-child:before,.header ul li:nth-child(4):before{display: none;}
.header_nav ul li:last-child{ margin-right: 50px;}
.header_nav a{ color: #fff; font-size: 15px;}
.header_nav a:hover{ font-weight: bold;}
.header_nav ul li:nth-child(5){ margin-left: auto; }
.header_nav ul{ display: flex;align-items: center;height: 75px;}
.header_logo{ position: absolute; left: 50%; top: 0; /*transform: translateX(-50%);*/width: 190px;z-index: 20; margin-left: -95px;}
.header_logo a{ display: block; }
.header_logo img{ max-width: 100%;}
.banner img{ width: 100%; vertical-align: bottom;  }
.menuBtn{position:absolute; right:2vw; top:0; height:20px; top:15px;cursor:pointer; display: none;}
.menuBtn.on .line1{transform:rotate(45deg);transform-origin:14% 50%;}
.menuBtn.on .line2{width:0;}
.menuBtn.on .line3{transform:rotate(-45deg);transform-origin:14% 50%;}
.menuBtn span{display:block; width:26px; height:2px; background:#fff; transition:all .45s;}
.menuBtn .line2{margin:5px 0;/* width:20px; transform:translateX(6px);*/}
/*.swiper-slide .img{width:100%; height:100%;transform:scale(1.1); transition:ease 3s; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.swiper-slide.swiper-slide-active .img{transform:scale(1);}
.swiper-slide.swiper-slide-prev .img{transform:scale(1.1);}*/
.swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto;flex-shrink: 0;width: 100%;height: 100%; position: relative;}
 
.swiper-container {margin: 0 auto;  position: relative; overflow: hidden;  z-index: 1;}
.swiper-wrapper { position: relative; width: 100%;height: 100%; z-index: 1;display: -webkit-box;display: -moz-box;  display: -ms-flexbox;  display: -webkit-flex;
    display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform;-o-transition-property: -o-transform; -ms-transition-property: -ms-transform;
    transition-property: transform; -webkit-box-sizing: content-box;-moz-box-sizing: content-box;   box-sizing: content-box;}
.banner .swiper-pagination{ text-align: center ;display: inline-block;  width: 10px; z-index: 999;}
.swiper-pagination span{display: inline-block; width: 10px; height: 10px;background: #7d7d7d; margin: 10px 0px; transition: all .5s; cursor: pointer;border-radius: 50%;}
.swiper-pagination-bullet-active{background: #d6b88c!important; }
.bannerdot{ position: absolute; right:80px; top:50%; transform: translateY(-50%);z-index: 99; text-align: center;}
.bannernum{ font-size: 26px; color: #d6b88c; writing-mode: vertical-lr;/*从左向右 从右向左是 writing-mode: vertical-rl;*/ transition: all .8s;  
    writing-mode: tb-lr;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/ margin-bottom: 60px; position: relative; }
.bannernum:before{ content: ""; display: block; width: 2px; height: 30px; background: #c6a860; position: absolute; left: 50%; transform: translateX(-50%); top: -50px; z-index: 2;}
.index_tit{ text-align: center; font-size: 36px; margin-bottom: 70px; font-family: "cn"; position: relative;}
.index_tit em{ display: inline-block; width: 10px; height: 10px; border-radius: 50%; border: 2px solid #d92625; box-sizing: border-box; vertical-align: middle; margin: 0 10px}
.index_tit span{position: relative; z-index: 2;}
.index_tit span:before{ content: ""; display: block; width: 100%; height: 10px; background: #d6b88c; position: absolute; left: 0; bottom: 0;animation: myfirst 4s infinite;}

.index_brand{ width: 100%; padding: 80px 0 160px 0; background: #ecdfbd; position: relative;background: url(../img/index_bg1.png) no-repeat bottom; }
/*.index_brand .brand_bg{ width:38%; height: 100%; background: url(../img/index_bg1.png) no-repeat bottom; background-size: 100% auto ; position: absolute; left: 0;bottom: 0; z-index: 1;}
*/
.brand_box{position: relative;}

.brand_box .store_box{ width: 58%; padding-left: 50px; box-sizing: border-box; float: left;}
.store_box .swiper-slide{ width: 100%; height: 460px;overflow: hidden; display: flex; justify-content: center; align-items: center; z-index: 3;}
.store_box .swiper-slide img{ width: 100%; transition: all 1s;}
.store_box .swiper-slide:hover img{ transform: scale(1.1,1.1);}
.store_box .more{ position: absolute; left: 0; top: 0; transition: all .8s; z-index: 2;}
.store_box .more em{ display:inline-block; width: 10px; height: 10px; background: #d92222; margin-bottom: 15px;}
.store_box .more:hover{ color: #d92222;}
.store_box .store_dot{ width: 240px; height: 240px; background: #fff; position: absolute; bottom:-50px; left: 0; }
.store_dot .box{ position: absolute; bottom:10px; left: 0; padding:0 20px; font-size: 16px; box-sizing: border-box; width: 100%; line-height: 34px;}
.store_dot .swiper-pagination{ display: inline-block; float: right;}
.store_dot .swiper-pagination span{ margin: 0 2px}
.barnd_info{ width: 40%; float: right; padding: 0 50px;box-sizing: border-box;}
.barnd_info .h4{ font-size: 20px; font-family: "cn"; position: relative; line-height: 50px;}
.barnd_info .h4:before{ content: ""; display: block; height:2px; width: 100%; position: absolute; left: -140px; bottom: 0; background: #c0ae96; z-index: 1;}
.barnd_info .h4:after{ content: ""; display: block; height: 2px; width: 60px; position: absolute; left: -140px; bottom: 0;z-index: 2; background: #d40000; animation: width100 10s infinite;}
.barnd_info .h3{ font-size: 34px; font-family: "cn";}
.barnd_info .p{font-size: 16px; }
.barnd_info .tit2{ border-bottom:2px solid #c0ae96; padding: 10px 0; display: inline-block;}
.barnd_info .en_text{ padding: 10px 0;}
.barnd_info .en_text h3{font-size: 20px;text-transform : uppercase; letter-spacing: 2px;font-family: "cn";}
.barnd_info .en_text em{ color: #d40000;}
.barnd_info .desc{ line-height: 24px; margin: 30px 0; height: 96px; margin-bottom: 60px;}
.mores{ width:150px; height:46px; position:relative;}
.mores a{ display:block; position:absolute; left:0; top:0; width:100%; height:100%; perspective:200px; -webkit-perspective:200px;}
.mores .three-d-box{ transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; pointer-events: none; position: absolute;
top:0; left: 0; display:block; width:100%; height: 100%; transform:translatez(-28px); -webkit-transform:translatez(-28px); -ms-transform:translatez(-28px); -moz-transform:translatez(-28px); transition:all .32s ease-out;}
.mores span.defal,.mores span.end{ display:block; width:100%; height:46px; line-height:46px; color:#fff; font-size:14px; font-family:"Arial"; background:#d92222; text-align:center; transition:0.34s; position:absolute; left:0; top:0; transition:0.35s;}
.mores span i{ display:inline-block; width:15px; height:10px; background:url(../img/jt.png) center no-repeat; margin-left:10px;}
.mores span.defal{ transform:rotatex(0deg) translatez(23px); -webkit-transform:rotatex(0deg) translatez(23px); -moz-transform:rotatex(0deg) translatez(23px); -ms-transform:rotatex(0deg) translatez(23px); }
.mores span.end{ transform:rotatex(-90deg) translatez(23px); -moz-transform:rotatex(-90deg) translatez(23px); -ms-transform:rotatex(-90deg) translatez(23px); -webkit-transform:rotatex(-90deg) translatez(23px);}
.mores a:hover .three-d-box{transform: translateZ(-23px) rotateX(90deg); -webkit-transform: translateZ(-23px) rotateX(90deg); -moz-transform: translateZ(-23px) rotateX(90deg); -ms-transform: translateZ(-23px) rotateX(90deg);}
.mores a:hover span.end{ background:#d95422;}

.index_hz{ background: url(../img/index_bg2.jpg) repeat; padding: 70px 0;}
.hz_list li{ width: 20%; text-align: center; float: left;}
.hz_list .img{ width:100%; height: 100%; border-radius: 50%; background: #9f301f; display:flex;justify-content: center;align-items: center; transition: all .9s;}
.hz_list .img img{ transition: all .9s;}
.hz_list .icon{width: 80px; height: 80px; padding: 5px; border: 1px solid #9f301f; border-radius: 50%;margin: 0 auto; transition: all .9s;}
.hz_list li:hover .img img{ }
.hz_list li:hover .img{background: linear-gradient( #d95622, #d92222)}
.hz_list li:hover .icon{ border: 1px dashed #9f301f;transform: rotate(360deg);}
.hz_tit{ margin: 20px 0;font-family: "cn"; text-transform: uppercase;font-weight: bold;}
.hz_tit h3{ font-size: 20px; line-height: 30px;}
.hz_list .line,.bl{ display: inline-block;width: 37px; height: 7px; background: url(../img/bl.png) no-repeat center; background-size: 100% 100%; transition: all .9s;transform: translateY(-20px);}
.hz_list li:hover .line{ background: url(../img/bl2.png) no-repeat center; transform: translateY(0px);}
.hz_list li .more{ display: block; opacity: 0; transition: all .9s;  font-size: 16px;}
.hz_list li:hover .more{ opacity: 1; color: #d92222; height: auto; }
.index_pro{ background: url(../img/index_bg3.jpg) no-repeat center; background-size: cover; padding: 70px 80px; }
.index_pro .index_tit{ color: #fff;}
.index_pro .swiper-container{padding-left: 40px;}
.index_pro .swiper-slide{ background: #fff; height: 450px; width: 260px!important; margin: 50px 0;}
.index_pro .swiper-slide a{ display: block;width: 100%; height: 100%;}
.index_pro .img{ position: absolute; bottom: 0; left: 0; width: 100%;}
.index_pro .img img{ width: 100%; vertical-align: bottom;}
.index_pro .pro_name{ width: 65px; min-height: 180px; padding: 15px 0; box-sizing:border-box; background: #d92222; color: #fff; line-height: 65px;font-size: 30px; font-family: "cn"; position: absolute; left: 50%; top: -25px; transform: translateX(-50%); transition: all .9s; box-shadow: 7px 2px 7px rgba(0,0,0,.1);}
.index_pro .pro_info{ width: 340px; height: 180px; color: #fff;  box-sizing: border-box; position: relative; left: -40px; top: -25px; background: linear-gradient( #d95622, #d92222); transition: all 1s; opacity: 0;}
.pro_info .name{ float:right; font-size: 20px; margin-left: 15px; display: block; height: 100%; }
.pro_info .desc{ float: right; line-height: 24px; overflow: hidden;
    width: 168px;
    height: 140px}
.pro_info .more{ border-right:1px solid #fff;display: block; height: 100%; float:left; box-sizing: border-box; line-height: 40px; padding-top: 20px;}
.pro_info .pbox{ padding: 20px; box-sizing: border-box; float: right;}
.index_pro .swiper-slide:hover .pro_name{ top: 20px;} 
.index_pro .swiper-slide:hover .pro_info{ opacity: 1; top: 20px;}
.index_pro .lj{text-align: center;} 
.index_pro .lj .bl{ display: block; margin: 0 auto; transform: translateY(0); margin-top: 10px;}
.index_pro .swiper-pagination{ width: 100%; text-align: center;}

.index_pro .swiper-pagination span{ margin: 0 10px;background: #bfbfbf; position: relative;}
.index_pro .swiper-pagination-bullet-active:before{ content: ""; display: block; width: 22px; height: 22px; z-index: 2; border-radius: 50%; border: 1px solid #d92222; box-sizing: border-box; position: absolute; left: -6px; top: -6px;}

.index_pro .swiper-pagination-bullet-active{background: #d92222!important;}
.index_news{ padding: 80px 0; background: url(../img/index_bg4.jpg) no-repeat center; background-size: cover;}
.index_news .swiper-wrapper{height: 480px;}
.index_news .swiper-slide{ background: #fff; padding:50px 30px; margin-bottom: 50px;  position: relative; z-index: 1; box-sizing: border-box; height: 430px; }
.index_news .swiper-slide:before{content:""; display: block; width: 0%; height: 100%;background: linear-gradient( #d95622, #d92222); position: absolute; left: 50%; top: 0;transition: all .9s; } 
.index_news .time{ font-size: 16px;transition: all .9s;}
.index_news .name{ font-size:16px;transition: all .9s; font-family: "cn"; margin: 20px 0; line-height: 26px; height: 52px; overflow: hidden; font-weight: bold;}
.index_news .desc{ line-height: 26px;transition: all .9s; color: #6f6f6f; margin-bottom: 120px; height: 78px; overflow: hidden;}
.index_news .more{transition: all .9s;}
.index_news .more i{ display: inline-block;width: 16px; height: 11px; background: url(../img/jt.png) no-repeat center;  transition: all .9s; opacity: 0;}

.index_news .swiper-slide:hover:before{left: 0;width: 100%; }
.index_news .swiper-slide:hover a{ color: #fff;}
.index_news .swiper-slide:hover .desc{ color: #fff;}
.index_news .swiper-slide:hover .more i{ opacity: 1; transform: translateX(20px);}
.zu_group{ height: 40px; width: 100%; position: relative;}
.zu_group .swiper-scrollbar{height: 4px; background: rgba(0,0,0,.1); opacity: 1!important; position: relative; top: 19px; left: 0;}
.swiper-scrollbar-drag{ background: rgba(217,34,34,.2); height: 4px; position: absolute; left: 0; top: 0;}
.btn_box{ width: 40px; height: 40px; border-radius: 50%; background: #d92222; overflow: hidden; position: absolute; left: 50%; top: 0;}
.btn_box a{ display: block; width: 20px; height: 40px; float: left;}
.btn_box .arr_left{ background: url(../img/arr_l.png) no-repeat center;}
.btn_box .arr_right{ background: url(../img/arr_r.png) no-repeat center;}

.sub_nav{ position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.sub_nav a{ display: inline-block; margin-left: 35px; position: relative; font-size: 16px;}
.sub_nav a:before{ content: "";display: block; width: 10px; height: 10px; border: 2px solid #484640; box-sizing: border-box; position: absolute; left: -15px; border-radius: 50%; top: 50%; transform: translateY(-50%);}
.sub_nav a.active,.sub_nav a:hover{ color: #d92222;}
.sub_nav a.active:before,.sub_nav a:hover:before{ border-color: #d92222;}
.index_store .li{ width: 20%; height:auto; position: relative; overflow: hidden; float: left;}
.index_store .li a{ display: block; width: 100%; height: 100%;}
.index_store .li img{ width: 100%; height: 100%; transition: all .8s; vertical-align: bottom;}
.index_store .li:hover img{ transform: scale(1.1,1.1);}
.index_store .li .info{ background: rgba(0,0,0,.5); width: 100%; position: absolute; left: 0; color: #fff; bottom:0px; height:50px; padding: 0 20px; box-sizing: border-box; transition: all .8s;} 
.index_store .li .name{ height: 50px; line-height: 50px; color: #fff;}
.index_store .li .name em{ display: inline-block; width: 16px; height: 11px; background: url(../img/jt.png) no-repeat center; float: right; margin-top: 20px;}
.index_store .li:hover .info{ height: 100%; text-align: center; background: linear-gradient( rgba(217,34,34,.8), rgba(217,86,34,.8)); display: flex; justify-content: center; align-items: center;}
.index_store .li:hover .name em{ display: none;}
.index_store .li:hover .name{ text-align: center; font-size: 24px; margin-bottom: 20px; }
.index_store .li:hover .desc{ line-height: 24px; height: 48px; overflow: hidden; margin-bottom: 60px;}
.index_logo{ padding: 0 60px; box-sizing: border-box; position: relative; border-bottom: 1px solid #e3d9cb;}
.index_logo .swiper-slide{ height: 270px; display: flex; justify-content: center; align-items: center;opacity:0.5;}
.index_logo .swiper-slide:hover{opacity:1;}
.index_logo .swiper-slide img{ max-width: 100%;}
.index_bg{ background: url(../img/index_bg2.jpg) repeat;}
.index_logo .arr_right{cursor: pointer; display: block; width: 44px; height: 44px; background: #c1a377; border-radius: 50%; display: flex; justify-content: center; align-items: center; position: absolute; right: 0px; top:50%; transform: translateY(-50%);}
.index_logo .index_tit{ position: absolute; height: 160px; left: 0; top:60px; margin-bottom: 0; font-size: 30px;}
/*.index_tit span:before{ height: 100%; animation: none; width: 6px; right: 0px;}*/
.index_tit em{ margin: 10px 0;}
.index_icon2{ margin-bottom: 100px;}
.index_icon2 ul{ display: flex; justify-content: space-between;}
.index_icon2 ul li{ text-align:center; padding: 70px 0;}
.index_icon2 ul li em{ margin-bottom: 20px; display: block; height: 50px; transition: all .8s;}
.index_icon2 ul li:hover em{ transform: rotate(360deg);}
.index_icon2 h3{ font-family: "cn";font-size: 16px; margin-bottom: 4px;}
.index_icon2 p{ color:#6b6b6b;}

.footer{margin-top: -100px; width: 100%; padding: 110px 0; position: relative;  box-sizing: border-box; background: url(../img/foot_bg.jpg) no-repeat bottom; background-size: cover; color: #fff;}
.foot_l{ width: 28%;float:left; margin-right: 6%;}
.foot_r{ width: 66%; float: right;}
.foot_tit{ font-size: 24px; margin-bottom: 30px;}
.foot_desc{ color: #c4aaa9;}
.foot_desc h3{ font-size: 14px; font-weight: bold;}
.foot_desc p{ line-height: 26px;}
.foot_top_l{ width: 68%; float: left;}
.foot_code{ float: right; width: 148px; text-align: center;}
.foot_code img{ width: 148px; height: 148px;}
.foot_code h3{ line-height: 30px;}
.foot_bottom{ margin: 60px 0;}
.foot_bottom .li{ float: left; line-height: 24px;}
.foot_bottom .li:last-child{ float: right;}
.foot_copy,.foot_copy a{ color: #c6aead; line-height: 24px;}
.footer .z-container{ overflow: hidden;}
.bshare-custom { margin-top: 50px;}
.bshare-custom .bshare-weixin{ background: url(../img/wx_icon.png) no-repeat center!important;}
.bshare-custom .bshare-sinaminiblog{ background: url(../img/wb_icon.png) no-repeat center!important;}
.bshare-custom .bshare-qqim{ background: url(../img/qq_icon.png) no-repeat center!important;}
.bshare-custom a{ width: 30px!important; height: 30px!important; padding: 0!important; margin-right:26px!important;}
/*工艺传承*/
.header2 .topbar{ background: url(/style/img/index_bg2.jpg) repeat;}
.header2 .topbar_left a,.header2 .topbar_right span{ color: #D92625;}
.header2 .jm{ color: #fff;}
.other_banner img{ width: 100%; vertical-align: bottom;}
.other_page{ background: #ecdfbd; position: relative; }
.other_page:before{ content: ""; width: 100%; height: 700px; background: url(../img/other_bg.png) no-repeat right bottom; position: absolute; right: 0;bottom: 0; z-index: 2;}
.other_con{ background: url(../img/index_bg2.jpg) repeat; box-sizing: border-box; position: relative; top: -200px; left: 0; min-height: 500px; z-index: 3; padding: 0 50px; padding-bottom: 40px;  /*border-top:5px solid #d92222;*/}
.other_con:before{ content: ""; display: block; width: 100%; height: 5px;width:0%; background: #d92222; position: absolute;left: 0;top: 0; transition: all 2s;}
.other_con.on:before{ width: 100%;}
.other_head{ background: url(../img/head_bg.png) no-repeat right top; height: 330px;box-sizing: border-box;}
.other_banner{ height: 540px;}
.other_con table{ width: 100%!important;}


.other_tit{
	writing-mode: vertical-lr; writing-mode: tb-lr; transition: all .8s; height: 290px;  
    margin-top: 40px; position: relative;  float: left;
}
.other_tit:before{ content: ""; display: block; width: 88px; height: 56px; background: url(../img/ljiao.png) no-repeat center; position: absolute; top: 50px; left: -20px;}
.other_tit .h3{ font-size: 38px; font-family: "cn";}
.other_tit .h3 em{color: #d92222;}
.other_tit .en{ height: 60px;color: #d92222; font-family: arial;writing-mode: vertical-rl;position: absolute; top: 8px; left: 48px;font-weight: bold; }
.other_tit .text{ position: absolute; top: 100px; left: 50px; color: #4b4b4b;writing-mode: vertical-rl;}
.other_nav{ float: right;  writing-mode: tb-rl;writing-mode: tb-rl; }
.other_nav a{ display: block;letter-spacing: 4px;  background: url(../img/nav_bg.jpg) repeat; margin-left: 30px; width: 40px; line-height: 40px; box-shadow: 5px 0 5px rgba(0,0,0,.1); color: #fff; padding: 20px 0; font-size: 15px; margin-top: 20px; transition: all .6s;}
.other_nav a.active,.other_nav a:hover{ margin-top: 0; padding-top: 40px; }
.other_sub{ height: 60px; line-height: 60px; border-bottom:1px solid #aaaaaa; border-top:1px solid #aaaaaa; font-size: 25px; color: #D92222; font-family: "cn";}
.other_sub em{ text-transform: uppercase; letter-spacing: 2px; color: #71706d; font-size: 20px; margin-left: 25px; display: inline-block;}
.gy_warp{ padding: 50px 60px; box-sizing: border-box;}
.gy_box { margin-bottom: 60px;}
.gy_box .img{ width: 50%; height: 330px; overflow: hidden; float: left;}
.gy_box .img img{ width: 100%; transition: all .8s;}
.gy_box .img:hover img{ transform: scale(1.1,1.1);}
.gy_box .info{box-sizing: border-box;  position: relative;    writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;      
    writing-mode: vertical-rl;
    *writing-mode: tb-rl;}
.gy_box .info:before{ content:""; display: block; width: 1px; height: 100%; background: #D92222; top: 0; z-index: 1;}
.gy_box .info .tit{display: inline-block; font-size: 25px; font-family: "cn"; padding: 10px 0; border-bottom:3px solid #D92222; border-top:3px solid #D92222; margin-left: 30px;}
.gy_box .info .desc{ line-height: 30px; font-size: 16px; color: #444444;}
.gy_box:nth-child(odd) .info{float: right;border-right:1px solid rgba(217,34,34,.5);  padding-right: 60px;}
.gy_box:nth-child(even) .info{float: left;border-left:1px solid rgba(217,34,34,.5);  padding-left: 60px;}
.gy_box:nth-child(odd) .info:before{ position: absolute; right: 2px;}
.gy_box:nth-child(even) .info:before{ position: absolute; left: 2px;}
.gy_box:nth-child(even) .img{ float: right;}
.m_banner{ width: 100%; position: relative;}
.m_banner img{ width: 100%;}
.m_banner .tit{ width: 80px; line-height: 80px; background: #D92222; color: #fff; font-size: 25px; font-family: "cn"; padding: 20px 0; position: absolute; left: 50%; margin-left: -40px; bottom: -20px;}

.gy_list li{ padding: 24px 0; border-bottom:1px solid rgba(237,34,34,.5); position: relative;}
.gy_list li:before{ content:""; display: block; width: 100%; height: 1px;  background: #D92222;position: absolute; left: 0; bottom: 2px; z-index: 2;}
.gy_list li .img{ width: 170px; height: 170px; float:left; margin-right: 40px;}
.gy_list li .img img{ width: 100%; height: 100%;}
.gy_list li .info{ display: flex; align-items: center; height: 170px; overflow: hidden;}
.gy_list li .tit{ display: inline-block;font-family: "cn"; font-size: 25px; padding: 0 10px; border-left: 3px solid #D92222;border-right: 3px solid #D92222; margin-bottom: 10px;}
.gy_list li .desc{ line-height: 30px; color: #545453; font-family: "cn";}

.re_top{ display: block; width: 62px;z-index: 99; height: 62px; background: url(../img/top.png) no-repeat center; background-size: 100% 100%; position: absolute; left: 50%; top: -31px; margin-left: -31px;}
.news_list ul,.store_list .ul{ margin-left: -3.3%; margin-top: 40px;}
.news_list li,.store_list .li{ width: 30%; float: left; margin-left:3.3%; background: #fff ; height: 390px; margin-bottom: 40px; position: relative;}
.news_list li img{ width: 100%; height: 245px;}
.news_list li .info{ padding: 20px; box-sizing:border-box; transition: all .8s; height: 148px;overflow: hidden; position: absolute; left: 0; bottom: 0;}
.news_list .tit{ font-size: 16px; font-weight: bold; font-family: "cn";}
.news_list .time{ display: inline-block; background: #d92222; color: #fff; padding: 0 10px; margin: 10px 0;}
.news_list .desc{ color: #6f6f6f; line-height: 24px; height: 48px;}
.news_list .mask{ width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; background: linear-gradient( #d95622, #d92222); color: #fff;}
.news_list li:hover .info{ height: 100%;background: linear-gradient( #d95622, #d92222); color: #fff; padding: 30px 20px;}
.news_list li:hover .time{ background: none; margin: 30px 0; padding: 0;}
.news_list li:hover .desc{ color: #fff;}
.news_list li:hover .tit{ font-weight: normal;}
.news_list li:hover .more{ position:absolute; bottom: 30px; left: 20px; opacity: 1;}
.news_list .more i{ display: inline-block;width: 16px; height: 11px; background: url(../img/jt.png) no-repeat center;  transition: all .9s; margin-left: 10px;}
.news_list .more{opacity: 0; }
.pages_bar{ text-align: center; position: relative; height: 45px; width: 100%; float: left; }
.pages_bar .num a{ display: inline-block; width: 30px; height: 30px; margin: 0 10px; border-radius: 50%; background: #a0a0a0;color: #fff; text-align: center; line-height: 30px;}
.pages_bar a{transition: all .6s;}
.pages_bar a:hover{ background: #9f301f;}
.pages_bar a:hover:before{ border-color:#9f301f ;}
.pages_bar .next,.pages_bar .prev{ display: flex; justify-content: center; align-items: center; background: #a0a0a0; height: 45px; width: 45px; border-radius: 50%; position: relative;}
.pages_bar .next:before,.pages_bar .prev:before{ content: ""; display: block; width: 49px; height: 49px; border: 1px solid #a0a0a0; position: absolute; left: -3px; top: -3px; border-radius: 50%; transition: all .4s;}
.pages_bar .next{ position: absolute;right: 0; top: 0;}
.pages_bar .prev{ position: absolute;left: 0; top: 0;}
.page_tit{ height: 70px; line-height: 70px;  border-bottom: 1px solid #aaaaaa;}
.page_tit .back{ font-size: 25px; font-family: "cn"; color: #D92222;}
.page_nav{ float: right;}
.page_nav a{ color:#5b5b5b;}

.artic_page{padding: 50px 0;}
.artic_tit{ text-align: center;}
.artic_tit h3{ font-size: 28px; font-weight: bold;margin-bottom: 10px;}
.artic_tit .time{ display: inline-block; background: #D92222; padding: 0 10px; box-sizing: border-box; color: #fff;}
.artic_con{ margin-top: 30px; color: #5b5b5b; line-height: 24px;}

.artic_con img{ max-width: 100%;}

.index_store li .desc{ text-align: left;}

/*骨里香版图*/
.b_map{ padding: 30px 0;}
.map_pic{ width: 70%; float: left;}
.map_pic img{ max-width: 100%;}
.b_info{ width: 258px; float: right; float: right; color: #fff; margin-top: 50px; height: 496px; position: relative;}
.b_info .box{ padding: 30px; box-sizing: border-box; border-bottom: 1px solid #e78863;background: linear-gradient( #d95622, #d92222); height: 248px!important;}
.b_info h3{ font-size:16px;font-weight: bold; margin-bottom: 10px;}
.b_info p{  line-height: 26px;}
.b_info .btn{ display: block; width: 39px; height: 39px;  position: absolute;}
.b_info .prev{ position: absolute; left: 50%; top: -50px; transform: translateX(-50%);background: url(../img/arr_top.png) no-repeat center;}
.b_info .next{ position: absolute; left: 50%; bottom: -50px; transform: translateX(-50%);background: url(../img/arr_btm.png) no-repeat center;}
/*联系我们*/
.addre_box{ padding: 50px 0;}
.addre_map{ width: 48%; float: left; height: 460px; border: 5px solid #fff; box-sizing: border-box; box-shadow: 0 0 10px rgba(0,0,0,.1);}
.addre_map img{ width: 100%; height: 100%;}
.addre_info{ width: 49%; float: right;}
.addre_tit{ font-size: 16px; font-weight: bold; margin: 20px 0;}
.addre_desc p{ line-height: 33px; color: #515151;}
.addre_code{ margin-top: 30px;}
.addre_code h3{ line-height:40px; font-weight: bold;color: #515151;}
.addre_code img{ width: 160px; height: 160px;}
.leave_box h3{ margin: 15px 0; color: #71706d; margin-bottom: 30px;}
.leave_form li{ width: 48%; height: 48px; border: 1px solid #d2d2d2; background: #fff; padding: 0 20px;display: flex;align-items: center; box-sizing: border-box; float: left;}
.leave_form li:last-child{float: right;}
.leave_form li .input_text{ padding-left: 10px; box-sizing: border-box; width: 70%;}
.leave_form .text{ height: 170px; background: #fff;padding: 20px; margin: 40px 0; box-sizing: border-box;border: 1px solid #d2d2d2;display: flex;}
.leave_form .text textarea{ width: 90%; padding-left: 10px; box-sizing: border-box;}
.subbtn{ height: 48px; width: 140px; color: #fff; background: #D92222; font-size: 16px; cursor: pointer;}
/*我要加盟*/
.jm_tit{font-size: 24px; text-align: center; margin: 40px 0;}
.base_info{  padding-bottom: 30px;}
.base_info li{ width: 50%; float: left; display: flex; align-items: center; height: 40px; margin-bottom: 20px;}

.base_info li label{ width: 100px; text-align: right; display: inline-block; }
.base_info li .input_text{ width: 76%; height: 40px; border: 1px solid #a0a0a0; box-sizing: border-box; padding: 0 10px; margin: 0 10px;}
.base_info li.dz{ width: 100%;}
.base_info li .radio{ vertical-align: middle; margin-right: 5px; cursor: pointer;}
.base_info li span{ display: inline-block; margin-left: 30px;}
.base_info .province{ margin-left: 10px;}
.base_info select{ width: 19.2%;height: 40px; border: 1px solid #a0a0a0;padding: 0 10px; margin-right: 20px; background: url(../img/arr.png) no-repeat right 20px center; } 
.base_info li .xq_dz{ width: 46%; float: right; margin: 0;}
.base_info li .mj{ position: relative;}
.jm_ques{ padding: 40px 0;border-bottom: 1px dashed #c1c1c1;border-top: 1px dashed #c1c1c1; }
.jm_ques dl{ margin-bottom: 30px;}
.jm_ques dl:last-child{ margin-bottom: 0;}
.jm_ques dt{ margin-bottom: 20px;}
.jm_ques dd{ padding: 0 100px; box-sizing: border-box; display: flex; justify-content:flex-start; flex-wrap: wrap;}
.jm_ques dd span{ margin-right:90px; margin-bottom: 15px;}
.jm_ques dd .radio{ vertical-align:middle; margin-right: 5px;}
.jm_ques dd .input_text{ background: #f7f5f0; width: 400px; height: 30px; border: 1px solid #c6c4bf; padding: 0 10px; box-sizing: border-box;}
.jm_ques dd .ys{height: 30px; border: 1px solid #c6c4bf; padding: 0 10px;background: #f7f5f0; vertical-align: middle; margin: 0 10px;}
.jm_form .ts{ margin: 10px 0;}
.jm_form .subbtn{ margin: 0 auto; display: block; margin-top: 30px;}

/*人才招聘*/

.sideMenu{width: 100%; margin-top:30px; }
.sideMenu .rc_box{ margin-bottom: 4px;}
.sideMenu .tit{ height:70px; line-height:70px; padding:0 20px;box-sizing: border-box; background:#d1d1d1; cursor:pointer; color: #2e2e2e; }
.sideMenu .tit span{ display: inline-block; margin-right: 50px;}
.sideMenu .tit em{ float:right; display:inline-block; width:18px; height:18px; background: url(../img/jia.png) no-repeat left center; background-size: 100% 100%;  margin-top: 26px;}
.sideMenu .tit.on em{ background: url(../img/jian.png) no-repeat center; background-size: 100% auto; }
.sideMenu .tit.on{ background: linear-gradient( #d95622, #d92222); color: #fff; }
.sideMenu ul{ padding:40px 50px; color:#515151; display:none; /* 默认都隐藏 */ background: #f7f7f6; }
.sideMenu ul .box{ margin-bottom: 30px;}
.sideMenu ul h4{ margin-bottom: 20px; font-weight: bold;font-size: 16px;}
.sideMenu ul p{ margin-bottom: 10px;}
.sideMenu .aplybtn{  cursor: pointer;background: linear-gradient( #d95622, #d92222); width: 160px; height: 45px; line-height: 45px; text-align: center; color: #fff; border-radius: 3px;}
.z_mask{ display: none; width: 100%; height: 100%; background: rgba(0,0,0,.8); position: fixed; left: 0; top: 0;z-index: 19;}
.apply_pop{  display: none;width: 630px; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); background: url(../img/index_bg2.jpg) repeat; z-index: 20;}
.apply_pop h3{ text-align: center; height: 55px; line-height: 55px; background: #9f301f; font-size: 20px; color: #fff; position: relative;}
.apply_pop h3 .closebtn{ display: block; cursor: pointer; width: 55px; height: 100%; background: url(../img/close2.png) no-repeat center; position: absolute; right: 0; top: 0;}
.rc_form{ padding: 30px; box-sizing: border-box;}
.rc_form li{ width: 48%; float: left; height: 50px; background: #fff; padding: 0 10px; box-sizing: border-box; margin-bottom: 20px;}
.rc_form li:nth-child(even){ float: right;}
.rc_form li label{ line-height: 50px; margin-right: 10px;}
.rc_form li .input_text{ color: #6d6d6d;}
.rc_form .con{ width: 100%; background: #fff; padding: 10px; box-sizing: border-box; float: left; margin-bottom: 20px;}
.rc_form .con label{ vertical-align: top;}
.rc_form .con textarea{ padding: 0 20px; box-sizing: border-box; height: 120px; width: 80%;}
.rc_form h4{ float: left; margin-bottom: 10px; font-size: 16px;}
.up_bar{ background: #fff; padding: 10px;box-sizing: border-box; float: left; width: 100%; display: flex; justify-content: space-between; align-items: center;}
.up_bar .up_btn{ width: 100px; height: 40px; border: 1px solid #dcdcdc; border-radius: 3px;overflow: hidden; cursor: pointer; background: #f1f1f1; float: right; position: relative; text-align: center; line-height: 40px;}
.up_bar .up_btn input{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: 0;}
.rc_form .subbtn{ width: 100%; height: 50px; margin-top: 30px;border-radius: 3px; background: linear-gradient( #d95622, #d92222);}
.glx_pic{ margin-top: 40px;}
.glx_pic li{ width: 49%; float: left; position: relative;}
.glx_pic li img{ width: 100%; vertical-align: bottom;}
.glx_pic li h3{ position: absolute; left: 0; bottom: 0; text-align: center; color: #fff; background: rgb(0,0,0,.5); width: 100%; line-height: 50px;}
.glx_pic li:nth-child(even){ float: right;}
.brand_list{ margin-top: 70px; margin-bottom: 30px;} 
.brand_list li{ width: 25%; float: left; padding: 30px 0; text-align: center; border-right: 1px solid #a0a0a0;border-bottom: 1px solid #a0a0a0; box-sizing: border-box; height: 308px;}
.brand_list li img{ transition: all .6s;}
.brand_list li:hover img{ transform: rotate(360deg);}
.brand_list .tit{ margin: 20px 0 10px 0; font-family: "cn";}
.brand_list .tit h3{ font-size: 20px;}
.brand_list .tit em{ text-transform: uppercase;}
.brand_list .con{ color: #5e5e5e; line-height: 24px; }
.brand_list li:nth-child(4n+0){ border-right: none;}
/*品牌殊荣*/
.honor_list{ margin:40px 0;}
.honor_list .li{ width: 32%; border-right: 1px solid #a0a0a0; border-bottom:1px solid #a0a0a0 ;box-sizing: border-box;float: left; text-align: center; padding: 30px; box-sizing: border-box;}

.honor_list .li:nth-child(odd){ }
.honor_list .li .img{ width: 100%; border: 4px solid #fff; box-sizing: border-box;}
.honor_list .li .img img{ width: 100%; height: 100%; height: 208px; vertical-align: bottom;}
.honor_list .li .tit{ line-height: 50px; background: #fff; color: #222628;}
.honor_list .li:nth-child(3n+0){ border-right: none; padding-right: 0; padding-left: 30px;}
.honor_list .li:nth-child(3n-1){width: 36%; text-align: center; padding: 30px; box-sizing: border-box;}
.honor_list .li:nth-child(3n+1){padding-left: 0;}
/*点击荣誉图片放大样式*/
#zoom{z-index:99990;position:fixed;top:0;left:0;display:none;width:100%;height:100%;background:rgba(0, 0, 0, 0.8);filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"}#zoom .content{z-index:99991;position:absolute;top:50%;left:50%;width:200px;height:200px;background:#ffffff no-repeat 50% 50%;padding:0;margin:-100px 0 0 -100px;box-shadow:-20px 20px 20px rgba(0, 0, 0, 0.3)}#zoom .content.loading{background-image:url("../img/loading.gif")}#zoom .content .overlay{position:absolute;border:1px solid rgba(255, 255, 255, .08);top:-1px;left:-1px;width:100%;height:100%;-webkit-user-select:none}#zoom img{display:block;max-width:none;background:#ececec;box-shadow:0 1px 3px rgba(0,0,0,0.25)}#zoom .close{z-index:99993;position:absolute;top:0;right:0;width:49px;height:49px;cursor:pointer;background:transparent url("../img/close.png") no-repeat 50% 50%;opacity:1;filter: alpha(opacity=100)}#zoom .next,#zoom .previous{z-index:99992;position:absolute;top:50%;overflow:hidden;display:block;width:49px;height:49px;margin-top:-25px}#zoom .previous{left:0;background:url("../img/arrows.png") no-repeat 0 0}#zoom .next{right:0;background:url("../img/arrows.png") no-repeat 100% 0}#zoom .close:hover{background-color:#da4f49}#zoom .next:hover,#zoom .previous:hover{background-color:#0088cc}
/*历程*/
.history{ position:relative; height:2970px; background:url(../img/history.png) 300px 18px no-repeat; margin: 40px 0; box-sizing: border-box;}
.history_bg{ position:absolute; left:0; top:0; width:100%; height:0; background:url(../img/history_bg.png) 300px 18px no-repeat;}
.history ul{ position:relative;}
.history li{ position:absolute;}
.history .txtbox{ color:#771e18; line-height:26px;max-width: 410px; }
.history .img{ position: relative;-200px}
.history .img img{ width: 280px;}
.history strong{ display:block; width:60px; height:60px; background:#9f301f; line-height:60px; text-align:center; color:#ede6da; border-radius:50%;}
.year{ position:absolute; left:-118px; top:0; padding:4px; border:1px solid #9f301f; border-radius:50%;}
.year:before{ content: ""; display: block; width: 16PX; height: 1px; background: #9f301f; position: absolute; right: -17px; top: 50%;}
.historyleft .year{ left:auto; right:-108px;}
.historyleft .year:before{ left: -17px; right: auto;}
.historyleft .txtbox{ text-align:left;}
.his_1{ left: 53%;}
.his_2{ top: 150px;left: 30px;}
.his_3{ top:290px;left: 58%;}
.his_4{ top:450px;left: 60px;}
.his_5{ top:632px;left: 650px;}
.his_6{ top:780px;left: 100px;}
.his_7{top: 930px; left:481px;}
.his_7 .year{left: -200px;}
.his_8{ top: 1180px; left: 20px;}
.his_8 .year{right: -91px;}
.his_9{ top: 1300px; left: 62%;}
.his_10{ top: 1429px; left: 30px;}
.his_10 .year{right: -208px;}
.his_11{ top:1600px ;left: 45%;}
.his_12{ top:1720px ;left:47px;}
.his_13{top:1932px ; left:389px;}
.his_13 .year{left: auto; right:-108px;}
.his_13 .year:before{left: -17px;}
.his_13 .txtbox{ width: 650px!important;}
.his_14{top:2100px ; left:40px;}
.his_14 .year{right: -200px;}
.his_15{top:2224px ; left:529px;}
.his_15 .year{right: auto;}
.his_16{top:2392px ; left:500px;}
.his_16 .year{ right: auto;left:-118px;}
.his_16 .year:before{ right: -17px; left: auto;}

.his_17{top:2574px ; left:498px;}
.his_18{top:2750px ; left:450px;}
.his_18 .year{right: auto;left:-118px;}
.his_18 .year:before{ right: -17px; left: auto;}
/*特色产品*/
.pro_list ul{ margin-left: -3.3%; margin-top: 40px;}
.pro_list li{ width: 30%; float: left; margin-left: 3.3%; position: relative; cursor: pointer ; margin-bottom: 40px; background: #fff;}
.pro_list .tit{ width: 100%; line-height: 50px; text-align: center; background: #d2d2d2;}
.pro_list .img{ height: 290px; line-height: 290px; text-align: center;}

.pro_list .img img{ max-width: 100%; max-height: 100%; vertical-align: middle;}
.pro_list .info_mask{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: linear-gradient( #d95622, #d92222); color: #fff; text-align: center; padding: 30px; box-sizing: border-box; opacity: 0; transition: all .8s;}
.pro_list .info_mask h3{ text-align: center; font-size: 22px; font-family: "cn";}
.pro_list .info_mask .desc{ margin: 30px 0; text-align: left; line-height: 24px;}
.pro_list .info_mask .line{ display: block; width: 37px; height: 7px; margin: 5px auto; background: url(../img/line2.png) no-repeat center; background-size: 100% 100%; }
.pro_list li:hover .info_mask{ opacity: 1;}
.z-mask{ width: 100%; height: 100%; background: rgba(0,0,0,.5); position: fixed; left: 0; top: 0; z-index: 9;display: none;}
.pro_pop{ width: 800px; position: fixed; left: 50%; top: 50%; margin-left: -400px;transform: translateY(0%); z-index: 21;  transition: all .8s; visibility: hidden; opacity: 0;}
.pro_pop.on{transform: translateY(-50%); visibility: visible; opacity: 1;}
.pro_pop .pro_img,.pro_pop .pro_info{ width: 50%; float: left; background: linear-gradient( #d95622, #d92222); color: #fff; min-height: 400px; box-sizing: border-box;}
.pro_pop .pro_img img{  max-height: 100%; display: block;max-width: 100%;}
.pro_pop .pro_img{ background: #fff; height: 400px; display: flex; justify-content: center;align-items: center;}
.pro_pop .pro_info{ padding: 40px; box-sizing: border-box;}
.pro_pop .pro_tit{ text-align: center;font-size: 22px;text-align: center; font-family: "cn"; margin-bottom: 20px; }
.pro_pop .pro_desc{line-height: 24px;}
.close_btn{ display: block; width: 17px; height: 17px; background: url(../img/close2.png) no-repeat center; cursor: pointer; background-size: 100% 100%; position: absolute; right: 20px; top: 20px;}

/**/
.ts_pro{ background: url(../img/pro_bg.png) no-repeat center top 280px; padding: 30px 0; padding-bottom: 200px;}
.ts_pro .img{ width: 52%; float: left; margin-left: -50px; height: 360px; text-align: left;}
.ts_box:nth-child(even) .img{ float: right; margin-left: 0; margin-right: -50px; text-align: right;}
.ts_pro .img img{ max-width: 100%;}
.ts_pro .tit{ display: inline-block; background: #D92222; color: #fff; padding: 4px 10px; font-size: 24px; font-family: "cn"; margin-bottom: 10px;}
.ts_pro .desc{ line-height: 30px; font-family: "cn"; font-size: 15px;}
.ts_pro .info{ width: 48%; float: right; height: 360px; display: flex; align-items: center; padding-right: 40px; box-sizing: border-box;}
.ts_box:nth-child(even) .info{ float: left; padding-left: 40px; box-sizing: border-box; padding-right: 0;}
.other_head{overflow:hidden; width:100%;}


@keyframes myfirst
{
0%   {height: 10px;}

50%  {height: 50%;}

100% {height: 10px;}
}
@-moz-keyframes myfirst
{
0%   {height: 10px;}

50%  {height: 50%;}

100% {height: 10px;}
}
@-webkit-keyframes myfirst
{
0%   {height: 10px;}

50%  {height: 50%;}

100% {height: 10px;}
}
@-o-keyframes myfirst
{
0%   {height: 10px;}

50%  {height: 50%;}

100% {height: 10px;}
}


@keyframes width100
{
0%   {transform: translateX(0);}

50%{transform: translateX(300px);}

100% {transform: translateX(0px);}
}

	#main{width:800px; height:600px; float: left;}



















@media screen and (max-width: 1200px) {
.z-container{ width: 94%;}
.header_logo{ width: 140px;}	
}

@media screen and (max-width: 1024px) {

.header{ width: 100%; height: 100%; position: fixed; left: 0; top: 50px;z-index: 22; box-sizing: border-box;background: #c52020;display: none; }
.header_nav ul{ width: 100%; border-top: 1px solid #1a1c1d; display: block; padding-top: 60px;}
.header_nav ul li{ width: 100%; line-height: 50px; padding: 0;}
.header_logo{ width: 80px;z-index: 30; position: fixed; margin-left: -40px;}
.topbar{ background: none; display: none;}
.header2 .topbar_left a, .header2 .topbar_right span{ color: #fff;}
.menuBtn{ display: block;}
.topbar{ position: fixed; bottom: 10px;z-index: 2; background: none; height: auto; line-height:30px;}
.topbar_right{ width: 100%;}
.topbar_right span{ margin: 0 10px}
.topbar_right span:first-child{ display: block;}
.topbar_left,.topbar_right{ height: auto; text-align: center;}
.mobile_head{ width: 100%; height: 50px; position: fixed; left: 0; top: 0;background: #c52020; z-index:10;}
.banner,.other_banner{ margin-top: 50px;}
.bannerdot{ right: 10px;}
.swiper-pagination span{ margin: 0;}
.bannernum{ margin-bottom: 10px; font-size: 16px;}
.bannernum:before{top: -30px; height: 25px;}
.b_info{ width: 100%; float: left;}
.map_pic{ width: 100%;}
.b_info .box{ width: 50%; float: left;border-right: 1px solid #e78863;}
.addre_map,.addre_info{ width: 100%;}
.other_con{ top: -40px;}
.jm_ques dd{ padding: 0 20px;}
.honor_list .li{padding: 10px!important; width: 33.3%!important;}
.other_con{ padding: 0;}
.history{ background: none; height: auto;}
.history_bg{ display: none;}
.history li{ position: relative; left:90px; top: 0; margin-bottom: 20px; }
.history .txtbox{ width: 72%!important;}
.history .txtbox br{ display: none!important;line-height:0px}
.history strong{ width: 50px; height: 50px; line-height: 50px; }
.year{left: -90px;}
}
@media screen and (max-width: 420px) {
	body{ width: 100%; overflow-x: hidden;}
.header_logo{ width: 60px;z-index: 30; margin-left: -30px; }	
.brand_box .store_box{ width: 100%; padding: 0; height: auto;}
 .store_box .more{writing-mode:horizontal-tb!important; top: -30px;}   
 .store_box .more em{ margin-bottom: 0; margin-right: 10px;}
 .index_brand,.index_hz,.index_news{ padding: 30px 0;}
 .index_tit{ font-size: 18px; }
 .store_box .swiper-slide{ height: auto;}
 .store_box .store_dot{ position: relative; bottom: 5px; left: 0px; height: 54px; width: 100%;}
 .barnd_info{ width: 100%; padding: 0;}
 .barnd_info .h4:before{ left: 0;  width: 100%;}
 .barnd_info .h4:after{ left: 0;}
 .barnd_info .h4{ font-size: 14px;}
 .barnd_info .h3{ font-size: 18px;}
 .barnd_info .p{ font-size:12px;}
 .barnd_info .desc{ margin: 15px 0;}
 .hz_list{ text-align: center;}
 .hz_list li{ display: inline-block; float: none; width: 32%;}
 .hz_tit h3{ font-size: 14px;}
 .hz_tit{ font-size: 12px; margin: 10px 0;}
 .hz_list li .more{ opacity: 1;}
 .hz_list .line, .bl{ transform: translateY(0);}
 .index_tit{ margin-bottom: 30px;}
 .hz_list .icon{ width: 60px; height: 60px;}
 .index_pro{ padding: 30px 40px;}
 .index_pro .swiper-slide{ width: 100%!important; height: 360px; margin-bottom: 30px;}
 .index_pro .swiper-container{ padding-left: 0; }
 .index_pro .pro_info{display: none;}
 .index_pro .pro_name{ min-height: 100px; width: 40px; line-height: 40px; font-size: 20px;}
 .index_pro .lj{ margin-top: 100px;}
 .index_pro .index_tit{ margin-bottom: 0;}
 .hz_list li .more{ font-size: 14px;}
 .index_news .desc{margin-bottom: 60px;}
 .index_news .swiper-slide{ margin-bottom: 30px;}
 .sub_nav{ position: relative; top: 10px; width: 100%; text-align: center;transform: translateY(0%);}
 .sub_nav a{ margin: 0 15px;   }
 .index_store li{ width: 50%; height: auto;}
 .index_store li .info{ height: 50px; overflow: hidden; bottom: 0;}
 .index_store li:hover .info{ display: none;}
   .index_logo .index_tit{ font-size: 20px;}
   .index_logo .swiper-slide{ height: 180px;}
     .index_icon2{ margin-bottom: 40px;}
  .index_icon2 ul li{ padding: 10px 0;}
  .index_icon2 ul{ display: block; text-align: center;}
  .index_icon2 ul li{ display: inline-block; margin: 0 5px;}
  .index_icon2 p{ font-size: 12px;}
 .foot_l,.foot_r,.foot_top_l{ width: 100%; margin-right: 0;}
 .footer{ padding: 10px 0; margin-top: 0;}
 .foot_code{  float: none; margin: 0 auto; margin-top: 50px;}
  .foot_code img{ width: 100px; height: 100px;}
  .foot_l,.foot_top_l{ display: none;}
  .foot_bottom{ margin: 30px 0;}
  .foot_tit{ margin-bottom: 10px;}
  .other_con{ top: -20px; padding: 0 10px; box-sizing: border-box; padding-bottom: 20px;}
  .other_nav a{ margin-left: 2px; width: 30px; line-height: 30px; padding: 10px 0; letter-spacing: 2px;}
  .other_sub em{ font-size: 12px; margin-left: 10px;}

  .other_sub{ font-size: 18px; height: 40px; line-height: 40px;}
  .gy_box .img,.gy_box .info{width: 100%; height: auto;writing-mode:horizontal-tb; text-align: center; }
  .gy_box:nth-child(even) .info,.gy_box:nth-child(odd) .info{padding: 0;border: none; }
  .gy_box:nth-child(even) .info:before,.gy_box:nth-child(odd) .info:before{ display: none;}
  .gy_warp{ padding: 20px 0; }
  .gy_box{ margin-bottom: 10px;}
  .gy_box .info .tit{ margin: 0; font-size: 18px; border-width: 2px;margin: 10px 0;}
  .gy_box .info .desc{ line-height: 24px; font-size: 14px;}
  .m_banner .tit{writing-mode:horizontal-tb; width: auto; ;line-height: 40px; font-size: 16px; height: 40px; padding: 0; bottom: 50%; transform: translateX(-50%); padding: 0 10px; width: 160px; text-align: center; margin-left: 0; margin-bottom: -20px;}
.gy_list li .info{ width: 100%; height: auto; text-align: center; display: block; }
.gy_list li .desc{line-height: 24px;}
.gy_list li .tit{ font-size:18px;}
.gy_list li .img{ float: none; margin: 0 auto; margin-bottom: 10px;}
.other_page{ padding-bottom: 40px;}
.news_list ul,.store_list ul{ margin: 0; margin: 20px 0;}
.news_list li{ width: 100%;margin: 0; margin-bottom: 10px; height: auto;}
 .store_list li{ width: 50%;margin: 0; margin-bottom: 10px; height: auto;}
.news_list .img{ height: auto;}
.news_list li .info{ position: relative; height: auto; padding: 10px;}
.pages_bar{ line-height: 45px; margin-bottom: 30px;}
.other_tit .h3{ font-size: 22px;}
.other_tit .text,.other_tit .en{ display: none;}
.other_head{ height: auto;}
.base_info li .input_text{ margin: 0;}
.other_tit{ height: auto; margin: 20px 0;}
.other_nav a.active, .other_nav a:hover{ padding-top: 30px;}
.other_sub em{ letter-spacing: 0;}
.page_tit{ height: 40px; line-height: 40px;}
.page_tit .back{ font-size: 18px;}
.artic_tit h3{ font-size: 16px;}
.artic_page{ padding: 30px 0;}
.pages_bar .next:before, .pages_bar .prev:before{ width: 39px; height: 39px;}
.pages_bar .next, .pages_bar .prev{ width: 35px; height: 35px;}
.pages_bar{ line-height: 35px;}
.pages_bar .num a{ margin: 0 5px;}
.index_store li .name{ font-size:12px;}
.b_info .box{ width: 100%;}
.addre_box{ padding: 30px 0;}
.addre_map{ height: 300px;}
.addre_tit{ margin: 10px 0; margin-top: 30px;}
.addre_desc p{ line-height: 24px;}
.addre_code{ margin-top: 10px;}
.leave_form li{ width: 100%; margin-bottom: 10px; padding: 0 10px; box-sizing: border-box;}
.leave_form .text{padding: 10px; box-sizing: border-box; margin: 10px 0;}
.leave_form .text textarea{ width: 70%; }
.base_info li{ width: 100%; display: block;height: auto;}
.base_info li .input_text{ width: 60%;}
.base_info select{ width: 60%; margin: 0; }
.base_info li .xq_dz{ margin-top: 10px;width: 60%; margin-left: 104px; float: left;}
.sideMenu .tit { height: 40px; line-height: 40px; padding: 0 10px}
.sideMenu .tit em{ margin-top: 11px;}
.sideMenu ul{ padding: 10px;}
.apply_pop{ width: 90%;}
.rc_form li{ width: 100%; height: 35px; margin-bottom: 10px;}
.up_bar .up_btn{ height: 30px; line-height: 30px;}
.rc_form{padding: 10px;}
.rc_form li label{ line-height: 35px}
.glx_pic li{ width: 100%; margin-bottom: 20px;}
.brand_list li{ width: 100%; border-right: none; height: auto; padding: 20px 0;}
.brand_list{ margin: 20px 0;}
.brand_list .tit{ margin: 10px 0;}
.brand_list .tit h3{ font-size: 18px;}
.honor_list .li{ width: 100%!important; border: none;}
.honor_list .li .img img{ height: auto;}
.honor_list{ margin: 20px 0;}
.pro_list ul{ margin-left: 0; margin-top: 20px;}
.pro_list li{ width: 100%; margin-left: 0; margin-bottom: 20px;}
.pro_list .img{ height: auto;}
.pro_pop{ width: 300px; margin-left: -150px;}
.pro_pop .pro_img, .pro_pop .pro_info{ width: 100%; height: auto; min-height: auto!important;}
.pro_pop .pro_info{ padding: 10px;min-height: 230px;}
.pro_pop .pro_tit{ font-size: 18px; margin-bottom: 10px;}
.pro_pop .pro_desc{ line-height: 24px; }
.ts_pro{ background: none; padding-bottom: 30px;}
.ts_pro .img{ text-align:center}
.ts_pro .img,.ts_pro .info{ width: 100%; height: auto; display: block; margin: 0;padding: 0; margin-left: 0; margin-right: 0;}
.ts_box:nth-child(odd) .info{ padding-right: 0;}
.ts_box:nth-child(even) .info{ padding-left: 0;}
.ts_box:nth-child(even) .img{ margin-right: 0;}
.ts_box{ margin-bottom: 10px;}
.ts_pro .tit{ font-size: 18px; margin-top: 10px;}
.header_nav ul li:before{ display: none;}
.ts_pro .desc{ line-height: 24px;}
.jm_ques dd .input_text{ width: 280px;}

.base_info li span{ margin-bottom: 10px;}
.base_info .province{ margin-left: 0;}
.base_info .city{ margin-left: 104px; margin-top: 10px;}
.jm_ques dd .ys{ padding: 0; width: 35%;}
.other_banner{ height: 200px;}
.history li:nth-child(even) .year,.his_13 .year{left: -90px; right: auto;}
.history li:nth-child(even) .year:before,.his_13 .year:before{right: -17px;left: auto;}
	#main{width:100%; height:300px;}
	.his_7 .year{ left: -90px;}
}
@media screen and (max-width: 320px) {
.header_nav ul li{ line-height: 40px; }	
.history .txtbox{ width: 68%;}
.jm_ques dd .input_text{ width: 260px;}

}