.container-fluid{padding: 0; width: 1200px; margin:0 auto; position: relative;}
*{ box-sizing: border-box; -webkit-box-sizing: border-box;}
/*头部样式*/
#header,.w1200{width:1200px;margin:0 auto;}
.fl{float: left;}
.fr{float: right;}
p{margin:0 0 0 0;}

.tophead{width: 100%;height: 35px;background: #ececec;position: relative;}
.headtitle{font-size: 14px;color: #969696;line-height: 35px;}
.k1{font-size: 14px;line-height: 35px;color: #969696;}
.k1 a{color:#999999}

.sechead{height: 114px;position: relative;/* overflow: hidden; */width: 1920px;left: 50%;margin-left: -960px;background: url(../images/hh.png)no-repeat top center;}
.logo{float:left;line-height: 114px;}
.sechead .k2{margin-top: 19px;background: url(../images/ttel.png) left center no-repeat;text-align: left;padding-left: 70px;font-size: 20px;color: #3e3e3e;line-height: 24px;}
.sechead .k2 p{font-size: 16px; color: #666;}
.sechead .k2 p strong{font-size: 24px; color: #333;}

/* 导航 */
.menu{
    width: 65%;
    /* margin: 0 auto; */
    /* overflow: hidden; */
    /* height: 40px; */
    float: right;
}
.x-menu {/* width: 1200px; *//* margin:0 auto; */}
.x-menu>li {float:left;width: 111px;position:relative;text-align:center;}
.x-menu>li>a {display:block;font-size: 15px;color: #fff;line-height: 114px;}
.x-menu>li.active>a,.x-menu>li>a:hover {background: transparent;color:#fff;}
.x-menu>li:after {content:"";position:absolute;z-index:100;width:100%;left:0;height:40px;opacity:0;top:100%}

/*滚动*/
#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%}
#demo1 {float: left;}
#demo2 {float: left;}

#m_demo{overflow:hidden;width:100%;margin:0 auto;}
#m_indemo {float: left;width:800%}
#m_demo1 {float: left;}
#m_demo2 {float: left;}

/* 内页 */
.left{width: 240px;float: left;}
.right{width: 940px;float: right;}
.product_list{}
.product_list li{float: left;width: 293px;border: 1px solid #eee;margin:0 10px 10px;padding:5px;}
.product_list li a.img{display: block;width: 281px;height: 281px;overflow: hidden;}
.product_list li img{width:281px;height: 281px;transition: all .5s ease;}
.product_list li h3{line-height: 35px;text-align: center;}
.product_list li h3 a{color: #5a5a5a;font-size: 14px;}
.product_list li:hover{border-color: #292e39}
.product_list li:hover img{transform:scale(1.1);}



.hss{width: 18px;height: 18px;position: relative;margin-top: 48px;margin-right: 9px;}
.hss span{display: block; width: 100%; height: 100%; background: url(../images/ss.png)no-repeat center;}

.hss form#formsearch{width: 240px;height: 30px;/* border: 1px solid #ccc; */background-color: rgba(255,255,255,0.9);display: none;position: absolute;bottom: -9px;right: -39px;}
.hss form#formsearch   input#keyword{width: 190px;height: 30px;line-height: 30px;padding-left: 10px;font-size: 12px;color: #999;border: none;outline: none;float: left;box-sizing: border-box;background: transparent;}
.hss form#formsearch  input#s_btn{float: left;width: 48px;line-height: 28px;text-align: center;font-size: 14px;color: #08519f;border: none;background: transparent;}

.hss:hover form#formsearch{display: block;}

.lag{width: 90px;height: 28px;position: relative;margin-top: 43px;}
.lag .lgb1{width: 100%; line-height: 28px;}
.lag .lgb1 span{display: inline-block;width: 20px;height: 17px;background: url(../images/lg.png)no-repeat center;vertical-align: middle;margin-right: 5px;}
.lag .lgb1 h2{display: inline-block; font-size: 12px; color: #fff;}
.lag .lgb1 i{display: inline-block;float: right;line-height: 17px;width: 7px;height: 4px;background: url(../images/hjt1.png)no-repeat top center;vertical-align: middle;margin-top: 14px;}
.lag .lbb{width: 300px;display: none; padding: 15px 15px 20px;background-color: #fff;position: absolute;z-index: 999;box-shadow: 3px 3px 6px rgba(0,0,0,0.1);}
.lag .lbb a{display: inline-block;/* float: left; */height: 30px;line-height: 30px;font-size: 12px;color: #999;margin-right: 20px;}
.lag .lbb img{display: inline-block; width: 20px; height: 17px;  background-size: contain; margin-right: 10px;}
.lag:hover .lgb1 i{background: url(../images/hjt2.png)no-repeat center;}
.lag:hover .lbb{display: block;}

/* 关于我们 */
.about{width: 1920px; position: relative; left: 50%; margin-left: -960px; background:#f6faff url(../images/abg.png)no-repeat bottom right;}

.about .img{width: 362px; height: 414px;}
.about .img img{width: 100%;}
.about .abb{width: 730px; margin-right: 35px; padding-top: 76px;}
.about .abb h2{font-size: 30px; color: #000000;}
.about .abb h2 span{font-weight: 700;}
.about .abb h3{font-size: 14px; color: #5a5a5a; line-height: 28px; margin-top: 40px;}
.about .abb a{display: block; width: 709px; height: 35px; background: url(../images/ak1.jpg)no-repeat bottom left; font-size: 14px; color: #5a5a5a; margin-top: 44px;}
.about .abb a i{display: inline-block; width: 36px; height: 11px; background: url(../images/jt.png)no-repeat center; float: right;}

/* 提供具有良好印刷稳定性和印刷效果的环保水性产品及服务 */
.product{width: 100%; padding-top: 88px; padding-bottom: 80px;}
.title{text-align: center; margin:0 auto;}
.title h2{font-weight: 700;font-size: 30px; color: #000000;}
.title h2 span{font-weight: 700;#0070bd}
.title h3{font-size: 16px; margin-top: 33px; color: #000;}
.product .pbb{width: 100%; margin-top: 80px; padding: 0 25px;}
.product .pbb ul{width: 100%;}
.product .pbb ul li{float: left; width: 533px; height: 378px; float: left; position: relative;}
.product .pbb ul li:nth-child(2n){float: right;}
.product .pbb ul li .img{width: 100%;}
.product .pbb ul li .img img{width: 100%;}
.product .pbb ul li .pbx{position: absolute;width: 327px;height: 120px;background: rgba(255,255,255,0.9);left: 50%;transform: translate(-50%);padding-top: 26px;text-align: center;bottom: -74px;box-shadow: 0 3px 8px rgba(0,0,0,0.1);}
.product .pbb ul li .pbx h3{font-size: 16px; color: #004191;}
.product .pbb ul li .pbx h4{font-size: 12px; color: #010101; margin-top: 12px;}
.product .pbb ul li .pbx i{display: inline-block; width: 48px; height: 6px; background: url(../images/jtt.png)no-repeat center; margin-top: 17px;}
.product .pbb ul li:hover .pbx{background: url(../images/pbg.png)no-repeat center;}
.product .pbb ul li:hover .pbx h3,.product .pbb ul li:hover .pbx h4{color: #fff;}
.product .pbb ul li:hover .pbx i{background: url(../images/jtt1.png)no-repeat center;}



/* .ys */
.ys{width: 1920px;position: relative;left: 50%;margin-left: -960px;background: url(../images/ys.png)no-repeat;padding-bottom: 64px;margin-top: 90px;padding-top: 38px;}
.ys .ybb{width: 100%;margin-top: 66px;padding: 0 20px;}
.ys .ybb ul{width: 100%;padding-left: 34px;}
.ys .ybb ul li{float: left;width: 27%;text-align: left;}
.ys .ybb ul li:nth-child(4){width: 19%;}
.ys .ybb ul li .img{width: 54px; height: 5px; float: left;}
.ys .ybb ul li .img img{width: 100%;}

.ys .ybb ul li h3{font-size:60px;color: #004191;font-weight: 700;margin-top: 64px;}
.ys .ybb ul li h4{font-size:18px;color: #004191;margin-top: 10px;font-weight: 700;padding-left: 10px;}
.ys .ybb ul li h5{font-size:14px;color: #5a5a5a;line-height: 29px;margin-top: 13px;margin-top: 6px;margin-left: 10px;width: 73%;}


.ys .title h2{margin-left: 120px;}
.ys .title h3{margin-left: 120px;}

/* 案例  */
.case{width: 1920px; position: relative; left: 50%; margin-left: -960px; background: url(../images/cbg.png) no-repeat top center; padding-top: 60px; margin-top: 22px;}
.case h4{text-align: left;font-size:30px;color: #fff;font-weight: 300;}
.case h4 span{font-weight: 700;}
.case .cbb{width: 100%;margin-top: 81px;position: relative;}
.case .cbb .hd{position: absolute;width: 65px;top: -105px;right: 0;}
.case .cbb .hd a{display:inline-block; width: 13px; height: 21px;    cursor: pointer;}
.case .cbb .hd a.next{float: left; background: url(../images/pr1.png)no-repeat center;}
.case .cbb .hd a.prev{float: right; background: url(../images/pr2.png)no-repeat center;}

.case .cbb .bd{width: 100%; }
.case .cbb .bd ul{width: 100%;}
.case .cbb .bd ul li{float: left; width: 369px; margin-right: 48px;}
.case .cbb .bd ul li .img{width: 100%;}
.case .cbb .bd ul li .img img{width: 100%;}


.ik{
    position: absolute;
    left: 0px;
    top:-78px;
    z-index: 111;
}

/* 最新新闻 */
.news{width: 100%; margin-top: 98px; padding-bottom: 70px;}
.news h2{font-size:30px; color: #000; text-align: left; width: 100%;}
.news h2 a{display: inline-block; float: right; width: 123px; height: 37px; background: url(../images/nka.png)no-repeat top center;}

.news .nbb{width: 100%; margin-top: 38px;}
.news .nbb ul{width: 100%;}
.news .nbb ul li{float: left; width: 369px; margin-right: 46px;}
.news .nbb ul li:last-child{margin-right: 0;}
.news .nbb ul li .img{width: 100%;}
.news .nbb ul li .img img{width: 100%; display: block;width:369px;height:246px;}

.news .nbb ul li  .nbx{width: 100%;border: 1px solid #f2f2f2;border-top: none;padding: 35px 24px 30px;}
.news .nbb ul li  .nbx h3{font-size:18px; color: #000; font-weight: 700; overflow: hidden; white-space: nowrap;}
.news .nbb ul li  .nbx h4{font-size:14px;color: #5a5a5a;line-height: 27px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;
display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;margin-top: 10px;-webkit-box-orient: vertical;}
.news .nbb ul li  .nbx i{display: block; width: 100%; height: 1px; background-color: #dcdcdc; margin-top: 22px;}
.news .nbb ul li  .nbx a{display: inline-block; margin-top: 21px; font-size: 14px; color: #333333;}
.news .nbb ul li  .nbx a::after{content: ""; display: inline-block; vertical-align: middle; width: 9px; height: 14px; background: url(../images/nk1.png)no-repeat center; margin-left: 9px;}
.news .nbb ul li:hover .nbx a{color: #004191;}
.news .nbb ul li:hover .nbx a::after{background: url(../images/nk2.png)no-repeat center;}

.x-layout{background: #f6faff; font-size: 14px; color: #8893b9; width: 100%; padding: 60px 0 0;}
.x-layout-desc{font-size: 14px; color: #8893b9;}
.x-layout-menu dl{width: 36%;}
.x-layout-menu dl:nth-child(2){width: 64%;}
.x-layout-menu dl dt{font-size: 16px;color: #000000;font-weight: 700;text-align: left;margin-bottom: 14px;}
.x-layout-menu dl dd{font-size: 14px;text-align: left;color: #8893b9;}
.x-layout-menu dl dd a{color: #8893b9;}

.x-layout .ff1{ffont-size: 14px;color: #8893b9;line-height: 30px;width: 420px;float: left;}
.x-layout .ff1 a{color: #8893b9;}
.x-layout .ff2{width: 672px;}
.x-layout-menu dl dd h2{font-size: 14px; line-height: 32px;}
.x-layout-menu dl dd h2 img{display: inline-block; vertical-align: middle; margin-right: 8px;}
.x-layout-menu dl dd:nth-child(2)>a.zzx{display: block; width: 361px; margin-top: 20px; height: 43px; background: url(../images/zx.png)no-repeat center;}
.row{margin: 0;}

.x-layout .fff1{margin-top: 66px;text-align: center;padding-top: 34px;border-top:1px solid #eeeeee;font-size: 14px;color: #8893b9;padding-bottom: 30px;}
.x-layout .fff1 a{color: #8893b9;}


.page-wrap-left{position: relative;}

.page-wrap-left{ width:230px; margin-right: 0;}

.xypg-left {
    width: 100%;
    float: left;
    position: relative;
    top: -75px;
    left:0;
}
/* .xypg-left-box .sort_menu {
    margin-bottom: 20px;
    border: 1px solid #eee;
    padding:20px;
} */
.xypg-left-menu{padding: none;}
.xypg-left-box{
    margin-bottom: 20px;
    border: 1px solid #eee;
    padding:20px;
}
.xypg-left-menu{padding: 0; border: none;}

.sort_menu{
    border:none !important;
    padding:0 !important;
}
.sort_menu h3 {
    background: #004191!important;
    height: 120px;
    color: #fff !important;
    font-size: 30px !important;
    padding-top:30px;
}


.sort_menu h3{
    font-size: 16px;
    color:#004191;
    line-height: 25px;
    font-weight: 400;
    text-indent:22px;
    background: url(../images/boxh3.png) no-repeat 0 50%;
}
.sort_menu h3 span{
    display: block;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    color: #fff !important;
    line-height: 18px !important;
    opacity: 1;
}

.left .box .content{
    padding-top:10px;
}

.right{width:926px;float:right;padding-bottom:10px;}
.sitemp{
    line-height: 50px;
    border-bottom:1px solid #eee;
    color: #666;
    font-size: 12px;
}

.sitemp .site {
    text-align: left;
    line-height: 50px;
}
.sitemp .site  a{color: #666;}
.right .content{padding-top:15px;line-height: 24px;}
.sort_album{margin-top: 15px;}

/*内页左侧分类通用样式*/
.xypg-left-nav > li {
    position: relative;
    background: #ececec;
    border: none;
}
.xypg-left-nav > li a {
    background: url(../images/sorta.png) no-repeat;
    color: #333;
    display: block;
    line-height: 60px;
    border-top: 1px solid #fff;
    padding: 0;
    padding-left: 48px;
    font-size: 12px;
}
.xypg-left-nav > li a:hover {
    color: #fff;
    text-decoration: none;
    background: url(../images/sortbg.png) no-repeat #333;
}
.xypg-left-nav > li .first-nav-btn{display: none;}

.xypg-left-title i{display: none;}
.xypg-left-title span {display: none;}
.xypg-left-title{background-color: #fff; padding: 0;}
.xypg-left-title h3{
    font-size: 16px;
    color: #004191;
    line-height: 25px;
    font-weight: 400;
    text-indent:22px;
    background: url(../images/boxh3.png) no-repeat 0 6px;
}

.xypg-left-con{border: none;}

.latest-news li{
    border-bottom: 1px solid #dddddd;
    background: url(../images/list_dot1.gif) no-repeat 0% 50%;
    padding-left: 13px;
}
  
.page-wrap-contact h4{
    padding: 0;
    font-size: 12px;
    margin-bottom: 7px;
}

.page-wrap-contact p{
    border: none;
    position: relative;
    margin-bottom: 0;
    padding: 0;
    line-height: 2em;
    color: #2f2f2f;
}


.container{width: 1200px; padding: 0;}
.page-wrap-right{width:926px;float:right;padding-bottom:10px;}

.sitemp{
    line-height: 50px;
    border-bottom:1px solid #eee;
    color: #666;
    font-size: 12px;
}

.sitemp .site {
    text-align: left;
    line-height: 50px;
}
.sitemp .site  a{color: #666;}
.right .content{padding-top:15px;line-height: 24px;}
.sort_album{margin-top: 15px;}

.xypg-right-content{padding-top: 15px;}


.xypg-product-list li {
    display: inline-block;
    vertical-align: bottom;
    width: 30.333%;
    margin: 0 1.5% 20px 1.5%;
    padding: 0;
    border: none;
    position: relative;
    border: 1px solid #ddd;
  }
  
  .xypg-product-list li .img {
    display: block;
  }
  
  .xypg-product-list li h3,.xypg-case-list li h3{/* position: absolute; */z-index:9999;bottom: 0;left: 0;width: 100%;text-align: center;}
  .xypg-product-list li h3 a ,.xypg-case-list li h3 a{
    display: block;
    text-align: center;
    font-size: 14px;
    color: #6d6d6d;
    line-height: 1.6;
    padding: .8em 0;
    width: 100%;
    background-color: #f1f1f1;
  }
  
  .xypg-product-list li:hover ,.xypg-case-list li:hover{
    border:none;
  }
  .xypg-product-list li:hover h3 a,.xypg-case-list li:hover h3 a{background-color: rgb(8, 65, 145);color: #fff;}

  .x-product-list li .img:hover img, .x-case-item .img:hover img, .x-news-img:hover img, .xypg-product-list li .img:hover img, .xypg-case-list li .img:hover img, .relate-product-slick .owl-item .img:hover img{
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  .xypg-case-list li{position: relative;}




  .news_listNei{margin:0 -10px;}
  .news_listNei li{margin-bottom:30px;}
  .news_listNei li a.img{
      width:216px;
      height:164px;
  }
  .news_listNei li a.img img{
      width:100%;
      height:100%;
  }
  .news_listNei li>div{
      width:595px;
      margin-left:23px;
      color:#7b7b7b;
      font-size:12px;
      text-align:justify;
  }
  .news_listNei li>div a.titNei{
      display:block;
      color:#333333;
      font-size:16px;
      margin-bottom:15px;
  }
  .news_listNei li>div a.MoreNei{
      width:81px;
      height:26px;
      border:1px solid #004191;
      color:#004191;
      line-height:26px;
      display:block;
      text-align:center;
      margin-top:10px;
  }
  .news_listNei li:hover>div a.titNei{
      color:#004191;
  }
  .news_listNei li:hover>div a.MoreNei{
      background:#004191;
      color:#fff;
  }
  

  .xypg-news-list li{border: none; padding: 0;}

  .xypg-news-list li:hover{box-shadow:none;}

  .xypg-left-title span{/* display: block !important; */font-size: 14px;letter-spacing: 6px;text-transform: uppercase;margin-top: 10px;}
.xypg-left-title span:before{display: none;}

.hot-keys li:nth-child(2n){margin-right: 0;}


.latest-news li a::before{display: inline-block; vertical-align: middle; width: 5px; height: 5px; border-radius: 50%; background-color: #ccc; margin-right: 5px;}
.latest-news li{padding: .5em 0;}
.xypg-product-list li a.img{overflow: hidden;display: block;width: 100%;height: 100%;position: relative;}
.xypg-product-list li a.img figcaption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.xypg-product-list li a.img figcaption::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    content: '';
    -webkit-transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
}


.xypg-product-list li:hover a.img img {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}


.xypg-product-list li:hover a.img figcaption::before {
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
}

.xypg-product-list li:hover{border: 1px solid #ddd;}