/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6{font-weight: normal;}
BODY {FONT:13px/1.75 "Microsoft YaHei", arial,sans-serif; COLOR: #666;  background:#fff;min-width: 1200px; overflow-x: hidden;}
A {COLOR: #666; TEXT-DECORATION: none}
P{COLOR: #333;}
A:hover {TEXT-DECORATION: none}
A IMG {BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none}
DIV {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
UL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
LI {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
P {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
EM {FONT-STYLE: normal; FONT-WEIGHT: normal}
TABLE {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DT {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DD {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
TR {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
.cl{HEIGHT: 0px; CLEAR: both;}
.jz{margin:0 auto;}
.fl{FLOAT: left}
.fr{FLOAT: right}
.container{width:1200px; margin:0 auto}
.c{*zoom:1;}
.c:after{content: ""; display: block; height: 0; clear: both;}
.txt-c{text-align: center;}
.txt-r{text-align: right;}
.col-white{color: #fff;}

/* CSS Document */
.contactNo{float:left; color:#fff; padding-top:8px; font-family: "Lucida Grande", Lucida Sans Unicode, Hiragino Sans GB, WenQuanYi Micro Hei, Verdana, Aril, sans-serif;}
.search-col{ float:right;padding-right: 18px; padding-top: 9px;}
.search-icon{font-size:16px; color:#fff !important;}
.userReg{color:#fff; float:right; padding-right: 10px; padding-top: 6px; font-family: "Lucida Grande", Lucida Sans Unicode, Hiragino Sans GB, WenQuanYi Micro Hei, Verdana, Aril, sans-serif;}
.userReg a{color:#fff !important; padding-left:4px; padding-right:4px;}
.userReg a:hover{color:#fff;}
.topHeaderLayer{width:100%;  background:#2b4ea1; height:36px; position:relative; z-index:9999;}
/*公共头部*/
.head{background: #fff; height: 110px;}
.head .logo{margin-top: 25px; height: 60px;}
.head .logo h1 {line-height: 0px;}
.head .logo .text{background: url(../images/logo-line.png) no-repeat left center; padding-left: 10px; margin-left: 10px; height: 60px;}
.head .logo .text strong{display: block; font-size: 20px; line-height: 20px; color: #2b4ea1; padding-top: 8px; margin-bottom: 10px;}
.head .logo .text em{display: block; font-size: 15px; line-height: 15px; }
.head-tel{background: url(../images/telephone.png) no-repeat left center; padding-left: 52px; margin-top: 35px;background-size: 48px;}
.head-tel span{display: block; font-size: 14px; line-height: 14px;  margin-bottom: 8px;text-align: center;}
.head-tel strong{display: block; font-size: 26px; line-height: 19px; color: #2b4ea1;}

.nav{ height: 50px; display: flex;flex-direction: column;justify-content: space-between;flex-wrap: wrap;}
.nav ul{ height: 50px; display: flex;flex-direction: column;justify-content: space-between;flex-wrap: wrap;}
.nav ul li{float: left; position: relative; margin: 0 2px;}
.nav ul li>a{display: block; font-size:15px; line-height: 50px; color: #333; text-align: center;  position: relative;padding: 0;}
.nav ul li>a:after{position: absolute;content: ''; bottom: 0; width: 0; left: 50%; height: 2px; background: #2b4ea1; transition: 0.6s;}
.nav ul li.on>a:after,.nav ul li:hover>a:after{width: 100%; left: 0;}
.nav ul li.on>a,.nav ul li:hover>a{color: #2b4ea1;}
.nav ul li .hide{background-color: #fff;float: left;left: 0px;display: none;width: 100%;position: absolute;text-align: center;z-index: 22; }
.nav ul li .hide em a{ display:block; font-size: 15px;line-height:44px;text-align:center; height:44px; color: #666; border-bottom: dashed 1px #2b4ea1; margin: 0 5px;}
.nav ul li .hide em:last-child a{border-bottom: none;}
.nav ul li .hide em a:hover{ color: #2b4ea1; transition:background-color 0.3s linear; -moz-transition:background-color 0.3s linear;-webkit-transition:background-color 0.3s linear;-o-transition :background-color 0.3s linear;}
.navfixed{position: fixed; top: 0; z-index: 222;  width: 100%;background: #fff;}

/*搜索*/
.search{width: 200px;line-height: 33px;height: 33px;border: solid 1px #d3d3d3;border-radius: 23px;background: #fff;position: relative;margin-top: 36.5px;margin-right: 50px;}
.search input{outline: none; border: none; font-family: "Microsoft YaHei"; background: transparent;}
.search .search-text{display: block;font-size: 12px;color: #999999;text-indent: 13px;line-height: 33px;width: 163px;}
.search .search-btn{position: absolute;background: url(../images/search-btn.png) no-repeat;width: 20px;height: 20px;top: 6.5px;right: 9px;}


/*首页banner*/
.banner{position:relative;}
.banner-hd {height:600px;position: relative; overflow:hidden; width: 100%;}
.banner-hd  ul{height:100%;margin: 0 auto;}
.banner-hd  ul li{height:100%;}
/*数字按钮样式*/
.banner-hd .num { overflow:hidden;  position:absolute; bottom:5%; margin:0 auto;left:0;right:0;text-align:center;zoom:1; z-index:3 ;}
.banner-hd .num ul{display: inline-block;}
.banner-hd .num li {width:10px;height:10px; margin:0 5px; cursor:pointer; float: left; border: solid 1px #fff; -webkit-border-radius:50%; -moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius: 50%;}
.banner-hd .num li.on {background: #fff;  } /*当前项*/


/*服装定制中心*/
.product{ background: url(../images/line-bg2.png) repeat-x center top; padding: 50px;}
.product .title{background: transparent; margin-bottom: 30px; height: auto;}
.product .title b{color: #2b4ea1;}
.class1-btn{margin-bottom: 40px;}
.class1-btn ul li{float: left; width: 33%;   cursor: pointer;padding-bottom: -5px;}
.class1-btn ul li em{display: block; font-size: 18px;  line-height: 54px; color: #666;  padding-left: 164px;background-size: 30px;}
.class1-btn ul li:first-child em{background: url(../images/xz.png) no-repeat 128px center; background-size: 30px;}
.class1-btn ul li:nth-child(2) em{background: url(../images/zyz.png) no-repeat 128px center; background-size: 30px;}
.class1-btn ul li:last-child em{background: url(../images/class1btn-icon3.png) no-repeat 128px center; }

.class1-btn ul li.on,.class1-btn ul li:hover{border-bottom: 2px solid #2b4ea1;}
.class1-btn ul li.on em,.class1-btn ul li:hover em{color: #2b4ea1;}
.class1-btn ul li.on:first-child em,.class1-btn ul li:hover:first-child em{background: url(../images/xz.png) no-repeat 28px center; background-size: 30px;}
.class1-btn ul li.on:nth-child(2) em,.class1-btn ul li:hover:nth-child(2) em{background: url(../images/zyz.png) no-repeat 128px center; background-size: 30px;}
.class1-btn ul li.on:last-child  em,.class1-btn ul li:hover:last-child  em{background: url(../images/class1btn-icon3-on.png) no-repeat 128px center; }

.class1-pic{width: 480px;}
.product-right{width: 720px;}
.class2-btn{width: 700px; margin-bottom: 25px;}
.class2-btn ul{}
.class2-btn ul li{float: left;  font-size: 18px; line-height: 16px; color: #4c4c4c; padding: 0;  cursor: pointer;border-bottom: 2px solid #ddd;padding-bottom: 5px;margin-right: 14px;}
.class2-btn ul li.on,.class2-btn ul li:hover{color: #2b4ea1;border-bottom: 2px solid #2b4ea1;padding-bottom: 5px;}
.class2-btn .product-more{display: block; font-size: 16px; line-height: 16px; color: #666; }
.class2-btn .product-more:hover{text-decoration: underline;}

.product-list ul li{float: left; margin-left: 15px; margin-bottom: 20px; width: 222px; position: relative;}
.product-list ul li .pic{width: 220px; height: 220px; }
.product-list ul li .pic img{width: 229px; height: 229px; }
.product-list ul li em{position: absolute; bottom: 0; left: 2px; right: 0; margin: 0 auto; width: 225px; font-size: 16px; line-height: 40px; color: #fff; text-align: center; background: rgba(0,0,0,0.356); transition:0.6s;}
.product-list ul li:hover em{opacity: 0;}


/*关于我们*/
.about{background: url(../images/about-bg.jpg) no-repeat center top; height: 570px;}
.about-left{width: 470px; margin-top: 87px;}
.about-title{height: 102px; position: relative;}
.about-title:after{position: absolute; content: ''; bottom: 0; width: 40px; height: 3px; background: #2b4ea1; z-index: 2;}
.about-title strong{display: block; font-size: 32px; line-height: 32px; margin-bottom: 9px;}
.about-title span{display: block; font-size: 16px;}
.about-left p{display: block; font-size: 14px; line-height: 28px; color: #fff; opacity: 0.8; text-align: justify; margin: 31px 0 52px;}
.about-left .about-more{display: inline-block; width: 120px; height: 40px; background: #2b4ea1; font-size: 15px; line-height: 40px; color: #fff; text-align: center; margin-right: 6px;}
.about-left .about-more:hover{text-decoration: underline;}
.about-left em{display: inline-block;  height: 38px; border: solid 1px #2b4ea1; font-size: 15px; line-height: 38px; color: #2b4ea1; text-align: center;padding: 0 10px;}

.about-right{background: url(../images/about-right.png) no-repeat left top; margin-top: 50px; width: 414px; padding-left: 114px; padding-top: 27px; height: 442px;}
.about-right ul li{float: left; margin-bottom: 30px;}
.about-right ul li h3{display: block; font-size: 18px; line-height: 18px; color: #2b4ea1; font-weight: bold; margin-bottom: 14px;}
.about-right ul li p{display: block; font-size: 14px; line-height: 26px; color: #fff; opacity: 0.8}


/*定制服务*/
.service{background: url(../images/line-bg2.png) repeat-x center top;  padding-top: 69px; }
.service .title{margin-bottom: 0;}
.service-list {display: block; background: url(../images/service-bg.png) no-repeat center top; height: 608px; position: relative;}
.service-list ul li{float: left; position: absolute;}
.service-list ul li strong{display: block; font-size: 22px; line-height: 22px; color: #333333; margin-bottom: 15px;}
.service-list ul li p{display: block; font-size: 16px; line-height: 26px; color: #808080;}
.service-list ul li.item1,.service-list ul li.item7{top:52px;}
.service-list ul li.item2,.service-list ul li.item6{top:192px;}
.service-list ul li.item3,.service-list ul li.item5{top:332px;}
.service-list ul li.item4{top: 450px;}

.service-list ul li.item1,.service-list ul li.item3{left: 50px;}
.service-list ul li.item2{left: 0;}
.service-list ul li.item5,.service-list ul li.item7{right: 50px;}
.service-list ul li.item6{right: 0;}
.service-list ul li.item4{left: 585px;}




/*合作案例*/
.case{background: url(../images/line-bg2.png) repeat-x center top; height: 591px; padding-top: 69px;}
.title{height: 86px;  margin-bottom: 50px;}
.title h3{display: block; font-size: 32px; line-height: 32px; color: #333; font-weight: bold; margin-bottom: 9px;}
.title span{display: block; font-size: 16px; color: #808080; font-family: arial; text-transform: uppercase;}

.case-bd{position: relative; margin-bottom: 50px;}
.case-bd .prev,.case-bd .next{position: absolute; top: 107px; width: 44px; height: 70px; cursor: pointer;}
.case-bd .prev{background: url(../images/case-prev.png) no-repeat center #e5e5e5; left: 0;}
.case-bd .next{background: url(../images/case-next.png) no-repeat center #e5e5e5; right: 0;}
.case-bd .prev:hover{background: url(../images/case-prev.png) no-repeat center #333; }
.case-bd .next:hover{background: url(../images/case-next.png) no-repeat center #333; }

.case-list{overflow: hidden; width: 1030px; margin: 0 auto;}
.case-list ul li{float: left; width: 330px; margin-right: 20px;}
.case-list ul li .pic{width: 330px; height: 240px; overflow: hidden;}
.case-list ul li .pic img{display: block; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.case-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.case-list ul li em{display: block; background: url(../images/case-more.png) no-repeat 278px center #f2f2f2; font-size: 16px; line-height: 45px; color: #4c4c4c; padding-left: 20px;}
.case-list ul li:hover em{background: url(../images/case-more-hover.png) no-repeat 278px center #1a1a1a; color: #2b4ea1;}
.more{width: 220px; height: 50px; font-size: 16px; line-height: 50px; color: #fff; text-align: center; margin: 0 auto;}

/* Ripple Out */
@-webkit-keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}

@keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}

a.hvr-ripple-out {
  display: block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #2b4ea1;
}
a.hvr-ripple-out:before {
  content: '';
  position: absolute;
  border: #2b4ea1 solid 6px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
a.hvr-ripple-out:hover:before,a.hvr-ripple-out:focus:before,a.hvr-ripple-out:active:before {
  -webkit-animation-name: hvr-ripple-out;
  animation-name: hvr-ripple-out;
}


/*新闻资讯*/
.news{background: url(../images/news-bg.jpg) no-repeat center top; padding-top: 50px; height: 625px;     background-attachment: fixed;}
.news .title h3{color: #fff;}
.news-list {margin-bottom: 10px;}
.news-list ul li{float: left; margin-right: 60px; width: 570px; margin-bottom: 40px; }
.news-list ul li .pic{width: 210px;}
.news-list ul li .info {width: 330px;}
.news-list ul li .info em{display: block; font-size: 18px;  color: #fff; margin: 2px 0 10px;}
.news-list ul li .info p{display: block; font-size: 14px;  color: #808080; margin-bottom: 11px;}
.news-list ul li .info b{display: block; font-size: 14px;  color: #808080; background: url(../images/news-icon.png) no-repeat left center; padding-left: 22px;}
.news-list ul li:hover .info em{color: #2b4ea1}
.news-list ul li:hover .info p{color: #fff;}


/*定制流程*/
.process{padding-top: 71px; height: 535px;background: url(../images/line-bg2.png) repeat-x center top;}
.process-list ul li{float: left; width: 350px; margin-right: 75px; margin-bottom: 50px;}
.process-list ul li .icon{width: 90px;}
.process-list ul li .info{width: 232px;}
.process-list ul li .info strong{display: inline-block; font-size: 18px; color: #333;  margin-bottom: 4px;}
.process-list ul li .info em{font-size: 14px; color: #999; font-family: arial;}
.process-list ul li .info p{font-size: 14px; color: #666;}
.process-zx{width: 457px; margin: 0 auto;}
.process-zx span{display: inline-block;  height: 46px; font-size: 18px; line-height: 46px; color: #2b4ea1; border: solid 2px #2b4ea1;width: auto;float: left;padding: 0 10px;}
.process-zx span b{font-size: 22px; font-family: arial;}
.process-zx a{display: inline-block;  height: 50px; font-size: 16px; line-height: 50px; color: #fff; background: #2b4ea1;padding: 0 12px;}
.process-zx a:hover{text-decoration: underline;}


/*公共底部*/
.foot{background: #272725; height: 253px; padding-top: 50px;}
.foot dl{float: left; padding: 0 25px; border-right: solid 1px #333; height: 200px;}
.foot dl dt{display: block; font-size: 18px; line-height: 18px; color: #fff; margin-bottom: 28px;}
.foot dl strong{display: block; font-size: 38px; line-height: 27px; color: #2b4ea1;  margin-top: 5px; margin-bottom: 3px;}
.foot dl h3{display: block; font-size: 16px; color: #808080;}
.foot dl span{display: block; font-size: 15px; color: #808080; margin-bottom: 28px;}
.foot dl a{display: block; width: 80px; height: 40px; background: #2b4ea1; font-size: 15px; line-height: 40px; color: #fff; background: url(../images/foot-icon.png) no-repeat 21px center #2b4ea1; padding-left: 50px; border-radius: 4px;}
.foot dl a:hover{text-decoration: underline;}
.foot dl p{display: block; font-size: 15px; line-height: 18px; color: #808080; margin-bottom: 18px; padding-left: 32px;}
.foot dl p.foot-icon1{background: url(../images/foot-icon1.png) no-repeat left center;}
.foot dl p.foot-icon2{background: url(../images/foot-icon2.png) no-repeat left center;}
.foot dl p.foot-icon3{background: url(../images/foot-icon3.png) no-repeat left center;}
.foot dl p.foot-icon4{background: url(../images/foot-icon4.png) no-repeat left center;}
.foot dl p.foot-icon5{background: url(../images/foot-icon5.png) no-repeat left center;}
.foot dl dd{float: left; margin-right: 15px; width: 110px;}
.foot dl dd img{display: block; margin-bottom: 8px;}
.foot dl dd em{display: block; font-size: 14px; color: #808080; text-align: center;}
.foot-copy{background: #1b1b1b; line-height: 60px;}
.foot-copy p{display: block; font-size: 15px; color: #808080;}
.foot-copy p a{color: #808080;}
.foot-copy p a:hover{color: #fff;}


/*在线咨询*/
.zx-service{position:fixed; right:0px;top: 30%;;z-index: 10000; }
.service-box{background-color: #fff; border-radius:6px; width:108px;}
.service-box span{display:block; margin-bottom: 8px;}
.service-box span.text{margin-bottom: 0; background:#2b4ea1; height:40px; line-height:40px; text-align:center; color:#fff; font-size:16px; position:relative; border-top-left-radius: 6px; border-top-right-radius: 6px;}
.service-box ul{border:1px solid #efefef; border-top: none;}
.service-box li{border-bottom:1px solid #efefef; text-align:center; position:relative;}
.service-box li em{display: block; font-size:13px;color: #757575;}
.service-box li a{display:block; padding: 14px 0 6px;}
.service-box li a:hover em{color:#2b4ea1; }
/*.service-box ul li:last-child a{padding: 14px 0 22px;}*/
.service-box li p{position:absolute; left:-150px; width:124px; top:0;display:none; border: solid 1px #f5f5f5; background: #fff;}
.service-box li p b{display: block; background: #f5f5f5; font-size: 14px; line-height: 30px; color: #333; text-align: center; font-weight: normal;}
.service-box li:hover p{display:block; }
.service-arrow{background:#2b4ea1; height:40px; line-height:40px; text-align:center; color:#fff; font-size:16px;  border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;cursor:pointer; }
.service-arrow a{display:block; color: #fff;}


/*内页样式*/
.ny-hd{height: 450px;}
.ny-main{margin-top: 25px; margin-bottom:100px;}


.position{height:52px; line-height:52px; font-size:14px; border-bottom: solid 1px #dfdfdf; margin-bottom: 30px;}
.position .container{background:url(../images/position-home.png) no-repeat 0 center; padding-left:30px; width: 1170px;}
.position a{background:url(../images/position-arrow.png) no-repeat right; padding-right:20px; margin-right:10px;}
.position a:last-child{background: transparent;}
.position .on{color: #2b4ea1;}
.position a:hover{color: #2b4ea1;}

.ctitle1 li{float: left; display: block;  margin-left: 20px; position: relative;}
.ctitle1 li a{display: block; font-size: 15px; line-height:53px; color: #333; text-align: center; padding-right: 0; margin-right: 0;}
.ctitle1 li a:after{content: '';width:0;transition: all .3s;height:1px; background: #2b4ea1; position: absolute;bottom: 0px;left:50%}
.ctitle1 li.on a:after,.ctitle1 li:hover a:after{width:100%;left:0%;}
.ctitle1 li.on a,.ctitle1 li:hover a{color: #2b4ea1;}


/*内页产品列表页*/
.ny-product-list ul{width: 1230px;}
.ny-product-list ul li{float: left; width: 277px; margin-right: 30px; margin-bottom: 25px; }

.ny-product-list ul li .pic{overflow: hidden; position: relative; }
.ny-product-list ul li .pic img{width: 100%; height: 100%;}
.ny-product-list ul li .info{ width: 100%; height: 100%; background: rgba(0,0,0,0.6);  position: absolute;  opacity: 0; transition:0.6s;}
.ny-product-list ul li .info img{ width: 100%; height: 100%; background: rgba(0,0,0,0.6);  position: absolute;  opacity: 0; transition:0.6s;}
.ny-product-list ul li .info span{display: block; font-size: 16px; line-height: 16px; color: #2b4ea1; text-align: center; margin: 109px 0 20px;}
.ny-product-list ul li .info .more-icon{display: block; width: 25px; height: 25px; margin: 0 auto;}

.ny-product-list ul li:hover .info{opacity: 1; }

.ny-product-list .hidden::before,
.ny-product-list .hidden::after {
  position: absolute;
  content: '';
  opacity: 0;
}

.ny-product-list .hidden::before {
  top: 15px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  border-top: 2px solid #2b4ea1;
  border-bottom: 2px solid #2b4ea1;
  -webkit-transform: scale(0,1);
  transform: scale(0,1);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

.ny-product-list .hidden::after {
  top: 15px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  border-right: 2px solid #2b4ea1;
  border-left: 2px solid #2b4ea1;
  -webkit-transform: scale(1,0);
  transform: scale(1,0);
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}


.ny-product-list .hidden::before,
.ny-product-list .hidden::after
{
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
}


.ny-product-list li:hover .hidden::before,
.ny-product-list li:hover .hidden::after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.ny-product-list li:hover .hidden::before,
.ny-product-list li:hover .hidden::after
 {
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
}





/*内页合作案例列表页*/
.ny-case-list ul{width: 1230px;}
.ny-case-list ul li{float: left; width: 277px; margin-right: 30px; margin-bottom: 25px;}
.ny-case-list ul li .pic{width: 277px; height: 201px; overflow: hidden;}
.ny-case-list ul li .pic img{display: block; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.ny-case-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.ny-case-list ul li em{display: block; background: url(../images/case-more.png) no-repeat 223px center #f2f2f2; font-size: 16px; line-height: 45px; color: #4c4c4c; padding-left: 20px;}
.ny-case-list ul li:hover em{background: url(../images/case-more-hover.png) no-repeat 223px center #1a1a1a; color: #dfb947;}



/*内页新闻列表页*/

.ny-news-list ul li{width: 100%; margin-right: 0;  border-bottom: dashed 1px #ccc; padding-bottom: 25px; margin-bottom: 30px;}
.ny-news-list ul li .pic{width: 258px; height: 184px;}
.ny-news-list ul li .info{width: 900px;}
.ny-news-list ul li .info em{color: #333;}
.ny-news-list ul li:hover .info p{color: #808080;}


.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px; 

}
.pagination > li {
    display: inline; 
    float: none !important;
}
.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857;
    text-decoration: none;
    color: #337ab7;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px; }
.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px; }
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px; }
.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
    z-index: 2;
    color: #23527c;
    background-color: #eeeeee;
    border-color: #ddd; }
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
    cursor: default; }