.header {position:fixed;top:0;left:0;width:100%;z-index:20;}
.header.on{background:rgba(0,0,0,0.5);box-shadow: 0px 0px 10px #888888;}
.is_header {background:rgba(0,0,0,0.4)}
.header>div>div{padding:0;line-height:.9rem;}
.header .nav_list ul{text-align:center}
.header .nav_list ul li{display:inline-block;margin:0 .3rem;}
.header .nav_list  ul li a{color:white;font-size:.16rem}}
.header  .ser a.search {background:url(../images/icon0.png)  0 0 no-repeat;background-size:.24rem .23rem;width:.24rem;height:.23rem;}
.header .ser a{padding: 0 .25rem;border-right:2px solid gray}
.header .langs div{display:inline-block;margin-left:.1rem}
.header .langs  .menu{ vertical-align:top;cursor: pointer;}
.menu_btn span {display:block;width:23px;height:1px;background:white;margin:7px 0}
 .menu_btn:before, .menu_btn:after{content:'';width:23px;height:1px;background:white;display:block;transition:all .4s;top:0;left:0;}
 .menu_btn:after {top:auto;bottom:0}
 .menu_btn:hover span, .menu_btn.ons span{opacity:0;}
.menu_btn:hover:before,.menu_btn.ons:before {transform:rotate(45deg) translate(5px,5px) }
.menu_btn:hover:after, .menu_btn.ons:after{transform:rotate(-45deg) translate(5px,-8px)}
.menu_fixed {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:9999;transition:none;display:none;}
.menu_fixed .mains {position:absolute;height:100%;background:#7f7f80;box-shadow:0 0 10px rgba(0,0,0,.2);width:2rem;padding:0 .55rem;right: 0;}
.menu_fixed .mains li {padding:.2rem 0}
.menu_fixed .mains li a {font-size:.14rem;color:white;}
.menu_fixed .mains li a:hover{color:#c0182f;}

.tem_banner .leftnav{position: fixed;height: 100%;background:#303030;top: 0;left: -1.3rem;}
.tem_banner .leftnav .navlist{padding:1rem 0;}
.tem_banner .leftnav .navlist li{ padding:.3rem}
.tem_banner .leftnav .navlist li.on a{color:red}
.tem_banner .leftnav .navlist li a{color:white}
.tem_banner .leftnav  .rettop{text-align:center;position:absolute;left:50%;transform:translateX(-50%);top:80%}
.tem_banner .leftnav  .rettop i{color:white;padding:.3rem;font-size:.3rem;}
footer {border-top:2px solid #bfbfbf}
footer .first{padding:.64rem 0 .59rem}
footer .left{display:inline-block;width:89%}
footer .right{display:inline-block;width:10%;vertical-align:top;padding:.2rem 0;text-align:center}
footer .right p{padding:.1rem 0;font-weight:bold}
footer .left .top .logo .tupian{display:inline-block;}
footer .left .top .logo  .company{display:inline-block;vertical-align:middle;margin-left:.1rem}
footer .left .top .logo  .company p:nth-child(1){font-family: "KaiTi";font-size:.25rem}
footer .left .top .logo{display:inline-block;width:35%;}
footer .left .top  .lists{display:inline-block;width:60%;}
footer .left .top  .lists a{display:inline-block;font-size:.16rem;padding:0 .3rem;border-right:2px solid #9b9b9b;color:black}
footer .left .top  .lists a:last-child{border-right:0}
footer .left .bot{margin-top:.8rem}
footer .left .bot .shares{display:inline-block;width:35%;}
footer .left .bot .shares p{color:#707070;margin-bottom:.1rem}
footer .left .bot .shares a{display:inline-block;color:black}
footer .left .bot .shares a:nth-child(3){margin:0 .1rem}
footer .left .bot .infos{display:inline-block;width: 64%;}
footer .left .bot .infos p{display:inline-block;margin:0 .2rem;color:#707070;}
footer  .bottom{background-color:#f8f8f8;padding:.2rem 0;}
footer  .bottom>div {font-size:0}
footer  .bottom p{color:#707070;width:30%;font-size:.14rem;vertical-align:middle}
footer  .bottom p>a{color:#707070;font-size:.14rem;display:inline-block;}
footer  .bottom>div a:nth-child(2){width:20%;text-align:right;font-size:.14rem;color:black}
footer  .bottom>div a:nth-child(3){width:50%;text-align:right;font-size:.14rem;color:black}
footer  .bottom>div>*{display:inline-block}
.tem_banner .flash{position:relative}
.tem_banner .flash .txt{position:absolute;left:50%;bottom:30%;transform:translateX(-50%);}
.tem_banner .flash .txt p{color:white;font-size:.4rem;padding:.5rem .2rem;text-align:center}
.tem_banner .flash .txt .postion{color:white}
.tem_banner .flash .txt .postion a{display:inline-block;color:white;padding:0 .1rem}
.tem_banner .flash .txt .postion a i{font-size:.2rem}
.company .top{padding:.76rem 0 .27rem}
.company .top .left {display:inline-block;width:8%;vertical-align:top;margin-top:.5rem}
.company .top .left p{font-family: "KaiTi"; writing-mode: vertical-lr;display:inline-block}
.company .top .left p:nth-child(1){font-size:.16rem;color:#4f4f4f}
.company .top .left p:nth-child(2){vertical-align:top;font-size:.25rem;font-weight:bold}
.company .top .right {display:inline-block;width:85%;line-height:.25rem}
.company .top  .right .text1{padding:0 1.3rem 0 0}
.company .top  .right .text1 p{line-height:.5rem}
.company .condition h1{padding:.6rem 0 .4rem;font-size:.18rem}
.company .condition .items:nth-child(2),.company .condition .items:nth-child(3){height:2.5rem}
.company .condition .items {display:inline-block;width:46%;vertical-align:top;height:3rem;border-bottom:2px solid #d8d8d8}
.company .condition .items {padding: .24rem 0;margin:0 .3rem 0 0}
.company .condition .items h2{color:red;font-weight:bold;padding:0 0 .27rem}
.company .condition .items p{line-height:.25rem;}
.company .condition .items:last-child{border:0}
.company .bottom {padding:.56rem  0  1.59rem;line-height:.25rem}
.brand{padding:.83rem 0 1.23rem;background: url(/public/common/images/brandbg.png) no-repeat center 30%;}
.brand .left{display:inline-block;width:8%;vertical-align:top;margin-top:.5rem}
.brand .left p{font-family: "KaiTi"; writing-mode: vertical-lr;display:inline-block}
.brand  .left p:nth-child(1){font-size:.16rem;color:#4f4f4f}
.brand  .left p:nth-child(2){vertical-align:top;font-size:.25rem;font-weight:bold}
.brand .right{display:inline-block;width:85%;line-height:.25rem}
.brand .right .content{height:auto;padding:.35rem 0 }
.brand .right .content  .txt{float:left;width:50%;} 
.brand .right .content  .txt .infos{padding:.2rem .2rem 0 }
.brand .right .content .img{float:right;width:50%}  
.brand .right .content.rlt .txt{float:right}
.brand .right .content.rlt .img{float:left}
.brand .right .content.rlt .txt .infos{padding:1.5rem .2rem 0;}


.geography{padding:.83rem 0 10rem;background: url(/public/common/images/geography.png)   right  0 no-repeat  ;background-size:35%;position:relative}
.geography .left{display:inline-block;width:8%;vertical-align:top;}
.geography .left p{font-family: "KaiTi"; writing-mode: vertical-lr;display:inline-block}
.geography .left p:nth-child(1){font-size:.16rem;color:#4f4f4f}
.geography .left p:nth-child(2){vertical-align:top;font-size:.25rem;font-weight:bold}
.geography .right{display:inline-block;width:50%;line-height:.25rem}
.geography .right h1{padding:.3rem 0 ;font-size:.25rem;font-family:"KaiTi";font-weight:bold}
.geography img{position:absolute;top:38%}
.history{background: url(/public/common/images/historybg.png)  right  0 no-repeat ;}
.history>div{padding:1rem 0 2rem;}
.history .left{display:inline-block;width:8%;vertical-align:top;}
.history .left p{font-family: "KaiTi"; writing-mode: vertical-lr;display:inline-block}
.history .left p:nth-child(1){font-size:.16rem;color:#4f4f4f}
.history .left p:nth-child(2){vertical-align:top;font-size:.25rem;font-weight:bold}
.history .right{display:inline-block;width:80%;line-height:.25rem}
.history .right .text1{display:inline-block;padding:.33rem 0 .96rem}
.history .right .text{width:70%}
.history .right .text1 a{padding:.26rem 1rem;display:block;border:2px solid #787878;font-size:.16rem;color:black}
.history .right .text1 a:nth-child(2){border-top:0}
.history .right .text2 p{display:inline-block}
.history .right .text2 p a{padding:.25rem .3rem;border:1px solid;color:black;}
.history .right .text2 p a:nth-child(2){border-top:0}
.history .right .text2 p:nth-child(2){margin:0 .38rem}
.history .right .text3{display:inline-block;}
.history .right .text3 a{padding:.26rem 1rem;display:block;border:2px solid #787878;font-size:.16rem;color:black}
.history .right .text3 a:nth-child(2){border-top:0}
.history .right .text4 p{display:inline-block}
.history .right .text4 p a{padding:.25rem .3rem;border:1px solid;color:black;}
.history .right .text4 p a:nth-child(2){border-top:0}
.history .right .text4 p:nth-child(2){margin:0 .38rem}
.history .right .text5 p{display:inline-block}
.history .right .text5 p a{padding:.25rem .3rem;border:1px solid;color:black;}
.history .right .text5 p a:nth-child(2){border-top:0}
.history .right .text5 p:nth-child(2){margin:0 .38rem}

.culture{padding:.83rem 0 3rem;background: url(/public/common/images/curtulebg.png) no-repeat center 30% ;background-size:100%;}
.culture .left{display:inline-block;width:8%;vertical-align:top;}
.culture .left p{font-family: "KaiTi"; writing-mode: vertical-lr;display:inline-block}
.culture .left p:nth-child(1){font-size:.16rem;color:#4f4f4f}
.culture .left p:nth-child(2){vertical-align:top;font-size:.25rem;font-weight:bold}
.culture .right{display:inline-block;width:80%;line-height:.25rem}
.culture  .content{padding:7rem 0 0}
.productlist {background: url(/public/common/images/productbg.png)no-repeat right 0;background-color:#f8f8f8}
.productlist .title {padding:.85rem 0 .3rem;border-bottom:2px solid #848484;width:91%}
.productlist .title .left{width:8%;display:inline-block;vertical-align:top}
.productlist .title .right{width:80%;display:inline-block}
.productlist .title .left h1{font-family: "KaiTi"; writing-mode: vertical-lr;font-size:.3rem;font-weight:bold;color:#594839}
.productlist .title .right p{color:#594839}
.productlist .title .right .pronav a{display:inline-block;padding:.2rem .2rem ;font-weight:bold;position:relative;color:black}
.productlist .title .right .pronav a.on{color:red;}
.productlist .title .right .pronav a:before{content:"\f111";font:normal normal normal 14px/1 FontAwesome;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.productlist  .lists{padding:.36rem 0 }
.productlist  .lists  .items {padding:0 .2rem .36rem;color:black;}
.productlist  .lists  .items a{color:black;overflow:hidden}
.productlist  .lists  .items  .name{position:relative}
.productlist  .lists  .items  .name p{text-align:center;padding:.23rem 1.5rem;background:white;border-top:2px solid #d7d8d9;}
.productlist  .lists .items .name i{position:absolute;display:block;width:100%;height:0.02rem;background:#000000;top:0rem;left:0;transform:scale(0);transition:all .3s ease-in-out;}
.productlist  .lists .items a:hover .name i {transform:scale(1)}
.productlist  .lists .items a:hover  img {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.page {text-align:center;padding: 0 0 2rem}
.page .page-item{width:auto}
.page a {display:inline-block;margin:0 4px;width:.3rem;height:.3rem;line-height:.3rem;font-size:.16rem;background-color:white;color:#767676;border:1px solid #767676}
.page a:hover,.page a.page-num-current {background:#da251c;color:#FFF}
.news{background:url(/public/common/images/newsbg.png) no-repeat right 0;}
.news>div{padding:.87rem 0 0rem}
.news .lists>div{padding:0 .55rem .9rem}
.news .lists .top{padding: 0 0 .35rem;}
.news .lists .top p{display:inline-block;}
.news .lists .top p:nth-child(1){padding:0 .13rem;border:2px solid  #e70012;border-radius:25px;color:#e70012}
.news .lists .top p:nth-child(2){color:#e70012;margin-left:.1rem}
.news .lists a{padding:.3rem;background:#f4f4f4;}
.news .lists a .middle{height:1.2rem}
.news .lists a .middle h1{font-size:.18rem;font-weight:bold;color:black}
.news .lists a .middle p{padding:.2rem 0 0;color:#7f7f7f;}
.news .lists a p:nth-child(4){padding:.35rem 0 0;color:#7f7f7f}
.news .lists a:hover img {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.news .lists a:hover{background:#e70012;}
.news .lists a:hover .top p:nth-child(1){border:2px solid  white;border-radius:25px;color:white}
.news .lists a:hover  p:nth-child(2){color:white}
.news .lists a:hover .middle h1{color:white}
.news .lists a:hover   p:nth-child(4){color:white}

.show_news {padding:.45rem 0 .9rem;}
.show_news h2 {font-size:.36rem;color:#333;text-align:center;}
.show_news .met_infos {padding:.15rem 0 .35rem;font-size:.14rem;color:#585858;text-align:center;}
.show_news .met_infos span {display:inline-table;margin:0 .1rem;}
.show_news .met_infos span a {font-size:.14rem;color:#585858}
.show_news .editor {font-size:.16rem;color:#333;line-height:1.8}
.show_news .met_page {padding:.45rem 0 0;margin:.45rem 0 0;border-top:1px solid #e5e5e5;}
.show_news .met_page li {margin:.1rem 0;font-size:.14rem;color:#333}
.show_news .met_page li a {font-size:.14rem;color:#333}
.contact{background:url(/public/common/images/contcatbg.png) no-repeat right 0;}
.contact>div{padding:.9rem 0 }
.contact .left{display:inline-block;width:50%}
.contact .right{display:inline-block;width:48%;vertical-align:top}
.contact .left h1{padding:.37rem 0 .22rem;font-size:.3rem;color:black}
.contact .left h1 em{color:#eb3341;padding:0 .6rem;font-weight:bold}
.contact .left p:nth-child(3){padding:0 0 .55rem}
.contact .left p:nth-child(4),.contact .left p:nth-child(5),.contact .left p:nth-child(6),.contact .left p:nth-child(7){padding:0 0 .2rem}

.contact .right h1{font-size:.3rem}
.contact .right .input{padding:.37rem 0 .22rem}
.contact .right .input input{width:90%;padding:.15rem;border:0;background:#f3f3f3;}
.contact .right .input  div:nth-child(2){text-align:right}

.contact .right  .message textarea{border:0;background:#f3f3f3;padding:.15rem;height:1.5rem;width:100%;}
.contact .right .button {padding:.26rem 0 0}
.contact .right .button .but{width:100%;border:0;padding:.2rem ;background:red;color:white}
.contact  .map{padding:.9rem 0 1.5rem} 
#fullpage .section1 .txt{position:absolute;top: 30%;left:15%;z-index:1;color:#FFF;writing-mode: vertical-lr;}
#fullpage .section1 .txt:before{content:"酒";position:absolute;font-size:3rem;font-family:"kaiti";top:0;transform:translateY(-50%);left:-1.5rem;z-index:-1;color:#201e16}
#fullpage .section1 .txt h1{font-size:1rem;font-family:"KaiTi";opacity:0;transition:all .5s;transform:translateY(100px);}
#fullpage .section1 .txt p{font-size:.2rem;text-align:left;letter-spacing:20px;line-height:.4rem;opacity:0;transition:all .5s;transform:translateY(100px);}
#fullpage .section1 .swiper-slide.swiper-slide-active .txt h1 {transition-delay:.4s;transform:none;opacity:1;}
#fullpage .section1 .swiper-slide.swiper-slide-active .txt p:nth-child(2) {transition-delay:.6s;transform:none;opacity:1}
#fullpage .section1 .swiper-slide.swiper-slide-active .txt p{transition-delay:.8s;transform:none;opacity:1;}
#fullpage .section2 .third{position:relative}
#fullpage .section2 .index_about{width:70%;padding:1.73rem 0 .7rem 1.13rem;visibility: hidden}
#fullpage .section2  .index_about p:nth-child(1){color:red;font-size:.18rem;font-weight:bold}
#fullpage .section2  .index_about h1{font-size:.5rem;font-family:"kaiti";font-weight:bold;letter-spacing:10px;}
#fullpage .section2  .index_about p:nth-child(3){font-size:.2rem;font-weight:bold;padding:.7rem 0 0 }
#fullpage .section2  .index_about p:nth-child(4){font-size:.2rem;font-weight:bold;padding:0 0 .38rem}
#fullpage .section2  .index_about p:nth-child(5){font-size:.14rem;color:#6f6e6e;line-height:.25rem}
#fullpage .section2  .index_about p:nth-child(6){font-size:.2rem;font-weight:bold;padding:.68rem 0 .22rem}
#fullpage .section2  .index_about p:nth-child(7){font-size:.14rem;color:#6f6e6e;line-height:.25rem}
#fullpage .section2  .left img{height:100%}
#fullpage .section2  .right{background:url(/public/common/images/indexbg.jpg) no-repeat 0 0;height: 100%;background-size: cover;}
#fullpage .section2  {background: url(/public/common/images/indexbg2.jpg) no-repeat right 0;} 
#fullpage .section2  .index_about a{writing-mode: vertical-lr;color:#e60010;margin:.5rem 0 0;position:relative;}
@keyframes dropdown2 {
	form{
	left:0
	}
	to{
		left:.8rem;
	}
}

#fullpage .section2  .index_about a:after{content:"";position:absolute;top:50%;left:90%;transform:translateY(-50%);background:url(/public/common/images/jiantou.png) no-repeat 0 0;width:.79rem;height:.14rem;animation: dropdown2 .7s 0.2s linear infinite alternate;}
#fullpage .section2 .last {position:absolute;right:20%;bottom:0}
#fullpage .section2 .last p{writing-mode: vertical-lr;font-weight:bold;font-family:"kaiti";font-size:.15rem}
#fullpage .section2 .last:after{content:"";position:absolute;bottom:0;left:90%;background:url(/public/common/images/yz.png) no-repeat 0 0;width:.25rem;height:.40rem;}
#fullpage .section2 .left{background: url(/public/common/images/indexbg1.jpg) no-repeat 0 0;height:100%;background-size:cover}
#fullpage .section2 .first{position:absolute;bottom:10%;right:10%}
#fullpage .section2 .first p{color:white;writing-mode: vertical-rl;line-height:.3rem;font-family:"kaiti";font-size:.18rem;visibility:hidden}
#fullpage .section2 .first p:before{content:"\f1db";position:absolute;font:normal normal normal 14px/1 FontAwesome;transform:translateX(-50%);top:-20%}


#fullpage .section3 .slide-pagination{position:absolute;bottom:15%;left:10%;z-index:1;writing-mode: vertical-lr;text-align:center}
#fullpage .section3 .slide-pagination span {display:block;opacity:1;outline:none;width:auto;height:auto;border-radius:0;background:none;font-size:.16rem;color:#FFF;margin:0 .2rem;position:relative;}
#fullpage .section3 .slide-pagination span:before{content:'';width:8px;height:8px;background:#FFF;border-radius:100%;position:absolute;bottom:-.2rem;left:50%;transform:translateX(-50%);transition:all .45s ease-in-out}
#fullpage .section3 .slide-pagination span.swiper-pagination-bullet-active p:after{content:'';width:1px;height:50px;background:#da251c;position:absolute;transition:all .45s ease-in-out;left:50%;top:-.3rem;transform:translateY(-50%)}
#fullpage .section3 .slide-pagination span.swiper-pagination-bullet-active {color:#da251c;}
#fullpage .section3 .slide-pagination span.swiper-pagination-bullet-active:before{background:#da251c}
#fullpage .section3 .swiper-slide .last1 {position:absolute;left:5%;bottom:15%}
#fullpage .section3 .swiper-slide .last1 p{writing-mode: vertical-lr;font-weight:bold;font-family:"kaiti";font-size:.15rem;color:white}
#fullpage .section3 .swiper-slide .last1:after{content:"";position:absolute;bottom:0;left:90%;background:url(/public/common/images/yz.png) no-repeat 0 0;width:.25rem;height:.40rem;}
#fullpage .section3 .swiper-slide .pro{position:absolute;bottom:50%;left:10%;font-size:1rem;color:white;writing-mode: vertical-lr;font-family:"kaiti";visibility: hidden;}
#fullpage .section3 .swiper-slide .pro1{position:absolute;bottom:62%;left:15%;font-size:.2rem;color:red;font-family:"BodoniBT";font-style:italic;}
#fullpage .section3:before{content:"酒";position:absolute;font-size:2rem;font-family:"kaiti";z-index:2;right:0;color:#2c2c2c;top:-5%}
#fullpage .section3 .title{position:absolute;top:20%;right:20%;color:white;writing-mode: vertical-rl;visibility: hidden;}
#fullpage .section3 .title p:nth-child(1){font-size:.4rem;position:relative}
#fullpage .section3 .title p{opacity:0;transition:all .5s;transform:translateY(100px);}
#fullpage .section3 .swiper-slide.swiper-slide-active .title p:nth-child(1){transition-delay:.4s;transform:none;opacity:1}
#fullpage .section3 .swiper-slide.swiper-slide-active .title p:nth-child(2){transition-delay:.6s;transform:none;opacity:1}
#fullpage .section3 .title p:nth-child(1):before{content:"\f1db";position:absolute;font:normal normal normal 14px/1 FontAwesome;transform:translateX(-50%);top:-15%;left:50%;color:red;font-weight:bold}
#fullpage .section3 .title p:nth-child(2){font-size:.2rem}
#fullpage .section3  .text{position:absolute;right:8%;bottom:10%;color:white;font-size:.25rem;writing-mode: vertical-rl;font-family:"kaiti";visibility: hidden;}
#fullpage .section3 .swiper-slide.swiper-slide-active .but{transition-delay:.4s;transform:none;opacity:1}
#fullpage .section3  .but{position:absolute;bottom:10%;right:15%;width:.5rem;height:.5rem;background:red;border-radius:50%;text-align:center;opacity:0;transition:all .5s;transform:translateX(-100px);}
#fullpage .section3  .but i{line-height:.5rem;color:white;font-size:.2rem}
#fullpage .section4 {background: url(/public/common/images/newsbg.jpg) no-repeat left 0;}
#fullpage .section4 h1{text-align:center;font-size:.5rem;font-family:"kaiti";font-weight:bold;padding:1.5rem 0 0rem}
#fullpage .section4  .lists{padding:2rem 0 ;position:relative}
#fullpage .section4  .lists:after{content:"";position:absolute;background:#aaaaaa;width:100%;z-index:2;height:2px;top:50%;transform:translateY(-50%);z-index:0}
#fullpage .section4  .lists .infos{padding:1.4rem 0;position:relative;z-index:1}
#fullpage .section4  .lists .infos:before{content:"";position:absolute;width:12px;height:12px;background:#cb0606;transform:translate(-50%,-50%);border-radius:50%;top:50%;left:0;}
#fullpage .section4  .lists .infos.rlt:after{content:"";position:absolute;width:2px;height:50%;background:#cb0606;transform:translate(-50%);left:0;bottom:0}
#fullpage .section4  .lists .infos.rl:after{content:"";position:absolute;width:2px;height:50%;background:#cb0606;transform:translate(-50%);left:0;top:0}
#fullpage .section4  .lists .infos .text{position:absolute;left:5%}
#fullpage .section4  .lists .rl .text{top:0}
#fullpage .section4  .lists .rlt .text{bottom:0}
#fullpage .section4  .lists>div{margin:0 .8rem}
#fullpage .section4  .lists .swiper-slide {padding:0 .1rem}
#fullpage .section4  .lists .infos .text h2{font-size:.2rem;color:black}
#fullpage .section4  .lists .infos .text p{font-size:.15rem;color:black;margin-top:.1rem}
#fullpage .section4  .lists .swiper-page>div{position:absolute;width:.5rem;height:.5rem;border:1px solid #868685;border-radius:100%;line-height:.5rem;text-align:center;font-size:.24rem;color:#868685;outline:none;z-index:2;top:50%;left:-.5rem;transform:translateY(-50%)}
#fullpage .section4  .lists .swiper-page>div.slide-button-next {left:auto;right:-.5rem}
#fullpage .section4  .lists .swiper-page>div:hover{color:#e9303e;border:1px solid #e9303e;transition:0s}
#fullpage .section4 .last {position:absolute;right:00%;bottom:10%}
#fullpage .section4 .last p{writing-mode: vertical-lr;font-weight:bold;font-family:"kaiti";font-size:.15rem}
#fullpage .section4 .last:after{content:"";position:absolute;bottom:0;left:90%;background:url(/public/common/images/yz.png) no-repeat 0 0;width:.25rem;height:.40rem;background-size:100%}

/**/
/********<=767 mobile nav style css********/
.m-header {background: #303030;box-shadow: 0 0 12px rgba(0,0,0,0.2);}
.m-header >.col-xs-6>div {color: #887e6d;}
.m-header >.col-xs-6 img {max-height: 35px;}
.st-container .st-menu {
	background: #303030;
	-webkit-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
	-o-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
	transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
}
.st-container .st-menu ul li a {position:relative;font-size:.25rem;}
.st-container .st-menu ul li>a:hover,.st-container .st-menu ul li.active>a {background: #e70012;box-shadow:0 4px 8px rgba(0,0,0,0.2);border-radius:5px;color: #fff;}
.st-container .st-menu ul li>a>i {position:absolute;right:1em;top:50%;transform:translateY(-50%);color: #444;}
.st-container .st-menu ul li.active>a>i,.st-container .st-menu ul li>a:hover>i {color:#FFF}
.st-container .st-menu ul li>dl {transition:none;margin:0}
.st-container .st-menu ul li>dl dd a {background:none;box-shadow:none;color: #b3b3b3;padding-left:0;}
.st-container .st-menu ul li>dl dd a i {padding-right:10px;}
.st-container .st-menu ul li>dl dd.on2 a,.st-container .st-menu ul li>dl dd a:hover {font-weight: bold;}
.st-container .st-menu ul li>dl dd.on2 a i,.st-container .st-menu ul li>dl dd a:hover i {padding-right:16px}
.st-effect-1.st-menu {display:block;}
/**************************/
/******ipad****/
@media(max-width:1600px){
  #fullpage .section2 .left img{height:100%}  
  #fullpage .section2 .right{height:100%}
  #fullpage .section2 .index_about{padding:.2rem 0 .5rem 1.13rem}
  footer .left .top .logo{width:auto}
  .brand .right .content.rlt .txt .infos{padding:1rem .2rem 0}
  .productlist .lists .items .name p{padding:.23rem 1.3rem}
   .history{background: url(/public/common/images/historybg.png)  right  10% no-repeat ;background-size:50%}
   .brand{padding:.83rem 0 1.23rem;background: url(/public/common/images/brandbg.png) no-repeat center 80%;}
}
@media(max-width:1440px){
  #fullpage .section2 .left img{height:100%}  
  #fullpage .section2 .right{height:100%}
  #fullpage .section2 .index_about{padding:.8rem 0 0rem 1.13rem}
  #fullpage .section3:before{top:-5%}
  .brand .right .content.rlt .txt .infos{padding:1rem .2rem 0}
  .productlist .lists .items .name p{padding:.23rem 1.3rem}
    
}
@media(max-width:1400px){
  #fullpage .section2 .left img{height:100%}  
  #fullpage .section2 .right{height:100%}
  #fullpage .section2 .index_about{padding:.8rem 0 0rem 1.13rem}
  #fullpage .section3:before{top:-5%}
  .brand .right .content.rlt .txt .infos{padding:1rem .2rem 0}
  .productlist .lists .items .name p{padding:.23rem 1.3rem}
}
@media(max-width:1300px){
	.company .condition .items{height:3.5rem}
	.brand .right .content.rlt .txt .infos{padding:1rem .2rem 0}
	#fullpage .section2 .left img{height:100%}  
  #fullpage .section2 .right{height:100%}
  #fullpage .section2 .index_about{padding:.4rem 0 0 1.13rem}
  #fullpage .section3:before{top:-5%}
  .productlist .lists .items .name p{padding:.23rem 1.3rem}
   }

@media(max-width:990px){
	body{overflow-x:hidden;}
	.st-menu {display:block;}	
	.header {display:none;}
	.m-header  {top:0;opacity:1;padding: 0 .1rem;}
	.section {height:auto !important;}
	.section>div{height:auto !important;}
}

/********mobile*********/
@media(max-width:767px){
	#fullpage .section1{padding:1.2rem 0 0 }
    #fullpage .section1 .txt p{letter-spacing:0px;}
    #fullpage .section1 .txt{top:20%}
    #fullpage .section1 .txt:before{top:10%;font-size:2rem;left:-1rem}
    #fullpage .section1 .txt h1{font-size:.5rem}
     #fullpage .section2{font-size:0;}
   #fullpage .section2 .left{display:inline-block;width:50%;height:500px}  
  #fullpage .section2 .right{display:inline-block;width:50%;height:500px;background-position: right 0;}
   #fullpage .section2 .index_about{padding:.4rem  1rem 1.13rem;width:100%}
   #fullpage .section2 .index_about a{font-size:.14rem}
  #fullpage .section3 .swiper-slide .last1:after{background-size:100%}
  #fullpage .section2 .last:after{background-size:100%}
  #fullpage .section2 .index_about a:after{background-size:100%}
  #fullpage .section2 .last{bottom:5%}
  #fullpage .section3 .slide-pagination span.swiper-pagination-bullet-active p:after{display:none}
  #fullpage .section3 .swiper-slide .pro{font-size:1rem}
  #fullpage .section3 .swiper-slide .pro1{bottom:70%}
  
  /*
  #fullpage .section4 .index_news{padding:.5rem 0}
  #fullpage .section4 .lists .swiper-slide{padding:0}
  #fullpage .section4 .lists .swiper-slide{padding:0 1rem 1rem }
  #fullpage .section4 .lists a .middle{height:2rem;}
  #fullpage .section4 .titnav{padding-left:1.2rem}
  #fullpage .section4 .index_news .more a:before{background-size:100%;top:50%;transform:translateY(-50%)}
  #fullpage .section4 .lists .swiper-page>div{left:5%;top:30%}
  #fullpage .section4 .lists .swiper-page>div.slide-button-next{right:5%}*/
    #fullpage .section4 .last {right:5%}
    #fullpage .section4 .lists .swiper-page>div{left:0;top:40%}
 #fullpage .section4 .lists .swiper-page>div.slide-button-next{right:0;top:40%}
 #fullpage .section4 .lists .swiper-slide{padding:0 .2rem}
  .tem_banner .leftnav{display:none}
    .company .top .left{width:15%;margin:0}
  .company .top .right{width:80%
  }
  .company .top{background-size:30%}
  .company .top .right .text1{padding:0}
  .company .top .right .text1 p:last-child{padding: 0 1.1rem 0 0}
  .company .condition{padding:0 .3rem}
  .company .condition .items{height:4rem !important;width:100%}
  .company .bottom{padding:.3rem}
  .tem_banner .flash{padding:1rem 0 0}
  .tem_banner .flash .txt{bottom:10%;width:4.5rem}
  .tem_banner .flash .txt .postion {color:white;text-align:center}
  .brand .right .content .txt{width:100%}
  .brand .right .content .img{width:100%}
    .brand .left{width:15%}
  .brand .right{width:80%}
  .brand{padding:.2rem 0 1.23rem}
  .brand .right .content.rlt .txt .infos,.brand .right .content .txt .infos{padding: 0 0 .2rem}
  footer .left .top .lists{width:100%;padding:.2rem 0 0 }
  footer .left .top .logo .tupian{text-align:center}
  footer .left .top .logo .tupian img{max-width:60%;}
  footer .left .bot .shares{width:auto;margin-left:.5rem}
  footer .left .bot .infos{margin-left:.5rem;}
  footer .right{width:100%}
  footer .first{padding:.2rem 0 0}
  footer .bottom{text-align:center}
  .geography .left{width:15%}
  .geography .right{width:80%}
  .geography .right h1{padding:0 0 .3rem}
  .geography{background-position:right 80%;padding:.83rem 0 5rem}
  .geography img{top:75%}
  .history .right {width:80%}
  .history .left{width:15%}
  .history .right .text1 a{padding:.26rem .8rem}
  .history .right .text2 p:nth-child(2){margin:.2rem 0}
  .history .right .text4 p{width:49%}
  .history .right .text4 p a{padding:.25rem .1rem}
  .history .right .text4 p:nth-child(2){margin:0 0rem 0 .1rem}
  .history .right .text5 p{width:49%}
  .history .right .text5 p a{padding:.25rem .1rem}
  .history .right .text5 p:nth-child(2){margin:0 0rem 0 .1rem}
  .culture .content{padding:3rem 0 0}
  .culture{background-position: 0 37%}
  .culture .left{width:15%}
  .culture  .right {width:80%}
  .productlist .lists .items .name p{padding:0}
  .productlist{background-size:30%}
  .productlist .title {padding:.85rem .2rem .3rem;width:100%;}
  .productlist .title .right .pronav a:before{left:-.1rem}
  .news .lists>div{padding:.2rem .1rem}
  .news .lists a{padding:.1rem;}
  .news .lists a .middle{height:auto}
  .news .lists a .middle h1{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
  .news .lists a .middle p{ display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
  .news{background-size:60%}
  .contact{background-size:60%}
  .contact .left{width:100%;padding: 0 .5rem}
  .contact .right{width:100%;margin-top:.3rem;padding: 0 .5rem}
  .contact .right .input div:nth-child(2){text-align:left;margin-top:.2rem}
  .contact .right .input input{width:100%}


}