﻿.clearfix:after{ content: ""; clear: both; visibility: hidden; display: block; height: 0;}
.clearfix{ zoom: 1;}

/*顶部导航*/
body{ position:relative;}
header{ width:100%; background: #fff; position:absolute; top:0; z-index:999}
.header_158{ width:1600px; margin:0 auto; height: 120px;}
.header_158 .logo{ width:50%; float: left;}
.header_158 .logo a{ margin: 30px 0; float: left;}
.header_158 .logo div{ float:left; margin-top:20px;}
.header_158 .logo div img:first-child{ width:80px; margin:0 24px 0 30px;}
.header_158 .logo div img:last-child{ width:60px;}

.header_158 .phone{ float:right; margin-top:32px;}
.header_158 .phone p{ font-size:18px; line-height:18px;}
.header_158 .phone p span{ background: url(/images/phone.png) no-repeat; display:inline-block; width:22px; height:22px; background-size: 100%; float: left; margin-right:8px;}
.header_158 .phone p:last-child{ font-size:30px; line-height:30px; font-family:arial; font-weight: bold; margin-top:8px;}

.nav_158{ background: rgba(0,0,0,0.2); width: 100%; line-height: 70px; position:absolute; top:120px; z-index:99;}
.nav_158 .nav_bg{ width:1600px; margin:0 auto;}
.nav_158 li{ float: left; width:calc(100%/7);}
.nav_158 li a{ color: #fff; display:block; text-align: center; transition:.5s;}
.nav_158 .active a{ background: rgba(0,0,0,0.3);}
.nav_158 li:hover a{ background: rgba(0,0,0,0.3);}



/*轮播图*/
#mould81508{ position:relative; height:100vh; padding-top:120px; box-sizing:border-box;}
#mould81508 .swiper-container{ height:100%;}
#mould81508 .swiper-container .swiper-wrapper{ height:100%;}
#mould81508 .swiper-slide img{ height:100%;}



/*通用标题*/
.title_a{ text-align:center;}
.title_a h2{ font-size:32px; color:#333; position:relative; display: inline-block;}
.title_a h2:before{ position:absolute; left:-70px; top:-6px; content:""; background: url(/images/title-btn.png) no-repeat; width:56px; height:48px;}
.title_a h2:after{ position:absolute; right:-70px; top:-6px; content:""; background: url(/images/title-btn.png) no-repeat; width:56px; height:48px;}
.title_a p{ font-family:arial; text-transform: uppercase;margin-top:8px; color:#666;}


/*印刷方式*/
.printing{ margin:80px 0; position:relative;}
.printing_list{ width:660px; margin:0 auto;}
.printing_list a{ display:block; width:160px; margin:40px 30px; font-size:24px; line-height:24px; float:left; color:#808080; text-align:center; position:relative;}
.printing_list a.on{ color:#333;}
.printing_list a:after{ content:""; width:100%; height:10px; background:#fddc03; position:absolute; bottom:0; left:0; display:none; z-index:-1;}
.printing_list a.on:after{ display:block;}
.printing_cont{ width:1600px; margin:0 auto; height:540px; background:#fddc03;}
.printing_cont_list{ display:none; height:100%;}

.printing_cont_list .y1{ float:left; width:400px; margin-top:200px;}
.printing_cont_list .y1 img{ margin:0 auto; display:block;}
.printing_cont_list .y2{ margin-top:180px;}
.printing_cont_list .y3{ margin-top:134px;}
.printing_cont_list .y3 img{ width:80%;}

.printing_cont_list p{ float:left; font-size:18px; padding: 11.4% 0 0 4%; box-sizing:border-box; line-height:36px;}
.printing_cont_list:first-child p{ padding: 14.6% 0 0 6%;}
/*.printing_cont_list img{ width:1400px; float:right; position:absolute; bottom:0; right:0;}*/

.printing_cont_list .banner11{ background: url(/images/printing_bg.png) no-repeat; background-size: contain; height:540px; width:1400px; float:right; position:absolute; right:0;}
.printing_cont_list .banner11 .cp25-main{ width:76%; margin:4% 0 0 10%;}
.printing_cont_list .banner11 .swiper-container{ height:100%;}
.printing_cont_list .banner11 .swiper-container .swiper-wrapper{ height:100%;}
.printing_cont_list .banner11 .swiper-slide{ height:100%;}
.printing_cont_list .banner11 .swiper-slide img{ height:100%;}


/*简介*/
.width_1600{ width:1600px; margin:0 auto;}
.about_text .left{ float:left; width:46%;}
.about_text .left h2{ font-family:arial; text-transform: uppercase; font-size:28px; line-height:28px; margin:30px 0 10px 0;}
.about_text .left h3{ font-size:36px; line-height:36px; margin-bottom:24px;}
.about_text .left p{ line-height:30px;}
.about_text .left div a{ width:140px; height:48px; line-height:48px; border:1px solid #ccc; box-sizing:border-box; border-radius:24px; float:left; margin:72px 24px 0 0;}
.about_text .left div a span{ width:16px; height:16px; background: url(/images/index_btn2.png) no-repeat; background-size: 100%; display:inline-block; float:left; margin: 16px 6px 0 28px;}
.about_text .left div a:last-child span{ background: url(/images/index_btn1.png) no-repeat; background-size: 100%;}
.about_text .left div a:hover{ border:1px solid #fddc03; background:#fddc03;}

.about_text{ margin:60px 0 40px 0;}
.about_text .right{ float:right; width:48%; overflow:hidden;}
.about_text .right img{ width:100%; height:100%; transition:.5s;}
.about_text .right:hover img{ transform:scale(1.1);}


/*厂区风貌*/
.banner2{ margin-bottom:60px;}
.cp25:after,.cp25 .swiper-slide a:before,.cp25 .swiper-slide a:after,.cp25 .swiper-slide.swiper-slide-next:after{ display:none;}
.cp25 .swiper-slide.swiper-slide-next{ background:none; box-shadow:none;}
.cp25 .cp25-main{ width:1600px;}
.cp25 .swiper-container{ width:100%; padding:0;}
.cp25 .swiper-slide{ overflow:hidden; }
.cp25 .swiper-slide.swiper-slide-next{ padding-bottom:0;}
.cp25 .swiper-slide img{ width:100%; height:100%; border-radius: inherit; transition:.5s;}
.cp25 .swiper-slide:hover img{ transform:scale(1.1);}
.cp25 .swiper-button-next, .cp25 .swiper-button-prev{ top:48%; background:url(/images/j1.png) no-repeat; background-size:cover; width:22px; height:34px; display:none;}
.cp25 .swiper-button-next{ right:10px; background-position:-22px 0;}
.cp25 .swiper-button-prev{ left:10px; }
.banner2:hover .swiper-button-next,.banner2:hover .swiper-button-prev{ display:block;}


/*文化*/
.culture_a{}
.culture_a>div:last-child{ margin:60px 0;}
.culture_a .left{ float:left; width:41%;}
.culture_a .right{ float:right; width:48%;} 
.culture_a .right div:nth-child(-n+3){ margin-bottom:40px;}
.culture_a .right div img{ float:left; margin-right:40px;}
.culture_a .right div h2{ font-size:24px; line-height:24px; font-weight:bold; margin:35px 0 11px 0;}
.culture_a .right div p{ color:#808080;}


/*历程*/
.a3{ margin-bottom:48px;}
.a3 .a_3{ cursor: -webkit-grab; position: relative; margin-top:36px;}
.a3 .a_3::after{
    content: "";
    display: block;
    background: #333;
    height: 2px;
    width: 100%;
    position: absolute;
    top: 13%;
}
.a3 .a_3 .swiper-slide{
    text-align: center;
    font-size: 18px;
}
.a3 .a_3 .year{
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 20px;
    font-weight: bold;
    color: #333;
}
.a3 .a_3 .yuan{ width:12px; height:12px; background:#fff; border-radius:50%; border:10px solid #fddc03; margin:5px auto 0 auto;}
.a3 .a_3 .txt{
    font-size: 16px;
    line-height:30px;
    margin-top: 12px;
    text-align:left;
    display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;
}
.a3 .a_3 .img{
    width: 100%;
    height: 248px;
    overflow: hidden;
    margin-top: 20px;
}
.a3 .a_3 .swiper-slide .yuan,.a3 .a_3 .swiper-slide .img{ transition: all .3s;}
.a3 .a_3 .swiper-slide-next .yuan,.a3 .a_3 .swiper-slide-next .img{ opacity: 1; transition: all .3s;}
.a3 .a_3 .swiper-slide .img{ overflow:hidden;}
.a3 .a_3 .swiper-slide .img img{ width:100%; height:100%; transition:.5s;}
.a3 .a_3 .swiper-slide .img:hover img{ transform:scale(1.1);}
.a3 .a_3 .swiper-button-next,.a3 .a_3 .swiper-button-prev{ top:14.5%; width:40px; height:40px; border-radius:50%;}
.a3 .a_3 .swiper-button-next{ right:0; background-position:-22px 0; background:#333 url(/images/right_btn.png) no-repeat; background-size:cover;}
.a3 .a_3 .swiper-button-prev{ left:0; background:#333 url(/images/left_btn.png) no-repeat; background-size:cover;}




/*服务优势*/
.advantage_a ul{ margin:60px 0 80px 0;}
.advantage_a li{ width:23.875%; float:left; margin-right:1.5%;}
.advantage_a li:last-child{ margin-right:0;}
.advantage_a li h2{ text-align:Center; font-weight:bold; font-size:24px; line-height:24px; margin-bottom:40px; position:relative;}
.advantage_a li h2:after{ content:""; width:71px; height:40px; background:url(/images/jiantou.png) no-repeat; position:absolute; right:-36px; top:50%; transform:translateY(-50%);}
.advantage_a li:last-child h2:after{ display:none;}
.advantage_a li div{ background:url(/images/a1.png) no-repeat; background-size: 100%; width:100%; height: 230px;}
.advantage_a li:nth-child(2) div{ background:url(/images/a2.png) no-repeat; background-size: 100%;}
.advantage_a li:nth-child(3) div{ background:url(/images/a3.png) no-repeat; background-size: 100%;}
.advantage_a li:nth-child(4) div{ background:url(/images/a4.png) no-repeat; background-size: 100%;}
.advantage_a li div span{ width:85px; height:85px; background:url(/images/ad_btn.png) no-repeat; display:block; float:left; margin:72.5px 30px 0 48px;}
.advantage_a li:nth-child(2) div span{ background-position:-85px 0;}
.advantage_a li:nth-child(3) div span{ background-position:-170px 0;}
.advantage_a li:nth-child(4) div span{ background-position:-255px 0;}
.advantage_a li div p{ line-height:30px; color:#fff; float:left; margin-top:85px;}
.advantage_a li:nth-child(2) div p{ margin-top:55px;}
.advantage_a li:nth-child(3) div p{ margin-top:70px;}
.advantage_a li:nth-child(4) div p{ margin-top:100px;}


/*合作伙伴*/
.banner3{ margin:24px 0 48px 0;}
.partner_a .swiper-container{ padding:10px; box-sizing:border-box;}
.partner_a .swiper-slide{ background:#fff!important; box-shadow: 0 0 10px rgb(0 0 0 / 20%)!important; border-radius:8px; overflow:hidden; padding-bottom:0 !important;}
.partner_a .swiper-button-next,.partner_a .swiper-button-prev{ background-color:rgba(0,0,0,0.3); background-size: 56%; display:none;}
.partner_a:hover .swiper-button-next,.partner_a:hover .swiper-button-prev{ display:block;}


/*底部*/
footer{ background:#1f1a17; width:100%; padding-top:60px;}
footer .left{ float:left; color:#fff; padding-bottom:48px;}
footer .left h2{ font-size:24px; line-height:24px; font-weight:bold;}
footer .left h3{ font-size:20px; line-height:20px; margin:15px 0 20px 0;}
footer .left p{ line-height:36px;}
footer .erweima1{ margin-top:30px;}
footer .erweima1 div{ float:left; width:120px; margin-right:20px;}
footer .erweima1 div span{ display:block; text-align:center; line-height:40px;}


.messages3 { float: right;width: 36%; background: 0;}
.messages3 h2{ color:#fff; font-size:24px; font-weight:bold; margin-bottom:15px;}
.messages3 ul{ padding: 0;width: 100%;}
.messages3 ul li{ margin-bottom:12px;}
.messages3 ul li input{ float: inherit;height: 50px; color: #fff; padding: 0; padding-left: 14px; width: 100%; border: none; border-radius: 0; margin: 0!important; background:#555; box-shadow:none; font-size:16px;}
.messages3 ul li input:focus{ box-shadow:none;}
.messages3 ul li textarea{ float: inherit; height: 120px; color: #fff;padding: 0; padding: 14px 0 0 14px; width: 100%; border: none; border-radius: 0; margin: 0; background:#555; box-shadow:none; font-size:16px;}
.messages3 ul li a{ transition: 0.5s;width: 100%; background: #dcc295; border-radius: 0; font-size: 16px; color: #333; margin: 0; line-height: 48px; height: 48px;}
.messages3 ul li a:hover{ background:#deab54;}

.copyright{ background:#000; width:100%; color:#fff;}
.copyright p{ float:left; line-height:60px;}
.copyright p:last-child{ float:right;}
.copyright p a{ color:#fff;}
.copyright p a:hover{ text-decoration: underline;}


@media screen and (max-width:1680px){ 
  .header_158,.nav_158 .nav_bg{ width:96%;}
  .header_158 .logo{ width:58%;}
  .printing_cont,.width_1600{ width:92%;}
  
  .printing_cont{ height:463px;}
  .printing_cont_list .banner11{ width:1200px;}
  .printing_cont_list p{ padding: 9% 0 0 3%;}
  .printing_cont_list:first-child p{ padding: 13% 0 0 6%;}
  .printing_cont_list .y1{ width:460px; margin-top:164px;}
  .printing_cont_list .y2{ margin-top:140px;}
  .printing_cont_list .y3{ margin-top:86px;}
  .printing_cont_list .y3 img{ width: 74%;}
  
  .advantage_a li div{ height:180px;}
  .advantage_a li div span{ margin: 48px 20px 0 20px;}
  .advantage_a li div p{ margin-top: 60px;}
  .advantage_a li:nth-child(2) div p{ margin-top:35px;}
  .advantage_a li:nth-child(3) div p{ margin-top:48px;}
  .advantage_a li:nth-child(4) div p{ margin-top:72px;}
  .cp25 .cp25-main{ width:100%;}
  
  .culture_a .right{ width:52%;}
  .culture_a .right div img{ width:108px;}
  .culture_a .right div:nth-child(-n+3){ margin-bottom:30px;}
  .culture_a .right div h2{ margin: 30px 0 11px 0;}
  
  .a3 .a_3 .img{ height: 200px;}
  .a3 .a_3 .yuan{ margin-top:-10px;}
}


@media screen and (max-width:1360px){ 
    .printing_cont{ height:378px;} 
    .printing_cont_list .banner11{ width:980px; height:378px;}
    .printing_cont_list:first-child p{ padding: 13% 0 0 4%;}
    .printing_cont_list .y1{ width:360px; margin-top:120px;}
  .printing_cont_list .y2{ margin-top:98px;}
  .printing_cont_list .y3{ margin-top:84px;}
  .printing_cont_list .y3 img{ width: 74%;}
}




