@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 */


/*公共头部*/
.top{background: #066895; height: 40px;}
.top p{display: block; font-size: 14px; line-height: 40px; color: #fff; opacity: 0.82}
.top .links{margin-top: 13px;}
.top .links li{float: left;}
.top .links li a{display: block; font-size: 14px; line-height: 14px; color: #d4dfe7; padding: 0 24px; border-right: solid 1px #d4dfe7;}
.top .links li a:hover{color: #fff;}

.top .ver li{float: left; margin-left: 10px;}
.top .ver li a{display: block; height: 40px;}
.top .ver li a.cn-icon{background: url(../images/cn-icon.png) no-repeat left center; padding-left: 42px; }
.top .ver li a.en-icon{background: url(../images/en-icon.png) no-repeat left center; padding-left: 40px; }

.head{height:93px; border-bottom: solid 1px #dddddd;}
.head .logo{margin-top: 10px;}
.head .logo h1 {line-height: 0px;}
.head .tel{margin-top: 25px;}

.nav{height: 58px;}
.nav ul li{float: left; position: relative; width: 150px;}
.nav ul li>a{display: block; font-size:16px; line-height: 58px; color: #333; text-align: center;  background: url(../images/nav-line.png) no-repeat right center;}
.nav ul li.on>a{color: #066894;}
.nav ul li:hover>a{color: #066894; } 
.nav ul li .hide{background: rgba(255,255,255,0.9);box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);float: left;font-size: 14px;left: 0px;display: none;width: 150px;position: absolute;text-align: center;z-index: 10000;}
.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{ color: #017dc4; 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; box-shadow: 0 0px 8px 1px rgba(0, 0, 0, 0.18); }


/*首页banner*/
.banner{position:relative;}
.banner-hd {height:585px;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:15%; 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:14px;height:14px; margin:0 5px; cursor:pointer; float: left; background: #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: #eca50c;  } /*当前项*/


/*关于捷浦森*/
.about{background: url(../images/about-bg.jpg) no-repeat center bottom;  height: 757px;}
.about .container{position: relative;}

/*搜索*/
.pannel {height: 129px; position: absolute; top: -65px; background: #fff;   box-shadow: 0px 4px 6px 0px rgba(153, 153, 153, 0.2); width: 1200px; }
.pannel-left{margin-left: 41px; margin-top: 36px;}
.pannel .keywords{margin-bottom: 12px;}
.pannel .keywords strong{display: block; font-size: 16px; line-height: 16px; color: #333; margin-right: 6px; }
.pannel .keywords ul li{float: left; margin-right: 14px;}
.pannel .keywords ul li a{font-size: 14px; line-height: 16px; color: #777; vertical-align: text-top;}
.search{border: solid 1px #ddd; width: 410px; height: 28px; position: relative;}
.search input{border: none; outline: none; font-family: "Microsoft YaHei";}
.search .search-text{padding: 0 12px; width: 350px; font-size: 12px; line-height: 28px; color: #999999;}
.search .search-btn{background: url(../images/search-btn.png) no-repeat center; width: 16px; height: 16px; position: absolute; top: 6px; right: 15px; cursor: pointer;}

.pannel .contact{background: url(../images/search-tel.png) no-repeat 27px center #eca50c; padding-left: 76px; height: 129px; width: 223px;}
.pannel .contact em{display: block; font-size: 15px; line-height: 15px; padding-top: 40px;}
.pannel .contact strong{display: block; font-size: 23px; }


.index-title h2{display: block; font-size: 28px;  color: #333333; font-weight: bold;}
.index-title strong{color: #066895}
.index-title em{display: block; font-size: 16px; line-height: 16px; color: #cc0002; margin: 3px 0 17px;}

.about .index-title{padding-top: 99px; margin-bottom: 40px;}
.about-content{margin-bottom: 96px;}
.about-content .info{width: 513px;}
.about-content .info img{display: block;}
.about-content .info em{display: block; margin: 6px 0 13px; font-size: 20px; line-height: 20px; height: 35px; border-bottom: solid 2px #066895; width: 364px; margin-bottom: 16px;}
.about-content .info p{display: block; font-size: 14px; line-height: 28px; color: #666; margin-bottom: 58px;}
.about-content .info a{display: block; float: left; margin-right: 18px; font-size: 15px; line-height: 41px; color: #fff;} 
.about-content .info a.about-more{text-indent: 30px; width: 159px; transition:0.6s; position: relative; background: #eca50c; overflow: hidden;} 
.about-content .info a.about-more:after{position: absolute; content: ''; background: url(../images/about-more.png) no-repeat; width: 31px; height: 6px; right: 20px; top:18px; transition:0.6s;}
.about-content .info a.about-more:hover{text-indent: 49.5px;}
.about-content .info a.about-more:hover:after{right: -51px;}
.about-content .info a.honor-more{width: 150px; background: url(../images/honor-more.png) no-repeat 25px center #066895; padding-left: 68px; width: 82px; transition:0.6s;}
.about-content .pic{margin-right: 98px;}
.about  .contact{}
.about  .contact .info{border-left: solid 9px #f9bd3b;  height: 49px; padding-left: 29px;}
.about  .contact .info em{display: block; font-size: 25px; line-height: 25px; color: #fff; margin-bottom: 6px;}
.about  .contact .info span{display: block; font-size: 12px; color: #fff; opacity: 0.71; text-transform: uppercase;}
.about  .contact .tel{background: url(../images/tel-icon.png) no-repeat left center; padding-left: 60px; height: 48px; margin-right: 110px;}
.about  .contact .tel em{display: block; font-size: 14px; line-height: 14px; color: #fff; margin: 5px 0 6px;}


/*捷浦森产品中心*/
.product{padding: 36px 0 30px;}
.product .index-title{margin-bottom: 46px;}
.product-links{height: 46px; border-bottom: solid 1px #ddd; line-height: 39px; margin-bottom: 41px;}
.product-links .product-icon{margin-top: 7.5px; margin-right: 123px;}
.product-links ul li{float: left; margin-right: 118px;}
.product-links ul li a{display: block; font-size: 16px; color: #333;}
.product-links ul li a:hover{color: #066894;}
.product-links .product-more{display: block; width: 87px;  background: #f9bd3b; border-radius: 7px; font-size: 16px; color: #fff; text-align: center; transition:0.6s;}
.product-links .product-more:hover{background: #066894;}
.product-list{overflow: hidden;}
.product-list ul{width: 1230px;}
.product-list ul li{float: left; width: 380px; margin-right: 30px; margin-bottom: 30px; position: relative; overflow: hidden;}
.product-list ul li .info>img{display: block;}
.product-list ul li h3{display: block; background: #f5f5f5; font-size: 16px; line-height: 60px; color: #333; text-align: center;}
.product-list ul li .hide{position: absolute; right: 100%; background: rgba(42,83,127,0.95); width: 100%; height: 100%; transition:0.6s;}
.product-list ul li .hide em{display: block; font-size: 18px; color: #fff; text-align: center; padding-top: 103px;}
.product-list ul li .hide>img{display: block; margin: 38px auto 0;}
.product-list ul li:hover .hide{right: 0;}


/*捷浦森定制流程*/
.process{background: url(../images/process-bg.jpg) no-repeat center top; height: 519px;}
.process .index-title {padding-top: 41px; margin-bottom: 49px;}
.process .index-title h2,.process .index-title strong{color: #fff;}
.process .index-title em{color: #fff; opacity: 0.63}
.process-list{position: relative;}
.process-list ul li{float: left; width: 110px;   position: relative; margin-right: 71px;}
.process-list ul li .icon-bg{background: url(../images/process-line1.png) no-repeat center top; height: 292px; width: 73px;}
.process-list ul li em{display: block; font-size: 18px; line-height: 18px;  color: #f9bd3b; margin-bottom: 14px;}
.process-list ul li img{display: block; margin: 0px auto; padding-top: 18px; transition:0.6s;}
.process-list ul li.item2{margin-top: 112px;}
.process-list ul li .icon-bg2{background: url(../images/process-line2.png) no-repeat center top; height: 180px; width: 73px;}
.process-list ul li span{position: absolute;  font-size: 16px; color: #f9bd3b; left: 54px; bottom: 24px}
.process-list ul li:hover img{transform: rotateY(180deg);-webkit-transform: rotateY(180deg);}


/*捷浦森核心竞争力*/
.ys{background: url(../images/ys-bg.jpg) no-repeat center top; margin-bottom: 40px;}
.ys .index-title {padding-top: 42px; margin-bottom: 51px;}
.ys .index-title h2,.ys .index-title strong{color: #000;}
.ys .index-title em{color: #000; opacity: 0.63}

.ys-content{background: url(../images/ys-content.jpg) no-repeat center top; padding-top: 326px;}
.ys-btn{margin-bottom: 35px;}
.ys-btn ul li{float: left; background: url(../images/ys-btn.png) no-repeat center; width: 299px; height: 73px; font-size: 16px; line-height: 60px; color: #fff; text-align: center; margin-right: 1px; cursor: pointer;}
.ys-btn ul li.on{background: url(../images/ys-btn-on.png) no-repeat center; }
.ys-list ul{margin-left: 30px;}
.ys-list ul h3{display: block; font-size: 20px; color: #cf1100; font-weight: bold; margin-left: 15px; margin-bottom: 6px;}
.ys-list ul p{display: block; background: url(../images/circle.png) no-repeat left center; padding-left: 15px; font-size: 15px; line-height: 30px; color: #333333;}


/*捷浦森客户案例*/
.case{background: #f5f5f5; padding: 23px 0 30px;}
.case .container{overflow: hidden;}
.case .index-title{margin-bottom: 29px;}
.case-list ul li{float: left; width: 380px; position: relative; margin-right: 30px; margin-bottom: 30px; }
.case-list ul li .pic{width: 380px; height: 260px; 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 h3{position: absolute; bottom: 0; background: rgba(16,17,21,0.69); width: 100%; font-size: 16px; line-height: 55px; color: #fff; text-align: center; transition:0.3s;}
.case-list ul li:hover h3{opacity: 0}


/*新闻资讯*/
.news{margin:  43px 0;}
.dynamic{background: url(../images/dynamic-bg.jpg) no-repeat center top #f5f5f5; padding: 37px 26px 0; width: 302px; height: 491px;}
.news-title h2{display: block; font-size: 25px; line-height: 25px; color: #333; font-weight: bold; margin-bottom: 4px;}
.news-title span{display: block; font-size: 14px; color: #888; text-transform: uppercase;}
.dynamic .news-title{margin-bottom: 21px;}
.dynamic .news-title h2{color: #fff;  }
.dynamic .news-title span{color: #fff; opacity: 0.59;}
.news-more{display: block; width: 28px; height: 28px; border: solid 1px #fff; position: relative;transition:0.3s;}
.news-more img{position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin:  auto; transition:0.3s;}
.dynamic .news-title a:hover{border-color: #eca50c; background: #eca50c}
.latest .pic{width: 302px; height: 141px; margin-bottom: 25px;}
.news .info h3{display: block; font-size: 16px; color: #333; }
.news .info p{display: block; font-size: 14px; line-height: 23px; color: #888888; text-align: justify; }
.news .info .date{height: 24px;}
.news .info .date span{display: block; width: 80px; height: 1px; background: #eca50c; margin-top: 11.5px;}
.news .info .date em{display: block; font-size: 14px;  color: #888888; }
.latest .info h3{margin-bottom: 13px;}
.latest .info p{margin-bottom: 51px;}
.news a:hover .info h3{color: #eca50c}
.news-right {width: 829px; }
.industry{background: #f5f5f5; margin-bottom: 7px; padding: 37px 0 34px 39px;}
.industry .news-title{width: 757px; margin-bottom: 17px;}
.industry .news-title strong{color: #066895;  }
.industry .news-title a{border: solid 1px #999;}
.industry .news-title a:hover img{transform: rotate(180deg);-ms-transform: rotate(180deg); /* IE 9 */-webkit-transform: rotate(180deg); /* Safari and Chrome */}
.industry-list ul li{float: left; width: 374px; margin-right: 31px;}
.industry-list ul li p{margin-bottom: 21px;}

.problem{background: #f5f5f5; padding-left: 40px; padding-top: 37px; height: 223px; overflow: hidden;}
.problem .news-title{}
.problem .news-title strong{color: #f9bd3b; }
.problem-zx{display: block; font-size: 15px; line-height: 39px; color: #fff;text-indent: 14px; width: 141px; transition:0.6s; position: relative; background: #eca50c; overflow: hidden; margin-top: 66px;} 
.problem-zx:after{position: absolute; content: ''; background: url(../images/about-more.png) no-repeat; width: 31px; height: 6px; right: 17px; top:18px; transition:0.6s;}
.problem-zx:hover{text-indent: 40.5px;}
.problem-zx:hover:after{right: -31px;}
.problem .pic{width: 235px; position: relative; top: -37px; left: 0; margin-right: 30px;}
.problem-list {width: 336px; }
.problem-list dl{float: left; width: 100%; margin-bottom: 24px;}
.problem-list dl dt{margin-bottom: 6px;}
.problem-list dl span{float: left; display: block; font-size: 16px; line-height: 23px;color: #066895; margin-right: 4px;}
.problem-list dl dd span{color: #333333}
.problem-list dl p{display: block; line-height: 23px;}
.problem-list dl dt p{font-size: 15px; color: #333333;}
.problem-list dl dd p{font-size: 14px;  color: #777777;}



/*底部*/
.footer{ background: #222222;padding:29px 0 35px;}
.foot-div{margin-top:13px;}
.foot-left{width:315px; background: url(../images/foot-dibu.png) no-repeat center top;padding-top:16px;}
.foot-left h2 span,.foot-left h2 b,.foot-left h2 em{color:#fff;display: block;}
.foot-left h2 span{font-size:14px;}
.foot-left h2 b{font-size: 27px;line-height:27px;margin-top:5px;color:#e6aa28}
.foot-left h2 em{font-size:12px;color:#A9A9A9;margin-top:8px;}
.foot-right{width:815px;}
.foot-top{padding:17px 0 50px}

.foot-div p,.foot-div p a{display: inline-block; line-height: 25px; color: #dfdfdf}
.foot-div p a:hover{color:#eca50c}
.foot-right {color:#DFE1EA}
.foot-top>a{float: left; display: block; font-size: 14px; line-height: 15px; color:#DFE1EA; border-right: solid 2px #bababa; padding: 0 22px;}
.foot-top>a:hover{color:#eca50c}
.foot-right .foot-a-l{ overflow: hidden;width:653px;margin-left:27px; margin-top: 9px;}
.foot-right .foot-a-l em{float:left;width:237px;font-size: 13px; line-height: 25px;}
.foot-right .foot-a-l span{margin-right: 13px;}
.foot-right .foot-a-r{width:125px;/*margin-right:30px;*/}
.foot-right .foot-a-r dt,.foot-right .foot-a-r dd{float:left;color:#fff}
.foot-right .foot-a-r dd{writing-mode:tb-rl;letter-spacing:3px;float:right}
.foot-right .foot-a-l em:last-child{width:410px}


/*在线咨询*/
.zx-service{position: fixed;right: 5px;top: 25%;z-index: 9999;}
.zx-service>ul>li{width: 80px;height: 80px;margin-bottom: 1px;position: relative;}	
.zx-service>ul>li a{display: block;width: 80px;height: 30px;color: #fff;font-size: 15px;text-align: center;padding-top: 50px;}	

.zx-service01{background: url(../images/online-icon1-1.png) no-repeat center top 10px #eca50c;}
.zx-service02{background: url(../images/online-icon2-2.png) no-repeat center top 10px #eca50c;}
.zx-service03{background: url(../images/online-icon3-3.png) no-repeat center top 10px #333333;}
.zx-service04{background: url(../images/online-icon4-4.png) no-repeat center top 10px #333333;}
.zx-service05{background: url(../images/online-icon5-5.png) no-repeat center top 10px #333333;}

.zx-service02:hover a{background: url(../images/online-icon2-2.png) no-repeat center top 10px #eca50c;}
.zx-service03:hover a{background: url(../images/online-icon3-3.png) no-repeat center top 10px #eca50c;}
.zx-service04:hover a{background: url(../images/online-icon4-4.png) no-repeat center top 10px #eca50c;}
.zx-service05:hover a{background: url(../images/online-icon5-5.png) no-repeat center top 10px #eca50c;}
	
.weixin-hide{width: 120px;padding: 130px 10px 0;background:url(../images/wechat-pic.jpg) no-repeat center top 10px #eca50c;position: absolute;right: 81px;top: 0;display: none;}
.weixin-hide span,.weixin-hide b,.weixin-hide em{display: block; width: 100%;text-align: center;color: #fff;}
.weixin-hide span{line-height: 40px;}
.weixin-hide em{line-height: 35px;}
.weixin-hide b{line-height: 13px;font-family: arial;font-size: 18px}
	
.tel-hide{padding: 10px;background: #eca50c;position: absolute;right: 81px;top: 0;width: 140px;display: none;}
.tel-hide li span,.tel-hide li b{display: block;color: #fff;}
.tel-hide li:first-child{margin-bottom: 10px;padding-bottom: 10px; border-bottom: 1px solid #fff}
.tel-hide li span{line-height: 12px;}
.tel-hide li b{line-height: 15px;font-size: 19px;font-family: arial;padding-top: 10px;}	

.zx-service03:hover .weixin-hide{display: block;}
.zx-service04:hover .tel-hide{display: block;}


/*内页*/
.ny-main{margin: 50px 0}
.ny-hd{height: 400px;}
.ny-hd .num{bottom: 4%;}

.ny-left{width:260px;}
.column-title{width:260px; background: #066895;height:90px;padding-top:20px;}
.column-title{color:#fff;font-size:30px;}
.column-title:after{content: '';display: block; background: #fff;width:70px;height:3px;margin-left:20px;margin-top:10px;}
.column-title span{padding-left:20px}
.column-title em{font-size:12px;color:#fff;padding-left: 10px;}
.ny-left .ctitle1{ background: #fff;width:238px;padding:10px 10px 10px;border: 1px solid #ccc;border-top: none; }
.ny-left .ctitle1 li{width: 238px;margin-bottom: 10px;}
.ny-left .ctitle1 li a {display: block;width: 218px;padding-left: 20px;color: #4c4c4c;background: #eee;height: 45px;line-height: 45px;font-size: 15px;}
.ny-left .ctitle1 li:hover a,.ny-left .ctitle1 li.on a{ background: #eca50c;color:#fff}
.ny-left .ny-l-con{margin-top:10px;}
.ny-left .ny-l-con h3{width: 240px;height: 50px;padding-left: 20px;background-color: #066895;color: #fff;font-size: 20px;line-height: 50px;}
.ny-left .ny-l-con ul{width:238px;padding:10px;border: 1px solid #ccc;border-top: none;}
.ny-left .ny-l-con ul li{width:90%;line-height: 30px;}
.ny-left .ny-l-con ul li{padding-left: 10px;}
.ny-left .ny-l-con ul li span{padding-left:14px;}
.ny-right{width:900px;}
.position{display: block;margin-top: 30px; margin-bottom: 20px; border-bottom: solid 1px #ddd;position: relative;}
.position span{display: block; padding-left:33px; font-size: 13px;line-height: 40px;background: url(../images/ny-home.png) no-repeat 5px center;border-bottom: solid 1px #066895; z-index: 0;position: absolute;bottom: -1px;left: 0;}
.position span a.on{color: #066895;}
.position span a:hover{color: #066895;}



/*内页产品列表*/
.ny-product-list ul{width: 930px;}
.ny-product-list ul li{float: left; width: 280px; margin-right: 30px; margin-bottom: 30px;}
.ny-product-list ul li .pic{width: 278px; height: 183px; border: solid 1px #ccc; position: relative; overflow: hidden;}
.ny-product-list ul li .more{position: absolute;top:0; background: rgba(42,83,127,0.95); width: 100%; height: 100%; transition:0.6s; opacity: 0;}
.ny-product-list ul li .line { display: block; background: #fff; position: absolute; top: 50%; left: 50%; opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms; }
.ny-product-list ul li .line_1 { width: 40px; height: 1px; margin: -1px 0px 0px -20px; transform: translateX(-55px); -webkit-transform: translateX(-55px); }
.ny-product-list ul li .line_2 { width: 1px; height: 40px; margin: -20px 0px 0px -1px; transform: translateY(55px); -webkit-transform: translateY(55px); }
.ny-product-list ul li:hover .more{opacity: 1;}
.ny-product-list ul li:hover .line { transform: translate(0); -webkit-transform: translate(0); opacity: 1; visibility: visible; }
.ny-product-list ul li h3{display: block;font-size: 15px; line-height: 45px; color: #333; border-bottom: 1px solid #ccc; background: url(../images/link.png) no-repeat right center;}


/*产品详情*/
.ny-right  .pro1 .pro-list-pic{width: 332px;}
.ny-right  .pro1 .spec-preview img{display: block;}
.ny-right  .pro1 .descript1{width: 530px;}
.ny-right  .pro1 .descript1 strong.title1{line-height: 38px;font-size: 20px; color: #2d2d2d;display: block;border-bottom: 1px solid #c0ccd6; padding: 10px 0 15px; margin-bottom: 10px;}
.ny-right  .pro1 .descript1 p{width: 530px;font-size: 13px;color: #666;line-height: 28px;margin: 10px 0;text-align: justify;}
.ny-right  .pro1 .descript1 a.consult{display: block; width: 120px; height: 40px; font-size: 15px; color: #fff; line-height: 40px; text-align: center; background: #333; }
.ny-right  .pro1 .descript1 a.consult:hover{background-color: #eca50c;}
.ny-right  .pro1 .descript1 p.haoma{ color: #333;font-size: 15px;display: block; margin: 20px 0;}
.ny-right  .pro1 .descript1 p.haoma em {display: inline-block;color: #066895;font-size: 25px;font-weight: bold; vertical-align: middle;}
.ny-right  .pro1 .share{overflow: hidden;margin-top: 15px;}
.ny-right  .pro1 .share ul li{float: left;margin: 0 5px;}
.ny-right  .detail{margin-bottom: 15px;}
.ny-right  .detail .de-title{border-bottom: solid 3px #066895; margin-bottom: 20px;}
.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:#066895;}


/*内页新闻列表*/
.ny-news-list ul li{padding: 20px;background:#fafafa; margin-bottom: 20px;height: 93px;transition: all 0.3s;}
.ny-news-pic{width: 200px;height: 93px;}
.ny-news-col{width: 630px; margin-top: 5px;}
.ny-news-col h3{font-size: 18px; color: #595959;overflow: hidden;background: url(../images/ny-title.png) no-repeat center left -20px;transition: all 0.5s;}
.ny-news-col span{display: block;line-height: 31px; color: #666;font-family: arial;padding-left: 20px;background: url(../images/date.png) no-repeat center left;}
.ny-news-col p{display: block; font-size: 14px; color: #808080;text-align:justify;}
.ny-news-list ul li:hover{background: #fff;box-shadow: 0 0 8px rgba(0,0,0,0.1);}
.ny-news-list ul li:hover .ny-news-col h3{padding-left: 20px;background: url(../images/ny-title.png) no-repeat center left;color: #066895;}


/*内页常见问题*/
.ny-problem-list {width: 100%;}
.ny-problem-list dl{padding-bottom: 20px; border-bottom: dashed 1px #ccc;}


/*内页图片列表页*/
.ny-pic-list ul{width: 930px;}
.ny-pic-list ul li{float: left; width: 278px; margin-right: 30px; margin-bottom: 30px; border: solid 1px #ccc; }
.ny-pic-list ul li .pic{width: 278px; height: 190px; overflow: hidden;}
.ny-pic-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-pic-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-pic-list ul li h3{display: block;font-size: 15px;line-height: 45px;color: #333;text-align: center; transition:0.6s;}
.ny-pic-list ul li:hover h3{background: #eca50c; color: #fff; }


/*合作案例*/
.cooperation-list ul{width: 1230px;}
.cooperation-list ul li{float: left; width: 212px; margin-right: 32px; margin-bottom: 30px; border: solid 1px #ccc; transition:0.6s;}
.cooperation-list ul li  .pic img{display: block; }
.cooperation-list ul li:hover{border-color: #066895;}



.pagelist {padding: 10px 0;margin-top:15px;overflow: hidden;border-top:0px solid #eee;text-align:center;}
.pagelist a,.pagelist span {border: 1px solid #ccc; display: inline-block;padding: 2px 8px;margin-right:5px;}
.pagelist span.current {color: #f30;border: 1px solid #ddd;}