@charset "utf-8";

body{min-width: 1200px; width: 100%;}

/**/
.first{ background:url(/static/images/first_bg.jpg) no-repeat center 0;height: 547px;overflow: hidden;padding: 110px 0 0;}
.first_no{display: block;position: absolute;top: 25px;left: -60px;}

.first_l{width: 500px;padding: 5px 0 0;}
.first_l h3,.sec_bg h3,.chanp h3,.case h3,.fuw h3,.ab_t{font-size: 36px;color: #222; background:url(/static/images/first_tbg01.gif) no-repeat;width: 415px;height: 80px;line-height: 80px;overflow: hidden;padding: 0 0 0 85px;}
.first_l h3 a,.sec_bg h3 a{color: #222;}
.first_l h4{font-size: 18px;color: #444;line-height: 30px;padding: 50px 0 0;}
.first_l h4 i{font-weight: normal;}
.first_l h4 b{display: block;}
.first_l p{font-size: 14px;color: #666;line-height: 25px;padding: 18px 0 0;height: 75px;overflow: hidden;}
.first_l p span{display: block;}
.code{width: 85px;height: 85px;margin: 25px 0 0;border: #ccc 1px solid;}
.code img{width: 85px;height: 85px;}

.video_c{width: 203px;height: 60px;z-index: 5000;padding: 40px 0 0 20px;position: relative;}
.video_btn{width: 203px;height: 60px;cursor: pointer;}
#open_window,#open_window01 {display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); } 

.video_m {background:#eee;width: 960px; height: 540px; z-index: 1; margin: 8% auto; overflow: auto; } 
.xx {font-size: 22px;color: #000; cursor: pointer; position: absolute; top: 0; right: 0;width: 30px;text-align: center; height: 30px; line-height: 30px; background: #fff; z-index: 10;} 
.video_con {width: 960px; height: 540px; overflow: hidden;}
.video_con img{width: 960px; height: 540px;}

.first_r{margin-right: -7px;width: 458px;}

.pinz01{width: 229px;height: 216px;overflow: hidden;}
.pinz01m{width: 229px;height: 216px;text-align: center;overflow: hidden;}
.pinz01m em{width: 50px;height: 50px;display: block;margin: 0 auto;padding: 45px 0 10px;}
.pinz01m em img{width: 50px;height: 50px;}
.pinz01m p{font-size: 20px;color: #333;line-height: 30px;}
.pinz01m p i{display: block;}

.pinz01 dl{width: 229px;height: 0;position: absolute;bottom: 0;left: 0;background:#f47333;text-align: center;
transition:height .5s;
-moz-transition:height .5s; /* Firefox 4 */
-webkit-transition:height .5s; /* Safari and Chrome */
-o-transition:height .5s; /* Opera */}
.pinz01 dl dt{width: 200px;margin:0 auto;padding: 30px 0 0;font-size: 20px;color: #fff;font-weight: bold;height: 60px;line-height: 60px;overflow: hidden; background:url(/static/images/first_ico05.gif) no-repeat center 87px;}
.pinz01 dl dd{width: 180px;margin:0 auto;padding: 15px 0 0;font-size: 14px;color: #fff;line-height: 24px;height: 72px;overflow: hidden;}
.pinz01:hover dl{height: 216px;}

/**/
.sec_bg{ background:url(/static/images/sec_bg.jpg) no-repeat center 0;height: 519px;overflow: hidden;padding: 96px 0 0;}
.sec_bg h3{ background:url(/static/images/sec_tbg.gif) no-repeat;width: 392px;padding: 0 0 0 90px;position: absolute;top: 16px;right: 0;}
.sec_no{display: block;position: absolute;top: 60px;right: -60px;}

.sec_l{width: 277px;padding: 5px 0 0 166px;}
.sec_l p{color: #444;height: 180px;width: 277px;text-align: center;padding: 26px 0 0;line-height: 30px;}
.sec_l p em{display: block;padding: 0 0 5px;}
.sec_l p em img{ transition: all 0.3s ease-in-out 0s;}
.sec_l p em:hover img{ transform: rotateY(180deg);}
.sec_l p i{display: block;font-size: 18px;}
.sec_l p b{display: block;font-size: 22px;}

.sec_r{padding: 0 0 0 80px;width: 675px;}
.sec_lm{width: 185px; background:url(/static/images/sec_line.gif) repeat-y 26px 0;height: 420px;}
.sec_lm ul li{font-size: 16px;color: #666;height: 50px;padding: 30px 0 20px;width: 185px;}
.sec_lm ul li em{width: 50px;height: 50px;display: block;float: left;background: #ccc;border-radius: 50%;}
.sec_lm ul li em img{width: 50px;height: 50px;}
.sec_lm ul li span{line-height: 25px;display: block;float: left;padding: 0 0 0 25px;width: 110px;}
.sec_lm ul li i{display: block;}
.sec_lm ul li:hover em,.sec_lm ul li.on em{background: #f47333;}

.sec_rm{width: 300px;padding: 145px 0 0 85px;}
.sec_rm p{width: 300px;}
.sec_rm p b{display: block;font-size: 18px;color: #f47333;height: 40px;line-height: 40px;overflow: hidden;}
.sec_rm p span{display: block;font-size: 14px;color: #666;line-height: 26px;}
.sec_rm p i{display: block;}
.sec_bot{position: absolute;top: 290px;right: 0;width: 400px;}

/*包装产品*/
.chanp{margin-top: 80px;padding-bottom: 50px;}
.chanp h3{ background:url(/static/images/cp_tbg.gif) no-repeat;width: 360px;padding: 0 0 0 80px;float: left;}
.chanp h3 a{color: #222;}
.chanp_bt{display: block;width: 340px;float: right;text-align: right; background:url(/static/images/cp_tbg02.gif) no-repeat right 0;height: 62px;line-height: 24px;padding: 15px 0 0;}
.chanp_bt i{display: block;text-transform: uppercase;font-size: 12px;color: #dedede; font-family:Arial, Helvetica, sans-serif;}
.chanp_m{margin-top: 75px;border: #e9e9e9 1px solid;height: 590px;border-radius: 8px;width: 1200px;}
.chanp01{width: 300px;height: 590px;overflow: hidden; background:url(/static/images/cp_k01.png) no-repeat 0 170px;border-right: #e9e9e9 1px solid;box-sizing:border-box;}
.cp_t{width: 300px;padding: 40px 0 0;}
.cp_t h4{height: 60px;line-height: 30px;overflow: hidden;text-align: center;}
.cp_t h4 a{font-size: 24px;color: #252529;}
.cp_t h4 em{display: block;font-size: 14px;color: #dbdbdb;}
.cp_t ul{padding: 305px 0 0;}
.cp_t ul li{height: 36px;width: 300px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.cp_t ul li a{font-size: 14px;color: #666;display: block;height: 36px;line-height: 36px;width: 230px;padding: 0 0 0 70px;overflow: hidden;}
.cp_t ul li a:hover{background: #df5714;}
.cp_pic{width: 300px;height: 225px;line-height: 0;position: absolute;top: 160px;left: 0;}
.cp_pic img{width: 300px;height: 225px;}
.chanp01:hover{ background:#f47333 url(/static/images/cp_k02.png) no-repeat 0 170px;border-radius: 8px;}
.chanp01:hover .cp_t ul li a{color: #fff;}
.chanp_m .nobor{border: none;}

/**/
.honor{padding: 0 0 80px;}
.honor_t{height: 55px;line-height: 55px;overflow: hidden;padding-bottom: 20px;}
.honor_t a{font-size: 36px;color: #222;}
.honor_t i{font-size: 22px;color: #d3d3d3;font-weight: normal;font-style: italic;padding: 0 0 0 20px;}
.honor ul li{width: 400px;float: left;height: 32px;line-height: 32px;overflow: hidden;}
.honor ul li b{color: #f47333;padding-right: 5px;font-size: 14px;}
.honor ul li a{font-size: 14px;color: #666;display: block;width: 390px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.honor ul li a:hover{color: #f47333;}

/*获奖设计*/
.case_bg{background: #f47333;border-bottom: #df5714 10px solid;padding: 90px 0;}
.case h3{ background:url(/static/images/case_tbg.gif) no-repeat;width: 500px;position: absolute;top: 0;left: 0;z-index: 301;}
.case h3 a{color: #fff;}
.case_t{position: absolute;top: 130px;left: 0;width: 381px;height: 130px; background:url(/static/images/case_line02.gif) no-repeat center 129px;z-index: 300;}
.case_t ul li,.case_t span{width: 127px;height: 130px;float: left;line-height: 26px;text-align: center; background:url(/static/images/case_line01.gif) no-repeat right 48px;}
.case_t ul li em,.case_t span em{display: block;width: 35px;height: 30px;line-height: 0;overflow: hidden;margin: 0 auto 10px;}
.case_t ul li em img,.case_t span em img{width: 35px;height: 60px;-webkit-transition:all .5s;transition:all .5s;}
.case_t ul li i{display: block; width:78px;margin: 0 auto;}
.case_t ul li a,.case_t span a{font-size: 16px;color: #fff;display: block;}
.case_t span i{display: block;}
.case_t ul li a:hover em img,.case_t span a:hover em img,.case_t ul li.on em img{margin-top: -30px;}
.case_t span{display: block;float: right; background: none;}
.case_m dl{position: relative;}
.case_m dl dt{width: 580px;height: 434px;line-height: 0;overflow: hidden;float: right;box-shadow: 0 3px 10px 3px #50a4a8;}
.case_m dl dt img,.hz ul li img,.news_r dl dt em img{width: 580px;height: 434px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.case_m dl dt img:hover,.hz ul li img:hover,.news_r dl dt em img:hover
{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.case_m dl dd{width: 455px;float: left;padding: 290px 0 0;}
.case_m dl dd h5{height: 50px;line-height: 50px;overflow: hidden;}
.case_m dl dd h5 a{font-size: 24px;color: #fff;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;width: 455px;}
.case_m .case_desc{font-size: 14px;color: #cfe6e7;line-height: 25px;height: 75px;overflow: hidden;padding: 10px 0 0;}
.case_m dl dd span{display: block;position: absolute;top: 388px;left: 582px;}
.case_m dl dd span img{width: 62px;height: 62px;}

/*合作客户*/
.hz_bg{background: #f47333;padding: 60px 0 70px;}
.hz_m{width: 1200px;overflow: hidden;}
.hz ul li{width: 202px;height: 102px;line-height: 0;overflow: hidden;margin-right: 40px;}
.hz ul li a{width: 200px;height: 100px;border: #e4e4e4 1px solid;display: block;overflow: hidden;}
.hz ul li a:hover{border: #2e3775 1px solid;}
.hz ul li img{width: 200px;height: 100px;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(1);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(0%);
filter: gray; }


/**/
.fuw_bg{ background:url(/static/images/fuw_bg.jpg) no-repeat center 0;height: 650px;overflow: hidden;padding: 160px 0 0;}
.five_no{display: block;position: absolute;top: 50px;right: -100px;}
.fuw h3{ background:url(/static/images/fuw_tbg.gif) no-repeat;width: 500px;position: absolute;top: 35px;right: 0;z-index: 301;}
.fuw_bot{position: absolute;top: 360px;right: 0;width: 495px;z-index: 300;}
.fuw_bot ul li{width: 183px;height: 36px;float: left;line-height: 36px;border: #e7e7e7 1px solid;font-size: 16px;color: #333;margin-right: 30px;}
.fuw_bot ul li em{display: block;float: left;width: 16px;height: 16px;line-height: 0;padding:12px 5px 0 15px;}
.fuw_bot ul li em img{width: 16px;height: 16px;}
.fuw_bot ul li.on{background: #e6e6e6;}
.fuw_m dl{position: relative;}
.fuw_m dl dt{width: 640px;height: 460px;line-height: 0;overflow: hidden;position: absolute;top: 0;right: 50%;margin-right: 60px;}
.fuw_m dl dt img{width: 640px;height: 460px;}
.fuw_m dl dd{width: 480px;padding: 160px 0 0 700px;}
.fuw_m dl dd h5{height: 50px;line-height: 50px;overflow: hidden;font-size: 26px;color: #444;font-weight: normal;}
.fuw_m .fuw_desc{font-size: 14px;color: #666;line-height: 25px;height: 75px;overflow: hidden;padding: 20px 0 0;}

/*流程*/
.liuc{background: #f8f8f8;padding: 80px 0 70px;}
.six_no{display: block;position: absolute;top: 95px;right: -60px;}
.liuc h4{height: 60px;line-height: 60px;font-size: 36px;color: #222;}
.liuc h4 i{font-size: 22px;color: #d3d3d3; font-family:Arial, Helvetica, sans-serif;font-style: italic;font-weight: normal;padding: 0 0 0 10px;}
.liuc_m{ background:url(/static/images/liuc_line.gif) repeat-x 0 80px;height: 60px;width: 1050px;padding: 25px 0 0;}
.liuc_m b{display: block;float: left;width: 185px;text-align: center;height: 35px;line-height: 35px;font-size: 16px;color: #fff;background: #f47333;overflow: hidden;}
.liuc_m ul{float: left;width: 840px;padding: 0 0 0 25px;}
.liuc_m ul li{width: 140px;float: left; background:url(/static/images/liuc_ico02.png) no-repeat 0 51px;height: 60px;}
.liuc_m ul li em{display: block;float: left;width: 25px;text-align: center;height: 25px;line-height: 25px;background: #cacaca;font-size: 14px;color: #fff;overflow: hidden;border-radius: 50%;}
.liuc_m ul li span{display: block;float: left;font-size: 14px;color: #666;width: 100px;padding: 0 0 0 10px;}
.liuc_m ul li:hover em{background: #f47333;}

/*广告条*/
.ban01{ background:url(/static/images/ban01.jpg) no-repeat center 0;height: 393px;overflow: hidden;}
.ban01 em{display: block;padding:288px 0 0 36px;width: 115px; float:left;}
.ban01 em a{display: block;width: 115px;text-align: center;height: 35px;line-height: 35px;background: #fff;font-size: 18px;color: #f47333;overflow: hidden;border-radius:10px;}
.ban01 em a:hover,.news_l em a:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}
.ban_m{ float:right;text-align: right;font-size: 18px;color: #fff; padding:250px 0 0; line-height:40px;}
.ban_m b{display: block;font-size: 34px;}

/*新闻动态*/
.news{padding: 100px 0;overflow: hidden;}
.news_l{width: 320px; background:url(/static/images/news_tbg.gif) no-repeat;height: 400px;}
.news_l h3{height: 80px;line-height: 80px;padding: 0 0 0 100px;}
.news_l h3 a{font-size: 36px;color: #222;}
.news_l p{padding: 90px 0 0 35px;font-size: 18px;color: #5e5e5e;line-height: 30px;}
.news_l i{display: block;}
.news_l em{display: block;width: 105px;padding: 130px 0 0 50px;}
.news_l em a{display: block;width: 105px;text-align: center;height: 33px;line-height: 33px;background: #f47333;font-size: 14px;color: #fff;overflow: hidden;text-transform: uppercase;}
.news_r{width: 880px;}
.news_r dl{width: 232px;float: left;padding: 10px 10px 0 50px;}
.news_r dl dt{width: 222px;height: 125px;padding: 5px;box-shadow: 0 3px 8px 3px #d0d0d0;}
.news_r dl dt em{width: 222px;height: 125px;display: block;overflow: hidden;line-height: 0;}
.news_r dl dt em img{width: 222px;height: 125px;}
.news_r dl dd{width: 225px;padding: 30px 0 0 5px;}
.news_r dl dd h5{height: 35px;line-height: 35px;overflow: hidden;}
.news_r dl dd h5 a{display: block;font-size: 16px;color: #3e3e3e;height: 35px;line-height: 35px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; background:url(/static/images/news_ico01.png) no-repeat 0 12px;width: 200px;padding: 0 0 0 25px;}
.news_r dl dd h5 a:hover{color: #f47333; background:url(/static/images/news_ico02.png) no-repeat 0 12px;}
.news_r .news_desc{font-size: 14px;color: #666;line-height: 25px;height: 75px;overflow: hidden;padding: 12px 0 0;}
.news_r dl dd span{display: block;font-size: 12px;color: #666;width: 225px;height: 70px;border-bottom: #b5b5b5 1px solid;padding: 10px 0 0;}
.news_r dl:hover dd span{border-bottom: #f47333 1px solid;}

/*关于振协包装*/
.about{background: #f7f7f7;padding: 60px 0 70px;}
.ab_t{ background:url(/static/images/ab_tbg.gif) no-repeat;width: 220px;margin: 0 auto;padding:0 0 0 100px;}
.ab_t a{color: #222;}
.ab_t a:hover,.about dl dt a:hover{color: #f47333;}
.about dl{text-align: center;padding: 40px 0 0;}
.about dl dt{height: 30px;line-height: 30px;overflow: hidden;}
.about dl dt a{font-size: 14px;color: #555;font-weight: bold;}
.about dl dd{font-size: 14px;color: #7f7f7f;line-height: 28px;height: 112px;overflow: hidden;padding: 15px 0 0;}
.ibrand-num{overflow:hidden;margin:40px 0 0;border-bottom: #d9d9d9 1px solid;border-top: #d9d9d9 1px solid;padding: 25px 0 0;}
.ibrand-num li{float:left;width:300px;height:100px;text-align:center;color:#3e3e3e;font-size:24px;}
.ibrand-num li span{font-size:42px; font-style: italic;font-weight: bold;line-height: 40px;padding: 0 10px 0 0;}
.ibrand-num li b{display:block;font-size: 14px;color: #666;font-weight: normal; padding:10px 0 0;}
.ibrand-num li:hover,.ibrand-num li:hover b{color: #f47333;}

/**/
.map{padding: 20px 0 80px;}
.map_t{width: 220px;text-transform: uppercase;padding: 60px 0 0;font-weight: bold;}
.map_t b{display: block;font-size: 24px;color: #3e3e3e;height: 40px;line-height: 40px;overflow: hidden;}
.map_t em{display: block;font-size: 24px;color: #eaeaea; font-family:Arial, Helvetica, sans-serif;height: 90px; background:url(/static/images/fen_ico01.gif) no-repeat 0 bottom;padding: 10px 0 0;}
.map_t span{display: block;font-size: 14px;color: #8f8f8f; font-family:Arial, Helvetica, sans-serif;padding: 110px 0 0;line-height: 20px;}
.map_t i{display: block;}
.map_m{padding: 30px 0 0;width: 980px;overflow: hidden;}
.map_l{width: 560px;height: 390px;}
.map_l ul li{width: 560px;height: 390px;}
.map_r{width: 350px; background:url(/static/images/sec_line.gif) repeat-y 5px 0;padding: 10px 0 0;margin-top: 10px;}
.map_r dl{width: 310px;padding: 10px 0 20px 40px; background:url(/static/images/news_ico01.png) no-repeat 0 22px;}
.map_r dl dt{font-size: 20px;color: #333;height: 36px;line-height: 36px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.map_r dl dd{font-size: 14px;color: #666;line-height: 24px;}
.map_r dl dd b{color: #333;}
.map_r dl:hover,.map_r dl.on{background:url(/static/images/news_ico02.png) no-repeat 0 22px;}
.map_r dl:hover dt,.map_r dl.on dt{font-weight: bold;color: #f47333;}
.map_r a{display: block;width: 30px;height: 30px;background: #f47333;text-align: center;line-height: 30px;font-size: 16px;color: #fff;position: absolute;left: -8px;font-weight: bold;}
.sPrev{top: -20px;}
.sNext{bottom: 0;}

/*友情链接*/
.f_link{height: 66px;line-height: 66px;overflow: hidden;}
.f_link b{display: block;float: left;font-size: 14px;color: #333;width: 80px;}
.f_link p{font-size: 14px;color: #333;float: left;width: 1120px;}
.f_link p a{font-size: 14px;color: #333; padding:0 10px 0 0;}

/**/
@-webkit-keyframes shake{
  from,to{-webkit-transform:translate3d(0, 0, 0);}
  20%,60%{-webkit-transform:translate3d(-10px, 0, 0);}
  40%,80%{-webkit-transform:translate3d(10px, 0, 0);}
}

@keyframes shake {
  from,to{transform:translate3d(0, 0, 0);}
  20%,60%{transform:translate3d(-10px, 0, 0);}
  40%,80%{transform:translate3d(10px, 0, 0);}
}