@charset "UTF-8";

/*通用*/
body { font-family: 微软雅黑; }

/*图片放大*/
.scale_img dl img, .scale_img li img { -o-transition: all 2s linear 0s; transition: all 2s linear 0s; }
.scale_img dl:hover img, .scale_img li:hover img { -webkit-transform: scale(1.1) rotate(0deg) translateY(0); -ms-transform: scale(1.1) rotate(0deg) translateY(0); transform: scale(1.1) rotate(0deg) translateY(0); }

/*标题*/
h2.big_title { text-align: center; font-weight: normal; }
h2.big_title a { display: block; font-size: 48px; color: #313131; line-height: 100%; }
h2.big_title i { font-weight: bold; }
h2.big_title span { display: block; font-size: 20px; color: #666; margin-top: 18px; font-weight: 100; text-transform: uppercase; }

/*-----*/
/*.content { width: 1400px; margin: 0 auto; }*/
.content { width: 1340px; margin: 0 auto; }
.header {position: fixed !important; top: 0; left: 0; right: 0; z-index: 9; }
/*banner*/
.banner {margin-top: 101px; min-width: 1200px; position: relative; height: 780px; z-index: 2; clear: both; }
.banner .bd { position: relative; z-index: 0; }
.banner .bd ul { width: 100% !important; }
.banner .bd li { width: 100% !important; height: 780px; overflow: hidden; text-align: center; position: relative; }
.banner .bd li a { display: block; height: 780px; }
.banner .bd li img { position: absolute; left: 50%; margin-left: -960px; top: 0; }
.banner .switch { position: absolute; top: 50%; width: 80px; height: 80px; z-index: 1; opacity: .8; text-align: center; margin-top: -40px; }
.banner .prev { left: 3%; }
.banner .next { right: 3%; }

/*init*/
.init, .init_bg { display:none;width: 100%; height: 780px; text-align: center; position: absolute; z-index: 2; bottom: 0; left: 0; right: 0; }
/*.init { top: 101px; }*/
.init_bg { background: rgba(7, 7, 7, 0.8); }
#indicatorContainerWrap { display: inline-block; position: relative; height: 312px; width: 312px; background: rgba(255, 255, 255, 0.14); border-radius: 50%; margin-top: 154px; z-index: 3; }
#indicatorContainer { position: absolute; top: 10px; left: 10px; }
#prgLogo { position: absolute; width: 55px; height: 215px; top: 202px; left: 50%; margin-left: -27.5px; z-index: 9; }
.add_transform { transform: rotate(-90deg); -ms-transform: rotate(-90deg);  /* IE9 */ -moz-transform: rotate(-90deg);  /* Firefox */ -webkit-transform: rotate(-90deg);  /* Safari和Chrome */ -o-transform: rotate(-90deg);  /* Opera */ transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;  /*Firefox 4 */ -webkit-transition: all 0.5s ease-in-out;  /* Safari和Chrome */ -o-transition: all 0.5s ease-in-out;  /* Opera */ }
.skipit { position: relative; z-index: 3; }
.skipit span { display: block; font-size: 20px; color: #fff; line-height: 100%; margin: 38px auto 21px; }
.skipit button { width: 94px; height: 29px; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 15px; color: rgba(255, 255, 255, 0.42); background: none; line-height: 27px; font-size: 12px; cursor: pointer; transition: .3s; }
.skipit button:hover { color: #fff; border-color: #fff; }

/*古得堡印刷工厂*/
.intro { background: url(../images/intro.jpg) no-repeat center top; margin-top: 90px; padding-bottom: 224px; }
.intro strong { font-weight: bold; }
.intro span, .intro em { display: block; line-height: 100%; }
.intro p { font-size: 16px; color: #333; line-height: 100%; }
.intro dl { padding-top: 77px; }
.intro dd { float: left; padding-left: 22px; }
.intro dd h2 { font-weight: normal; }
.intro dd h2 span { width: 97px; border-bottom: 1px solid #B1B1B1; font-size: 19px; color: #545454; line-height: 100%; padding-bottom: 13px; font-weight: 700; text-align: left; margin-bottom: 70px; }
.intro dd h2 i { color: #C9161D; }
.intro dd h2 a { display: block; font-size: 40px; color: #313131; line-height: 100%; }
.intro dd h2 em { font-size: 20px; color: #666; line-height: 100%; margin-top: 16px; margin-bottom: 73px; }
.intro dd p span { display: block; margin-top: 16px; }
.intro dt { float: right; width: 210px; }
.intro dt p:first-child { font-size: 16px; color: #333; margin-bottom: 48px; }
.intro dt p:first-child em { font-style: italic; color: #C9161D; font-size: 31px; font-weight: bold; margin-bottom: 6px; font-family: arial; }
.intro dt p:nth-child(2) { font-size: 20px; color: #333; margin-bottom: 77px; }
.intro dt p:nth-child(2) em { font-size: 46px; font-weight: bold; margin-bottom: 8px; }
.intro dt p:nth-child(2) em i { font-style: italic; font-family: arial; }
.intro dt p strong { display: block; line-height: 100%; margin-bottom: 22px; }

/*多元化印刷服务*/
.print { background: #F7F7F7; padding-top: 80px; padding-bottom: 90px; overflow: hidden; }
.print_con { padding-top: 50px; }
.print_con dl { width: 440px; float: left; margin-right: 10px; margin-bottom: 10px; position: relative; text-align: center; transition: all .3s; }
.print_con dl:nth-child(3n) { margin-right: 0; }
.print_con dt { width: 100%; height: 440px; position: relative; }
.print_con dt img { max-width: 100%; }
.print_con dt h3 { width: 100%; font-size: 22px; color: #333; line-height: 22px; padding: 320px 0 28px; position: absolute; left: 0; bottom: 0; display: block; z-index: 3; }
.print_con dt h3 i { display: inline-block; width: 22px; height: 22px; background: url(../images/p_more.png) no-repeat center; padding-left: 16px; vertical-align: bottom; }
.print_con dd {font-size: 14px;position: absolute;height: 0;line-height: 80px;overflow: hidden;width: 100%;background: #fff;transition: height .4s;z-index: 3;}
.print_con dd p { display: inline-block; color: #666; padding: 0 17px; }
.print_con dd p:hover { font-size: 16px; color: #333; }
.print_con dl:after {position: absolute;content: "";width: 440px;height: 519px;box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);left: 0;top: 0;transition: .3s;z-index: 2;}
.print_con dl:hover:after { box-shadow: 0 0 57px 11px rgba(0, 0, 0, 0.1); }
.print_con dl:hover dd {border-top: 1px solid #F1F1F1;height: 80px;}


/*古得堡优势*/
.ys { background: url(../images/ys_bg.jpg) no-repeat center top; height: 613px; }
.ys h2 { text-align: center; font-size: 24px; position: absolute; top: 156px; left: 0; width: 100%; }
.ys h2 a { display: block; color: #333; line-height: 100%; }
.ys h2 span { display: block; color: #616161; line-height: 100%; font-weight: 100; margin-top: 10px; }
.ys .content { position: relative; }
.ys ul { position: absolute; top: 185px; }
.ys li { width: 280px; font-size: 20px; color: #fff; padding-bottom: 19px; margin-bottom: 23px; box-sizing: border-box; padding-left: 35px; background: url(../images/ys_icon.png) no-repeat left top; }
.ys li em { display: block; line-height: 100%; margin-bottom: 10px; }
.ys li i { display: none; font-size: 14px; line-height: 100%; opacity: .75; white-space: nowrap;}
.ys li span {overflow: hidden; display: block; font-size: 12px; line-height: 14px; opacity: .4; transition:  .3s;}
.ys li:hover em { font-weight: bold; color: #C9161D; }
.ys li:hover i { display: block;}
.ys li:hover span { display: none;}
.ys ul li:last-child { border-bottom: none; }
.ys ul.fl { left: 0; }
.ys ul.fr { right: 70px; }
.ys ul.fr li { padding-left: 140px; background-position-x: 105px; }
.ys .pic { position: relative; padding-top: 84px; }
.ys .pic img{width: 98%;}

/*实力*/
.power { padding-top: 82px; padding-bottom: 81px; }
.daily { background: #F7F7F7; padding: 49px 0 46px; margin-top: 51px; margin-bottom: 49px; }
.daily li { float: left; width: 16%; padding-left: 60px; box-sizing: border-box; color: #313131; border-right: 1px solid rgba(0, 0, 0, 0.07); }
.daily li span { display: block; font-size: 16px; line-height: 100%; margin-bottom: 13px; }
.daily li em { display: block; font-size: 60px; font-family: Impact; line-height: 100%; transition: .3s; }
.daily li i { display: inline-block; width: 27px; height: 27px; background: #c9161d; border-radius: 50%; color: #fff; font-size: 14px; text-align: center; line-height: 27px; margin-left: 10px; vertical-align: bottom; margin-bottom: 6px; }
.daily li:last-child { border-right: none; }
.daily li:hover em, .daily li:hover span { animation: bounceIn 1s; -webkit-animation: bounceIn 1s; }
.daily li:hover em { color: #C9161D; }
.power_con { position: relative; padding-left: 23px; height: 501px; background: url(../images/power_bg.png) no-repeat 15px bottom; }
.power_list { width: 1052px; height: 501px; float: right; }
.power_list dl { width: 238px; height: 501px; float: left; transition: width .3s; overflow: hidden; }
.power_list dt { position: relative; width: 238px; height: 501px; float: left; }
.power_list dt span { display: block; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, 0.7); font-size: 16px; color: #EAEAEA; font-weight: bold; width: 16px; padding: 25px 18px 15px; writing-mode: vertical-lr; line-height: 100%; letter-spacing: 3px; }
.power_list dd { display: none; position: absolute; top: 57px; left: 23px; width: 243px; }
.power_list dd h3 { font-weight: 100; font-size: 28px; color: #313131; line-height: 100%; position: relative; padding-bottom: 55px; margin-bottom: 46px; }
.power_list dd h3 i { font-weight: bold; margin-bottom: 9px; display: block; }
.power_list dd h3 span { display: block; margin-top: 15px; color: #666; text-transform: uppercase; font-size: 16px; }
.power_list dd h3:after { position: absolute; content: ""; width: 41px; height: 4px; background: #C9161D; left: 0; bottom: 0; }
.power_list dd p { font-size: 14px; line-height: 24px; color: #666; }
.power_list dl.cur { width: 576px; height: 501px; }
.power_list dl.cur dt { width: 576px; }
.power_list dl.cur dt span { background: #C9161D; }
.power_list dl.cur dd { display: block; }
.power_top { position: absolute; left: 229px; bottom: -6px; }

/*服务*/
.service { padding-top: 81px; background: #F7F7F7; padding-bottom: 50px; }
.service li { width: 311px; clear: both; margin-bottom: 78px; }
.service li i { display: block; font-size: 61px; font-family: Arial; font-weight: bold; color: #6F6F6F; font-style: italic; border-bottom: 1px solid #C9161D; margin-right: 24px; float: left; padding-bottom: 11px; line-height: 100%; transition: .3s; }
.service li em { font-size: 20px; color: #333; font-weight: bold; display: block; line-height: 100%; margin-bottom: 13px; }
.service li span { display: block; font-size: 14px; color: #666; line-height: 22px; }
.service li:hover i { color: #C9161D; margin-right: 35px; }
.service ul { padding-top: 135px; }
.service .pic {margin: 75px auto 0;width: 631px;line-height: 0;}

/*牵手古得堡印刷*/
.case { background: #313131; padding-top: 85px; padding-bottom: 68px; }
.case h2 a, .case h2 span { color: #fff; }
.case_nav { padding-left: 25px; box-sizing: border-box; height: 52px; position: relative; margin-top: 52px; margin-bottom: 44px; }
.case_nav ul { float: left; }
.case_nav li { float: left; z-index: 2; position: relative; }
.case_nav li a { display: block; line-height: 52px; padding: 0 12px; font-size: 18px; color: #fff; margin-right: 28px; }
.case_nav li.cur a, .case_nav li:hover a { border-top: 1px solid #C9161D; border-bottom: 1px solid #C9161D; }
.case_nav a { position: relative; z-index: 2; }
.case_nav a.more { display: block; float: right; width: 54px; height: 54px; background: #C9161D; font-size: 48px; color: #fff; text-align: center; line-height: 45px; margin-right: 0; transition: .3s; }
.case_nav a.more:hover { background: #b21319; }
.case_nav .case_more { float: right; font-size: 16px; line-height: 100%; text-align: center; margin-right: 18px; }
.case_nav .case_more span { display: block; font-size: 12px; color: #aaa; text-transform: uppercase; line-height: 100%; padding: 12px 0 3px; }
.case_nav .case_more a { color: #fff; }
.case_nav:after { position: absolute; content: ""; width: 1338px; height: 52px; border: 1px solid rgba(255, 255, 255, 0.17); top: 0; left: 0; }
.cases {width: 584px;}
.cases li {float: left;width: 282px;height: 282px;position: relative;margin-left: 10px;margin-bottom: 13px;text-align: center;overflow: hidden;}
.cases li img{max-width: 100%;}
.cases li span { display: block; position: absolute; line-height: 100%; font-size: 16px; color: #333; bottom: 20px; left: 0; width: 100%; padding: 0 15px; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cases li i { display: inline-block; margin-right: 11px; width: 12px; height: 12px; background: #aaa; transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transition: .3s; }
.cases li:hover i { background: #C9161D; }
.case_con {width: 756px;height: 577px;overflow: hidden;}

/*新闻聚焦*/
.news { padding-top: 73px; padding-bottom: 82px; }
.news_con { margin-top: 53px; }
.news_con dl dt { display: none; }
.news_con dl dd { height: 105px; float: left; padding: 0; border-bottom: 1px solid #B0B0B0; box-sizing: border-box; }
.news_con dl dd:nth-child(2) {width: 1145px;}
.news_con dl dd:nth-child(2) h3 { font-size: 20px; color: #333; line-height: 105px; transition: .3s; }
.news_con dl dd:nth-child(2) h3 span { width: 146px; height: 41px; display: inline-block; background: #313131; font-size: 20px; color: #fff; text-align: center; font-weight: bold; line-height: 41px; margin-top: 35px; margin-right: 76px; }
.news_con dl dd:nth-child(2) h3:hover { color: #E51D25; }
.news_con dl dd:nth-child(2) p { display: none; }
.news_con dl dd:last-child { width: 195px; float: right; padding-right: 41px; background: url(../images/n_more.png) no-repeat 136px center; }
.news_con dl dd:last-child i { display: none; }
.news_con dl dd:last-child em { display: block; font-size: 16px; color: #999; font-weight: bold; font-style: italic; line-height: 100%; padding-top: 46px; }
.news_con dl.cur dt { width: 429px; height: 241px; overflow: hidden; float: left; display: block; }
.news_con dl.cur dt img { width: 429px; height: 241px; }
.news_con dl.cur dd { height: 241px; }
.news_con dl.cur dd h3 { line-height: 100%; }
.news_con dl.cur dd h3 span { display: none; }
.news_con dl.cur dd p { font-size: 14px; color: #666; line-height: 23px; margin-top: 24px; display: block; }
.news_con dl.cur dd:nth-child(2) {width: 716px;padding: 70px 94px 0 52px;}
.news_con dl.cur dd:last-child em { padding-top: 113px; }
.news_con dl.cur dd:last-child i { float: right; font-size: 14px; color: #333; padding-top: 25px; display: block; }
.news_con dl.cur dd:last-child i:hover { font-weight: bold; }
.news_con dl:first-child dd { border-top: 1px solid #B0B0B0; }

/*关于古得堡*/
.about { padding-top: 79px; padding-bottom: 80px; background: #F7F7F7; overflow: hidden; }
.about .content { position: relative; }
.about dl {margin-top: 51px;height: 526px;width:  1340px;}
.about dl dt img {width: 100%;}
.about dl dd {position: absolute;top: 80px;left: 62px;background: #fff;border: 1px solid #BFBFBF;padding: 21px 34px 0 31px;width: 367px;height: 321px;box-sizing: border-box;box-shadow: 0 0 0 10px #fff;}
.about dl dd h3 { position: relative; padding-left: 59px; padding-bottom: 43px; font-size: 28px; color: #C9161D; line-height: 100%; font-family: arial; font-style: italic; text-transform: uppercase; font-weight: bold; }
.about dl dd h3 i { display: none; }
.about dl dd h3 span { display: block; position: absolute; top: -58px; left: -12px; }
.about dl dd p { font-size: 14px; line-height: 26px; color: #666; }
.about ul {position: absolute;left: 0;bottom: 0;background: rgba(0, 0, 0, 0.58);width: 1340px;height: 84px;}
.about ul li { width: 19.5%; float: left; padding-right: 13px; text-align: center; box-sizing: border-box; background: url(../images/a_i.png) no-repeat right center; transition: .3s; }
.about ul li a { text-align: center; line-height: 84px; color: #fff; font-size: 20px; }
.about ul li:first-child { width: 22%; padding-right: 0; background-image: none; background-color: #C9161D; }
.about ul li:first-child i { font-weight: bold; }
.about ul li:last-child { padding-right: 0; background: none; }
.about ul li:hover a { font-weight: bold; }
.about ul li:first-child:hover { background-color: #b21319; }
.about ul li:first-child:hover a { font-weight: normal; }

/*友情链接*/
.links { background: #fff; height: 67px; }
.links a, .links em, .links span { display: inline-block; font-size: 14px; line-height: 67px; color: #A7A7A7; padding-right: 30px; }
.links a:hover { font-weight: bold; }
.links span { float: right; padding-right: 0;padding-left:20px; }

/**/
@keyframes myfirst {
  0% { left: 0px; top: 0px; }
  25% { left: 0px; top: 10px; }
  50% { left: 0px; top: 0; }
  100% { left: 0px; top: 0px; }
}
@-moz-keyframes myfirst

/* Firefox */
{
  0% { left: 0px; top: 0px; }
  25% { left: 0px; top: 10px; }
  50% { left: 0px; top: 0; }
  100% { left: 0px; top: 0px; }
}
@-webkit-keyframes myfirst

/* Safari and Chrome */
{
  0% { left: 0px; top: 0px; }
  25% { left: 0px; top: 10px; }
  50% { left: 0px; top: 0; }
  100% { left: 0px; top: 0px; }
}
@-o-keyframes myfirst

/* Opera */
{
  0% { left: 0px; top: 0px; }
  25% { left: 0px; top: 10px; }
  50% { left: 0px; top: 0; }
  100% { left: 0px; top: 0px; }
}

/*# sourceMappingURL=index.css.map */