/*公共样式*/
* {
  margin: 0;
  padding: 0;
  list-style: none;
}

.ys_box {
  width: 100%;
  height: auto;
}

image {
  display: block;
}

a {
  text-decoration: none;
}

/*页面样式*/
.top_header {
  width: 1200px;
  height: 30px;
  margin: auto;
  line-height: 30px;
  color: #fff;
}

.top_header_1 {
  background: #f6a84d;
}

.top_header h2 {
  float: left;
  font-size: 14px;
  font-weight: initial;
}

.top_header span {
  float: right;
  font-size: 14px;
}

.swiper-container {
  width: 100%;
  height: 100%;

}
.swiper-container img,.swiper-container a{
    width: 100% !important;
    display: block!important;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.banner_1 {
  height: 500px;
}

.nav_box {
  width: 1200px;
  margin: auto;
  height: 100px;
  overflow: hidden;
}

.logo {
  float: left;
  width: 220px;
  margin-top: 16px;
}

.logo img {
  width: 100%;
}

.nav_box ul {
  float: right;
  margin-top: 25px;

}

.nav_box ul a {
  float: left;
  color: #333;
  font-size: 16px;
  text-decoration: none;
  line-height: 50px;
  width: 80px;
  text-align: center;
  margin: 0 25px;
}

.nav_box ul a:hover {
  font-size: 18px;
  font-weight: bold;
  border-bottom: 3px solid #b71d04;

}

.mo_title {
  width: 460px;
  height: 79px;
  margin: 50px auto;
}

.ys_ys {
  width: 1200px;
  margin: auto;
  overflow: hidden;
}

.ys_ys img {
  width: 100%;
}

.zx_an {
  display: block;
  margin: auto;
  color: #b71d04;
  width: 280px;
  height: 50px;
  border-radius: 30px;
  font-size: 18px;
  line-height: 50px;
  text-align: center;
  border: 1px solid #b71d04;
  margin-top: 30px;
}

.zx_an:hover {
  background: #b71d04;
  color: #fff;
}

.ys_ym_1 {
  background: #fef6ed;
  overflow: hidden;
  margin-top: 30px;
  padding-bottom: 30px;
}

.ys_ym {
  width: 1200px;
  margin: auto;
  height: 600px;
}

.ys_ym ul {
  width: 300px;
  height: 300px;
  float: left;
  background: #fff;
}

.ys_ym ul ol {
  clear: both;
  width: 100%;
  display: block;
  height: 30px;
  overflow: hidden;
  margin-top: 80px;
}

.ys_ym ul ol i {
  width: 26px;
  height: 26px;
  float: left;
  margin-left: 100px;
}

.ys_ym ul ol i img {
  width: 100%;
}

.ys_ym ul ol h5 {
  font-size: 16px;
  font-weight: bold;
  color: #333;
  line-height: 26px;
  margin-left: 10px;
  float: left;
}

.ys_ym ul li {
  width: 80%;
  margin: 20px auto;
  text-align: center;
  font-size: 16px;
}

.ys_ym dl {
  width: 300px;
  height: 300px;
  float: left;
  position: relative;
}

.ys_ym dl i {
  display: block;
  position: absolute;
  left: 0;
  width: 20px;
  height: 41px;
  top: 50%;
  margin-top: -20.5px;
  z-index: 9;
}

.ys_ym dl i img {
  width: 100%;
}

.ys_ym .dl_1 i {
  left: auto;
  right: 0;
}

.ys_lc_box {
  width: 100%;
  padding: 30px 0 50px;
  background-image: linear-gradient(to right, #d88242, #b71d04);
}

.ys_lc {
  width: 1200px;
  margin: auto;
}

.zx_an_1 {
  border: 1px solid #fff;
  color: #fff;
}

.ys_we {
  width: 1200px;
  height: 400px;
  margin: 0 auto 50px;
}

.ys_we_left {
  width: 500px;
  height: 400px;
  float: left;
}

.ys_we ul {
  width: 419px;
  height: 360px;
  float: left;
  color: #fff;
  padding: 0 40px;
  margin: 20px 0;
  border-right: 1px dashed #fff;
}

.ys_we ul ol {
  margin: 20px auto 10px;
  font-size: 18px;
  font-weight: bold;
}

.ys_we ul ol span {
  width: 5px;
  height: 24px;
  background: #fff;
  float: left;
  margin-right: 10px;
  margin-top: 2px;
}

.ys_we ul li {
  line-height: 150%;
  margin-top: 20px;
}

.ys_nr {
  width: 700px;
  float: left;
  background: #b71d04;
}

.zx_an_2 {
  width: 240px;
}

.ys_nr dl {
  width: 200px;
  float: left;
}

.ys_nr dl a {
  display: block;
  width: 150px;
  height: 80px;
  color: #b71d04;
  background: #fff;
  margin: 40px auto;
  text-align: center;
  line-height: 80px;
}

.ys_nr dl a:hover {
  color: #fff;
  background: #f6a84d;
}

.ys_hz {
  width: 1200px;
  margin: 20px auto 0;
  line-height: 50px;
  overflow: hidden;
  font-size: 16px;
}

.ys_hz ol {
  float: left;
  width: 90px;
}

.ys_hz li {
  float: left;
  width: 1110px;
}

.ys_hz li img {
  width: 120px;
  height: 50px;
  margin-right: 10px;
}

.ys_hz li a {
  margin-left: 20px;
  color: #333;
}

.ys_hz li a:hover {
  text-decoration: underline;
  color: #b71d04;
}

.bottom_box {
  width: 100%;
  height: 325px;
  background: #b71d04;
  margin-top: 20px;
}

.nav_bottom_box {
  width: 100%;
  height: 78px;
  border-bottom: 1px solid #db8e82;
}

.nav_bottom_box ul {
  margin: auto;
  height: 78px;
  overflow: hidden;
  display: table;
}

.nav_bottom_box ul a {
  width: 115px;
  float: left;
  text-align: center;
  height: 20px;
  border-right: 1px dashed #db8e82;
  color: #fff;
  line-height: 20px;
  margin-top: 29px;
}

.nav_bottom_box ul a:last-child {
  border-right: none;
}
.nr_bottom{
  width: 1200px;
  height: 206px;
  margin:20px auto;
}
.nr_bottom dl{
  width: 335px;
  height: 206px;
  float: left;
  border-right: 1px dashed #db8e82;
  color: #fff;
  overflow: hidden;
}
.nr_bottom dl:last-child{
  border-right: none;
}
.nr_bottom dl:last-child img{
  width: 110px;
  height: 110px;
  margin: auto;
  display: block;
  margin-top: 35px;
}
.nr_bottom dl:last-child span{
  text-align: center;
  line-height: 200%;
  display: block;
}
.nr_bottom dl:nth-child(2){
  width: 528px;
}
.nr_bottom dl:nth-child(1) img{
  width: 136px;
  margin: auto;
  margin-top: 30px;
  display: block;
}
.nr_bottom dl:nth-child(2) dd:nth-child(1){
  margin-top: 45px;
}

.nr_bottom dl dd{
  margin-left: 30px;
  line-height: 200%;
}

.swiper-pagination-bullet{
  width: 20px;
  border-radius: 5px;
  background: #b71d04;
}

.zx_left{
  width: 146px;
  height: 414px;
  position: fixed;
  left: 5%;
  top: 20%;
  z-index: 999;
  background-image: url("../images/dh_left.png");
}
.zx_left ul{
  width: 70px;
  height: 110px;
  margin-left: 55px;
  margin-top: 82px;
  font-size: 16px;
}
.zx_left ul ol{
  margin-bottom: 9px;
}
.zx_left dl{
  width: 121px;
  height: 130px;
  position: absolute;
  left: 13px;
  bottom: 65px;
  font-size: 14px;
}
.zx_left dl a{
  display: block;
  color: #333;
  width: 121px;
  height: 42px;
  margin-bottom: 2px;
  line-height: 42px;
  cursor: pointer;
  border-radius: 5px;
  position: relative;
}
.zx_left dl a:hover{
  background: #b71d04;
}
.zx_left dl a:hover span{
  color: #fff;
}
.zx_left dl a i{
  width: 24px;
  height: 24px;
  float: left;
  margin-top: 7px;
  margin-right: 8px;
  margin-left: 10px;
}
.zx_left dl a i .zx_img_2{
  display: none;
}
.zx_left dl a:nth-child(2) div{
  width: 143px;
  height: 154px;
  background-image: url("../images/img_2.png");
  position: absolute;
  right: -143px;
  top: 0;
  display: none;
}
.zx_left dl a:nth-child(2) div img{
  width: 100px;
  height: 100px;
  margin-left: 26.5px;
  margin-top: 19.5px;
}
.zx_left dl a:nth-child(2) div p{
  width:calc(100% - 9px);
  text-align: center;
  margin-left: 9px;
  line-height: 20px;
  margin-top: -8px;
}
.zx_left dl a:nth-child(3) div{
  width: 128px;
  height: 65px;
  background-image: url("../images/img_1.png");
  position: absolute;
  right: -143px;
  top: 0;
  padding-left: 15px;
  padding-top: 9px;
  display: none;
}
.zx_wz_dh{
  font-weight: bold;
  line-height: 180%;
}
.zx_wz_dh font{
  color: #b71d04;
}
.zx_left dl a:hover div{
  display: block;
}
.zx_jz_tan{
  width: 571px;
  height: 325px;
  background-image: url("../images/img_6.png");
  position: fixed;
  left: 50%;
  margin-left: -285.5px;
  top: 30%;
  z-index: 9999;
  display: none;
}
.zx_jz_tan ul{
  width: 100%;
  text-align: center;
  color: #fff;
  margin-top: 170px;
}
.zx_jz_tan ul ol{
  margin-bottom: 10px;
}
.zx_jz_tan img{
  width: 40px;
  height: 40px;
  display: block;
  position: absolute;
  left: 50%;
  bottom: -30px;
  margin-left: -20px;
  cursor: pointer;
}
.zx_jz_tan a{
  width: 92%;
  height:200px;
  position: absolute;
  left: 4%;
  top: 91px;
}

/*设计服务*/

.sjfw_banner {
  width: 100%;
  overflow: hidden;
}
.sjfw_banner img{
display: block;}
.sjfw_banner_1{
  margin-bottom: 40px;
}

.sjfw_banner img {
  width: 100%;
}

.sjfw_list {
  padding: 7px;
  border: 1px solid #f2eeef;
  width: 1184px;
  margin: auto;
  height: 194px;
  margin-bottom: 20px;
}

.sjfw_list ul {
  width: 289px;
  height: 194px;
  float: left;
  background: #b71d04;
  text-align: center;
  color: #fff;
  overflow: hidden;
}

.sjfw_list ul ol {
  font-size: 18px;
  margin-top: 60px;
  margin-bottom: 20px;
  font-weight: bold;
}
.sjfw_list ul li{
  margin: auto;
  display: table;
}
.sjfw_list ul li a {
  font-size: 14px;
  padding: 0 5px;
  float: left;
  color: #fff;
  border-right: 1px solid #fff;
}
.sjfw_list ul li a:hover{
  text-decoration: underline;
}

.sjfw_list ul li a:last-child {
  border-right: none;
}

.sjfw_list img {
  width: 289px;
  height: 194px;
  float: left;
  margin-left: 20px;
}

.sjfw_list dl {
  width: 257px;
  height: 194px;
  /*background: #b71d04;*/
  float: left;
  margin-left: 20px;
}
.sjfw_list dl a{
  width: 205px;
  height: 50px;
  background-image: linear-gradient(to right, #d88242, #b71d04);
  border: 1px solid #b71d04;
  margin:34px auto 26px;
  display: block;
  color: #fff;
  font-size: 18px;
  line-height: 50px;
  text-align: center;
  border-radius: 30px;
}
.sjfw_list dl a:last-child{
  background: #fff;
  color: #b71d04;
  margin: auto;
}
/*印刷服务*/

.yszs_nav{
  width: 100%;
  height: 60px;
  background: #e5e5e5;
  clear: both;
}
.yszs_nav ul{
  display: table;
  margin:auto;
  height: 35px;
  padding: 12.5px 0;
  overflow: hidden;
}
.yszs_nav ul a{
  float: left;
  padding: 0 50px;
  height: 35px;
  line-height:35px;
  color: #333;
  border-right: 1px dashed #555;
}
.yszs_nav ul a:last-child{
  border-right: none;
}
.yszs_nav ul a:hover{
  text-decoration: underline;
  color: #b71d04;
}
.yszs_m{
  width: 1200px;
  margin: 40px auto 20px;
}
.yszs_m ol{
  width: 5px;
  height: 17px;
  background: #f6a84d;
  float: left;
  margin-right: 10px;
}
.yszs_m li{
  font-weight: bold;
  color: #333;
  font-size: 16px;
  line-height: 18px;
}
.yszs_box{
  width: 1200px;
  margin: auto;
  overflow: hidden;
}
.yszs_box a{
  float: left;
  margin-right: 20px;
}
.yszs_box a:nth-child(4n){
  margin-right: 0;
}
.yszs_box a ol{
  width: 265px;
  height: 265px;
  padding: 9px;
  border: 1px solid #f2eeef;
  display: block;
  overflow: hidden;
}
.yszs_box a:hover ol{
  border: 1px solid #b71d04;
}
.yszs_box a:hover span{
  color: #b71d04;
}
.yszs_box a ol img{
  width: 265px;
  height: 265px;
}
.yszs_box a span{
  font-size: 16px;
  color: #333;
  text-align: center;
  line-height: 50px;
  display: block;
}
/*印刷二级*/

.yszs_m li a{
  color: #333;
}
.yszs_m li a:hover{
  text-decoration: underline;
  color: #b71d04;
}
.yszs_box_1 img{
  width: 70%;
  margin:10px auto;
  display: block;
}
/*设备展示*/

.yszs_box_1 a ol{
  width: 360px;
  height: 360px;
}
.yszs_box_1 a ol img{
  width: 360px;
  height: 360px;
  display: block;
  margin: 0;
}
.yszs_box_1 a{
  margin-right: 30px;
}
.yszs_box_1 a:nth-child(3n){
  margin-right: 0;
}
.yszs_box_1 a:nth-child(4n){
  margin-right: 30px;
}
/*关于我们*/

.gy_wm{
  width: 1200px;
  overflow: hidden;
  margin: auto;
}
.gy_wm_1{
  width: 100%;
  overflow: hidden;
  margin-bottom: 30px;
}
.gy_wm_1 .gy_wm_left{
  background: #f6a84d;
  width: 790px;
  height: 400px;
  float: left;
}
.gy_wm_1 .gy_wm_left ul{
  margin: 100px;
  color: #333;
}
.gy_wm_1 .gy_wm_left ul ol{
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
}
.gy_wm_1 .gy_wm_left ul li{
  line-height: 150%;
}
.gy_wm_1 .gy_wm_right{
  float: right;
  margin-left: 20px;
  width: 390px;
  height: 400px;
}
.gy_wm_1 .gy_wm_right img{
  width: 390px;
  height: 370px;
  display: block;
}
.gy_wm_1 .gy_wm_right span{
  width: 390px;
  height: 30px;
  display: block;
  background: #b71d04;
  color: #fff;
  text-align: center;
  line-height: 30px;
}
.gy_wm_2 .gy_wm_left{
  width: 510px;
  float: right;
}
.gy_wm_2 .gy_wm_right{
  width: 670px;
  float: left;
  margin-left: 0;
  margin-right: 20px;
}
.gy_wm_2 .gy_wm_right img{
  width: 670px;
}
.gy_wm_2 .gy_wm_right span{
  width: 670px;
}
/*联系我们*/

.lx_box{
  width: 1020px;
  margin: auto;
}
.lx_box .dt_tu{
  width: 1000px;
  padding: 9px;
  border: 1px solid #999;
}
.lx_box .dt_tu img{
  width: 1000px;
}
.lx_fs{
  width: 1020px;
  background: #f7f4f5;
  margin: 30px auto;
  padding-bottom: 20px;
}
.lx_fs dl{
  margin-left: 25px;
  line-height: 85px;
  color: #333;
  width: 100%;
  overflow: hidden;
  border-bottom: 1px dashed #999;
  margin-bottom: 20px;
}
.lx_fs dl dt{
  width: 9px;
  height: 25px;
  background: #b71d04;
  float: left;
  margin-right: 10px;
  margin-top: 30px;
}
.lx_fs dl dd{
  font-size: 16px;
  font-weight: bold;
  float: left;
}
.lx_fs ul{
  margin-left: 25px;
  height: 40px;
  line-height: 40px;
}
.lx_fs ul ol{
  width: 26px;
  height: 26px;
  float: left;
  margin-top: 7px;
  margin-right: 5px;
}
.lx_fs ul ol img{
  width: 100%;
}