@charset "utf-8";
/***********************************************xiaoyuan**************************************************************/
.necklist{ width:100%; height:2.8rem; font-size:0px;}
.necklist ul li{ width:33.3333333%; padding:0px; margin:0px; float:left; height:2.8rem;}
.necklist ul li:nth-child(1){ background:url(../images/index_02.jpg) no-repeat center left; background-size:100% 100%;}
.necklist ul li:nth-child(2){ background:url(../images/index_03.jpg) no-repeat center left; background-size:100% 100%;}
.necklist ul li:nth-child(3){ background:url(../images/index_04.jpg) no-repeat center left; background-size:100% 100%;}
.neckname{ padding-left:10%; padding-top:0.3rem; padding-bottom:0.15rem; font-size:0.3rem; font-weight:bold; color:#fff;}
.necklei{ padding-left:10%; width:90%; padding-top:0.15rem;}
.neckwen{ color:#fff; font-size:0.17rem; line-height:0.3rem;}
.necklei2{ padding-left:10%; width:30%; padding-top:0.15rem; float:left;}
.winds{ width:42% !important; padding-left:8% !important;}
.necklei3{ padding-left:10%; width:90%;}
.necklei3 strong{ padding-right:0.9rem; color:#fff; font-size:0.17rem; padding-top:0.15rem; display:inline-block;}
.necklei3 strong:nth-child(4){ padding-left:0.04rem;}

.videompa iframe{ width: 100%;height: 9rem;}

.yinqn{ width:100%; padding:0.36rem 0px 0.36rem 0px; background:#f1f1f1;}
.yinlogo{ width:100%; text-align:center;}
.yinlogo img{ height:0.8rem;}
.yinname{ width:100%; text-align:center; font-size:0.24rem; font-weight:bold; line-height:0.4rem; padding-top:0.15rem; color:#000;}
.yinname span{ color:#333;}
.yintext{ width:100%; text-align:center; font-size:0.18rem; line-height:0.3rem; color:#333; padding-top:0.12rem;}

.servlist{ width:100%; text-align:center; font-size:0px; padding-top:0.5rem; vertical-align:top;}
.servlist ul li{ width:12%; display:inline-block; margin:0px 0.2rem 0px 0.2rem; text-align:left; vertical-align:top;}
.serico{ width:100%; text-align:left;}
.serico img{ height:1.6rem; width:1.6rem; transition: all 0.5s;}
.sernames{ margin-top:0.15rem; height:0.3rem; line-height:0.3rem; font-size:0.2rem; color:#000; font-weight:bold; padding-left:0.16rem; background:url(../images/index_26.jpg) no-repeat center left; background-size:auto 44%;}
.sertext{}
.sertext p{ display:block; padding-left:0.16rem; height:0.3rem; line-height:0.3rem; background:url(../images/index_29.jpg) no-repeat center left; font-size:0.17rem; color:#000; background-size:auto 44%;}

.servlist ul li:hover .serico img{ -webkit-transform: rotateY(180deg);}

.wedoing{ width:94%; margin:0px auto; padding-top:0.85rem;}
.ztitle{ text-align:center; margin:0px auto; width:100%; font-size:0px;}
.ztitmin{ width:auto; display:inline-table; position:relative; font-size:0.24rem; line-height:0.34rem; font-weight:bold; color:#000;}
.ztitmin p{ font-size:0.18rem; color:#333; font-weight:400; }
.ztitmin em{ top:50%; margin-top:-1px; display:block; width:0.7rem; height:2px; background:#000; position:absolute;}
.ztitmin em:nth-child(1){ left:-0.9rem;}
.ztitmin em:nth-child(2){ right:-0.9rem;}


.welist{ width:100%; padding-top:0.2rem;}
.welist ul li{ width:23%; float:left; height:3.2rem; background:#f0f0f0; margin:0.4rem 2.5% 0px 0px;}
.welist ul li:nth-child(4n){ margin-right:0px;}
.wenimg{ width:100%; height: auto; overflow:hidden;}
.wenimg img{ width:100%; height:auto;transition: all 0.5s;}
.welist ul li:hover .wenimg img{ transform: scale(1.1, 1.1);transition: all 0.5s;}
.wenames{ width:38%; padding-left:3%; float:left; padding-top:0.15rem; font-size:0.17rem; font-weight:600;}
.wenames span{ font-size:0.12rem !important; letter-spacing:-0.5px; font-weight:500; text-transform:uppercase; display:block;}
.wenleis{ width:54%; float:right; padding-right:2%; color:#58595b; font-size:0px; padding-top:0.07rem;}
.wenleis span{ padding:0.08rem 0.08rem 0px 0px; display:inline-block; font-size:0.12rem; }

.areing{ width:100%; padding:0.5rem 0px 0.7rem 0px; margin-top:0.7rem; background:url(../images/index_60.jpg) no-repeat center top;}
.areimgs{ width:100%; text-align: center; padding-top:0.1rem;}
.areimgs img{ width:32%; height:auto;}
.aretexts{ width:100%; text-align:center; background:#c82127; padding:0.4rem 0px 0.4rem; line-height:0.42rem; font-size:0.24rem; color:#fff;}

.hangyue{ width:94%; margin:0px auto; padding-bottom:0.7rem;}
.hantitle{ width:100%; text-align: center; font-size:0.24rem; color:#333; font-weight:bold; padding-top:0.6rem; padding-bottom:0.2rem;}
.hanglike{ width:100%; font-size:0px; text-align:center;}
.hanglml{ display: inline-block; height:0.5rem;}
.hanglml a{ color:#333; font-size:0.2rem; line-height:0.5rem; height:0.5rem; display:inline-block; border-bottom:1px solid #333; vertical-align:top; }
.hanglml a:hover{ color:#c82127;}
.hanglml a.xb{ color:#c82127;}
.hanglml span{ padding:0px 0.15rem 0px 0.15rem; border-bottom:1px solid #333;height:0.5rem; display:inline-block; line-height:0.5rem; vertical-align:top;}

.nembers{ width:100%;}
.nembers img{ width:100%; height:auto;}

.customer{width:100%; color:#333; padding-bottom:0.6rem;}
.customer .tit{font-size:0.26rem; font-weight:bold; padding-bottom:0.2rem;}
.customer p{text-align:center;font-size:0.2rem;padding-top: 0.1rem;}
.customer .c_txt{padding: 0.6rem 0 1rem 0;}
.customer .ct_list{width:80%; margin:0 auto;}
.customer .ct_list li{width:9.1%;height:1.27rem; float:left; padding:1%;}
.customer .ct_list li a img{width:100%; -webkit-filter: grayscale(100%);   
  -moz-filter: grayscale(100%);  
   -ms-filter: grayscale(100%);   
  -o-filter: grayscale(100%);     
     filter: grayscale(100%); 	     
 
filter: gray;}
.customer .ct_list li a:hover img{-webkit-filter: grayscale(0);   
  -moz-filter: grayscale(0);  
   -ms-filter: grayscale(0);   
  -o-filter: grayscale(0);}


.newsmin{ width:85%; margin:0px auto; padding-top:0.8rem;}
.newsont{ width:30%; float:left; margin-right:4%;}
.newsont:nth-child(3){ margin-right:0px;}
.newstitne{ width:100%; height:0.48rem; border-bottom:1px solid #424242; line-height:0.48rem; font-size:0.24rem; color:#000000;}
.newstitne a{ float:right; color:#000; font-size:0.22rem;}
.newstitne a:hover{ color:#c82127;}

.newlista{ width:100%;}
.newlista ul li{ width:100%; height:auto; padding-top:0.26rem;}
.newimg{ width:100%; height:2.3rem; overflow:hidden;}
.newimg img{ width:100%; height:100%; transition: all 0.5s;}
.newlista ul li:hover .newimg img{ transform: scale(1.1, 1.1);transition: all 0.5s;}
.newnames{ width:100%; overflow:hidden; height:0.56rem; line-height:0.56rem;  border-bottom:1px solid #424242;}
.newnames a{ color:#000; font-size:0.2rem;}
.newnames a:hover{ color:#c82127;}
.newtimes{ width:100%; height:0.38rem; line-height:0.38rem; font-size:0.2rem; color:#000;}
.newtimes span{ float:right; height:0.38rem; line-height:0.38rem; font-size:0.2rem; color:#000; padding-left:0.3rem; background:url(../images/index_77.jpg) no-repeat center left; background-size:auto 40%;}
.newtsxt{ width:100%; padding-top:0.15rem; font-size:0.18rem; color:#000; line-height:0.32rem; height:0.96rem; overflow:hidden;}

/*生产制作*/
.banner2{ width:100%; height:100vh;overflow: hidden;background:  no-repeat center center; background-size: cover; position:relative;}
.prodas{ width:94%; margin:0px auto; padding-top:0.2rem;}
.prodas ul li{ width:23%; height:2.7rem; background:#dddddd; transition: all 0.5s; float:left; text-align:center; margin:0.4rem 2.5% 0px 0px;}
.prodas ul li:nth-child(4n){ margin-right:0px;}
.prodaimg{ width:100%; height:2.1rem; overflow:hidden;}
.prodaimg img{ width:100%; height:100%;transition: all 0.5s;}
.prodas ul li p{ line-height:0.6rem; color:#6b6b6b; font-size:0.17rem; transition: all 0.5s;}
.prodas ul li:hover{ background:#c82127; transition: all 0.5s;}
.prodas ul li a:hover .prodaimg img{transform: scale(1.1, 1.1);transition: all 0.5s;}
.prodas ul li a:hover p{ color:#fff;}

.progood{ width:100%; padding-top:0.7rem; position:relative;}
.prioding{ position:absolute; left:0px; top:-1rem;}
.protxt{ width:100%; text-align:center; padding-bottom:0.5rem;}
.protxt p{ font-size:0.18rem; color:#232323; line-height:0.3rem;}
.protxt p.tits{ font-size:0.3rem; font-weight:bold; padding-bottom:0.15rem;}

.oritext{ width:100%; text-align:center; padding-top:0.55rem; }
.oritext p{line-height:0.3rem; font-size:0.18rem; color:#373737; }

.proyanglist{ width:94%; margin:0px auto; padding-bottom:0.7rem;}
.proyanglist ul li{  width:23%; height:2.1rem; background:#dddddd; transition: a
ll 0.5s; float:left; text-align:center; margin:0.4rem 2.5% 0px 0px;}
.proyanglist ul li:nth-child(4n){ margin-right:0px;}
.proyanglist ul li:nth-child(2){ background:#a4a4a4;}
.proyanglist ul li:nth-child(4){ background:#a4a4a4;}
.proyanglist ul li:nth-child(5){ background:#a4a4a4;}
.proyanglist ul li:nth-child(7){ background:#a4a4a4;}
.pronum{ float:left; width:0.7rem; height:0.7rem; border:2px solid #231f20; border-radius:50%; text-align:center; line-height:0.7rem; font-size:0.34rem; font-weight:300; overflow:hidden; margin:0.7rem 0px 0px 0.35rem;}
.protin{ float:right; text-align:left; padding-right:0.4rem; padding-top:0.4rem; }
.protin p{font-size:0.18rem; color:#6b6b6b; line-height:0.28rem;}
.protin span{ font-weight:bold; font-size:0.21rem; padding-bottom:0.25rem; display:inline-block;}
.proyanglist ul li:nth-child(2n) .protin{ color:#fff;}
.proyanglist ul li:nth-child(2n) .protin p{ color:#fff;}
.proyanglist ul li:nth-child(2n) .pronum{ color:#fff; border:2px solid #fff;}
.proyanglist ul li:nth-child(4n) .protin{ color:#fff;}
.proyanglist ul li:nth-child(4n) .protin p{ color:#fff;}
.proyanglist ul li:nth-child(4n) .pronum{ color:#fff; border:2px solid #fff;}
.proyanglist ul li:nth-child(5n) .protin{ color:#fff;}
.proyanglist ul li:nth-child(5n) .protin p{ color:#fff;}
.proyanglist ul li:nth-child(5n) .pronum{ color:#fff; border:2px solid #fff;}
.proyanglist ul li:nth-child(7n) .protin{ color:#fff;}
.proyanglist ul li:nth-child(7n) .protin p{ color:#fff;}
.proyanglist ul li:nth-child(7n) .pronum{ color:#fff; border:2px solid #fff;}
/*关于*/
.banner3{ width:100%; height:auto;}
.banner3 img{ width:100%; height:auto;}
.aboutop{ width:90%; margin:0px auto;}
.abouttiole{ width:65%; float:left; padding-top:0.65rem;}
.aboutiouimg{ float:right; width:35%; text-align:center; padding-top:0.5rem;}
.aboutiouimg img{ width:70%; height:auto;}

.abtopnamt{ font-size:0.24rem; color:#232323;}
.abtopnamt span{ font-weight:600; font-size:0.3rem; margin-right:0.1rem;}
.aboutname2{ width:100%; padding-top:0.2rem; line-height:0.28rem;}
.aboutname2 p{ font-size:0.18rem; color:#232323;}
.aboutname2 span{ font-weight:bold; color:#000;}

.aboutbd{ width:100%; padding-top:0.65rem;}
.aboutbd td{ line-height:0.28rem; font-size:0.16rem; color:#232323;}
.aboutbd span{ font-size:0.18rem;}

.aboutyous{ width:100%; height:5.8rem; background:url(../images/about_07.jpg) no-repeat center top #f8f8f8; margin-top:0.7rem;}
.aboutytit{ width:90%; margin:0px auto; padding-top:1.6rem;}
.aboutytit span{ font-size:0.3rem; color:#232323; margin-bottom:0.2rem; display:block;}
.aboutytit p{ line-height:0.32rem; font-size:0.2rem; color:#232323;}
.abouyoubd{ width:70%; padding-left:5%; padding-top:0.65rem; line-height:0.32rem; font-size:0.16rem; color:#000;}
.abouyoubd span{ font-weight:bold; color:#000; font-size:0.18rem;}

.aboutcom{ width:100%; height:3.5rem; background:url(../images/about_08.jpg) no-repeat center bottom; background-size:100% 100%;}
.aboutcen{ width:90%; margin:0px auto; padding-top:0.7rem;}
.aboutcen p{ font-size:0.16rem; line-height:0.3rem; color:#fff;}
.aboutcen span{ font-size:0.23rem; display:inline-block; padding-bottom:0.3rem; color:#fff; line-height:0.32rem;}

/*新闻*/
.newfile{ width:94%; margin:0px auto; color:#000; font-size:0.16rem; line-height:0.4rem; padding-top:0.25rem;}
.newfile strong{ font-weight:500; font-size:0.2rem; margin-right:0.4rem; color:#000000;}
.newfile a{ color:#000; font-size:0.17rem;}
.newfile span{ margin:0px 0.24rem 0px 0.24rem; display:inline-block;}
.newfile a:hover{ color:#c82127;}
.newfile a.xz{ color:#c82127;}

.newslist{ width:94%; margin:0px auto;}
.newslist ul li{ width:50%; float: left; height:2.4rem; padding-top:0.4rem; border-bottom:1px solid #d0d0d0;}
.newslist ul li:nth-child(2n) .newmins{ float:right;}
.newsimgs{ width:4rem; height:1.9rem; float:left; overflow:hidden;}
.newsimgs img{ width:100%; height:100%; transition: all 0.5s;}
.newsinfot{ width:3.65rem; float:left; padding-left:0.4rem;}
.newstimes{ width:100%; font-size:0.16rem; color:#000; height:0.18rem;}
.newsnames{ width:100%; height:0.3rem; line-height:0.3rem; overflow:hidden; padding-top:0.15rem; font-size:0.18rem; color:#000;  font-weight: bold;}
.newstext{ width:100%; height:0.78rem; line-height:0.26rem; font-size:0.14rem; color:#000; padding-top:0.1rem; overflow:hidden; letter-spacing:0px;}

.newsred{ width:100%; padding-top:0.25rem; height:0.24rem;}
.newsred a{ color:#000; font-size:0.14rem;}
.newsred span{ float:right; height:0.24rem; line-height:0.24rem; font-size:0.16rem; color:#000; padding-left:0.3rem; background:url(../images/index_77.jpg) no-repeat center left; background-size:auto 60%;}
.newsred a:hover{ color:#c82127;}
.newslist ul li:hover .newsimgs img{transform: scale(1.1, 1.1);transition: all 0.5s;}

.page{ width:94%; margin:0px auto; padding:0.2rem; padding-bottom:0.7rem; line-height:0.3rem; height:0.3rem;}
.page a{ color:#7d7d7d; font-size:0.16rem; margin-right:0.26rem;}
.page a:hover{ color:#000; border-bottom:1px solid #000;}
.page a.xb{ color:#000; border-bottom:1px solid #000;}

/*新闻详情*/
.newscont{ width:94%; margin:0px auto; padding-top:2rem; padding-bottom:0.6rem;}
.newdeleft{ width:30%; float:left;}
.newdeleft p{ font-size:0.18rem; color:#000; line-height:0.3rem;}
.newdeleft a{ color:#000; font-size:0.18rem;}
.newdeleft a:hover{ color:#c82127;}

.newderight{ width:56%; float:right;}
.newsdename{ width:100%; padding-bottom:0.15rem; line-height:0.36rem; font-size:0.18rem; color:#000; font-weight:bold; border-bottom:1px solid #474747;}
.newdeinfor{ width:100%; font-size:0.16rem; color:#464646; padding-top:0.2rem; line-height:0.26rem;}
.newdeinfor p{ font-size:0.16rem; color:#464646; line-height:0.26rem;}
.newdeinfor img{ width:100%; height:auto;}

.newsdelike{ width:100%; margin-top:0.3rem; height:0.5rem; line-height:0.5rem; border-top:1px solid #474747; vertical-align:top;}
.newsdelike a{ font-size:0.18rem; color:#464646; margin-right:0.1rem; line-height:0.5rem; vertical-align:top;}
.newsdelike a:nth-child(2){ font-size:0.3rem;}
.newsdelike a:hover{  color:#c82127;}

/*联系*/
.maps{ width:100%; height:7rem; margin-top:0.25rem;}
.contactbot{ width:94%; margin:0px auto; padding-top:1rem; padding-bottom:0.8rem;}
.contactext{ width:40%; float:left;}
.contactext p{ font-size:0.18rem; font-weight:bold; color:#000; line-height:0.36rem;}
.contactext span{ display:inline-block; padding:0.4rem 0px 0.4rem 0px; font-size:0.21rem; font-weight:bold; color:#000;}
.contactext strong{font-size:0.23rem; font-weight:bold; color:#000;}
.contactext font{ font-size:0.18rem; color:#000; display:block; padding-bottom:0.4rem;}

.contactbd{ width:50%; float:right;}
.conkk{ width:100%; height:0.46rem; border:none; border-bottom:1px solid #000000; margin-bottom:0.3rem; background:none; color:#000; font-size:0.16rem;}
.conkk2{ width:100%; height:2.8rem; margin-top:0.2rem; border:1px solid #000000; margin-bottom:0.3rem; background:none; color:#000; font-size:0.16rem;}
.coninput{ width:3rem; cursor:pointer; height:0.7rem; background:#c82127; text-align:center; line-height:0.7rem; font-size:0.2rem; display:block; color:#fff; margin:0px auto; border:none;}

/*招聘*/
.recrtop{ width:94%; margin:0px auto; padding-top:0.65rem;}
.recrleft{ width:55%; float:left;}
.recrleft span{ font-size:0.24rem; color:#232323; display:inline-block; padding-bottom:0.35rem;}
.recrleft p{ font-size:0.16rem; color:#232323; line-height:0.28rem; margin-bottom:0.25rem;}
.recrleft font{ display:block; font-size:0.24rem; margin-top:0.5rem;}

.recright{ width:36%; float:right;}
.recright span{ font-size:0.24rem; color:#232323; display:inline-block; padding-bottom:0.35rem;}
.recright p{ font-size:0.16rem; color:#232323; line-height:0.28rem; margin-bottom:0.25rem;}


.reclist{ width:94%; margin:0px auto; margin-top:0.4rem;}
.reclist ul li{  width:23%; height:2.4rem; background:#bdbdbd; transition: all 0.5s; float:left;  margin:0.4rem 2.5% 0px 0px;}
.reclist ul li:nth-child(4n){ margin-right:0px;}
.reclist ul li:nth-child(2){ background:#dddddd;}
.reclist ul li:nth-child(4){ background:#dddddd;}
.reclist ul li:nth-child(5){ background:#dddddd;}
.reclist ul li:nth-child(7){ background:#dddddd;}
.recliwen{ padding:0.35rem 0px 0px 0.45rem; color:#fff;}
.recliwen span{ font-size:0.24rem; display:block; padding-bottom:0.2rem;}
.recliwen font{ font-size:0.24rem; display:block; padding-bottom:0.05rem;}
.recliwen p{ font-size:0.18rem; display:block; color:#fff; margin-top:0.2rem;}

.reclist ul li:nth-child(2) .recliwen{ color:#767676;}
.reclist ul li:nth-child(2) .recliwen p{ color:#767676;}
.reclist ul li:nth-child(4) .recliwen{ color:#767676;}
.reclist ul li:nth-child(4) .recliwen p{ color:#767676;}
.reclist ul li:nth-child(5) .recliwen{ color:#767676;}
.reclist ul li:nth-child(5) .recliwen p{ color:#767676;}
.reclist ul li:nth-child(7) .recliwen{ color:#767676;}
.reclist ul li:nth-child(7) .recliwen p{ color:#767676;}
.reclimg{ width:94%; margin:0px auto; padding-top:0.65rem;}
.reclimg img{ width:100%; height:auto;}

/*包装首页*/
.h_fl{float:left;}
.h_fr{float:right;}
.h_nav{color:#FFFFFF; width:100%;}
.h_nav_1{width:33.33%;height:2.3rem; background:url(../images/nav_tu_1.jpg);background-size:100% 100%;}
.h_nav_2{width:33.33%;height:2.3rem; background:url(../images/nav_tu_2.jpg);background-size:100% 100%;}
.h_nav_3{width:33.33%;height:2.3rem; background:url(../images/nav_tu_3.jpg);background-size:100% 100%;}
.h_nav .h_zcon{width: 4rem;padding: 0.4rem 0 0 0.8rem;}
.h_nav .h_zcon2{width:4rem; padding:0.4rem 0 0 0.8rem;}
.h_nav .h_tit{font-size:0.24rem;padding-bottom: 0.15rem;}
.h_nav .h_zcom{font-size:0.2rem;}
.h_nav .h_zcom p{float:left;font-size:0.2rem;padding-bottom: 0.08rem;}
.h_nav .h_s{width:1rem; height:1rem; line-height:1rem; border:0.02rem solid #FFFFFF;border-radius:50%; text-align:center;margin-top: 0.6rem;}
.h_nav .h_s span{font-size:0.6rem;font-weight: 400;}

.h_txt{font-size:0.32rem; text-align:center; padding:0.5rem 0;line-height: 0.5rem;}

.h_explain{background:#f1f1f1; width:92%; margin:0px auto; padding:0.6rem 4% 0.5rem 4%;}
.h_explain .exp1{width:5.2rem; color:#242424; border-right:1px solid #242424;}
.h_explain .exp1 p{font-size:0.18rem; padding-bottom:0.2rem;}
.h_explain p.tit{font-size:0.2rem; font-weight:bold;}
.h_explain .exp2{width:3.3rem; color:#242424; padding-left:0.8rem;}
.h_explain .exp2 p{font-size:0.18rem; padding-bottom:0.2rem;}
.h_explain .exp3{width:4rem; color:#242424;}
.h_explain .exp3 p{font-size:0.18rem; padding-bottom:0.2rem;}

.future{height:4.914rem; background:url(../images/future_ht1.jpg); color:#FFFFFF; margin-top:1rem;background-size:100% 100%;}
.future .exm1{width:6.622rem;padding:1.33rem 0 0 1.23rem;}
.future .exm1 .tit{font-size:0.28rem;}
.future .exm1 .txt{font-size:0.224rem; padding-top:0.43rem; line-height:0.35rem;}
.future .exm2{font-weight:bold; padding:3.37rem 2.25rem 0 0;position:relative;}
.future .exm2 p{float:left;font-size:0.7rem;}
.future .exm2 p.d1{position:absolute;top:3.4rem; right:5.5rem;}
.future .exm2 p.d2{position:absolute;top:3.2rem; right:5.1rem;}
.future .exm2 p.d3{position:absolute;top:3.4rem; right:2.1rem;}


.packhang{ width:100%; padding-top:0.5rem;}

.packlist{ width:94%; margin:0px auto; padding-top:0.2rem;}
.packlist ul li{ width:23%; height:3.05rem; background:#f0f0f0; transition: all 0.5s; float:left; text-align:center; margin:0.4rem 2.5% 0px 0px;}
.packlist ul li:nth-child(4n){ margin-right:0px;}
.oackimg{ width:100%; height:2.45rem; overflow:hidden;}
.oackimg img{ width:100%; height:100%;transition: all 0.5s;}
.packlist ul li p{ line-height:0.6rem; color:#6b6b6b; font-size:0.17rem; transition: all 0.5s;}
.packlist ul li:hover{ background:#c82127; transition: all 0.5s;}
.packlist ul li a:hover .oackimg img{transform: scale(1.1, 1.1);transition: all 0.5s;}
.packlist ul li a:hover p{ color:#fff;}

.packmore{ width:100%; text-align:center; padding:0.5rem 0px 0.5rem 0px;}
.packmore a{ display:block; width:2.9rem; height:0.7rem; margin:0px auto; text-align:center; line-height:0.7rem; background:#f2f2f2; font-size:0.2rem; color:#000000; border-radius:10px; overflow:hidden; }
.packmore a:hover{ color:#fff; background:#c82127;}

.packnews{ width:100%;}
.packnews ul li{ width:30%; margin-right:4%; margin-bottom:0.3rem; float:left;}
.packnews ul li:nth-child(3n){ margin-right:0px;}
.packnews ul li:hover .newimg img{ transform: scale(1.1, 1.1);transition: all 0.5s;}

/*标志页*/
.singnlist{ width:94%; margin:0px auto; overflow:hidden;}
.singnlist ul li{ width:19%; height:3.4rem; float:left; padding:0.18rem 1% 0px 0px; position:relative; overflow:hidden;}
.singnlist ul li:nth-child(5n){ margin-right:0px;}
.singnlist ul li a{ display:block; width:100%; height:100%; overflow:hidden; position:relative;}
.singnlist ul li img{ width:100%; height:100%; transition: all 0.5s;}
.singnlist ul li a:hover img{transform: scale(1.1, 1.1);transition: all 0.5s;}
.singnlist ul li a:hover .sininfor{opacity:1;}

.sininfor{ width:100%; height:100%; background:rgba(0,0,0,0.35); position: absolute; left:0px; top:0px; opacity:0; transition: all 0.5s;}
.sinname{ width:80%; margin:0px auto; padding-top:0.35rem; color:#fff; font-size:0.21rem;}
.sinline{ width:0.2rem; height:0.015rem; background:#fff; margin-left:10%; margin-top:1.5rem;}
.sintext{width:80%; margin:0px auto; font-size:0.19rem; line-height:0.3rem; color:#fff; padding-top:0.3rem;}


/*画册*/
.ablms{ width:100%; padding-top:0.5rem;}
.ablmhua{ width:100%; text-align:center; line-height:0.7rem; padding:0.2rem 0px 0.2rem 0px; background:#e7e7e7; color:#000; font-size:0.3rem;}
.ablmlist{ width:94%; margin:0px auto; padding-top:0.4rem;}
.ablmlist ul li{ width:32.5%; height:2.9rem; position:relative; overflow: hidden; margin:0.15rem 0.8% 0px 0px; float:left;}
.ablmlist ul li a:hover{ cursor:auto;}
.ablmlist ul li img{ width:100%; height:100%;transition: all 0.5s;}
.ablminfor{ width:100%; height:100%; position:absolute; left:0px; top:0px; background:rgba(40,40,40,0.5); text-align:center; }
.ablminfor p{line-height:0.4rem; font-size:0.3rem; color:#fff; letter-spacing:0px;text-transform: uppercase;}
.ablminfor p:nth-child(1){ margin-top:17%;}
.ablmlist ul li a:hover img{transform: scale(1.1, 1.1);transition: all 0.5s;}

.ablmfil{ width:100%; text-align:center; padding-bottom:0.4rem;}
.ablmfil a{ font-size:0.18rem; color:#000000; margin:0 0.1rem 0 0.1rem; line-height:0.3rem; cursor:auto;}
.ablmfil a.xb{ color:#c82127;}

.spacimg{ width:100%; padding-top:0.5rem;}
.spacimg img{ width:100%; height:auto;}

/*瓶形*/
.bottlebgs{ width:100%; height:4.7rem; background:url(../images/bottle_19.jpg) no-repeat center top; background-size:100% 100%; margin-top:0.7rem;}
.bottmin{ width:94%; margin:0px auto; padding-top:0.85rem;}
.bottmin span{ font-size:0.18rem; font-weight:bold; color:#fff; line-height:0.3rem; display:block;}
.bottmin p{ font-size:0.16rem; color:#fff; line-height:0.3rem;}
.bottmin strong{ font-size:0.18rem;}


/*视频*/
.videosogen{ position:absolute; z-index:500; width:94%; margin:0px auto; color:#fff; left:3%; top:40%;}
.videosogen span{ display:block; font-size:0.3rem; font-weight:bold; line-height:0.44rem;letter-spacing:0px;}
.videosogen p{ display:block; padding-top:0.4rem; font-size:0.2rem; letter-spacing:0px;}
.background-cover, .background-cover img, .background-cover video {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    object-fit: cover;
    object-position: center;
	position:relative;
	z-index:50;
}

.videotop{ width:94%; margin:0px auto; padding-top:0.8rem;}
.videotext{ width:45%; float:left;}
.videotext p{ font-size:0.18rem; color:#000; line-height:0.38rem; letter-spacing:0px;}
.videoimg{ width:52%; float:right;}
.videoimg img{ width:100%; height:auto;}

.videolist{ width:100%; margin-top:0.8rem; padding:0.45rem 0px 0.45rem 0px; background:#f0f0f0; text-align:center; vertical-align:top;}
.videolist ul li{ display:inline-block; width:20%; vertical-align:top; text-align:center;}
.videotou{ width:1.75rem; height:1.75rem; overflow: hidden;border-radius:50%; margin:0px auto;}
.videotou img{ width:100%; height:100%;border-radius:50%;}
.videonames{ width:100%; text-align:center; font-size:0.18rem; color:#1a1a1a; font-weight:bold; padding:0.2rem 0px 0.15rem 0px;}
.videofor{ width:100%; text-align:center;}
.videofor p{ line-height:0.3rem; color:#1a1a1a; font-size:0.16rem;}


.videotitle{ width:80%; margin:0px auto; padding-top:2rem; padding-bottom:0.1rem;}
.videotitle p{ line-height:0.3rem; font-size:0.18rem; color:#000;}
.videotitle span{ margin-right:0.4rem; min-width:32%; display:inline-block;}
.videompa{ width:94%; margin:0px auto; height:9rem;}



.videolikes{ width:100%; text-align:center; padding-top:0.65rem; padding-bottom:0.7rem; vertical-align:top;}
.videolikes a{ display:inline-block; height:0.6rem; border-radius:5px; line-height:0.6rem; font-size:0.2rem; margin:0px 0.12rem 0px 0.12rem;}
.videolikes a:nth-child(1){ width:3rem; background:#ce181e; color:#fff;}
.videolikes a:nth-child(2){ width:1.65rem; background:#fff; color:#0c0c0c; border:1px solid #dfdfdf; height:0.58rem;}
.videolikes a:nth-child(3){ width:1.65rem; background:#6d6d6d; color:#fff;}

/*包装内页*/
.packfilt{ width:94%; margin:0px auto; padding:0.4rem 0px 0.3rem 0px;}
.packfilt font{ width:8%; height:0.4rem; display:block; float:left; line-height:0.4rem; font-size:0.18rem; color:#000;}
.packlikes{ width:90%; float:right; line-height:0.4rem; color:#000; font-size:0.16rem; text-align:right;}
.packlikes a{ font-size:0.18rem; color:#000; line-height:0.4rem;}
.packlikes span{ margin:0px 0.1rem 0px 0.1rem;}
.packlikes a:hover{ color:#c82127;} 
.packlikes a.xb{ color:#c82127;}


.caseshow{ width:80%; margin:0px auto;}
.caseshow img{ width:100%; padding-top:0.35rem;}

/*品牌咨询*/
.brandbg{ width:100%; height: auto; padding:0.65rem 0px 0.65rem 0px; background:#2b3880;}
.branplm{ width:82%; margin:0px auto; color:#fff;}
.branplm p{font-size:0.2rem; line-height:0.38rem; color:#fff;}
.branplm span{ font-size:0.24rem; font-weight:bold; display:block; padding-bottom:0.35rem;}

.brandbg2{ width:100%; height: auto; padding:0.65rem 0px 0.65rem 0px; background: url(../images/brand_03.jpg) no-repeat center right #f94b5c; background-size:100% auto;}
.branwen{ width:82%; margin:0px auto; color:#fff; font-size:0.24rem;  font-weight:bold; display:block; padding-bottom:0.35rem;}
.brandyl{ width:82%; margin:0px auto;}
.brandyl ul{ float:left; padding-right:0.9rem; font-size:0.2rem; line-height:0.38rem; color:#fff;}

.brandoing{ width:100%; padding-top:0.65rem;}
.branddwen{ width:100%; text-align:center; line-height:0.36rem; color:#000; font-size:0.2rem; padding-top:0.35rem;}
.brandlist{ width:94%; margin:0px auto; padding-top:0.65rem;}
.brandlist ul li{ width:21%; float:left; margin-right:6.3%; background:url(../images/brand_06.jpg) no-repeat center left; background-size:100% auto; height:5rem;}
.brandlist ul li:nth-child(4){ margin-right:0px; background:#f2f2f2; width:18%;}
.brandlist ul li:nth-child(4) span{ width:78%;}
.brandlist ul li span{ display:block; width:68%; margin-left:8%; padding-top:0.4rem; font-size:0.24rem; color:#333; font-weight:bold; border-bottom:1px solid #343434; padding-left:0.15rem; height:0.44rem; margin-bottom:0.15rem;}
.brandlist ul li p{width:68%; margin-left:8%;  padding-left:0.15rem; line-height:0.3rem; font-size:0.18rem; color:#333333;}

.brandzhuan{ width:100%; padding-top:0.8rem;}
.brantou{ width:100%; padding-bottom:0.2rem; text-align:center;}
.brantou img{ width:13%; height:auto;}
.brandzhuan .branddwen{ padding-top:0.2rem;}
.brandzhuan .branddwen img{ padding-top:0.2rem; width:65%; height:auto;}
.brandinfor{ width:100%; padding:0.6rem 0px 0.6rem 0px; margin-top:0.7rem; background:#2b3980; text-align:center; font-size:20px; line-height:0.4rem; color:#fff;}

/*品牌推广*/
.thinks{ width:100%; padding-top:0.48rem; padding-bottom:0.8rem;}
.thinkwen{ width:100%; font-size:0.22rem; padding-top:0.15rem; text-align:center; color:#333;}
.thinkprim{ width:100%; padding-top:3.4rem; margin-top:0.5rem; background:url(../images/promotion_03.jpg) no-repeat center top; background-size:100% auto; text-align:center; font-size:0px;}
.thinkproms{ width:6.3rem; height:3.4rem; text-align:left; display:inline-block; vertical-align:top; padding:0.45rem 0px 0px 0.8rem; margin:0px 0.25rem 0px 0.25rem;}
.thinkproms span{ display:block; color:#fff; font-size:0.24rem; padding-bottom:0.35rem;}
.thinkproms p{ font-size:0.2rem; line-height:0.34rem; color:#fff;}
.bglan{ background:rgba(0,122,199,0.9);}
.bghon{ background:rgba(249,75,92,0.9);}


.thinkser{ width:100%; height:auto; background:url(../images/promotion_21.jpg) no-repeat center top; margin-top:0.6rem;}
.thikeserwen{ width:100%; text-align:center;  color:#fff; padding-top:0.55rem;}
.thikeserwen p{font-size:0.21rem; line-height:0.4rem;}
.thikeserwen p:nth-child(4){ margin-top:0.2rem;}
.thinserlist{ width:94%; margin:0px auto; padding-top:0.65rem;}
.thinserlist ul li{ width:20%; padding-top:0.6rem; height:1.4rem; margin-right:6%; background:#263584; text-align:center; float:left; font-size:0.21rem; line-height:0.32rem; color:#fff; letter-spacing:0px; text-transform:uppercase;}
.thinserlist ul li:nth-child(4){ margin-right:0px;}



/*爆品打造品牌策划企业文化提炼*/
.exbanners{ width:100%; height:auto; position:relative; z-index:10;}
.exbanners img{ width:100%; height:auto;}
.exbancons{ width:94%; height:auto; position:absolute; left:3%; top:0px; z-index:50;}
.ectextsa{ width:60%; padding-left:6%; padding-top:14%; float:left; font-size:0.45rem; color:#fff; line-height:0.65rem;}
.ectextsa span{ color:#e60012; font-weight:600;}
.eclogos{ width:30%; float:right; padding-top:3%;}

.brtitons{ width:100%; padding-top:0.3rem;}
.brtitons font{ color:#fff; display:inline-block; margin-right:0.2rem; height:0.4rem; line-height:0.4rem; width:2.1rem; text-align:center; font-size:0.2rem; font-weight:bold; background:#ff0000;}

.exnumbers{ width:92%; margin:0px auto; padding-top:0.6rem;}
.exnumberslist{ width:100%; height:auto;}
.exnumberslist ul li{ width:31.5%; padding-right:0.2rem; float:left; height:1rem; line-height:0.8rem; padding-top:0.4rem; margin:0px 0.1% 0px 0.1%; background:url(../images/img5.png) no-repeat center top; background-size: auto 100%; text-align: center; font-size:0.28rem; color:#000; font-weight:600;}


.exdaode{ width:100%; margin-top:0.8rem; background:#efefef; padding:0.4rem 0px 0.4rem 0px;}
.exdaodetitle{ width:100%; text-align:center; color:#010101; font-size:0.24rem; font-weight:600;}
.exdaotext{ width:100%; text-align:center; font-weight:bold; padding-top:0.15rem;}
.exdaotext span{ display:inline-block; background:#ff0000; color:#fff; margin-top:0.1rem; line-height:0.46erm; font-size:0.3rem; padding:0.02rem 0px 0.04rem 0.2rem;}
.exdaowen{ width:100%; text-align:center; font-size:0.24rem; line-height:0.4rem; color:#0b0b0b; padding-top:0.2rem;}

.exdubai{ width:100%; padding-top:0.8rem;}
.exdubai .ztitmin{ padding:0px 0.6rem 0px 0.6rem;}
.wxbaiwen{ width:100%; color:#0b0b0b; font-size:0.2rem; line-height:0.36rem; text-align:center; padding-top:0.36rem;}
.wxbaiwen span{ font-weight:bold; color:#ff0000;}
.exbailist{ width:100%; text-align:center; padding-top:0.4rem;}
.exbailist ul li{ display:inline-block; width:2.58rem; height:2.58rem; background:url(../images/img9.png) no-repeat center top; background-size: 100% 100%; margin:0px 0.35rem 0px 0.35rem;}
.exbailist ul li span{ font-size:0.3rem; color:#ff0000; font-weight:bold; display:inline-block; padding-top:0.85rem;}
.exbailist ul li p{ font-size:0.2rem; color:#0b0b0b; line-height:0.4rem;}
.exbaimin{ width:100%; text-align:center; font-size:0.24rem; color:#ff0000; padding-top:0.5rem; text-align:center; line-height:0.38rem; font-weight:bold;}

.exhots{ width:100%; padding:0.6rem 0px 0.6rem 0px; background:#2b3980; margin-top:0.95rem;}
.exhots .ztitmin{ padding:0px 0.6rem 0px 0.6rem; color:#fff;}
.exhots .ztitmin em{ background:#fff;}
.exhotstet{ width:100%; padding-top:0.36rem; text-align:center; font-size:0.2rem; color:#fff;}
.exhotstet span{ color:#ff0000;}

.exhotlist{ width:80%; text-align:center; margin:0px auto; padding-top:0.6rem; text-align:center; vertical-align:top; }
.exhotlist ul li{ display:inline-block; width:5.07rem;  margin-top:0.15rem; height:1.72rem; text-align:center;}
.exhotlist ul li:nth-child(1){background:url(../images/img13.png) no-repeat center top;background-size: 100% 100%; padding-right:0.9rem;}
.exhotlist ul li:nth-child(2){background:url(../images/img15.png) no-repeat center top;background-size: 100% 100%; padding-left:0.9rem;}
.exhotlist ul li:nth-child(3){background:url(../images/img19.png) no-repeat center top;background-size: 100% 100%; padding-right:0.9rem;}
.exhotlist ul li:nth-child(4){background:url(../images/img21.png) no-repeat center top;background-size: 100% 100%; padding-left:0.9rem;}
.exhotlist span{ font-size:0.36rem; color:#ff0000; display: block; padding-top:0.3rem; margin:0px auto; width:100%; text-align:center; font-weight:600;}
.exhotlist font{ color:#ff0000; font-size:0.18rem; line-height:0.3rem;}
.exhotlist strong{color:#ff0000; display:inline-block; padding:0px 0.1rem 0px 0.1rem;}
.exhotlist p{ color:#2b3980; font-size:0.24rem; font-weight:600;}

.exillustrate{ width:63%; margin:0px auto; padding-top:0.95rem;}
.exillustrate ul li{ width:43.3%; float:left; height:4.2rem; padding:0.4rem;line-height:0.32rem; color:#0b0b0b; font-size:0.16rem; background:url(../images/img26.png) no-repeat 90% 90% #efefef;  float:left;}
.exillustrate ul li:nth-child(2){ background:url(../images/img25.png) no-repeat 90% 90% #2b3980; color:#fff;}
.exillustrate ul li:nth-child(3){ background:url(../images/img25.png) no-repeat 90% 90% #2b3980;  color:#fff;}
.exillustrate ul li:nth-child(6){ background:url(../images/img25.png) no-repeat 90% 90% #2b3980; color:#fff;}
.exillustrate span{ padding-bottom:0.2rem; font-size:0.24rem; color:#000; text-align:center; font-weight:bold; display:block; width:100%;}
.exillustrate ul li:nth-child(2) span{ color:#fff;}
.exillustrate ul li:nth-child(3) span{ color:#fff;}
.exillustrate ul li:nth-child(6) span{ color:#fff;}

.extixi{ width:63%; margin:0px auto; padding-top:1rem;}
.extixi .ztitmin{ padding:0px 0.6rem 0px 0.6rem;}
.extiwen{ width:100%; text-align:center; font-size:0.2rem; color:#0b0b0b; padding-top:0.25rem;}
.extilist{ width:100%; margin:0px auto;}
.extilist ul li{ width:100%; padding-top:0.75rem;}
.extilist ul li:nth-child(1) .extiion{ background:url(../images/img29.png) no-repeat center 1.3rem; padding-top:2.3rem;} 
.extilist ul li:nth-child(2) .extiion{ background:url(../images/img33.png) no-repeat center 1.3rem;padding-top:2.5rem;} 
.extilist ul li:nth-child(3) .extiion{ background:url(../images/img36.png) no-repeat center 0.5rem;}  
.extilist ul li:nth-child(4) .extiion{ background:url(../images/img40.png) no-repeat center 0.4rem;} 
.extiion{ font-weight:bold; width:30%; float:left; text-align:center; font-size:0.26rem; color:#000; padding-top:1.5rem;}
.extifonts{ width:70%; float:right;  border-bottom:2px solid #383838; padding-bottom:0.6rem;}
.extileft{ float:left; width:45%; padding-right:5%; font-size:0.18rem; line-height:0.34rem; color:#000;}
.extileft span{ font-size:0.26rem; font-weight:bold;}
.extiright{float:left; width:47%; font-size:0.2rem; line-height:0.3rem; color:#000;}
.extiright span{ font-size:0.26rem; font-weight:bold;}
.extilist ul li:nth-child(4) .extifonts{ border:none; padding-top:0.4rem;}

@media screen and (max-width:1500px ) {
.thinserlist{ width:94%; margin:0px auto; padding-top:1rem;}
	}

@media screen and (max-width:1300px ) {
	.wenames{ width:32%; letter-spacing:0px;}
	.wenames span{ letter-spacing:0px;}
.wenleis{ width:64%; padding-right:1%;}
.wenleis span{ padding:0.04rem 0.04rem 0px 0px; letter-spacing:0px;}
.footinfor{ padding-left:0.4rem; }
.footmenu ul{ padding-left:0.5rem;}
.nav {
    float: left;
    padding: 0.5rem 0px 0px 0.9rem;
}
.neckwen{ letter-spacing:0px;}
.aboutytit{ padding-top:1rem;}
}