@charset "utf-8";
/* 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 */


/*公共头部*/
.head{height: 86px; background: #fff; position: fixed; top: 0; width: 100%; z-index: 222; }
.logo{margin-top: 26px;}
.head .logo h1 {line-height: 0px;}

/*.nav{margin-top: 18px;}
.nav ul li{float: left; position: relative; margin: 0 15px; }
.nav ul li a{display: block; font-size:15px; line-height: 45px; color: #1a1a1a; text-align: center; }
.nav ul li a:after{content: ''; position: absolute; bottom: 0; width: 0; height: 2px; left: 0%; background: #009fe3; z-index: 2; transition: all 0.3s ease;}
.nav ul li:hover a:after,.nav ul li.on a:after{width: 100%; }
.nav ul li.on a{color: #009fe3;}
.nav ul li:hover a{color: #009fe3; } 
*/

.nav ul li{float: left; position: relative; margin: 0 15px; height: 86px;}
.nav ul li>a{display: block; font-size:16px; line-height: 86px;  color: #636363; text-align: center; }
.nav ul li a:after {position: absolute; content: ''; bottom: 0; width: 0; left: 50%; height: 2px; background: #009fe3; transition:all .3s ease; top:62px;}
.nav ul li.on>a:after{width: 100%; left: 0;}
.nav ul li:hover>a:after{ width: 100%; left: 0;} 
.nav ul li.on>a{color: #009fe3; }
.nav ul li:hover>a{color: #009fe3; }
.nav ul li .hide{top:86px;  background-color: #fff;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);float: left;font-size: 14px;left: -50%;display: none;width: 124px;opacity: 0.8;position: absolute;text-align: center;z-index: 3;}
.nav ul li .hide em a{ display:block; font-size: 15px;line-height:35px;font-weight: normal; text-align:center; height:35px; color: #333;}
.nav ul li .hide em a:hover{background: #fff; color: #009fe3; 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;}


.head-zw{height: 86px;}

/*首页banner*/
.banner{position:relative;}
.banner-hd {height:640px;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:11px;height:11px; margin:0 5px; cursor:pointer; float: left; background: #a8a8a8; -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: #009fe3;  } /*当前项*/


.pannel{background: url(../images/pannel-bg.png) no-repeat center; height: 97px; margin-bottom: 53px;}
.pannel-left{width: 655px;}
.pannel-left strong{display: block; font-size: 18px; color: #fff; padding-top: 18px;}
.pannel-left span{display: block; font-size: 10px; color: #fff; letter-spacing:0.5px;}
.pannel-left em{display: block; background: url(../images/pannel-tel.png) no-repeat left center; margin-top: 30px; margin-right: 24px; font-size: 19px; line-height: 32px; color: #fff; padding-left: 50px;}

.pannel-right{width: 545px;}
.search-bg{background: #181818;}
.pannel-right span{display: block; padding-left: 14px; font-size: 13px; line-height: 48px; color: #8c8c8c; background: url(../images/arrow.png) no-repeat right center; padding-right: 15px;}
.search{width: 459px; padding: 0 10px; position: relative;}
.search input{outline: none; border: none;}
.search-text{display: inline-block; font-size: 13px; line-height: 48px; color: #969696; background: transparent; width: 400px; font-family: "Microsoft YaHei";}
.search-btn{display: inline-block; background: url(../images/search-btn.png) no-repeat right center; width: 21px; height: 21px; margin-top: 14px; cursor: pointer;}
.class-link{margin-left: 14px;}
.class-link ul li{float: left; margin-right: 36px;}
.class-link ul li a{display: block; font-size: 15px; line-height: 49px; color: #8a8a8a;}


/*关于我们*/
.about{margin-bottom: 67px;}
.about-left {width: 551px;}
.about-left  em{display: block; font-size: 15px; color: #8a8a8a; text-transform: uppercase; margin-bottom: 2px;}
.about-left  h3{display: block; font-size: 32px; line-height: 32px; color: #009fe3;}
.about-left p{display: block; font-size: 14px; line-height: 28px; color: #616161; margin: 34px 0 35px;}
.about-more{display: block; width: 115px; height: 35px; border: solid 1px #a0a0a0; border-radius: 18px; font-size: 14px; line-height: 35px; color: #009fe3; text-align: center; margin-bottom: 57px; transition: all linear .4s;-webkit-transition: all linear .4s;-moz-transition: all linear .4s;-ms-transition: all linear .4s;-o-transition: all linear .4s;}
.about-more:hover{border: solid 1px #009fe3; background: #009fe3; color: #fff;}
.time ul li{float: left; height: 58px; border-right: solid 1px #e8e8e8; padding: 0 55px;}
.time ul li p {display: block; font-size: 52px; line-height: 38px; color: #303030; font-weight: bold; margin: 0 0 9px;}
.time ul li span{display: block; font-size: 12px; line-height: 12px; color: #b2b2b2; }
.about-pic{width: 578px; margin-top: 4px;}

/*产品展示*/
.product{background: url(../images/product-bg.png) no-repeat center; height: 522px; padding-top: 54px; position: relative;}
.product .container{position: relative;}
.product .product-title{display: block; font-size: 28px; line-height: 28px; color: #4d4d4d; font-weight: bold; text-align: center; margin-bottom: 28px;}
.product-more{display: block; width: 110px; height: 31px; background: #ffb200; font-size: 14px; line-height: 31px; color: #fff; text-align: center; margin-left: -1px; margin-bottom: 41px;}
.product-more:hover{font-weight: bold;}

.product-btn{margin-bottom: 41px;}
.product-btn li{float: left; margin: 0 13px; width: 173px; height: 33px; border: solid 1px #afafaf; font-size: 14px; line-height: 33px; color: #585858; text-align: center; border-radius: 16px; cursor: pointer;}
.product-btn li.on{background: #ffb200; border: solid 1px #ffb200; color: #fff;}
.product-list ul li{float: left; margin: 0 17px; width: 265px; }
.product-list ul li .pic{width: 265px; height: 263px; overflow: hidden;}
.product-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;}
.product-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;}
.product-list ul li .name{background: #3f3f3f; padding-top: 14px; height: 65px;}
.product-list ul li em{display: block; font-size: 15px; color: #fff;}
.product-list ul li span{display: block;  color: #848484;}
.product-list ul li:hover .name{background: #009fe3; }
.product-list ul li:hover .name span{color: #fff;}
.pro-prev,.pro-next{position: absolute; top: 321px; width: 30px; height: 21px; z-index: 2;}
.pro-prev{ background: url(../images/prev.png) no-repeat;  left: -30px;}
.pro-next{ background: url(../images/next.png) no-repeat; right: -30px;}
.pro-prev:hover{ background: url(../images/prev-hover.png) no-repeat;  left: -30px;}
.pro-next:hover{ background: url(../images/next-hover.png) no-repeat; right: -30px;}

/*服务流程*/
.service{background: url(../images/service-bg.jpg) no-repeat center; height: 115px; margin-bottom: 16px;}
.service-title{display: block; background: url(../images/service-arrow.png) no-repeat right center; width: 366px; margin-top: 38px;}
.service-title h3{display: block; font-size: 20px; line-height: 20px; margin-bottom: 8px;}
.service-title span{display: block; line-height: 10px;}
.service-list {margin-top: 17px;}
.service-list ul li{float: left; margin: 0 33px; width: 80px; height: 80px; border-radius: 50%; background: rgba(255,255,255,0.15);}
.service-list ul li .icon img{display: block; margin: 15px auto 6px;  transition: 0.5s;}
.service-list ul li:hover .icon img{transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);}
.service-list ul li em{display: block; font-size: 12px; line-height: 12px; color: #fff; text-align: center;}


/*金塑德应用案例*/
.title h3{display: block; font-size:28px ; line-height: 67px; color: #4d4d4d; font-weight: bold;  background: url(../images/title-line.png) no-repeat center bottom; margin-bottom: 19px;}
.title em{display: block; font-size: 16px; line-height: 16px; color: #666;}
.case{margin-bottom: 31px;}
.case .title{margin-bottom: 37px;}
.case-list{margin-bottom: 9px;}
.case-list ul{width: 1229px;}
.case-list ul li{float: left; width: 380px; position: relative; margin-right: 29px;  margin-bottom: 28px;}
.case-list ul li .pic{width: 380px; height: 290px; 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; position: absolute; bottom: 0; background: rgba(27,27,27,0.65); font-size: 16px; line-height: 47px; color: #fff; text-align: center; width: 100%; opacity: 1; transition: 0.3s;}
.case-list ul li:hover em{opacity: 0;}

.case-more{display: block; width: 179px; background: #009fe3; font-size: 16px; line-height: 49px; color: #fff; text-align: center; border-radius: 22px; margin: 0 auto; transition: all linear .4s;-webkit-transition: all linear .4s;-moz-transition: all linear .4s;-ms-transition: all linear .4s;-o-transition: all linear .4s;}
.case-more:hover{background: #ffb200;}


/*仓库实拍*/
.cksp{margin-bottom: 31px;}
.cksp .title{margin-bottom: 37px;}
.cksp-list ul li{width:585px;}
.cksp-list ul li .pic{width: 585px; height:301px;}





/*金塑德贸易能为您解决什么问题？*/
.ys{background: #f6f6f6; padding-top: 35px; height: 605px;}
.ys .title h3{line-height: 60px;}
.ys-list{margin-top: 40px;}
.ys-list ul{width: 1216px;}
.ys-list ul li{float: left; width: 288px; margin-right: 16px; position: relative; transition: 0.5s;}
.ys-list ul li .pic{width: 288px; height: 184px;  position: relative;}
.ys-list ul li em{display: block; position: absolute; bottom: 0; width: 100%; font-size: 16px; line-height: 39px; text-align: center; color: #fff; font-weight: bold; background: rgba(43,43,43,0.56); z-index: 2;}
.ys-list ul li .info{background: #fff; padding-left: 7px; height: 198px; padding-top: 11px;}
.ys-list ul li .info p{display: block; font-size: 14px; line-height: 33px; background: url(../images/ys-icon.png) no-repeat left 10px; padding-left: 19px;}
.ys-zixun{position: absolute; bottom:0; right: 0; z-index: 2; background: #b9b9b9; width: 111px; font-size: 14px;  line-height: 35px; color: #fff; text-align: center;}
.ys-list ul li:hover em{background: rgba(0,159,227,1); }

/* Rectangle Out */
a.hvr-rectangle-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;

  background:#b9b9b9;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  color: #fff;
}
a.hvr-rectangle-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #009fe3;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
a.hvr-rectangle-out:hover,a.hvr-rectangle-out:focus,a.hvr-rectangle-out:active {
  color: white;
}
a.hvr-rectangle-out:hover:before,a.hvr-rectangle-out:focus:before,a.hvr-rectangle-out:active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}


/*咨询*/
.zx-message{ background: url(../images/col-bg.png) no-repeat center bottom;height:275px; margin-top: -60px;}
.zx-con{position: relative;top:110px;}
.zx-m-con p,.zx-m-con span{ display: block;color:#fff}
.zx-m-con p{font-size:24px;font-weight:bold;}
.zx-m-con span{font-size:16px;margin-top:5px}
.zx-form{overflow: hidden;margin-top:30px}
.zx-form div{float:left;height:36px;}
.zx-name input,.zx-tel input,.zx-xq input{width:256px;height:36px;line-height:36px;border:none; box-shadow: 0px 0px 8px 0px rgb( 204, 204, 204 );padding-left: 10px; outline: none;}
.zx-name input{ background: url(../images/col-icon1.png) no-repeat 95% 50%;background-color: #fff; }
.zx-tel input{ background: url(../images/col-icon2.png) no-repeat 95% 50%;background-color: #fff;}
.zx-xq input{ background: url(../images/col-icon3.png) no-repeat 95% 50%;background-color: #fff;}

.zx-submit input,.zx-aaa a{display: block;width:172px;height:36px;text-align: center;line-height:36px;margin-left:10px}
.zx-submit input{ background: #000000;color:#fff;border:none;}
.zx-aaa a{ background: #F29700;color:#fff;animation:mymove 5s infinite;}


/*新闻中心*/
.news{margin-bottom: 17px;}
.news .title{margin-bottom: 33px;}
.news .title h3{color: #252525;}
.news .title i{background: #252525;}
.news .title em{color: #848484;}

.news-list {position: relative;}
.news-list  ul li{float: left; width: 648px; }
.news-list  ul li img{display: block; width: 648px; height: 380px;}
.news-list  ul li .em-bg{position: absolute; bottom: 0; background: rgba(31,31,31,0.6); height: 52px; width: 100%;}
.news-list  ul li .em-bg em{display: block; font-size: 16px; line-height: 52px; color: #fff;  margin-left: 22px;}
.news-list .icon {overflow:hidden;  position:absolute; bottom:20px;  z-index:3; right: 14px; }
.news-list .icon li {display: block; float: left; width: 11px; height: 11px; border-radius: 50%; background: #fff; margin-left: 5px;}
.news-list .icon li.on { background:#009fe3; } 

.news-list2{width: 510px;}
.news-list2  ul li{position: relative; background: #fff; padding: 7px 0px; height: 71px;   transition: all .3s ease; margin-bottom: 13px;}
.news-list2  ul li .date{padding: 0 26px 0 18px; border-right: solid 1px #c3c3c3;height: 71px; margin-right: 24px; position: relative; z-index: 2;}
.news-list2  ul li .date strong{display: block; font-size: 34px; line-height: 25px; color: #252525; margin-top: 11px; margin-bottom: 14px; position: relative; z-index: 2;}
.news-list2  ul li .date span{display: block; font-size: 16px; line-height: 12px; color: #888888; position: relative; z-index: 2;}
.news-list2  ul li .info{width: 369px;}
.news-list2  ul li .info em{display: block; font-size: 16px; line-height: 16px; color: #3d3d3d; margin-bottom: 6px; position: relative; z-index: 2;}
.news-list2  ul li .info p{display: block; font-size: 14px; line-height: 24px; color: #888888; position: relative; z-index: 2;}
.news-list2  ul li:after{content: ''; position: absolute; left: 0; top: 0; width: 0; height: 85px; background: #009fe3; transition:all 0.4s ease; z-index: 0;}
.news-list2  ul li:hover:after{width: 100%;}
.news-list2  ul li:hover .date {border-right: solid 1px #fff;}
.news-list2  ul li:hover .date strong,.news-list2  ul li:hover .date span,.news-list2  ul li:hover .info em,.news-list2 ul li:hover .info p{color: #fff;}


/*合作品牌*/
.partner{margin-bottom: 42px;}
.partner-title h3{display: block; border-left: solid 2px #009fe3; padding-left: 8px; font-size: 18px; line-height: 22px; color: #333; margin-bottom: 22px;}
.partner-title h3 em{font-size: 15px; text-transform: uppercase;}
.partner-list ul li{float: left; width: 290px; border: solid 1px #e7e7e7; margin-right: 10px;}
.partner-list ul li .pic{width: 290px; height: 81px;}
.partner-list ul li:hover{border: solid 1px #009fe3;}

/*底部*/
.footer-logo{width:400px;margin-right:52px;}
.footer-nav{width:200px;margin-top:-5px;margin-right:90px;}
.footer-address{width:310px;}
.footer{ background: #222222;padding:40px 0 0 0;margin-top:40px;}
.footer-logo span{ display: block;}
.footer-logo .f-l-3{margin-top: 10px; margin-left: 126px;}

.footer-nav dt,.footer-address dt{color:#fff;font-size:17px;margin-bottom:16px;}
.footer-nav dd{width:185px;overflow: hidden;}
.footer-nav dd a{float:left;width:92px;font-size:15px;line-height:32px;color:#8e8e8e}
.footer-nav dd a:hover{color:#fff}
.footer-address dd{color:#8e8e8e;line-height:36px;margin-top:-5px}
.footer-weixin{text-align: center;margin-top:40px;}
.footer-weixin dd{margin-top:6px;}

.foot-bottom{height:50px;line-height:50px; background: #000;color:#8e8e8e;margin-top:50px;}
.foot-bottom a,.foot-bottom p{color:#8e8e8e}
.foot-bottom a:hover{ text-decoration: underline;color:#fff}
.footer-right form input{color:#fff;padding-left:10px;}
.footer-right form div:last-child input{color:#333;padding-left:0px;}


/*内页样式*/
.ny-hd{height: 450px;}
.ny-main{margin-top: 30px; margin-bottom:100px;}

.position{height:50px;line-height:50px;border-bottom:1px solid #ddd}
.position a{padding:0 9px;font-size:15px;color:#666}
.position a:hover,.position a.on{color:#009fe3}
.position .container{ background: url(../images/home.png) no-repeat center left; overflow: hidden;text-indent: 30px;}

.ny-left{width: 270px;}
.column-title{display: block;  padding: 32px 0 28px; background: #009fe3; }
.column-title strong{display: block; font-size: 32px; line-height: 32px; margin-bottom: 15px;}
.column-title span{font-size: 13px; line-height: 13px; }

.ctitle1{background: #fff; padding: 28px 18px 34px;border: solid 1px #ccc; border-top: none;}
.ctitle1 li{float: left; margin-bottom: 18px; width: 100%;}
.ctitle1 li a {display: block; background: url(../images/ctitle-li.png) no-repeat 196px center #eee;font-size: 15px;line-height: 45px; color: #393939; border-radius: 18px; padding-left: 23px; cursor: pointer;}
.ctitle1 li.on a {color: #fff;background: url(../images/ctitle-li-on.png) no-repeat 196px center #009fe3;}
.ctitle1 li:hover a {color: #fff;background: url(../images/ctitle-li-on.png) no-repeat 196px center #009fe3;}

.pro-contact{background: url(../images/pro-contact.jpg) no-repeat center; padding: 31px  0 0 27px; height: 70px;}
.pro-tel{background: url(../images/pro-tel.png) no-repeat left top; padding-left: 53px;}
.pro-tel em{display: block; font-size: 12px; line-height: 12px; margin-bottom: 11px;}
.pro-tel strong{display: block; font-size: 22px; line-height: 17px; margin-bottom: 9px;}

.ny-right{width: 900px;}

/*内页产品列表页*/
.ny-product-list ul {width: 930px;}
.ny-product-list ul li{float: left; width: 280px; margin: 0 30px 25px 0;     }
.ny-product-list ul li .pic{width: 278px; height: 276px; border: solid 1px #ddd; border-bottom: none; overflow: hidden;}
.ny-product-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-product-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-product-list ul li em{ display: block; height: 40px; line-height: 40px; font-weight: normal; text-indent: 16px; font-size: 15px; background: url(../images/pro-img-jt.png) no-repeat 93% 50%; background-color: #ddd; transition: all .6s; color: #333;}
.ny-product-list ul li:hover em{background: url(../images/pro-img-jt-on.png) no-repeat 96% 50%;background-color: #009fe3; color: #fff;}

/*内页产品详情*/
.ny-right .pro1 .spec-preview img{display: block;}
.ny-right .pro1 .descript1 strong.title1{line-height: 38px;font-size: 20px; color: #333;display: block;}
.ny-right .pro1 .descript1 p{width: 539px;font-size: 13px;color: #8e8e8e;line-height: 25px;margin-bottom: 10px;}
.ny-right .pro1 .descript1 a.consult{display: block; width: 120px; height: 40px; font-size: 15px; color: #fff; line-height: 40px; text-align: center; background: #000; }
.ny-right .pro1 .descript1 a.consult:hover{background-color: #009fe3;}
.ny-right .pro1 .descript1 p.haoma{color: #333;font-size: 15px; font-weight: bold; }
.ny-right .pro1 .descript1 p.haoma em{display: block;color: #009fe3;font-size: 20px; font-weight: bold; }
.ny-right .pro1 .share{overflow: hidden;margin-top: 15px;}
.ny-right .pro1 .share ul li{float: left;margin: 0 5px;}
.ny-right .detail .de-title{border-bottom: solid 3px #009fe3; margin-bottom: 15px;}
.ny-right .detail .de-title a{display: block;width: 130px; font-size: 16px;line-height: 45px;color: #fff; text-align: center; margin-top: 35px;background:#009fe3; border-top-left-radius: 6px; border-top-right-radius: 6px; }


/*内页新闻列表页*/
.ny-news-list ul{ overflow: hidden;}
.ny-news-list ul li{ background: #fff;border:1px solid #E0E0E0;width:898px; overflow: hidden;position: relative;float:left; margin-bottom: 20px;}
.ny-news-list ul li .news-img{width:224px;height:131px;border:1px solid #E0E0E0;float:left;margin:15px}
.ny-news-list ul li .news-int{width:610px;float:right;margin-right:20px;}
.ny-news-list ul li .news-int b,.news-con ul li .news-int span,.news-con ul li .news-int em{ display: block;margin-right:20px}
.ny-news-list ul li .news-int b{font-weight:normal;margin-top:18px;margin-bottom:10px;font-size:16px;}
.ny-news-list ul li .news-int span{font-size:13px;color:#888;margin-top:5px;}
.ny-news-list ul li .news-int em{font-size:14px;color:#999;margin-top:15px; display: block;}
.ny-news-list ul li:hover{border:1px solid #009fe3}
.ny-news-list ul li:after{content: '+';width:25px;height:25px;text-align: center;line-height:25px; background: #009fe3;color:#fff;font-size:18px;display: block; position: absolute;right:0;bottom:-40px;transition: all .5s; }
.ny-news-list ul li:hover:after{bottom:15px;right:30px;}
.ny-news-list ul li:hover .news-int b{color: #009fe3;}


/*内页行业动态列表*/
.ny-news-list2 ul li{overflow: hidden;padding-bottom: 22px;border: none;border-bottom: solid 1px #f0f0f0; margin-bottom: 20px;}
.ny-news-list2 ul li .date{width: 82px;padding: 14px 7px;border:solid #dbdbdb 1px;border-radius: 5px;}
.ny-news-list2 ul li .date span{display: block;border-bottom: solid #dbdbdb 1px;font-size: 40px;line-height: 40px;color: #009fe3; padding-bottom: 8px;}
.ny-news-list2 ul li .date p{font-size: 17px;line-height: 17px;color: #747474; margin-top: 15px;}
.ny-news-list2 ul li .descript{overflow: hidden;width: 770px;}
.ny-news-list2 ul li .descript strong{width:600px; font-size: 16px;line-height: 38px;color: #232323;font-weight: bold;display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.ny-news-list2 ul li .descript strong:hover{color: #009fe3; }
.ny-news-list2 ul li .descript p{color: #5f5f5f;font-size: 14px;line-height: 22px;}

/*合作品牌*/
.ny-partner-list ul{width: 920px;}
.ny-partner-list ul li{float: left; width: 210px; margin-right: 18px; margin-bottom: 25px;  border: solid 1px #ccc; }
.ny-partner-list ul li .pic{width: 210px; height: 59px;}

/*应用案例*/
.ny-case-list ul {width: 930px;}
.ny-case-list ul li{float: left; width: 280px; margin: 0 30px 25px 0;     }
.ny-case-list ul li .pic{width: 280px; height: 214px; overflow: hidden;}
.ny-case-list ul li em{line-height: 35px;}

/*内页仓库实拍列表*/
.ny-cksp-list ul li{width: 435px; }
.ny-cksp-list ul li .pic{width: 435px; height: 224px;}





.ny-right  .pagelist {padding: 10px 0;margin-top:15px;overflow: hidden;border-top:0px solid #eee;text-align:center;}
.ny-right .pagelist a,
.ny-right  .pagelist span {border: 1px solid #ccc; display: inline-block;padding: 2px 8px;margin-right:5px;}
.ny-right  .pagelist span.current {color: #f30;border: 1px solid #ddd;}


.qywh{background: url(../images/qywh.jpg) no-repeat }