@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{1height: 100px; background: rgba(255,255,255,0.7); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#b2ffffff,endcolorstr=#b2ffffff); position: absolute; 1top: 30px; z-index: 2; width: 100%;}
.logo{margin-top: 8px;}
.head .logo h1 {line-height: 0px;}

.nav ul li{float: left;  }
.nav ul li a{display: block; font-size:16px; line-height: 70px; color: #333; text-align: center; padding: 0 30px;}
.nav ul li.on a{color: #ad630c;}
.nav ul li:hover a{color: #ad630c; } 


/*首页banner*/
/*.banner{position:relative;}
.banner-hd {height:800px;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:13%; 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:40px;height:5px; margin:0 5px; cursor:pointer; float: left; background: #fff; }
.banner-hd .num li.on {background: #ad630c;  } 

.banner-prev,.banner-next{display: block; position: absolute; margin: auto; top: 0; bottom: 0; z-index: 2; }
.banner-prev{ background: url(../images/banner-prev.png) no-repeat; width: 80px; height: 80px; left: 13%;}
.banner-next{ background: url(../images/banner-next.png) no-repeat; width: 80px; height: 80px; right: 13%;}
.banner-prev:hover{background: url(../images/banner-prev-hover.png) no-repeat;}
.banner-next:hover{background: url(../images/banner-next-hover.png) no-repeat;}*/


/*pannel*/
.pannel{position: relative; margin-bottom: 56px;}
.pannel-title{margin-top: 16px; margin-right: 183px;}
.pannel-title strong{display: block; font-size: 18px; line-height: 18px; color: #ad630c; margin-bottom: 9px;}
.pannel-title span{display: block; font-size: 16px; line-height: 16px; color: #808080; background: url(../images/pannel-title.png) no-repeat center;}

.search{position: relative; margin-top: 20px;}
.search-text{display: block; width: 322px; height: 34px; border: solid 1px #cccccc; padding-left: 9px; font-size: 14px; line-height: 34px; color: #a6a6a6; outline: none; font-family: "Microsoft YaHei";}
.search-btn{position: absolute; background: url(../images/search-btn.png) no-repeat center; width: 18px; height: 18px; right: 9px; top: 8px; border: none; outline: none; cursor: pointer;}

.pannel-contact{position: absolute;  background: #ad630c; width: 570px; right: 0; height: 100px; top: -50px;}
.pannel-tel{margin-left: 34px; background: url(../images/pannel-tel.png) no-repeat left top; height: 74px; padding-left: 52px;}
.pannel-tel span{display: block; font-size: 16px; line-height: 16px; color: #fff; padding-top: 29px; margin-bottom: 10px;}
.pannel-tel strong{display: block; font-size: 30px; line-height: 24px; color: #fff; }


/*品牌产品展示*/
.title span{display: block; font-size: 18px; color: #b2b2b2; text-transform: uppercase;}
.title h3{display: block; font-size: 40px;  line-height: 40px; color: #343434; font-weight: bold; background: url(../images/title-bg.png) no-repeat center;}
.product{margin-bottom: 70px;}
.product-btn{text-align: center; margin: 40px 0;}
.product-btn ul li{display: inline-block; width: 250px; height: 36px; background: #f2f2f2; font-size: 16px; line-height: 36px; color: #666; text-align: center; margin: 0 25px; -webkit-border-radius: 18px;-moz-border-radius: 14px;-ms-border-radius: 14px;-o-border-radius: 14px;border-radius: 18px;}
.product-btn ul li.on{background: #ad630c; color: #fff; cursor: pointer;}
.class-info {background: #f2f2f2; width: 442px; padding:39px 74px 66px;}
.class-info strong{position: relative; display: block; font-size: 30px; line-height: 86px; color: #343434; }
.class-info strong:after{position: absolute; left: 0; bottom: 0; content: ''; width: 40px; height: 3px; background: #ad630c;}
.class-info p{display: block; font-size: 14px; line-height: 30px; color: #737373; margin: 22px 0 48px;}
.class-info .class-more{display: block; width: 168px; height: 38px; border: solid 1px #ad630c; font-size: 16px; line-height: 38px; color: #ad630c; background: url(../images/class-more.png) no-repeat 134px center; padding-left: 30px; transition: 0.5s;}
.class-info .class-more:hover{ background: #ad630c; color: #fff; background: url(../images/class-more-hover.png) no-repeat 134px center #ad630c;}

.tj-product{width: 610px;}
.tj-product ul li{float: left; margin-left: 20px; margin-bottom: 20px;}
.tj-product ul li .pic{width: 285px; height: 200px;  overflow: hidden;  position: relative;}
.tj-product ul li .pic .info{ position: absolute; top:100%; opacity: 0; transition: all .3s ease; background: rgba(173,99,12,0.7); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#b2ad630c,endcolorstr=#b2ad630c); width: 100%; height: 100%; z-index: 2;}
.tj-product ul li .pic .info img{display: block; margin: 60px auto 17px;}
.tj-product ul li .pic .info strong{display: block; font-size: 18px; line-height: 18px; color: #fff; text-align: center;  width: 200px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin: 0 auto;}
.tj-product ul li:hover .pic .info{top: 0; opacity: 1;}

.class-product  ul li{float: left; width: 390px; margin-right: 15px; }
.class-product  ul li .pic{width: 390px; height: 240px; overflow: hidden; position: relative; }
.class-product  ul li .info{ width: 100%; height: 100%; background: rgba(0,0,0,0.65);  position: absolute;  opacity: 0;}
.class-product  ul li .info span{display: block; font-size: 24px; line-height: 24px; margin: 40px 0 15px;}
.class-product  ul li .info i{display: block; width: 40px; height: 2px; background: #fff; margin: 0 auto;}
.class-product  ul li .info img{display: block; width: 25px; height: 25px; margin: 0 auto;}
.class-product  ul li .info p{display: block; font-size: 14px; line-height: 24px; margin: 11px auto 22px; color: #fff; width: 283px;}
.class-product  ul li:hover .info{opacity: 1; }
.class-product  .hidden::before,.class-product  .hidden::after {position: absolute;content: '';opacity: 0;}
.class-product  .hidden::before {top: 15px;right: 15px;bottom: 15px;left: 15px;border-top: 2px solid #fff;border-bottom: 2px solid #fff;-webkit-transform: scale(0,1);transform: scale(0,1);-webkit-transform-origin: 0 0;transform-origin: 0 0;}
.class-product  .hidden::after {top: 15px;right: 15px;bottom: 15px;left: 15px;border-right: 2px solid #fff;border-left: 2px solid #fff;-webkit-transform: scale(1,0);transform: scale(1,0);-webkit-transform-origin: 100% 0;transform-origin: 100% 0;}
.class-product  .hidden::before,.class-product  .hidden::after{-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
.class-product  li:hover .hidden::before,.class-product  li:hover .hidden::after {opacity: 1;-webkit-transform: scale(1);transform: scale(1); -webkit-transition-delay: 0.05s;transition-delay: 0.05s;}


/*申强木业的4大加盟优势*/
.ys{background: url(../images/ys-bg.jpg) no-repeat center; height: 548px; padding-top: 52px;}
.ys-title h3{display: block; font-size: 40px; color: #343434; font-weight: bold; margin-bottom: 29px;}
.ys-title h3 img{display: inline-block; vertical-align: text-bottom;}
.ys-title h3 b{color: #ad630c;}
.ys-btn{margin-bottom: 15px;}
.ys-btn ul li{display: block; float: left; margin-right: 30px; width: 100px; height: 110px; background: url(../images/ys-btn-li.png) no-repeat center; cursor: pointer;}
.ys-btn ul li em{display: block; font-size: 16px; line-height: 16px; color: #fff; text-align: center; padding-top: 45px; margin-top: 20px;}
.ys-btn ul li .ys-icon1{background: url(../images/ys-icon1.png) no-repeat center top;}
.ys-btn ul li .ys-icon2{background: url(../images/ys-icon2.png) no-repeat center top;}
.ys-btn ul li .ys-icon3{background: url(../images/ys-icon3.png) no-repeat center top;}
.ys-btn ul li .ys-icon4{background: url(../images/ys-icon4.png) no-repeat center top;}
.ys-btn ul li.on{background: url(../images/ys-btn-li-on.png) no-repeat center;}
.ys-list ul strong{display: block; font-size: 18px; line-height: 70px; color: #4d4d4d; position: relative;}
.ys-list ul strong:after{position: absolute; bottom: 0; content: ''; width: 30px; height: 4px; background: #ad630c; left: 0;}
.ys-list ul p{display: block; font-size: 14px; line-height: 36px; color: #666; width: 490px; margin: 11px 0 31px;}
.ys-tel em{display: block; background: url(../images/ys-tel.png) no-repeat left center; font-size: 18px; line-height: 47px; color: #fff; font-weight: bold; padding-left: 67px; margin-top: 17px; margin-right: 123px;}
.ys-tel em strong{font-size: 30px;}
.ys-more{transition: 0.5s; display: block; width: 29px; height: 29px; border: solid 1px #fff; background: url(../images/ys-more.png) no-repeat center; margin-top: 25px;}
.ys-more:hover{background: url(../images/ys-more-on.png) no-repeat center #fff; }


/*申强木业简介*/
.about{margin: 60px 0 50px;}
.about p{display: block; font-size: 16px; line-height: 36px; color: #666; margin: 40px auto 40px; text-align: center;}
.more{display: block; margin: 0 auto; width: 200px; height: 40px; background: #ad630c; font-size: 16px; line-height: 40px; color: #fff; text-align: center; transition: all linear .4s;-webkit-transition: all linear .4s;-moz-transition: all linear .4s;-ms-transition: all linear .4s;-o-transition: all linear .4s;}
.more:hover{background: #ee9f01;}


/*关于我们子栏目*/
.about-class{background: url(../images/about-class.jpg)no-repeat center; height: 350px;}
.about-class-list{}
.about-class-list ul li{float: left; width: 25%;  height: 350px;  transition: 0.6s; }
.about-class-list ul li .circle{position: relative; width: 140px; margin: 0 auto; }
.about-class-list ul li .circle .w-circle{opacity: 0; width: 140px; height: 140px; margin: 70px auto 30px; background: rgba(255,255,255,0.6); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99ffffff,endcolorstr=#99fffffff); -webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%; }
.about-class-list ul li .circle .icon{position: absolute; z-index: 2; top: 10px; left: 10px; display: block; width: 120px; height: 120px;  border: solid 1px #fff; -webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%; box-sizing: border-box;}
.about-class-list ul li .circle .icon1{background: url(../images/about-icon1.png) no-repeat center;}
.about-class-list ul li .circle .icon2{background: url(../images/about-icon2.png) no-repeat center;}
.about-class-list ul li .circle .icon3{background: url(../images/about-icon3.png) no-repeat center;}
.about-class-list ul li .circle .icon4{background: url(../images/about-icon4.png) no-repeat center;}
.about-class-list ul li em{display: block; font-size: 20px; line-height: 20px; color: #fff; text-align: center;}
.about-class-list ul li span{display: block; font-size: 20px;  color: #fff; text-align: center;  font-family: arial;}
.about-class-list ul li:hover{background: rgba(179,99,12,0.6); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99ad630c,endcolorstr=#99ad630c);}
.about-class-list ul li:hover .circle .w-circle{opacity: 1; background: rgba(255,255,255,0.6); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99ffffff,endcolorstr=#99ffffff);}
.about-class-list ul li:hover .circle .icon1{ background: url(../images/about-icon1-1.png) no-repeat center rgba(255,255,255,0.8); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#c8ffffff,endcolorstr=#c8fffffff);}
.about-class-list ul li:hover .circle .icon2{ background: url(../images/about-icon2-1.png) no-repeat center rgba(255,255,255,0.8); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#c8ffffff,endcolorstr=#c8fffffff);}
.about-class-list ul li:hover .circle .icon3{ background: url(../images/about-icon3-1.png) no-repeat center rgba(255,255,255,0.8); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#c8ffffff,endcolorstr=#c8fffffff);}
.about-class-list ul li:hover .circle .icon4{ background: url(../images/about-icon4-1.png) no-repeat center rgba(255,255,255,0.8); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#c8ffffff,endcolorstr=#c8fffffff);}


/*企业新闻动态*/
.news{margin: 60px 0 70px;}
.news .title{margin-bottom: 62px;}
.news-list{margin-bottom: 10px;}
.news-list ul li{float: left; background: #f7f7f7; margin-right: 60px; margin-bottom: 33px; padding:27px 38px 0 36px; height: 150px; width: 496px;}
.news-list ul li .date em{display: block; font-size: 46px; line-height: 42px; color: #4c4c4c; }
.news-list ul li .date i{display: block; width: 32px; height: 1px; background: #737373; margin: 17px auto 11px;}
.news-list ul li .date span{display: block; font-size: 14px; line-height: 11px; color: #737373; text-align: center;}
.news-list ul li .info {width:402px;}
.news-list ul li .info strong{display: block; font-size: 16px; line-height: 16px; color: #333; margin-top: 5px; width: 300px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.news-list ul li .info p{display: block; font-size: 14px; line-height: 24px; color: #737373; margin: 15px 0 28px;}
.news-list ul li .info .news-more{display: block; background: url(../images/news-more.png) no-repeat; width: 33px; height: 15px; background-position:   top center;}
.news-list ul li:hover{box-shadow: 3px 3px 3px  #dfdfdf;}
.news-list ul li:hover .info strong{color: #ad630c;}
.news-list ul li:hover .info .news-more{background-position: bottom center; -ms-transition-duration: 0.2s; transition-duration: 0.2s;}


/*销商加盟*/
.join{background: url(../images/join-bg.jpg) no-repeat center; height: 220px;}
.join strong{display: block; font-size: 16px; line-height: 16px; color: #fff; margin: 71px 0 15px;}
.join strong b{color: #ee9f01; font-size: 22px;}
.join .join-contact{display: block; width: 248px; line-height: 44px; font-size: 18px; color: #fff; text-align: center; background: #ee9f01;}
.join .join-contact:hover{font-weight: bold;}


/*企业合作案例*/
.case{margin: 60px 0 50px;}


/*旋转木马必要样式*/
.poster-main{ position:relative;/*width:1200px;height:320px; */margin:50px auto;}
.poster-main a,.poster-main img{display:block;}
/*.poster-main .poster-list{width:1200px;height:320px;}*/
.poster-main .poster-list .poster-item{ position:absolute;left:0; top:0; }
.poster-main .poster-list .poster-item a img{}
.poster-main .poster-btn{ position:absolute;top:0;width:40px;height:60px; z-index:10; cursor:pointer; transition: 0.5s; }
.poster-main .poster-prev-btn{left:-70px; background: url(../images/btn_l.png) no-repeat  center;}
.poster-main .poster-next-btn{right:-70px; background: url(../images/btn_r.png) no-repeat center;}
.poster-main .poster-prev-btn:hover{left:-70px; background: url(../images/btn_l-hover.png) no-repeat  center;}
.poster-main .poster-next-btn:hover{right:-70px; background: url(../images/btn_r-hover.png) no-repeat center;}


/*公共底部*/
.foot{border-top: solid 10px #ad630c; background: #f5f4f2; padding-top: 60px; height: 247px;} 
.foot-fl{width: 384px;}
.foot-top{background: url(../images/copy-line.jpg) no-repeat left bottom; margin-bottom: 18px; width: 384px;}
.wechat-pic {margin-right: 10px;}
.wechat-pic img{display: block; width: 100px; height: 100px;  margin-bottom: 10px;}
.wechat-pic em{display: block; font-size: 14px; line-height: 14px; color: #333; text-align: center; margin-bottom: 13px;}
.foot-tel em{display: block; background: url(../images/foot-tel.png) no-repeat left center; padding-left: 47px; font-size: 14px; line-height: 30px; color: #af6814; margin: 13px 0 16px;}
.foot-tel strong{display: block; font-size: 24px; line-height: 19px; color: #ad630c;  font-family: arial;}
.copy p{display: block; font-size: 14px; line-height: 24px; color: #808080;}
.copy p a{color: #808080;}
.copy p a:hover{color: #ad630c;}

.foot-right dl{float: left; }
.foot-right dl.foot-nav{width: 358px;}
.foot-right dl dt{display: block; background: url(../images/dian.png) no-repeat left center; padding-left: 15px; font-size: 16px; line-height: 16px; color: 333; margin-bottom: 40px; margin-left: -15px;}
.foot-right dl dd a{float: left; display: block; font-size: 14px; line-height: 14px; color: #333; margin-bottom: 28px; margin-right: 60px; width: 70px;}
.foot-right dl dd a:hover{color: #ad630c;}

.foot-contact  {width: 324px;}
.foot-contact p{display: block; font-size: 14px;  color: #4c4c4c;}
.foot-contact i{display: block; margin: 13px 0 25px; width: 25px; height: 2px; background: #ad630c;}
.foot-icon em{display: block;  font-size: 14px; color: #4c4c4c; padding-left: 21px; float: left; margin-right: 2px; width: 140px; margin-bottom: 10px;}
.foot-icon  .phone{background: url(../images/foot-icon1.png) no-repeat left center;}
.foot-icon  .tel{background: url(../images/foot-icon2.png) no-repeat left center;}
.foot-icon  .qq{background: url(../images/foot-icon3.png) no-repeat left center;}
.foot-icon  .email{background: url(../images/foot-icon4.png) no-repeat left center;}


/*内页样式*/
.ny-hd{height: 600px;}

.position{height:52px; line-height:52px; font-size:14px; border-bottom: solid 1px #dfdfdf;}
.position .container{background:url(../images/position-home.png) no-repeat 0 center; padding-left:30px;}
.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: #ad630c;}
.position a:hover{color: #ad630c;}

.ny-main{margin-top: 25px; margin-bottom:100px;}
.column-title{background: #ad630c; height: 93px; padding-top: 35px;}
.column-title em{display: block; font-size: 36px; line-height: 36px; color: #fff; text-align: center; font-weight: bold; margin-bottom: 17px;}
.column-title span{display: block; font-size: 12px; line-height: 9px; color: #fff; text-align: center;text-transform: uppercase; }

.ny-left{width: 260px;}
.ctitle1{border: solid 2px #ad630c;border-top: none; padding: 17px 16px 20px; }
.ctitle1>li{margin-bottom: 15px;}
.ctitle1>li>a{display: block; padding: 0 15px; font-size: 15px; line-height: 35px; font-weight: bold; background: url(../images/proclass1-icon.png) no-repeat 200px center #f9ecdd;  color: #ad630c;}
.ctitle1>li.on>a,.ctitle1>li:hover>a{background: url(../images/proclass1-icon-on.png) no-repeat 200px center #ad630c; color: #fff;}

 .ctitle1 .ctitle2{padding-left: 10px;}
 .ctitle1 .ctitle2 >li>a{float: left;  width: 203px; background: url(../images/name-li.jpg) no-repeat left center; padding-left: 14px; font-size: 13px; line-height: 42px; color: #0a243e; border-bottom: solid 1px #eee; cursor: pointer;}
 .ctitle1 .ctitle2 >li.on>a,.ctitle1 .ctitle2 >li:hover>a{color: #ad630c;}

.ny-contact{background:#ad630c;height: 110px;padding-left: 30px;padding-top: 24px;margin-top:20px }
.ny-contact em{display: block; font-size: 14px;line-height: 14px;color: #fff;margin-bottom: 10px;}
.ny-contact p{background: url(../images/ny-contact-tel.png)no-repeat left center;font-size: 20px;line-height: 28px;font-weight: bold; color: #fff; padding-left:38px;}

.ny-right {width: 910px}

/*内页产品列表*/
.ny-product-list ul {width: 936px;}
.ny-product-list ul li{float: left; margin-right: 27px; margin-bottom: 30px;}
.ny-product-list ul li .pic{width: 285px; height: 200px;  overflow: hidden;  position: relative;}
.ny-product-list ul li .pic .info{ position: absolute; top:100%; opacity: 0; transition: all .3s ease; background: rgba(173,99,12,0.7); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#b2ad630c,endcolorstr=#b2ad630c); width: 100%; height: 100%; z-index: 2;}
.ny-product-list ul li .pic .info img{display: block; margin: 60px auto 17px;}
.ny-product-list ul li .pic .info strong{display: block; font-size: 18px; line-height: 18px; color: #fff; text-align: center;  width: 200px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin: 0 auto;}
.ny-product-list ul li:hover .pic .info{top: 0; opacity: 1;}


/*产品详情*/
.ny-right  .pro1 .pro-list-pic{width: 332px;}
.ny-right  .pro1 .spec-preview img{display: block;}
.ny-right  .pro1 .descript1{width: 533px;}
.ny-right  .pro1 .descript1 strong.title1{line-height: 38px;font-size: 20px; color: #2d2d2d;display: block;}
.ny-right  .pro1 .descript1 p{width: 533px;font-size: 13px;color: #8e8e8e;line-height: 25px;}
.ny-right  .pro1 .descript1 a.consult{display: block; width: 120px; height: 40px; font-size: 15px; color: #fff; line-height: 40px; text-align: center; background: #ad630c; }
.ny-right  .pro1 .descript1 a.consult:hover{background-color:#ee9f01;}
.ny-right  .pro1 .descript1 p.haoma{font-size: 18px; font-weight: bold; color: #ad630c;line-height: 35px;margin-top: 10px; margin-bottom: 10px;}
.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 #ad630c; margin-bottom: 10px;}
.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:#ad630c;}


/*内页新闻列表*/
.ny-news-list ul li{margin-right: 0; width: 836px; height: 160px; margin-bottom: 25px;}
.ny-news-list ul li .info{width: 730px;}


/*内页合作案例列表*/
.ny-case-list ul {width: 936px;}
.ny-case-list ul li{float: left; margin-right: 27px; margin-bottom: 30px;}
.ny-case-list ul li .pic{width: 285px; height: 185px;  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-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;}