@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: 16px/2.5 "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: 98px; border-bottom: solid 1px #eee; }
.logo { margin-top: 28px; margin-right: 20px; }
.head .logo h1 { line-height: 0px; }
.logo-text { border-left: solid 1px #ddd; height: 47px; margin-top: 25px; padding-left: 22px; }
.logo-text b, .logo-text span { display: block }
.logo-text b { color: #1b82c5; font-size: 22px; font-weight: bold; line-height: 44px; }
.logo-text span { line-height: 28px; font-size: 16px }
.logo-text ul li { float: left; display: block; font-size: 15px; line-height: 15px; color: #999; padding: 0 4px; border-right: solid 1px #999; margin-top: 18px; }
.head-tel { display: block; background: url(/static/images/head-tel.png) no-repeat left center; padding-left: 44px; margin-top: 33px; }
.head-tel span { display: block; font-size: 14px; line-height: 14px; color: #666; margin-bottom: 6px; }
.head-tel strong { display: block; font-size: 24px; line-height: 17px; color: #1b82c5; }
.nav { height: 58px; background: #efefef }
.nav ul li { float: left; position: relative; width: 150px; }
.nav ul li a { display: block; font-size: 15px; line-height: 58px; color: #666; text-align: center; z-index: 3; position: relative; }
.nav ul li:before { content: ''; width: 100%; height: 0px; transition: all .3s; background: #1b82c5; position: absolute; top: 100%; z-index: 2; left: 0%; }
.nav ul li:hover:before, .nav ul li.on:before { height: 58px; top: 0; }
.nav ul li:hover a, .nav ul li.on a { color: #fff; }
.nav ul li .hide { background-color: #fff; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18); float: left; font-size: 14px; left: 0px; display: none; width: 150px; opacity: 0.8; 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 { background: #fff; color: #1b82c5; 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; }
.nav ul li:hover .hide { display: block; }
.navfixed { position: fixed; top: 0; width: 100%; background: #eee; z-index: 999; }
/*首页banner*/

.banner { position: relative; }
.banner-hd { height: 500px; 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: 16px; height: 16px; 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: #1b82c5; } /*当前项*/
/*搜索*/

.pannel { background: #fafafa; height: 100px; margin-bottom: 50px; }
.pannel ul em { display: inline-block; font-size: 16px; line-height: 100px; color: #333; }
.pannel ul li { float: left; }
.pannel ul li a { display: block; font-size: 14px; line-height: 100px; color: #666; margin-left: 18px; }
.pannel ul li:hover a { text-decoration: underline; color: #1b82c5; }
.search { margin-top: 27px; position: relative; }
.search input { border: none; outline: none; font-family: "Microsoft YaHei"; }
.search-text { position: relative; padding-left: 33px; width: 417px; background: #fff; height: 46px; border-radius: 22px; box-shadow: 0px 0px 5px 3px #eee; font-size: 14px; line-height: 46px; color: #adadad; }
.search-btn { position: absolute; background: url(/static/images/search-btn.png); width: 20px; height: 22px; top: 12px; right: 22px; cursor: pointer; }
/*产品专区*/

.product { margin-bottom: 46px; margin-top: 50px }
.product-title { border-left: solid 5px #1b82c5; padding-left: 10px }
.product-title h3 { display: block; font-size: 24px; line-height: 24px; color: #333; }
.product-title span { display: block; font-size: 14px; color: #888; text-transform: uppercase; }
.product-btn { margin-top: 6px; margin-bottom: 47px; }
.product-btn ul li { float: left; margin-left: 20px; }
.product-btn ul li a { display: block; padding: 0 30px; height: 39px; border: solid 1px #e7e7e7; font-size: 16px; line-height: 39px; color: #444; text-align: center; border-radius: 20px; cursor: pointer; }
.product-btn ul li.on a, .product-btn ul li:hover a { background: #1b82c5; color: #fff; }
.product-list ul { width: 1228px; }
.product-list ul li { float: left; width: 385px; margin-right: 24px; margin-bottom: 22px; }
.product-list ul li .pic { width: 385px; height: 263px; position: relative; overflow: hidden; }
.product-list ul li .info { position: absolute; width: 350px; padding-left: 16px; padding-top: 44px; height: 195px; background: rgba(27, 130, 197, 0.7); right: 100%; opacity: 0; top: 12px; transition: all .3s ease; }
.product-list ul li .info em { display: block; font-size: 18px; line-height: 18px; }
.product-list ul li .info i { display: block; width: 29px; height: 2px; background: #fff; margin: 16px 0 12px; }
.product-list ul li .info p { display: block; font-size: 14px; line-height: 28px; color: #dfe7df; width: 319px; margin-bottom: 20px; }
.product-list ul li .info .more-btn { display: block; background: url(/static/images/more-btn.png); width: 30px; height: 30px; margin-right: 20px; }
.product-list ul li:hover .info { opacity: 1; right: 10px; }
/*联系我们*/

.contact { background: url(/static/images/contact-bg.jpg) no-repeat center; height: 137px; padding-top: 64px; margin-bottom: 64px; }
.contact strong { display: block; font-size: 26px; line-height: 26px; color: #fff; margin-bottom: 18px; }
.contact-text { background: #1b82c5; }
.contact-text ul li { float: left; background: url(/static/images/contact-icon.png) no-repeat left center; padding-left: 18px; font-size: 15px; line-height: 41px; color: #fff; margin: 0 10px; }
.contact-btn { margin-top: 23px; margin-right: 28px; }
.contact-btn a { margin-left: 18px; }
.contact-btn .contact-more1 { display: inline-block; width: 192px; height: 49px; background: #f5f5f5; font-size: 16px; line-height: 49px; color: #333; text-align: center; }
.contact-btn .contact-more2 { display: inline-block; width: 188px; height: 45px; border: solid 2px #1b82c5; font-size: 16px; line-height: 45px; color: #fff; text-align: center; }
/* Underline From Left */

a.hvr-underline-from-left { display: inline-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; overflow: hidden; background: #c8232c; }
a.hvr-underline-from-left:before { content: ""; position: absolute; z-index: -1; left: 0; right: 100%; bottom: 0; background: #1b82c5; height: 4px; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
a.hvr-underline-from-left:hover:before, a.hvr-underline-from-left:focus:before, a.hvr-underline-from-left:active:before { right: 0; }
/* Bounce To Right */

a.hvr-bounce-to-right { display: inline-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; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; }
a.hvr-bounce-to-right:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #1b82c5; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
a.hvr-bounce-to-right:hover, a.hvr-bounce-to-right:focus, a.hvr-bounce-to-right:active { color: white; }
a.hvr-bounce-to-right:hover:before, a.hvr-bounce-to-right:focus:before, a.hvr-bounce-to-right:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }
/*关于洁信*/

.title h3 { font-size: 24px; line-height: 24px; color: #333; margin-bottom: 16px; }
.title em { display: block; font-size: 14px; line-height: 14px; color: #888; }
.about { margin-bottom: 93px; }
.about-title, .case-list, .news-list { margin-bottom: 35px }
.about .video { float: left; width: 600px; height: 336px; overflow: hidden }
.about .video img { width: 460px; height: 320px; }
.about .info { float: right; width: 560px }
.about .info p { font-size: 15px; line-height: 32px; color: #777; margin: 28px auto; }
.about .amore { clear: both; padding-top: 20px }
.about-more { display: block; width: 194px; height: 36px; border: solid 2px #1b82c5; font-size: 14px; line-height: 36px; color: #666; text-align: center; margin: 20px auto 40px; clear: both }
/* Global Button Styles */

a.animated-button:link, a.animated-button:visited { position: relative; overflow: hidden; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
a.animated-button:link:after, a.animated-button:visited:after { content: ""; position: absolute; height: 0%; left: 50%; top: 50%; width: 100%; z-index: -1; -webkit-transition: all 0.75s ease 0s; -moz-transition: all 0.75s ease 0s; -o-transition: all 0.75s ease 0s; transition: all 0.75s ease 0s; }
a.animated-button:link:hover, a.animated-button:visited:hover { color: #FFF; }
a.animated-button:link:hover:after, a.animated-button:visited:hover:after { height: 450%; }
/* Victoria Buttons */

a.animated-button.victoria-one { border: 2px solid #1b82c5; }
a.animated-button.victoria-one:after { background: #1b82c5; -moz-transform: translateX(-50%) translateY(-50%) rotate(-25deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg); transform: translateX(-50%) translateY(-50%) rotate(-25deg); }
/*成功案例*/

.case-list ul { width: 1216px; }
.case-list ul li { float: left; width: 294px; margin-right: 10px; }
.case-list ul li .pic { width: 294px; height: 220px; position: relative; overflow: hidden; }
.case-list ul li .info { position: absolute; width: 258px; padding-left: 16px; padding-top: 44px; height: 182px; background: rgba(27, 130, 197, 0.7); left: 100%; opacity: 0; top: 12px; transition: all .3s ease; }
.case-list ul li .info em { display: block; font-size: 18px; line-height: 18px; }
.case-list ul li .info i { display: block; width: 29px; height: 2px; background: #fff; margin: 16px 0 12px; }
.case-list ul li .info p { display: block; font-size: 14px; line-height: 28px; color: #dfe7df; width: 200px; margin: 0 0 10px 0; }
.case-list ul li .info .more-btn { display: block; background: url(/static/images/case-more.png); width: 24px; height: 24px; margin-right: 20px; }
.case-list ul li:hover .info { opacity: 1; left: 10px; }
/*优势*/

.ys { background: url(/static/images/ys-bg.jpg) no-repeat center top; height: 560px; margin-bottom: 59px; }
.ys-title { padding: 58px 0 78px; }
.ys-title h3 { display: block; font-size: 32px; line-height: 32px; margin-bottom: 27px; }
.ys-title span { display: block; font-size: 16px; line-height: 16px; }
.ys-list ul li { display: block; float: left; width: 130px; height: 130px; border-radius: 50%; border: solid 3px #fff; margin: 0 32px; position: relative; }
.ys-list ul li .line { -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; }
 @-webkit-keyframes spin { 0% {
 -webkit-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 -ms-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
 @keyframes spin { 0% {
 -webkit-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 -ms-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
.ys-list { margin-bottom: 68px; }
.ys-list ul li .line1 { position: relative; width: 130px; height: 130px; top: -3px; right: 3px; border-radius: 50%; border: 3px solid transparent; border-top-color: #1b82c5; }
.ys-list ul li .line2 { position: relative; width: 130px; height: 130px; top: -3px; right: 3px; border-radius: 50%; border: 3px solid transparent; border-right-color: #1b82c5; }
.ys-list ul li span { display: block; font-size: 15px; line-height: 28px; color: #fff; text-align: center; position: absolute; top: 41px; left: 0; right: 0; margin: auto; }
.ys-contact { padding: 0 18px 20px 26px; border-bottom: solid 1px #717172; width: 536px; margin: 0 auto 36px; }
.ys-contact span { display: block; background: url(/static/images/ys-tel.png) no-repeat left center; padding-left: 58px; font-size: 15px; line-height: 42px; color: #fff; }
.ys-contact span strong { display: inline-block; font-size: 32px; line-height: 42px; color: #1b82c5; vertical-align: bottom; }
.ys-zx { display: block; width: 180px; font-size: 16px; line-height: 45px; color: #fff; background: #1b82c5; 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: #1b82c5; }
a.hvr-ripple-out:before { content: ''; position: absolute; border: #1b82c5 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 { margin-bottom: 65px; }
.news .title { margin-bottom: 61px; }
.news-list ul { width: 1220px; }
.news-list ul .newsul { width: 345px; overflow: hidden }
.news-list ul .newsul span { width: 345px; height: 36px; line-height: 36px; display: block ; background:url(../picture/dot.png) no-repeat left center; padding-left:12px }
 
.news-list ul li { float: left; width: 345px; height: 400px; margin-right: 20px; margin-bottom: 23px; background: #f9f9f9; padding: 22px 19px 0 22px; }
.news-list ul li .cate { display: block; font-size: 16px;  color: #333; font-weight:bold ; float:left }
.news-list ul li .newsmore{ display:block; float:right}
.news-list ul li .pic { width: 345px; height: 170px; margin: 23px 0 24px; overflow: hidden; }
.news-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; }
.news-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; }
.news-list ul li p { display: block; font-size: 14px; line-height: 28px; color: #777; }
.news-list ul li:hover { background: #fff; box-shadow: 0px 0px 20px 4px #f7f7f7; }
.news-list ul li:hover em { color: #1b82c5; }
.news-more { display: block; width: 189px; height: 45px; font-size: 16px; line-height: 45px; color: #fff; text-align: center; margin: 0 auto; }
/* 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; position: relative; background: #1b82c5; -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: #e98412; -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); }
/*公共底部*/

.foot { background: #333; padding-top: 44px; height: 213px; border-bottom: solid 1px #454545; }
.foot-contact { margin: 0 156px 0 9px; }
.foot-contact strong { display: block; font-size: 20px; line-height: 15px; color: #fff; text-transform: uppercase; margin-bottom: 18px; }
.foot-contact p { display: block; font-size: 15px; line-height: 33px; color: #fff; opacity: 0.7; padding-left: 38px; margin-bottom: 12px; }
.foot-contact .foot-icon1 { background: url(/static/images/foot-icon1.png) no-repeat left center; }
.foot-contact .foot-icon2 { background: url(/static/images/foot-icon2.png) no-repeat left center; }
.foot-contact .foot-icon3 { background: url(/static/images/foot-icon3.png) no-repeat left center; }
.foot-nav strong { display: block; font-size: 20px; line-height: 15px; color: #fff; text-transform: uppercase; margin-bottom: 36px; }
.foot-nav ul { width: 524px; }
.foot-nav ul li { float: left; width: 24.8% }
.foot-nav ul li a { display: block; font-size: 15px; line-height: 38px; color: #d0d0d0;/* margin-right: 45px;*/ }
.foot-nav ul li a:hover { color: #fff; }
.wechat { width: 123px; }
.wechat em { display: block; font-size: 14px; line-height: 38px; color: #fff; opacity: 0.6; text-align: center; letter-spacing: 2px; }
.foot-copy { background: #333; /*height: 58px;*/ }
.foot-copy p { display: block; font-size: 14px; line-height: 58px; color: #adadad; }
.foot-copy p a { color: #adadad; }
.foot-copy p a:hover { color: #fff; }
/*在线咨询*/

.zx-service { position: fixed; right: 0px; top: 321px; z-index: 10000; }
.service-box { background-color: #fff; border-radius: 5px; width: 90px; margin-bottom: 8px; box-shadow: 0px 2px 3px #929ea9; }
.service-box span { display: block; }
.service-box span.text { background: url(/static/images/kf01.png) no-repeat; height: 47px; line-height: 40px; text-align: center; color: #fff; font-size: 16px; position: relative; z-index: 10; }
.service-box ul { margin-top: -7px; }
.service-box li { border-bottom: 1px solid #efefef; text-align: center; position: relative; }
.service-box li em { font-size: 12px; color: #757575; }
.service-box li a { display: block; padding-top: 6px; padding-bottom: 3px; }
.service-box li:first-child a { padding-top: 14px; }
.service-box li:last-child a { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
.service-box li a:hover { background: #f9f9f9; }
.service-box li a:hover em { color: #1b82c5; }
.service-box ul li:last-child { border: none; }
.service-box li p { position: absolute; left: -154px; width: 150px; top: 0; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2); display: none; font-size: 18px; font-weight: bold; color: #1b82c5; padding: 10px 0px; }
.service-box li:hover p { display: block; }
.service-arrow { box-shadow: 0px 2px 2px #d6d6d6; border: 1px solid #ddd; border-radius: 5px; width: 90px; background: url(/static/images/kf05.png) no-repeat center center #fff; height: 40px; cursor: pointer; }
.service-arrow a { display: block; width: 90px; height: 45px; }
/*浮动客服*/

#floatDivBoxs { width: 170px; background: #fff; position: fixed; bottom: 20px; right: 0; z-index: 999; }
#floatDivBoxs .floatDtt { width: 100%; height: 45px; line-height: 45px; background: #1b82c5; color: #fff; font-size: 18px; text-indent: 22px; position: relative; }
#floatDivBoxs .floatDqq { padding: 0 14px; }
#floatDivBoxs .floatDqq li { height: 55px; line-height: 55px; font-size: 15px; border-bottom: 1px solid #e3e3e3; padding: 0 0 0 50px; }
#floatDivBoxs .floatDqq li:hover a { color: #1b82c5 }
#floatDivBoxs .floatDtxt { font-size: 18px; color: #333; padding: 12px 14px 0 14px; }
#floatDivBoxs .floatDtel { padding: 0 0 7px 10px; font-size: 19px; font-weight: bold; color: #1b82c5 }
#floatDivBoxs .floatDtel img { display: block; }
#floatDivBoxs .floatDbg { width: 100%; height: 20px; background: url(/static/images/online_botbg.jpg) no-repeat; box-shadow: -2px 0 3px rgba(0,0,0,0.25); }
.floatShadow { background: #fff; box-shadow: -2px 0 3px rgba(0,0,0,0.25); }
#rightArrow { width: 50px; height: 45px; background: url(/static/images/online_arrow.jpg) no-repeat; position: fixed; bottom: 339px; right: 170px; z-index: 999; }
#rightArrow a { display: block; height: 45px; }
/*内页样式*/

.ny-hd { height: 450px; }
.ny-main { margin-top: 25px; margin-bottom: 100px; }
.ny-title { margin: 50px 0 30px 0; }
.ny-title h3 { display: block; font-size: 24px; line-height: 24px; color: #333; }
.ny-title span { display: block; font-size: 14px; color: #888; text-transform: uppercase; }
.ctitle1 { margin-bottom: 40px; text-align: center; }
.ctitle1 li { display: inline-block; margin: 0 15px; }
.ctitle1 li a { display: block; padding: 0 26px; height: 39px; border: solid 1px #e7e7e7; font-size: 16px; line-height: 39px; color: #444; text-align: center; border-radius: 20px; }
.ctitle1 li.on a, .ctitle1 li:hover a { background: #1b82c5; color: #fff; }
/*内页产品详情页*/

.ny-main .pro1 .spec-preview img { display: block; }
.ny-main .pro1 .descript1 strong.title1 { line-height: 38px; font-size: 25px; color: #242424; display: block; margin-top: 20px; }
.ny-main .pro1 .descript1 p { width: 600px; font-size: 15px; color: #8e8e8e; line-height: 25px; margin-bottom: 10px; margin-top: 25px; }
.ny-main .pro1 .descript1 ul { margin-top: 30px; margin-bottom: 20px; }
.ny-main .pro1 .descript1 ul li { float: left; width: 135px; font-size: 15px; margin-right: 40px; }
.ny-main .pro1 .descript1 ul li .pic1 { width: 135px; height: 102px; overflow: hidden; }
.ny-main .pro1 .descript1 ul li a { color: #7c7c7c; text-align: center; line-height: 40px; }
.ny-main .pro1 .descript1 ul li a h5 { font-size: 15px; }
.ny-main .pro1 .descript1 ul li:hover .pic1 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-main .pro1 .descript1 ul li:hover a { color: #1b82c5; }
.ny-main .pro1 .descript1 a.return, .ny-main .pro1 .descript1 a.reserve { background: #999; border-radius: 3px; border: 2px solid #999; color: #fff; float: left; display: block; width: 130px; height: 36px; font-size: 14px; line-height: 36px; text-align: center; margin-right: 30px; }
.ny-main .pro1 .descript1 a.reserve { background: #1b82c5; border: 2px solid #1b82c5; }
.ny-main .pro1 .descript1 a.return img, .ny-main .pro1 .descript1 a.reserve img { position: absolute; top: 0; right: 8px; }
/*.ny-main .pro1 .descript1 a.return:hover,.ny-main .pro1 .descript1 a.reserve:hover{ border-color: #268026; transition:0.5s;}*/

.ny-main .pro1 .share { overflow: hidden; margin-top: 50px; }
.ny-main .detail .de-title { border-bottom: solid 3px #1b82c5; margin-bottom: 15px; }
.ny-main .detail .de-title a { display: block; width: 130px; font-size: 16px; line-height: 45px; color: #fff; text-align: center; margin-top: 35px; background: #1b82c5; border-top-left-radius: 6px; border-top-right-radius: 6px; }
/*内页新闻列表页*/

.ny-news-list ul li { width: 100%; display: block; overflow: hidden; margin-bottom: 20px; background: #f5f5f5; }
.ny-news-list ul li .pic { width: 345px; height: 170px; }
.ny-news-list ul li .info { width: 820px; padding-top: 20px; }
.ny-news-list ul li .info strong a { display: block; font-size: 18px; width: 600px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: normal; }
.ny-news-list ul li .info p { max-height: 160px; overflow: hidden; margin-bottom: 10px; color: #777; padding-right: 20px; margin-top: 8px; font-size: 14px; line-height: 26px; }
.ny-news-list ul li .info em { font-family: arial; color: #999999; font-size: 14px; }
.ny-news-list ul li .info strong a:hover { color: #1b82c5; }
/*内页成功案例*/

.ny-case-list ul { width: 1230px; }
.ny-case-list ul li { float: left; width: 290px; margin-right: 16px; position: relative; margin-bottom: 25px; }
.ny-case-list ul li .pic { width: 290px; height: 220px; 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 { position: absolute; bottom: 0; display: block; width: 100%; background: rgba(0,0,0,0.7); font-size: 15px; line-height: 40px; color: #fff; text-align: center; opacity: 1; transition: all linear .4s; -webkit-transition: all linear .4s; -moz-transition: all linear .4s; -ms-transition: all linear .4s; -o-transition: all linear .4s; }
.ny-case-list ul li:hover em { opacity: 0; }
.ny-right .pagelist { padding: 10px 0; margin-top: 15px; overflow: hidden; border-top: 0px solid #eee; text-align: center; }
.ny-right .pagelist ul { text-align: center }
.ny-right .pagelist ul li { display: inline-table; background: none; width: auto; margin-right:0px }
.ny-right .pagelist ul li.c { color: #f30; border: 1px solid #ddd; padding: 2px 10px; margin-right: 8px; }
.ny-right .pagelist a, .ny-right .pagelist span { border: 1px solid #ccc; display: inline-block; padding: 2px 10px; margin-right: 8px; }
.ny-right .pagelist span.current { color: #f30; border: 1px solid #ddd; }
/*垃圾分类*/

/*.ny-main .container{position: relative; }*/

.lift-nav { float: left; background: url(/static/images/pro-bg.png) no-repeat top left; height: 283px; padding-top: 50px }
/*.top{top:50px;position: fixed;}*/

.lift-nav li { text-align: left; line-height: 40px; color: #333; cursor: pointer; }
.lift-nav li:before { content: ''; width: 8px; height: 8px; border-radius: 100%; background: #C9C9C9; float: left; vertical-align: middle; margin: 17px 18px 0 3px }
.lift-nav li.current { color: #6AA60E }
.lift-nav li.current:before { background: #6AA60E; }
.t1, .t2, .t3, .t4, .t5, .t6 { width: 930px; float: right; margin-bottom: 40px; }
.lift-target div h2 { font-size: 26px; color: #333; margin-bottom: 20px; }
.lift-target div p { color: #777; line-height: 31px; }
.ny-left-con { width: 1200px; overflow: hidden; z-index: 500; position: absolute; right: 0; top: 0; }
.ny-left-fixed { position: fixed; left: 50%; margin-left: -600px; top: 60px; }
.flink a { padding: 0 10px }



.tid64 { width:900px ; margin:0 auto}