@charset "UTF-8";

body {overflow-x: hidden;font-family: "Microsoft YaHei";} 

ul {margin: 0;} 

ul li {list-style: none;} 

a {color: #666;text-decoration: none;} 

h1, h2, h3, h4, h5 {margin: 0;} 

a:focus,
a:hover {color: #666;text-decoration: none;} 

a:focus {outline: none;outline-offset: -2px;} 

P {margin-bottom: 0;} 

.hot-keys:after, .zn-detail-info-bar:after, .zn-detail-info-bar .zn-file-down .file-down-list li:after, .zn-detail-pn div:after, .zn-detail-file-dwon:after, .zn-download-list .download-title:after, .zn-download-list .download-item:after, .zn-download-list .download-item .download-item-span:after, .zn-job-list .job-title:after, .zn-job-list .job-item:after, .zn-job-list .job-item .job-item-span:after, .product-detail-tab .product-detail-tabli:after, .tag-list-product .tag-wz .tab-fenli:after, .xylogin-form .input-g:after, .personal-cont li:after {content: "";display: table;clear: both;} 

.latest-news li a, .hot-keys li a, .zn-left-nav > li > a, .zn-left-nav .zn-left-subnav > li > a, .zn-left-nav .zn-left-threenav > li > a, .zn-product-list li h3 a, .zn-news-list li .tit h3, .zn-detail-info-bar .zn-file-down .file-down-list li .list-con p, .zn-detail-pn div a, .relate-news-list li a, .zn-jod-detail .job-detail-title, .zn-album-cate li .album-title, .zn-album-list li h3, .zn-download-list .download-item .download-item-span.download-item-first, .zn-download-list .download-item .download-item-span .download-item-con, .zn-job-list .job-item .job-item-span .job-item-con, .tag-list-product .tag-wz h1, .tag-list-product .tag-wz .tab-fenli p {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} 

@font-face {font-family: "iconfont";
  src: url("../fonts/iconfont.eot");
  /* IE9*/
  src: url("../fonts/iconfont.eot") format("embedded-opentype"), url("../fonts/d40ea28cf448460e8709bf54ad7a4b30.woff") format("woff"), url("../fonts/iconfont.ttf") format("truetype"), url("../fonts/iconfont.svg") format("svg");
  /* iOS 4.1- */} 

.iconfont {font-family: "iconfont" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} 

.icon-msnui-qr-code:before {content: "\e66a";} 

.icon-msnui-download:before {content: "\e67b";} 

.icon-tubiao209:before {content: "\e61b";} 

.icon-huiyuan21:before {content: "\e641";} 

.icon-zhiding:before {content: "\e66d";} 

.icon-qq:before {content: "\e62d";} 

.icon-icon-inquiry:before {content: "\e645";} 

.icon-iconfontphone:before {content: "\e634";} 

.icon-tuichu:before {content: "\e642";} 

.icon-gengduo:before {content: "\e688";} 

.icon-emiyanzhengma:before {content: "\e61c";} 

.icon-shouji:before {content: "\e6a1";} 

.icon-shijian:before {content: "\e6b5";} 

.icon-weixin:before {content: "\e64f";} 

.icon-arrowdown:before {content: "\e692";} 

.icon-arrowleft:before {content: "\e693";} 

.icon-arrowright:before {content: "\e694";} 

.icon-arrowup:before {content: "\e695";} 

.icon-close:before {content: "\e69a";} 

.icon-account:before {content: "\e6a3";} 

.icon-search:before {content: "\e6a5";} 

.icon-up:before {content: "\e6a9";} 

.icon-add:before {content: "\e6b9";} 

.icon-minus:before {content: "\e6ba";} 

.icon-atm:before {content: "\e6bd";} 

.icon-dizhi:before {content: "\e61a";} 

.icon-mimaffffffpx:before {content: "\e604";} 

.icon-chakan:before {content: "\e605";} 

.icon-wenjianxiazaiicon:before {content: "\e603";} 

/* 自动获取下载文件类型图标样式 */
@font-face {font-family: 'filetypeicon';
  /* project id 455609 */
  src: url("../fonts/font_455609_md6xsqc4pwrk9.eot");
  src: url("../fonts/font_455609_md6xsqc4pwrk9.eot") format("embedded-opentype"), url("../fonts/font_455609_md6xsqc4pwrk9.woff") format("woff"), url("../fonts/font_455609_md6xsqc4pwrk9.ttf") format("truetype"), url("../fonts/font_455609_md6xsqc4pwrk9.svg#iconfont") format("svg");} 

.filetypeicon {font-family: "filetypeicon";font-size: 13px;font-style: normal;} 

/* 头部 */
.zn-head1 {
    position: fixed;
    left:0;
    right:0;
    margin:auto;
    z-index: 9999;} 
.zn-head {background: rgba(255, 255, 255, .85);
} 
.zn-head img {max-width: 100%;} 

.zn-head .logo-box .zn-logo {position: relative;} 

.zn-head .logo-box .zn-logo .logo-img {font-size: 0;line-height: 87px;} 

.zn-head .search-box .language {float: right;width: 70px;line-height: 40px;height: 40px;text-align: center;position: relative;z-index: 9999;background: #fff;margin-top: 23px;cursor: pointer;} 

.zn-head .search-box .language a {font-size: 14px;line-height: 40px;color: #333;display: block;} 


.zn-head .search-box .search {position: relative;float: left;width: 26px;height: 26px;margin-top: 33px;margin-left: 20px;cursor: pointer;} 

.zn-head .search-box .search .search1 {position: absolute;top: 0;left: 0;width: 26px;height: 26px;background: url(../images/ss.png) no-repeat;} 

.zn-head .search-box .search #formsearch {position: absolute;z-index: 20;top: 46px;right: 0;display: none;width: 350px;margin-left: -20px;padding: 20px;border: 1px solid #e0e0e0;background: #fff;} 

.zn-head .search-box .search #formsearch input {position: absolute;top: 1px;width: 100%;height: 34px;padding: 0 10px;-webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;border: 1px solid #ccc;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);} 

.zn-head .search-box .search #formsearch input:focus {border-color: #66afe9;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);} 

.zn-head .search-box .search #formsearch .sinput {position: relative;height: 36px;} 

.zn-head .search-box .search #formsearch .sinput #keyword {outline: none;} 

.zn-head .search-box .search #formsearch .sinput #s_btn {position: absolute;z-index: 2;top: 0;right: 0;width: 39px;height: 36px;border: 0;background: url(../images/hw1_sprite.png) 0 -142px;} 

.zn-head .search-box .search #formsearch .sinput #s_btn:hover {background-position: -42px -142px;} 

.zn-head .search-box .search #formsearch .triangle {position: absolute;top: -15px;right: 0;display: none\9;overflow: hidden;width: 320px;height: 15px;} 

.zn-head .search-box .search #formsearch .triangle:before {position: absolute;top: 5px;right: 10px;width: 20px;height: 20px;content: '';-webkit-transform: rotate(45deg);transform: rotate(45deg);border: 1px solid #ddd;background-color: #fff;background-image: -o-linear-gradient(top, #fff, #fff);} 

@media (max-width: 1024px) {.zn-head .search-box {	display: none;}} 

@media (max-width: 990px) {.zn-logo {	position: relative;overflow: hidden;}
.zn-logo .logo-img {	line-height: 55px !important;	width: 48%;}
.zn-logo .logo-img img {	width: 100%;}
.zn-head .search-box {	display: block;	position: absolute;	right: 65px;	top: 0;}
.zn-head .search-box .language {	margin-left: 0px;	top: 8px;	margin-top: 0px;}
.zn-head .search-box .search {	top: 19px;	margin-top: 0px;}
.zn-head .search-box .search #formsearch {	margin-right: -50px; right: 50%;}
.zn-head .search-box .search .triangle {	display: none;}.hetop {    display:none;}} 

@media (max-width: 990px) {.zn-logo .logo-img {	line-height: 80px;float:left;}
.zn-head .logo-box {	float: none !important;}} 

/* 导航样式 */
.zn-nav {width: 60%;float: right;margin-right: 3%;} 

.zn-menu > li {float: left;width: 12.5%;position: relative;} 

.zn-menu > li > a {display: block;text-align: center;color: #000;line-height: 87px;font-size: 18px;} 

.zn-menu > li:hover a, .zn-menu > li.cur a {background: rgba(18, 50, 130, .7);color: #fff;} 

@media (max-width: 990px) {.zn-nav {	position: absolute;	display: none;	z-index: 99;	left: 0;	right: 0;	width: 100%;	background: #efefef; padding: 1em 0;	overflow:hidden !important;}
.zn-menu > li {	float: none;	width: 100%;	border: none;}
.zn-menu > li:not(:last-child) {border-bottom: 1px dotted #ccc;}
.zn-menu > li > a {	line-height: 40px;	font-size: 14px;}
.zn-menu >li .zn-sub-menu a {background: rgba(0, 0, 0, .8);color: #fff;} } 

.nav-btn {display: none;} 

@media (max-width: 990px) {/*.nav-btn {	display: block;	position: absolute;	z-index: 999;	right: 10px;	width: 30px;	top: 50%;	margin-top: -11px;	overflow:visible !important;}
.nav-btn span, .nav-btn:after, .nav-btn:before {	display: block;	height: 2px;	background: #333;	-webkit-transition: all .5s ease;	transition: all .5s ease;}
.nav-btn span {	margin: 8px 0;}
.nav-btn:after, .nav-btn:before {	content: '';	-webkit-transform-origin: 3%;	        transform-origin: 3%;}
.nav-btn.clicked span {	opacity: 0;}
.nav-btn.clicked:after {	-webkit-transform: rotate(-45deg);	        transform: rotate(-45deg);}
.nav-btn.clicked:before {	-webkit-transform: rotate(45deg);	        transform: rotate(45deg);}*/
.nav-btn { display: inline-block; position: relative;float:right;margin-top: 26px; width: 30px; background-color: #333;
  -webkit-transition-property: background-color, -webkit-transform;
  transition-property: background-color, -webkit-transform;
  transition-property: background-color, transform;
  transition-property: background-color, transform, -webkit-transform;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.nav-btn span { content: ''; display: block; width: 30px; height: 3px; position: absolute; background: #333;
  -webkit-transition-property: margin, -webkit-transform;
  transition-property: margin, -webkit-transform;
  transition-property: margin, transform;
  transition-property: margin, transform, -webkit-transform;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.nav-btn .s1 { margin-top: -10px;}
.nav-btn .s2 { margin-top: 10px;}

.nav-btn.clicked .s3{ background: rgba(51, 51, 51, 0);}
.nav-btn.clicked .s1 { margin-top: 0; -webkit-transform: rotate(45deg);         transform: rotate(45deg);}
.nav-btn.clicked .s2 { margin-top: 0; -webkit-transform: rotate(-45deg);         transform: rotate(-45deg);}} 

/*首页banner样式*/
.slick-banner {position: relative;} 

.slick-banner .slick-arrow {position: absolute;z-index: 99;width: 60px;height: 60px;margin-top: -30px;top: 50%;background-color: rgba(0, 0, 0, 0.3);background-repeat: no-repeat;background-size: auto;background-image: url(../images/xyin-banner-jt.png);border-radius: 5px;cursor: pointer;outline: none;border: none;font-size: 0;-webkit-transition: all .5s;transition: all .5s;} 

.slick-banner .slick-arrow.slick-prev {left: 7.8125%;background-position: 0 0;} 

.slick-banner .slick-arrow.slick-next {right: 7.8125%;background-position: -60px 0;} 

.slick-banner .slick-arrow:hover {background-color: rgba(0, 0, 0, 0.5);} 

.slick-banner .slick-dots {position: absolute;left: 0;right: 0;text-align: center;font-size: 0;z-index: 9;bottom: 10px;} 

.slick-banner .slick-dots li {display: inline-block;margin: 0 5px;width: 10px;height: 10px;border-radius: 50%;background: #efefef;cursor: pointer;} 

.slick-banner .slick-dots li button {background: none;outline: none;border: none;font-size: 0;} 

.slick-banner .slick-dots li.slick-active {background: #288fc7;} 

.slick-banner .img img {width: 100%;} 

.slick-banner .slick-con {position: relative;} 

#mob-banner {display: none;} 

@media (max-width: 768px) {#pc-banner {	display: none;}
#mob-banner {	display: block;	padding-top: 55px;}.news-wrap .content img {    width:100% !important;    height:auto !important;}.news-wrap .zn-detail-con img {    width:100% !important;    height:auto !important;}} 

/*首页产品列表部分*/
.container {max-width: 1680px;margin: 0 auto;width: auto;} 

.product-index-box {background: #f7f7f7;padding-top: 80px;padding-bottom: 80px;/*height: 700px;*/position: relative;} 

.product-index-box h2 {font-size: 24px;text-align: center;font-size: 24px;color: #000;padding-bottom: 50px;} 

.product-index-box h2 p {font-size: 14px;color: #808080;margin-top: 11px;} 

.product-index-box #slider {position: absolute;max-width: 1680px;height: 502px;overflow: hidden;left: 0;right: 0;margin: auto;} 

.product-index-box #slider .slide {z-index: 10;position: absolute;border-left: #fff 1px solid;width: 1114px;height: 502px;overflow: hidden;top: 0px;cursor: default;left: 22px;text-align: left;} 


.product-index-box #slider .slide:nth-of-type(1) {left: 0;} 

.product-index-box #slider .slide h3 {position: absolute;font-size: 36px;color: #fff;top: 25%;padding-left: 50px;-webkit-transition: all 0.3s;transition: all 0.3s;} 

.product-index-box #slider .slide .text {top: 34% !important;position: absolute;margin-left: 50px;font-size: 24px;color: #fff;width: 330px;-webkit-transition: all 0.3s;transition: all 0.3s;} 

.product-index-box #slider .slide .sec {position: absolute;top: 48%;margin-left: 50px;-webkit-transition: all 0.3s;transition: all 0.3s;opacity: 0;} 

.product-index-box #slider .slide .sec li {display: inline-block;width: 225px;border: 1px solid #fff;border-radius: 20px;font-size: 18px;text-align: center;line-height: 45px;-webkit-transition: all 0.3s;transition: all 0.3s;margin-right: 10px;} 

.product-index-box #slider .slide .sec li a {color: #fff;display: block;} 

.product-index-box #slider .slide .sec li:hover {background: #123282;border: 1px solid #123282;} 

.product-index-box #slider .slide.on h3 {padding-left: 100px;} 

.product-index-box #slider .slide.on .text {margin-left: 100px;width: 100%;} 

.product-index-box #slider .slide.on .sec {margin-left: 100px;opacity: 1;} 

.product-index-box .pro-cate-nav{ text-align: center;}
.product-index-box .pro-cate-nav > li{ display: inline-block;}
.product-index-box .pro-cate-nav > li a{ display: inline-block; padding: 10px 45px; background: #123282; color: #fff; border-radius: 13px; margin: 0 5px;}
.product-index-box .pro-cate-nav > li:hover a{ background: #00a0e9;}

.product-index-box .pro-cate-list {display: none;} 

.product-index-box .pro-cate-list > li {width: 100%;border-bottom: 1px solid #ddd;} 

.product-index-box .pro-cate-list > li a {display: block;background: #fff;line-height: 40px;text-indent: 20px;font-size: 15px;color: #000;} 

.product-index-box .pro-cate-list > li .sec {display: none;} 

.product-index-box .pro-cate-list > li .sec li {line-height: 30px;} 

.product-index-box .pro-cate-list > li .sec li a {font-size: 13px;line-height: 30px;text-indent: 30px;color: #333;} 

@media (max-width: 1400px) {.product-index-box #slider {	width: 96%;}} 

@media (max-width: 1024px) {.product-index-box {	height: auto;	padding-bottom: 30px;}
.product-index-box #slider {	display: none;}
.product-index-box .pro-cate-nav {	display: none;}
.product-index-box .pro-cate-list {	display: block;	padding-left:0px;}.product-list-box {    padding-left:0px;}} 

@media (max-width: 990px) {.product-index-box {	padding-top: 30px;}
.product-index-box h2 {	padding-bottom: 20px;}} 

.pro-list-box {width: 100%;background: #f7f7f7;padding-bottom: 50px;margin-bottom:20px;} 

.pro-list-box .product-list-box li {margin: 20px;display: inline-block; width: 22%;} 

.pro-list-box .product-list-box li a.img {display: block;overflow: hidden;position: relative;height: 0; padding-top: 70%;} 

.pro-list-box .product-list-box li a.img img {width: 100%;-webkit-transition: .5s;transition: .5s;position: absolute; top: 0; left: 0; display: block;  width: 100%; height: 100%;} 

.pro-list-box .product-list-box li a.img:hover img {-webkit-transform: scale(1.2);        transform: scale(1.2);} 

.pro-list-box .product-list-box li h3 {line-height: 70px;text-align: center;background: #fff;} 

.pro-list-box .product-list-box li h3 a {font-size: 15px;color: #444;} 

.pro-list-box .product-list-box li:hover h3 {background: #123282;} 

.pro-list-box .product-list-box li:hover h3 a {color: #fff;} 
@media (max-width: 768px) {.pro-list-box .product-list-box li {margin: 1%;display: inline-block; width: 47%;} .pro-list-box .product-list-box li h3 {line-height: 1;padding: 7px 0px;} } 






.product-index-boxs{margin-top: 20px;}
 .product-index-boxs h2 { padding-bottom: 20px;text-align: center;font-size: 24px;}
 .product-index-boxs {background: #f7f7f7;padding-top: 50px;padding-bottom: 10px;position: relative;width: 80%;margin: 0 auto;}

.product-index-boxs h2 p {
    font-size: 14px;
    color: #808080;
    margin-top: 11px;
}
.pro-list-boxs {width: 80%;background: #f7f7f7;padding-bottom: 50px;margin: 0 auto;} 

.pro-list-boxs .product-list-boxs li {margin: 20px;display: inline-block; width: 22%;} 

.pro-list-boxs .product-list-boxs li a.img {display: block;overflow: hidden;position: relative;height: 390px;} 

.pro-list-boxs .product-list-boxs li a.img img {width: 100%;-webkit-transition: .5s;transition: .5s;position: absolute; top: 0; left: 0; display: block;  width: 100%; height: 100%;} 

.pro-list-boxs .product-list-boxs li a.img:hover img {-webkit-transform: scale(1.2);        transform: scale(1.2);} 

.pro-list-boxs .product-list-boxs li h3 {line-height: 55px;text-align: center;background: #fff;} 

.pro-list-boxs .product-list-boxs li h3 a {font-size: 15px;color: #444;} 

.pro-list-boxs .product-list-boxs li:hover h3 {background: #123282;} 

.pro-list-boxs .product-list-boxs li:hover h3 a {color: #fff;} 
@media (max-width: 768px) {.pro-list-boxs .product-list-boxs li {margin: 1%;display: inline-block; width: 47%;} .pro-list-boxs .product-list-boxs li h3 {line-height: 1;padding: 7px 0px;} } 
.pro-list-boxs .more9 {width: 160px;height: 40px;display: block;margin: 0 auto;line-height: 40px;border-radius: 20px;text-align: center;border: 1px solid #ddd;color: #444444;margin-top: 30px;margin-bottom: 0px;} 

.pro-list-boxs .more9:hover {background: #123282;color: #fff;} 
/*
.pro-list-box .product-list-box .slick-slide {margin: 20px;} 

.pro-list-box .product-list-box .slick-slide a.img {display: block;overflow: hidden;} 

.pro-list-box .product-list-box .slick-slide a.img img {width: 100%;-webkit-transition: .5s;transition: .5s;} 

.pro-list-box .product-list-box .slick-slide a.img:hover img {-webkit-transform: scale(1.2);        transform: scale(1.2);} 

.pro-list-box .product-list-box .slick-slide h3 {line-height: 70px;text-align: center;background: #fff;} 

.pro-list-box .product-list-box .slick-slide h3 a {font-size: 15px;color: #444;} 

.pro-list-box .product-list-box .slick-slide:hover h3 {background: #123282;} 

.pro-list-box .product-list-box .slick-slide:hover h3 a {color: #fff;} 
*/
.pro-list-box .more9 {width: 160px;height: 40px;display: block;margin: 0 auto;line-height: 40px;border-radius: 20px;text-align: center;border: 1px solid #ddd;color: #444444;margin-top: 30px;margin-bottom: 0px;} 

.pro-list-box .more9:hover {background: #123282;color: #fff;} 

.about-box {padding: 50px 0px;background: url(../images/bj1.jpg) no-repeat center;border-bottom: 1px solid #ddd;} 

.about-box h2 {font-size: 24px;text-align: center;font-size: 24px;color: #000;padding-bottom: 80px;padding-top: 50px;} 

.about-box h2 p {font-size: 14px;color: #808080;margin-top:11px;} 

.about-box .about-title {font-size: 24px;color: #123282;text-align: center;} 

.about-box .about-title span {color: #fc0024;} 

.about-box .about-content {text-align: center;font-size: 14px;color: #808080;line-height: 30px;margin-top: 25px;} 

.about-box .about-list {max-width: 640px;margin: 0 auto;text-align: center;margin-top: 60px;margin-bottom: 80px;} 

.about-box .about-list:after {display: inline-block;overflow: hidden;width: 100%;height: 0;content: '';} 

.about-box .about-list li {position: relative;display: inline-block;vertical-align: top;text-align: center;border-radius: 24px;border: 1px solid #ddd;padding: 12px 50px;} 

.about-box .about-list li .img {display: block;padding-top: 35px;padding-bottom: 20px;} 

.about-box .about-list li .img .img1 {
    display: block;
    margin:0 auto;} 

.about-box .about-list li .img .img2 {
    display: none;
    margin:0 auto;} 

.about-box .about-list li h3 a {display: block;color: #575757;font-size: 20px;} 

.about-box .about-list li:hover {background: #123282;} 

.about-box .about-list li:hover .img .img1 {display: none;} 

.about-box .about-list li:hover .img .img2 {display: block;} 

.about-box .about-list li:hover h3 a {color: #fff;} 

@media (max-width: 990px) {.about-box {	padding: 30px 0px;}
.about-box h2 {	padding-top: 20px;	padding-bottom: 30px;}} 

@media (max-width: 768px) {.about-box .about-list li {	/*width: 150px;	height: 150px;*/}
.about-box .about-list li .img {	padding-top: 18px;}} 

@media (max-width: 600px) {.about-box .about-list {	margin-top: 30px;	margin-bottom: 0px;}
.about-box .about-list li {	/*width: 150px;	height: 150px;*/	display: block;	margin: 0 auto;	margin-bottom: 20px;}} 

.adv-list {padding: 60px 0px;text-align: justify;} 

.adv-list:after {display: inline-block;overflow: hidden;width: 100%;height: 0;content: '';} 

.adv-list li {position: relative;display: inline-block;width: 24%;vertical-align: top;padding: 50px 20px;border-bottom: 2px solid #123282;} 

.adv-list li h3 a {display: block;font-size: 24px;color: #000;font-weight: bold;padding-bottom: 20px;} 

.adv-list li .advcontent {line-height: 25px;font-size: 14px;color: #3c3c3c;} 

.adv-list li .advcontent p {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} 

.adv-list li .advmore {display: block;margin-top: 50px;color: #123282;padding-left: 30px;background: url(../images/more1.png) no-repeat 0px;margin-bottom: 30px;} 

.adv-list li:hover {background: #123282;} 

.adv-list li:hover h3 a {color: #fff;} 

.adv-list li:hover .advcontent {color: #fff;} 

.adv-list li:hover .advmore {color: #fff;background: url(../images/more11.png) no-repeat 0px;} 

@media (max-width: 768px) {.adv-list li {	width: 48%;	margin-bottom: 20px;}} 

@media (max-width: 600px) {.adv-list li {	width: 96%;	margin: 0 auto;	display: block;	margin-bottom: 20px;}} 

.case-box {background: #f7f7f7;padding: 70px 0px;} 

.case-box .case-left {width: 100%;position: relative;background:url(../images/caseimg1.jpg) ;background-size:100% 100%;padding: 80px 0;} 

.case-box .case-left h2 {font-size: 24px;color: #fff;text-align: center;width: 100%;} 

.case-box .case-left h2 p {font-size: 14px;line-height: 23px;} 

.case-box .case-left img {width: 100%;} 

.case-box .case-left .case-cate {width: 80%;margin: 50px auto;} 

.case-box .case-left .case-cate .slick-slide {margin: 8px;text-align: center;line-height: 50px;} 

.case-box .case-left .case-cate .slick-slide a {font-size: 16px;color: #fff;font-weight: bold;} 

.case-box .case-left .case-cate .slick-arrow {width: 8px;height: 18px;position: absolute;top: 40%;font-size: 0px;border: none;outline: none;} 

.case-box .case-left .case-cate .slick-prev {background: url(../images/pleft1.png) no-repeat 0px;left: -20px;} 

.case-box .case-left .case-cate .slick-next {background: url(../images/pright1.png) no-repeat 0px;right: -20px;} 
.case-box .case-left .more2 {width: 75px;height: 75px;display: block;line-height: 75px;text-align: center;border-radius: 50%;border: 1px solid #728bbe;margin: auto;font-size: 30px;color: #fff;font-weight: normal;} 

.case-box .case-right {width: 49%;float: right;position: relative;overflow: hidden;} 

.case-box .case-right h2 {position: absolute;font-size: 24px;color: #fff;text-align: center;width: 100%;padding-top: 80px;z-index: 999;} 

.case-box .case-right h2 p {font-size: 14px;line-height: 23px;} 

.case-box .case-right img {width: 100%;-webkit-transition: .5s;transition: .5s;} 

.case-box .case-right:hover img {-webkit-transform: scale(1.2);        transform: scale(1.2);} 

.case-box .case-right .more2 {width: 75px;height: 75px;display: block;position: absolute;line-height: 75px;text-align: center;border-radius: 50%;border: 1px solid #728bbe;top: 48%;left: 0;right: 0;margin: auto;font-size: 30px;color: #fff;font-weight: normal;} 

@media (max-width: 1024px) {.case-box .case-left .case-cate {	top: 55%;}
.case-box .case-right .more2 {	width: 40px;	height: 40px;	top: 65%;	line-height: 40px;}} 

@media (max-width: 768px) {.case-box{padding:45px 0;}.case-box .case-left {	width: 100%;	margin-bottom: 20px;padding: 0 0 30px 0;}
.case-box .case-right {	width: 100%;}} 

@media (max-width: 600px) {.case-box .case-left h2 {	padding-top: 38px;}
.case-box .case-right h2 {	padding-top: 38px;}} 

.new-product-box {padding: 50px 0px;} 

.new-product-box h2 {font-size: 24px;color: #212121;line-height: 60px;} 

.new-product-box h2 span {font-size: 14px;color: #808080;margin-left: 10px;} 

.new-product-box h2 .pro-sort {float: right;} 

.new-product-box h2 .pro-sort li {line-height: 50px;display: inline-block;padding: 0px 10px;border-bottom: 2px solid #fff;} 

.new-product-box h2 .pro-sort li a {font-size: 18px;color: #808080;display: block;} 

.new-product-box h2 .pro-sort li:hover {border-bottom: 2px solid #123282;} 

.new-product-box h2 .pro-sort li:hover a {color: #123282;} 

.new-product-box .product-new-list li {margin: 10px;display: inline-block;  width: 23%;} 

.new-product-box .product-new-list li a.img {display: block;overflow: hidden;position: relative; height: 0; padding-top: 70%;} 

.new-product-box .product-new-list li a.img img {width: 100%;-webkit-transition: .5s;transition: .5s;  position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%;} 

.new-product-box .product-new-list li a.img:hover img {-webkit-transform: scale(1.2);        transform: scale(1.2);} 

.new-product-box .product-new-list li h3 {line-height: 45px;border: 1px solid #ddd;text-align: center;} 

.new-product-box .product-new-list li h3 a {display: block;font-size: 15px;color: #444444;} 

.new-product-box .product-new-list li:hover h3 {background: #123282;} 

.new-product-box .product-new-list li:hover h3 a {color: #fff;} 
/*
.new-product-box .product-new-list .slick-slide {margin: 10px;} 

.new-product-box .product-new-list .slick-slide a.img {display: block;overflow: hidden;} 

.new-product-box .product-new-list .slick-slide a.img img {width: 100%;-webkit-transition: .5s;transition: .5s;} 

.new-product-box .product-new-list .slick-slide a.img:hover img {-webkit-transform: scale(1.2);        transform: scale(1.2);} 

.new-product-box .product-new-list .slick-slide h3 {line-height: 45px;border: 1px solid #ddd;text-align: center;} 

.new-product-box .product-new-list .slick-slide h3 a {display: block;font-size: 15px;color: #444444;} 

.new-product-box .product-new-list .slick-slide:hover h3 {background: #123282;} 

.new-product-box .product-new-list .slick-slide:hover h3 a {color: #fff;} 
*/
@media (max-width: 768px) {.new-product-box h2 .pro-sort {	display: none;}.new-product-box .product-new-list li {margin: 1%;display: inline-block;  width: 47%;} .new-product-box .product-new-list li h3 {line-height: 1;padding: 7px 0px;} } } 

.news-box {padding: 80px 0;} 
.news-box .container{max-width:1300px;}

.news-box .news-left {width: 48%;float: left;} 

.news-box .news-left h2 {font-size: 24px;color: #212121;line-height: 60px;margin-bottom: 30px; border-bottom: 1px solid #ccc;} 

.news-box .news-left h2 span {font-size: 14px;color: #808080;margin-left: 5px;} 

.news-box .news-left .new-img {width: 41%;display: inline-block;vertical-align: middle;} 

.news-box .news-left .new-img img {width: 100%;} 

.news-box .news-left .news-list {width: 52%;display: inline-block;vertical-align: middle;margin-left: 5%;} 

.news-box .news-left .news-list li {line-height: 29px;} 

.news-box .news-left .news-list li a {font-size: 14px;color: #212121;} 

.news-box .news-left .news-list li span {float: right;color: #bfbfbf;} 

.news-box .news-left .news-list li:hover a {color: #123282;} 

.news-box .news-right {float: right;} 

@media (max-width: 1300px) {.news-box .news-left .news-list li span {	display: none;}} 

@media (max-width: 990px) {.news-box {padding: 45px 0;} .news-box .news-left {	width: 100%;}} 

@media (max-width: 768px) {.news-box .news-left .new-img {	width: 100%;}
.news-box .news-left .news-list {	width: 100%;	margin-bottom: 20px;	margin-left: 0%;}} 

/*通栏*/
.zn-tonglan {background: #171717;    padding-top: 50px;} 
.zn-tonglan .container {max-width:1500px;}

.zn-tonglan .foot-left {/*width: 57%;float: left;border-right: 1px solid #313131;*/} 

.zn-tonglan .foot-left .zhuyin {line-height: 74px;border-bottom: 1px solid #313131;color: #666666;} 

.zn-tonglan .foot-left .zhuyin a {color: #666666;} 

.zn-tonglan .foot-left .foot-nav {padding: 0px 0;margin: 45px 0 0 0;background: #212121;text-align: center;} 

.zn-tonglan .foot-left .foot-nav li {display: inline-block;margin: 0 25px;} 

.zn-tonglan .foot-left .foot-nav li a {display: block;color: #777;font-size: 16px;line-height: 50px;} 

.zn-tonglan .foot-left .foot-nav li a:hover {text-decoration: underline;color: #eee;} 

.zn-tonglan .foot-left .foot-nav li .sec a {font-size: 14px;color: #666;line-height: 25px;} 

.zn-tonglan .foot-left .foot-nav .pronav {width: 40%;float: left;} 

.zn-tonglan .foot-left .foot-nav .pronav li {width: 44%;text-align: left;} 

.zn-tonglan .foot-right {/*width: 43%;float: right;*/padding: 50px 0px;position: relative;} 

.zn-tonglan .foot-right .foot-right-top .xyin-links {width: 30%;float: left; height:40px; overflow:hidden;} 

.zn-tonglan .foot-right .foot-right-top .xyin-links span {display: block;font-size: 14px;color: #858585;} 

.zn-tonglan .foot-right .foot-right-top .xyin-links a {display: block;} 

.zn-tonglan .foot-right .foot-right-top .foot-contact {width: 47%;float: left;} 

.zn-tonglan .foot-right .foot-right-top .foot-contact h3 {font-size: 18px;color: #858585;line-height: 35px;} 

.zn-tonglan .foot-right .foot-right-top .foot-contact p {color: #666;font-size: 14px;line-height: 2;} 

.zn-tonglan .foot-right .foot-right-top .ewm {/*width: 16%;*/margin-left: 5%;float: right;text-align: center;line-height: 35px;color: #666;} 

.zn-tonglan .foot-right .hotsearch {
    padding-top: 170px;
    color: #666;
    float: left;
    position: relative;} 

.zn-tonglan .foot-right .hotsearch a {margin-right: 15px;color: #5d5d5d;} 

.zn-tonglan .foot-right .gotop {width: 41px;height: 41px;position: absolute;right: 0;bottom: 0;background: url(../images/gotop.png) no-repeat;cursor: pointer;}

@media (max-width: 990px) {
	.zn-tonglan{padding: 0;}
	.zn-tonglan .foot-right {padding: 30px 0px;}
.zn-tonglan .foot-right .foot-right-top .ewm{float:left;display: none;}
} 

/*页脚*/
.zn-footer {background: #0b0b0b;} 

.zn-footer .container {line-height: 94px;font-size: 14px;color: #666;text-align: center;max-width:1500px;} 

.zn-footer .container a {color: #666;} 

.zn-footer .container a:hover {color: #288fc7;} 

.zn-footer .container .zn-ft-cpy {float: left;} 

.zn-footer .container .xunpan {float: right;} 

@media (max-width: 1024px) {.zn-tonglan .foot-left {	width: 100%;	border-right: 0;}
.zn-tonglan .foot-right {	width: 100%;}} 

@media (max-width: 768px) {.zn-footer{margin-bottom:70px;}.zn-tonglan .foot-left .foot-nav {	display: none;}
.zn-tonglan .foot-right .foot-right-top .xyin-links {	width: 100%;	line-height: 50px;	margin-bottom: 20px;}
.zn-tonglan .foot-right .foot-right-top .foot-contact {	width: 100%;	margin-left: 0%;}
.zn-tonglan .foot-right .foot-right-top .ewm {	width:50%;	margin-left: 0%;
        margin-top: 23px;}.zn-tonglan .foot-right .hotsearch {    padding-top:20px;}.xyin-links {    display:none;}
.zn-footer .container {	line-height: 1.5; padding: 1em 0;}
.zn-footer .container .zn-ft-cpy {	float: none;	text-align: center;}
.zn-footer .container .xunpan {	float: none;	text-align: center;}} 
/*一键操作*/
.footnav{display:none;}
@media (max-width: 768px) {
.footnav{display:block;position: fixed;bottom: 0;background:#3562bd;width: 100%;z-index: 99999999999999;}
.footnav ul{height: 70px;display: flex;}
.footnav ul li{flex: 5;text-align: center;padding: 10px 0;}
.footnav ul li span{}
.footnav ul li a{color: #fff;}
.footnav ul li div{line-height: 28px;font-size: 14px;}
.footnav ul li img{width:26px;}
.footnav ul li.home span{}
.footnav ul li.sjbh span{}
.footnav ul li.dhbh span{}
.footnav ul li.csdt span{}
}
/*左侧工具条*/
#toolbar {position: fixed;z-index: 9999;right: 33px;bottom: 30%;} 

#toolbar li {margin-bottom: 3px;font-size: 0;width: 57px;height: 57px;right: 0;position: relative;} 

#toolbar li a {display: block;position: absolute;z-index: 9;right: 0;top: 0;width: 57px;height: 57px;overflow: hidden;background: #288fc7;-webkit-transition: all .5s ease;transition: all .5s ease;white-space: nowrap;font-size: 0;} 

#toolbar li .iconfont {display: inline-block;vertical-align: middle;width: 57px;height: 57px;background-color: #d9d9d9;vertical-align: middle;text-align: center;line-height: 57px;color: #2b2b2b;font-size: 26px;} 

#toolbar li .wz {display: inline-block;line-height: 57px;font-size: 14px;color: #fff;vertical-align: middle;padding-left: 10px;} 

#toolbar li.ewm .ewm-box {position: absolute;z-index: 1;padding: 5px;background: #288fc7;width: 110px;right: 120%;bottom: 0;opacity: 0;visibility: hidden;-webkit-transform: translateX(100%);        transform: translateX(100%);-webkit-transition: all .7s;transition: all .7s;} 

#toolbar li.ewm .ewm-box p {margin-bottom: 0;} 

#toolbar li.ewm .ewm-box img {max-width: 100%;} 

#toolbar li.ewm .ewm-box:after {content: '';position: absolute;right: -5px;bottom: 20px;width: 0;height: 0;line-height: 0;font-size: 0;overflow: hidden;border-width: 5px;cursor: pointer;border-style: dashed dashed dashed solid;border-color: transparent transparent transparent #288fc7;border-right: none;} 

#toolbar li.ewm:hover .icon {background-position: -57px -180px;} 

#toolbar li.ewm:hover .ewm-box {opacity: 1;visibility: visible;-webkit-transform: translateY(0);        transform: translateY(0);} 

#toolbar li.backtop {cursor: pointer;} 

#toolbar li.backtop .iconfont {color: #fff;background-color: #288fc7;} 

#toolbar li:hover a {width: 200px;} 

#toolbar li:hover .iconfont {background-color: #288fc7;color: #fff;} 

@media (max-width: 990px) {#toolbar {	display: none;}} 

/*内页banner样式*/
.zn-banner {position: relative;} 

.zn-banner .img {height: 540px;background-repeat: no-repeat;background-size: cover;background-position: top center;} 

.zn-banner .wz {position: absolute;left: 0;right: 0;top: 50%;text-align: center;width: 50%;margin: 0 auto;display: none;} 

.zn-banner .wz h3 {font-size: 30px;padding-bottom: 20px;margin: 0;color: #fff;} 

.zn-banner .wz h3:after {content: '';position: absolute;bottom: 0;width: 50px;height: 2px;left: 0;right: 0;background: #fff;margin: 0 auto;} 

@media (max-width: 1200px) {.zn-banner .img {	height: 400px;}} 

@media (max-width: 1024px) {.zn-banner .img {	height: 300px;}} 

@media (max-width: 768px) {.zn-banner .img {	height: 220px;}
.zn-banner .wz {	top: 0;	bottom: 0;	margin: auto;	height: 50px;}} 

@media (max-width: 768px) {.news-info {	width: 100% !important;}
.zhuyin {	display: none;}
.xunpan {	display: none;}
.gotop {	display: none;}} 

/* 内页基本样式 */
.zn-wrap {padding-top: 20px;padding-bottom: 40px;} 

.zn-left-box {margin-bottom: 20px;} 

.zn-left-title {line-height: 62px;text-align: center;color: #fff;font-size: 22px;background: #288fc7;font-weight: bold;margin: 0;} 

.zn-left-con {border: 1px solid #ebebeb;padding: 15px;} 

.latest-news li {margin-top: 15px;} 

.latest-news li a {display: block;font-size: 14px;line-height: 20px;color: #666666;} 

.latest-news li a:before {content: '';display: inline-block;width: 14px;height: 14px;background: #d1d1d1 url(../images/zn-left-jt.png) -1px -16px no-repeat;border-radius: 50%;vertical-align: middle;margin-right: 10px;} 

.latest-news li a:hover {color: #288fc7;text-decoration: underline;} 

.latest-news li a:hover:before {background-color: #288fc7;} 

.hot-keys li {width: 47%;float: left;margin: 6px 0;} 

.hot-keys li a {display: block;text-align: center;font-size: 14px;color: #666666;line-height: 36px;background: #ededed;} 

.hot-keys li a:hover {color: #288fc7;text-decoration: underline;} 

.hot-keys li:nth-child(even) {float: right;} 

.contact-box .hot-line {background: url(../images/zn-right-phone.png) left 5px no-repeat;padding-left: 70px;margin-bottom: 15px;} 

.contact-box .hot-line h4 {font-weight: normal;margin: 0;font-size: 14px;color: #666666;} 

.contact-box .hot-line p {font-size: 25px;font-family: Arial;font-weight: bold;color: #ab001a;margin-bottom: 0;} 

.contact-box .gs-name {font-size: 15px;font-weight: bold;color: #333333;margin-bottom: 10px;} 

.contact-box .contact-info p {margin-bottom: 0;border-bottom: 1px dotted #b8b8b8;font-size: 14px;color: #333333;padding: 8px 0;} 

.contact-box .contact-info p:last-child {border-bottom: 0;} 

.zn-right-mbx {border-bottom: 1px solid #ebebeb;font-size: 14px;color: #666666;line-height: 25px;padding: 17px 0 7px 0;} 

.zn-right-mbx .cur-pos {display: inline-block;color: #333;} 

.zn-right-mbx .cur-pos .iconfont {font-size: 25px;display: inline-block;height: 25px;color: #000;margin-right: 5px;} 

.zn-right-mbx a {color: #666;} 

.zn-right-mbx a:hover {color: #288fc7;text-decoration: underline;} 

@media (max-width: 992px) {.zn-right-mbx {	padding-top: 0;}} 

.zn-right-content {font-size: 14px;color: #333;line-height: 1.7;padding: 15px 0;} 

.zn-right-content p img {max-width: 100%;} 

.zn-wrap .xymob-page-icon {position: fixed;right: 15px;bottom: 100px;z-index: 9999;} 

.zn-wrap .xymob-page-icon li {width: 40px;height: 40px;line-height: 40px;text-align: center;margin-bottom: 1px;background: rgba(40, 143, 199, 0.7);cursor: pointer;} 

.zn-wrap .xymob-page-icon li i {font-size: 20px;color: #fff;} 

@media (min-width: 992px) {.zn-wrap .xymob-page-icon {	display: none;}} 

/* 手机站 左侧导航弹出特效 */
.xymob-left-close-btn {display: none;} 

@media (max-width: 990px) {
  /* 弹出框之后 body 上增加一个禁止滚动的类*/body.no-scroll,
  html.no-scroll {	height: 100vh;	overflow: hidden;}
.xymob-menu-click {	position: fixed;	width: 100vw;	overflow-y: scroll;	top: 0;	left: 100%;	-webkit-transition: all .5s ease;	transition: all .5s ease;	z-index: 999999;	height: 100vh;	background: rgba(0, 0, 0, 0.7);}
.xymob-menu-click .zn-left-news,
    .xymob-menu-click .zn-left-keys,
    .xymob-menu-click .zn-left-contact {	display: none;}
.xymob-menu-click .xymob-left-close-btn {	display: block;	position: absolute;	top: 15px;	right: 15px;	width: 32px;	height: 32px;	line-height: 32px;	border-radius: 50%;	border: 1px solid #fff;	text-align: center;	background: black;}
.xymob-menu-click .xymob-left-close-btn i {	font-size: 18px;	color: #fff;}
.xymob-menu-click .zn-left {	display: -webkit-box;	display: -ms-flexbox;	display: flex;	-webkit-box-align: center;	    -ms-flex-align: center;	        align-items: center;	-webkit-box-pack: center;	    -ms-flex-pack: center;	        justify-content: center;	min-height: 90vh;	padding: 5vh 0;}
.xymob-menu-click .zn-left .zn-left-menu {	width: 90%;	background: #fff;}
.xymob-menu-click.click {	left: 0;}} 

/* 内页左侧导航栏样式 */
.zn-left-nav > li {margin-bottom: 12px;position: relative;} 

.zn-left-nav > li > a {display: block;text-indent: 27px;font-size: 14px;color: #666666;position: relative;line-height: 40px;border: 1px solid #e4e4e4;padding-right: 15%;} 

.zn-left-nav > li .first-nav-btn {position: absolute;z-index: 99;width: 16px;height: 16px;border-radius: 50%;background: #d1d1d1 url(../images/zn-left-jt.png) 0 -15px no-repeat;right: 10%;top: 13px;} 

.zn-left-nav > li .first-nav-btn.clicked {background: #288fc7 url(../images/zn-left-jt.png) 0 1px no-repeat;} 

.zn-left-nav > li:last-child {margin-bottom: 0;} 

.zn-left-nav > li:hover > a, .zn-left-nav > li.clicked > a {color: #288fc7;} 

.zn-left-nav > li:hover .first-nav-btn, .zn-left-nav > li.clicked .first-nav-btn {background-color: #288fc7;} 

.zn-left-nav .zn-left-subnav {display: none;margin-top: 10px;} 

.zn-left-nav .zn-left-subnav > li > a {display: block;line-height: 35px;color: #666666;font-size: 14px;padding-left: 15%;padding-right: 5%;} 

.zn-left-nav .zn-left-subnav > li > a:before {content: '';width: 0;height: 0;line-height: 0;font-size: 0;overflow: hidden;border-width: 5px;cursor: pointer;border-style: dashed dashed dashed solid;border-color: transparent transparent transparent #d4d4d4;border-right: none;vertical-align: 5px;margin-right: 10px;} 

.zn-left-nav .zn-left-subnav > li > a:hover {color: #288fc7;} 

.zn-left-nav .zn-left-subnav > li > a:hover:before {border-left-color: #288fc7;} 

.zn-left-nav .zn-left-subnav > li.hover > a:before {content: '';width: 0;height: 0;line-height: 0;font-size: 0;overflow: hidden;border-width: 5px;cursor: pointer;border-style: solid dashed dashed dashed;border-color: #288fc7 transparent transparent transparent;border-bottom: none;vertical-align: middle;margin-right: 5px;} 

.zn-left-nav .zn-left-threenav {display: none;} 

.zn-left-nav .zn-left-threenav > li > a {display: block;font-size: 14px;line-height: 24px;color: #999999;padding-left: calc(15% + 15px);padding-right: 5%;} 

.zn-left-nav .zn-left-threenav > li > a:before {content: '';display: inline-block;vertical-align: middle;width: 8px;height: 2px;background: #d4d4d4;margin-right: 5px;} 

.zn-left-nav .zn-left-threenav > li > a:hover {color: #288fc7;} 

@media (max-width: 990px) {.zn-left-nav .zn-left-threenav {	display: block;}} 

/*产品列表页样式*/
.zn-pro-description {border: 1px solid #e5e5e5;background: #f9f9f9;line-height: 24px;padding: 10px;margin-bottom: 15px;text-indent: 2em;} 

.zn-product-list {margin: 0 -1%;font-size: 0;} 

.zn-product-list li {display: inline-block;vertical-align: bottom;width: 31.333%;margin: 0 1% 20px 1%;} 

.zn-product-list li .img {display: block;overflow: hidden;} 

.zn-product-list li .img img {width: 100%;-webkit-transition: all .7s ease;transition: all .7s ease;} 

.zn-product-list li .img:hover img {-webkit-transform: scale(1.1);        transform: scale(1.1);} 

.zn-product-list li h3 {font-size: 16px;font-weight: normal;margin: 15px 0 0 0;} 

.zn-product-list li h3 a {color: #333333;display: block;text-align: center;} 

.zn-product-list li h3 a:hover {color: #288fc7;} 

@media (max-width: 768px) {.zn-product-list li {	width: 48%;}} 

@media (max-width: 375px) {.zn-product-list li {	width: 98%;}} 

/* 分页基本样式 */
.zn-pagination {margin-top: 20px;text-align: center;font-size: 0;} 

.zn-pagination .pagin-left,
  .zn-pagination .pagin-mid,
  .zn-pagination .pagin-right,
  .zn-pagination .pagin-select {display: inline-block;vertical-align: middle;} 

.zn-pagination a,
  .zn-pagination #current {display: inline-block;font-size: 14px;color: #333333;font-family: "Microsoft YaHei",Arial;line-height: 26px;border: 1px solid #cbcbcb;margin: 0 5px;padding: 0 8px;} 

.zn-pagination #current,
  .zn-pagination a:hover {color: #fff;border-color: #288fc7;background: #288fc7;} 

.zn-pagination .pagin-mid {font-size: 14px;} 

.zn-pagination .pagin-mid .mob-pagin-mid {display: none;} 

.zn-pagination .pagin-select {font-size: 14px;} 

.zn-pagination .pagin-select select {height: 28px;padding: 0 8px;margin: -1px 5px 0 5px;} 

@media (max-width: 768px) {.zn-pagination .pagin-mid .pc-pagin-mid {	display: none;}
.zn-pagination .pagin-mid .mob-pagin-mid {	display: block;}
.zn-pagination .pagin-mid .mob-pagin-mid span {	display: inline-block;	padding: 0 8px;	line-height: 28px;	font-size: 14px;}
.zn-pagination .pagin-select {	display: none;}} 

/* 内页新闻列表 */
.zn-news-list li {border: 1px solid #e1e1e1;padding: 30px;background: #fff;margin-bottom: 35px;-webkit-transition: all .5s;transition: all .5s;} 

.zn-news-list li .tit {border-bottom: 1px solid #cbcbcb;margin-bottom: 15px;position: relative;} 

.zn-news-list li .tit h3 {padding-bottom: 15px;font-size: 18px;color: #565656;font-weight: normal;padding-right: 25%;margin: 0;} 

.zn-news-list li .tit .date {position: absolute;right: 0;top: 0;font-size: 14px;color: #666666;} 

.zn-news-list li .info {font-size: 14px;line-height: 2;color: #999999;} 

.zn-news-list li .more {margin-top: 15px;} 

.zn-news-list li .more span {display: inline-block;width: 130px;line-height: 33px;text-align: center;color: #000;font-size: 14px;color: #666666;border: 1px solid #e1e1e1;-webkit-transition: all .5s ease;transition: all .5s ease;} 

.zn-news-list li:hover {-webkit-box-shadow: 0px 2px 13px 1px rgba(8, 1, 3, 0.18);        box-shadow: 0px 2px 13px 1px rgba(8, 1, 3, 0.18);} 

.zn-news-list li:hover .tit h3 {color: #288fc7;} 

.zn-news-list li:hover .more span {color: #fff;background-color: #288fc7;} 

@media (max-width: 990px) {.zn-news-list li .tit {	border-bottom: none;}
.zn-news-list li .tit h3 {	padding-right: 0;	padding-bottom: 10px;}
.zn-news-list li .tit .date {	position: static;	border-bottom: 1px solid #cbcbcb;	padding-bottom: 5px;	color: #999;}} 

/*内页详情页面公用样式*/
.zn-detail-title {font-size: 20px;color: #363636;font-weight: bold;margin-bottom: 10px;line-height: 1.7;} 

.zn-detail-info-bar {font-size: 14px;font-family: Arial;color: #9e9e9e;line-height: 35px;border-bottom: 1px dashed #cfcfcf;margin-bottom: 20px;} 

.zn-detail-info-bar .detail-info-time {float: left;margin-right: 20px;} 

.zn-detail-info-bar .detail-info-time i {margin-right: 4px;} 

.zn-detail-info-bar .detail-info-numbers {float: left;} 

.zn-detail-info-bar .detail-info-numbers i {font-size: 12px;margin-right: 4px;} 

.zn-detail-info-bar .zn-file-down {float: right;position: relative;} 

.zn-detail-info-bar .zn-file-down .file-down-title {cursor: pointer;} 

.zn-detail-info-bar .zn-file-down .file-down-title i {margin-right: 5px;} 

.zn-detail-info-bar .zn-file-down .file-down-title:hover {color: #288fc7;} 

.zn-detail-info-bar .zn-file-down .file-down-list {position: absolute;z-index: 9999;width: 250%;right: 0;background: #fff;display: none;} 

.zn-detail-info-bar .zn-file-down .file-down-list li {padding: 10px 0;border-top: 1px dashed #cfcfcf;} 

.zn-detail-info-bar .zn-file-down .file-down-list li .icon {float: left;font-size: 40px;line-height: 40px;margin-right: 5px;height: 40px;} 

.zn-detail-info-bar .zn-file-down .file-down-list li .list-con {overflow: hidden;line-height: 1;} 

.zn-detail-info-bar .zn-file-down .file-down-list li .list-con p {font-size: 12px;margin-bottom: 0;line-height: 20px;} 

.zn-detail-info-bar .zn-file-down .file-down-list li .list-con a {font-size: 12px;} 

.zn-detail-info-bar .zn-file-down .file-down-list li .list-con a:hover {color: #288fc7;} 

.zn-detail-con-title {margin: 20px 0 10px 0;} 

.zn-detail-con-title span {display: inline-block;font-size: 18px;color: #288fc7;} 

.zn-detail-tags {margin-top: 40px;} 

.zn-detail-tags .tags-title {border-bottom: 1px solid #c3c3c3;position: relative;} 

.zn-detail-tags .tags-title h3 {display: inline-block;padding: 0 30px;font-size: 16px;color: #288fc7;line-height: 40px;border-bottom: 3px solid #288fc7;margin-bottom: -1px;} 

.zn-detail-tags .tags-title .baidu-share {position: absolute;right: 0;top: 8px;} 

.zn-detail-tags .tags-content {padding-top: 10px;} 

.zn-detail-tags .tags-content a {font-size: 13px;color: #666666;display: inline-block;margin-right: 20px;} 

.zn-detail-tags .tags-content a:hover {color: #288fc7;} 

.zn-detail-pn {margin-top: 30px;} 

.zn-detail-pn div {margin-bottom: 10px;background: #ededed;line-height: 35px;padding: 0 20px;position: relative;} 

.zn-detail-pn div b {font-size: 16px;color: #333333;float: left;font-weight: normal;} 

.zn-detail-pn div a {float: left;width: 75%;font-size: 14px;color: #565656;} 

.zn-detail-pn div a:hover {color: #288fc7;} 

@media (max-width: 600px) {.zn-detail-pn div a {	width: 60%;}} 

@media (max-width: 600px) {.zn-detail-pn div a {	width: 50%;}} 

.zn-detail-pn div span {position: absolute;right: 20px;top: 0;font-size: 13px;color: #666666;} 

/*相关产品 和 相关新闻*/
.zn-relate {margin-top: 50px;} 

.zn-relate .relate-title {background: #288fc7;color: #fff;font-size: 16px;line-height: 50px;padding-left: 25px;margin-bottom: 20px;} 

.relate-product-slick {padding: 0 5%;position: relative;} 

.relate-product-slick .slick-arrow {position: absolute;top: 50%;width: 14px;height: 26px;margin-top: -13px;outline: none;border: none;font-size: 0;} 

.relate-product-slick .slick-arrow.slick-prev {left: 0;background: url(../images/zn-relate-pro-ljt.png) center no-repeat;} 

.relate-product-slick .slick-arrow.slick-next {right: 0;background: url(../images/zn-relate-pro-rjt.png) center no-repeat;} 

.relate-product-slick .slick-list {margin: 0 -7px;} 

.relate-product-slick .slick-slide {outline: none;} 

.relate-product-slick .slick-slide img {display: inline-block;width: 100%;} 

.relate-product-slick .slick-con {padding: 0 7px;} 

.zn-relate .relate-news {margin-top: 40px;} 

.relate-news-list li {float: left;width: 48%;position: relative;line-height: 30px;font-size: 14px;color: #666666;} 

.relate-news-list li:nth-child(even) {float: right;} 

.relate-news-list li a {display: block;padding-right: 30%;color: #666666;} 

.relate-news-list li a:before {content: '';display: inline-block;width: 14px;height: 14px;background: #d1d1d1 url(../images/zn-left-jt.png) -1px -16px no-repeat;border-radius: 50%;vertical-align: middle;margin-right: 10px;} 

.relate-news-list li span {position: absolute;right: 0;top: 0;} 

.relate-news-list li:hover a {color: #288fc7;} 

.relate-news-list li:hover a:before {background-color: #288fc7;} 

.relate-news-list li:hover span {color: #288fc7;} 

@media (max-width: 990px) {.zn-relate {	display: none;}} 

/*新闻详情页*/
/*案例基本详情页*/
.zn-case-detail .main-img {text-align: center;} 

.zn-case-detail .main-img img {max-width: 100%;} 

/* 招聘详情页面 */
.zn-jod-detail .job-detail-title {font-size: 16px;color: #ffffff;background: #288fc7;line-height: 60px;padding-left: 25px;} 

.zn-jod-detail .job-detail-con {background: #f8f8f8;padding: 25px;} 

.zn-jod-detail .job-detail-small-title {font-size: 16px;color: #288fc7;margin-bottom: 10px;} 

.zn-jod-detail .job-detail-con-box {font-size: 14px;color: #666666;margin-bottom: 20px;} 

.zn-jod-detail .job-detail-btn a {display: inline-block;font-size: 14px;color: #ffffff;background: #666666;width: 200px;line-height: 50px;text-align: center;border-radius: 5px;} 

.zn-jod-detail .job-detail-btn a:hover {background: #288fc7;} 

/* 简历提交表格 */
.job-detail-form .form-title {border-bottom: 1px solid #ccc;font-size: 20px;line-height: 2.5;} 

.job-detail-form .form-info {line-height: 2;margin: 10px 0;} 

.job-detail-form .form-info span {color: red;} 

.job-detail-form .red-star {color: red;} 

.job-detail-form textarea {resize: none;} 

.job-detail-form #checkcode {display: inline-block;width: 30%;} 

.job-detail-form #checkCodeImg {vertical-align: top;margin-left: 10px;} 

.job-detail-form #change_code {line-height: 34px;padding: 0 10px;color: #288fc7;} 

.job-detail-form .form-small-tit {line-height: 2;font-size: 16px;border-bottom: 1px solid #ccc;margin-bottom: 15px;} 

.job-detail-form .form-prompt {font-size: 12px;margin-bottom: 15px;color: #999;} 

/* 在线留言页面 */
#message-form .red-star {color: red;} 

#message-form textarea {resize: none;} 

#message-form #checkcode {display: inline-block;width: 30%;} 

#message-form #checkCodeImg {vertical-align: top;margin-left: 10px;} 

#message-form #change_code {line-height: 34px;padding: 0 10px;color: #288fc7;} 

@media (max-width: 768px) {#message-form.n-default .msg-wrap {	position: static;}} 

/* 下载详情页面 */
.zn-download-list.zn-download-detail-list .download-title {background: #f3f3f3;} 

.zn-download-list.zn-download-detail-list .download-title .file-name {width: 35%;} 

.zn-download-list.zn-download-detail-list .download-title span {width: 16.25%;} 

.zn-download-list.zn-download-detail-list .download-item .download-item-span {width: 16.25%;} 

.zn-download-list.zn-download-detail-list .download-item .download-item-span.download-item-first {width: 35%;} 

@media (max-width: 768px) {.zn-download-list.zn-download-detail-list .download-item .download-item-span {	width: 100%;}
.zn-download-list.zn-download-detail-list .download-item .download-item-span.download-item-first {	width: 100%;}} 

/* 搜索结果页面样式 */
.zn-search-result .tag-total {border: 1px solid #288fc7;padding: 10px;line-height: 1.6;z-index: 14px;color: #333;margin-bottom: 20px;background: #efefef;} 

.zn-search-result-box {margin-bottom: 20px;} 

.zn-search-result-box .zn-search-title {border-left: 3px solid #288fc7;padding-left: 15px;font-size: 18px;line-height: 35px;margin-bottom: 15px;font-weight: bold;} 

/* 详情页面下载列表样式 */
.zn-detail-file-dwon li {padding: 10px 0;border-bottom: 1px dashed #cfcfcf;width: 50%;float: left;} 

.zn-detail-file-dwon li .icon {float: left;font-size: 40px;line-height: 40px;margin-right: 5px;height: 40px;} 

.zn-detail-file-dwon li .list-con {overflow: hidden;line-height: 1;} 

.zn-detail-file-dwon li .list-con p {font-size: 12px;margin-bottom: 0;line-height: 20px;} 

.zn-detail-file-dwon li .list-con a {font-size: 12px;} 

.zn-detail-file-dwon li .list-con a:hover {color: #ab001a;} 

/* 相册列表页 */
.zn-album-cate {margin: 0 -1%;} 

.zn-album-cate li {float: left;width: 31.33333%;margin: 0 1% 20px 1%;border: 1px solid #eaeaea;padding: 10px;} 

.zn-album-cate li .album-img {margin-bottom: 15px;} 

.zn-album-cate li .album-img img {width: 100%;} 

.zn-album-cate li .album-title {text-align: center;font-size: 15px;color: #666666;margin-bottom: 5px;} 

.zn-album-cate li .album-num {font-size: 16px;color: #333333;text-align: center;} 

.zn-album-cate li .album-num span {display: inline-block;margin-right: 5px;} 

@media (max-width: 768px) {.zn-album-cate li {	width: 48%;}} 

@media (max-width: 420px) {.zn-album-cate {	margin: 0;}
.zn-album-cate li {	width: 100%;	margin: 0 0 20px 0;}} 

.zn-album-list {margin: 0 -1%;} 

.zn-album-list li {float: left;width: 31.33333%;margin: 0 1% 20px 1%;position: relative;} 

.zn-album-list li .img {display: block;overflow: hidden;} 

.zn-album-list li .img img {width: 100%;-webkit-transition: all .5s ease;transition: all .5s ease;} 

.zn-album-list li h3 {position: absolute;left: 0;right: 0;bottom: 0;z-index: 9;background: rgba(0, 0, 0, 0.5);text-align: center;color: #fff;line-height: 40px;font-weight: normal;font-size: 16px;} 

.zn-album-list li:hover .img img {-webkit-transform: scale(1.1);        transform: scale(1.1);} 

@media (max-width: 768px) {.zn-album-list li {	width: 48%;}} 

@media (max-width: 420px) {.zn-album-list {	margin: 0;}
.zn-album-list li {	width: 100%;	margin: 0 0 20px 0;}} 

.zn-album-list.zn-getkey-list li {width: 18%;} 

@media (max-width: 1200px) {.zn-album-list.zn-getkey-list li {	width: 31.3333%;}} 

@media (max-width: 768px) {.zn-album-list.zn-getkey-list li {	width: 48%;}} 

@media (max-width: 420px) {.zn-album-list.zn-getkey-list {	margin: 0;}
.zn-album-list.zn-getkey-list li {	width: 100%;	margin: 0 0 20px 0;}} 

/* 下载列表页 */
.zn-download-list .download-title {line-height: 60px;background: #d9d9d9;font-size: 18px;color: #333333;} 

.zn-download-list .download-title span {display: block;float: left;text-align: center;width: 19%;} 

.zn-download-list .download-title .file-name {width: 43%;text-align: left;padding-left: 5%;} 

.zn-download-list .download-item {line-height: 50px;} 

.zn-download-list .download-item .download-item-span {float: left;width: 19%;text-align: center;font-size: 14px;color: #555555;} 

.zn-download-list .download-item .download-item-span.download-item-first {padding-left: 4%;width: 43%;text-align: left;} 

.zn-download-list .download-item .download-item-span.download-item-iocn .iconfont {margin-right: 5px;font-size: 14px;} 

.zn-download-list .download-item .download-item-span.download-item-iocn a {color: #288fc7;} 

.zn-download-list .download-item .download-item-span.download-item-iocn a:hover {text-decoration: underline;} 

.zn-download-list .download-item:nth-child(odd) {background: #f3f3f3;} 

.zn-download-list .download-item .mob-download-title {display: none;} 

@media (max-width: 768px) {.zn-download-list .download-title {	display: none;}
.zn-download-list .download-item {	border: 1px solid #ebebeb;	margin-bottom: 20px;	background: #fff !important;}
.zn-download-list .download-item .download-item-span {	float: none;	width: 100%;}
.zn-download-list .download-item .download-item-span.download-item-first {	padding-left: 0;	width: 100%;}
.zn-download-list .download-item .download-item-span .mob-download-title {	float: left;	display: block;	width: 130px;	padding-left: 15px;	text-align: left;	font-weight: bold;}
.zn-download-list .download-item .download-item-span .download-item-con {	float: right;	width: calc(100% - 130px);	text-align: right;	padding-right: 20px;}
.zn-download-list .download-item .download-item-span + .download-item-span {	border-top: 1px dashed #ebebeb;}} 

/* 下招聘列表页 */
.zn-job-list .job-name {width: 32.5%;padding-left: 4%;} 

.zn-job-list .job-xlyq {width: 32.5%;padding-left: 4%;} 

.zn-job-list .job-number {width: 20%;text-align: center;} 

.zn-job-list .job-more {width: 15%;text-align: center;} 

.zn-job-list .job-title {line-height: 60px;background: #288fc7;font-size: 18px;color: #fff;margin-top: 20px;} 

.zn-job-list .job-title span {display: block;float: left;font-weight: bold;} 

.zn-job-list .job-item {margin-top: 20px;line-height: 60px;background: #f8f8f8;} 

.zn-job-list .job-item .job-item-span {float: left;font-size: 16px;color: #333333;} 

.zn-job-list .job-item .job-item-span .job-item-con {display: block;} 

.zn-job-list .job-item .job-more a {float: right;display: block;text-align: center;background: #000;width: 29px;height: 29px;margin: 15px 30px 0 0;background: #9c9c9c url(../images/zn-job-jt.png) center no-repeat;border-radius: 50%;} 

.zn-job-list .job-item .job-more a:hover {background-color: #288fc7;} 

.zn-job-list .job-item .mob-job-title {display: none;} 

@media (max-width: 768px) {.zn-job-list .job-title {	display: none;}
.zn-job-list .job-item {	border: 1px solid #ebebeb;	margin-bottom: 20px;	background: #fff !important;	line-height: 50px;}
.zn-job-list .job-item .job-item-span {	float: none;	width: 100%;	padding-left: 0;	font-size: 14px;}
.zn-job-list .job-item .job-item-span .mob-job-title {	float: left;	display: block;	width: 130px;	padding-left: 15px;	text-align: left;	font-weight: bold;}
.zn-job-list .job-item .job-item-span .job-item-con {	float: right;	width: calc(100% - 130px);	text-align: right;	padding-right: 20px;}
.zn-job-list .job-item .job-more a {	margin: 12px 0 0 0;}
.zn-job-list .job-item .job-item-span + .job-item-span {	border-top: 1px dashed #ebebeb;}} 

/* 产品详情页面 */
.product-detail-swiper {width: 399px;float: left;} 

.product-detail-swiper .view {border: 1px solid #e5e5e5;} 

.product-detail-swiper .view .swiper-slide {outline: none;} 

.product-detail-swiper .view .slick-con {text-align: center;display: block;height: 318px;line-height: 318px;font-size: 0;} 

.product-detail-swiper .view .slick-con img {max-width: 100%;max-height: 100%;vertical-align: middle;} 

.product-detail-swiper .view .slick-con:after {content: "";height: 100%;vertical-align: middle;display: inline-block;} 

.product-detail-swiper .preview {margin: 0 -5px;position: relative;margin-top: 10px;} 

.product-detail-swiper .preview .swiper-slide {outline: none;} 

.product-detail-swiper .preview .swiper-slide.active-nav .slick-con {border-color: #288fc7;} 

.product-detail-swiper .preview .slick-con {text-align: center;display: block;height: 101px;line-height: 99px;margin: 0 5px;border: 1px solid #e1e1e1;font-size: 0;} 

.product-detail-swiper .preview .slick-con img {max-width: 100%;max-height: 100%;vertical-align: middle;} 

.product-detail-swiper .preview .slick-con:after {content: "";height: 100%;vertical-align: middle;display: inline-block;} 

.product-detail-swiper .preview .arrow-left,
    .product-detail-swiper .preview .arrow-right {position: absolute;z-index: 99;top: 50%;margin-top: -25px;width: 20px;height: 50px;background: rgba(89, 89, 89, 0.8);text-align: center;line-height: 50px;color: #fff;font-size: 20px;} 

.product-detail-swiper .preview .arrow-left {left: 5px;} 

.product-detail-swiper .preview .arrow-right {right: 5px;} 

.product-detail-list {width: calc(100% - 440px);padding-top: 20px;float: right;} 

.product-detail-list h1 {font-size: 30px;font-weight: bold;color: #333333;line-height: 65px;} 

.product-detail-list .product-detail-item li {border-top: 1px solid #eee;padding: 25px 0;font-size: 18px;color: #333333;} 

.product-detail-list .product-detail-item li span {font-size: 14px;color: #666666;} 

.product-detail-list .product-detail-inquiry {margin-bottom: 20px;} 

.product-detail-list .product-detail-inquiry a {display: inline-block;width: 80%;line-height: 60px;font-size: 18px;color: #ffffff;text-align: center;background: #288fc7;border-radius: 2px;} 

.product-detail-list .product-detail-inquiry a i {font-size: 20px;line-height: 0;vertical-align: -2px;margin-right: 5px;} 

.product-detail-list .service-number {font-size: 14px;color: #333333;} 

.product-detail-list .service-number span {font-size: 25px;color: #b80024;} 

@media (max-width: 1200px) {.product-detail-list h1 {	font-size: 20px;	line-height: 50px;}
.product-detail-list .product-detail-item li {	padding: 10px 0;	font-size: 16px;}
.product-detail-list .product-detail-inquiry {	margin-bottom: 20px;}
.product-detail-list .product-detail-inquiry a {	width: 85%;	line-height: 45px;	font-size: 16px;}
.product-detail-list .service-number span {	display: block;}} 

@media (max-width: 768px) {.product-detail-swiper {	width: 100%;	float: none;}
.product-detail-swiper .view .slick-con {	height: auto;	line-height: 0;}
.product-detail-swiper .preview .slick-con {	height: auto;	line-height: 0;}
.product-detail-swiper .preview .arrow-left,
    .product-detail-swiper .preview .arrow-right {	position: absolute;	z-index: 99;	top: 50%;	margin-top: -25px;	width: 20px;	height: 50px;	background: rgba(89, 89, 89, 0.8);	text-align: center;	line-height: 50px;	color: #fff;	font-size: 20px;}
.product-detail-list {	width: 100%;	float: none;}} 

.product-detail-tab {margin-top: 50px;} 

.product-detail-tab .product-detail-tabli {border-top: 1px solid #ededed;border-bottom: 1px solid #ededed;height: 45px;} 

.product-detail-tab .product-detail-tabli li {float: left;width: 20%;line-height: 45px;margin-top: -1px;text-align: center;font-size: 15px;color: #333333;cursor: pointer;} 

.product-detail-tab .product-detail-tabli li.on, .product-detail-tab .product-detail-tabli li:hover {background: #333333;color: #fff;} 

.product-detail-tab .product-detail-tabcon {padding: 15px 0;} 

@media (max-width: 768px) {.product-detail-tab .product-detail-tabli {	height: 40px;}
.product-detail-tab .product-detail-tabli li {	font-size: 14px;	line-height: 40px;}} 

@media (max-width: 420px) {.product-detail-tab .product-detail-tabli {	height: 40px;}
.product-detail-tab .product-detail-tabli li {	font-size: 12px;	line-height: 40px;}} 

/* 站点地图样式 */
.zn-sitemap .map_title {line-height: 40px;background-color: #f5f8fa;border: 1px solid #d6dbe1;text-indent: 20px;color: #666;border-bottom: 2px solid #ccc;font-size: 16px;} 

.zn-sitemap .map_list {line-height: 30px;padding: 0 5px;margin-top: 8px;margin-bottom: 8px;} 

.zn-sitemap .map_list a {padding: 4px;white-space: nowrap;font-size: 14px;color: #666;} 

.zn-sitemap .map_list a:hover {text-decoration: none;color: #3b639f;padding: 4px;} 

.zn-sitemap .map_list .layer1 {margin-bottom: 10px;} 

.zn-sitemap .map_list h3 {border-bottom: 1px dashed #ccc;margin-bottom: 10px;line-height: 36px;} 

.zn-sitemap .map_list h3 a {font-weight: normal;} 

.zn-sitemap .map_list .layer2 a {color: #999;} 

.zn-sitemap .map_list .layer2 a:hover {text-decoration: none;color: #3b639f;} 

/* 网站标签页面样式 */
.tagdescription {border: 1px solid #ccc;padding: 10px;font-size: 14px;line-height: 1.7;background: #efefef;margin-bottom: 20px;} 

.tag-category {margin-bottom: 20px;} 

.tag-category span {font-size: 16px;color: #000;display: inline-block;} 

.tag-category a {display: inline-block;line-height: 25px;padding: 0 15px;border: 1px solid #e1e1e1;border-radius: 5px;color: #333;margin-right: 10px;} 

.tag-category a:hover {background: #288fc7;color: #fff;} 

.tag-list-product li {padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #ccc;} 

.tag-list-product li:last-child {padding-bottom: 0;border-bottom: 0;} 

.tag-list-product .tag-img {width: 220px;float: left;margin-right: 20px;} 

.tag-list-product .tag-img .img {display: block;border: 1px solid #e1e1e1;} 

.tag-list-product .tag-img .img img {width: 100%;} 

.tag-list-product .tag-wz {overflow: hidden;} 

.tag-list-product .tag-wz h1 {font-size: 16px;line-height: 30px;font-weight: bold;margin-bottom: 5px;} 

.tag-list-product .tag-wz h1 a {color: #000;} 

.tag-list-product .tag-wz .tab-fenli p {width: 50%;float: left;font-size: 14px;color: #333;margin-bottom: 0;} 

.tag-list-product .tag-wz .desp {font-size: 12px;line-height: 2;height: 48px;overflow: hidden;color: #666;margin: 5px 0;} 

@media (max-width: 768px) {.tag-list-product .tag-img {	width: 100%;	float: none;	text-align: center;	margin-bottom: 10px;}
.tag-list-product .tag-img .img img {	width: auto;	max-width: 100%;}
.tag-list-product .tag-wz .tab-fenli p {	width: 100%;	float: none;}} 

.xytag-title {font-size: 18px;border-bottom: 1px solid #ccc;line-height: 40px;margin-bottom: 10px;} 

.xytag-recom-product ul {margin: 0 -1%;} 

.xytag-recom-product li {float: left;position: relative;width: 18%;margin: 0 1%;overflow: hidden;} 

.xytag-recom-product li img {width: 100%;-webkit-transition: all .5s ease;transition: all .5s ease;} 

.xytag-recom-product li .zz-bg {position: absolute;left: 0;right: 0;bottom: 0;top: 0;background: rgba(0, 0, 0, 0.5);-webkit-transform: translateY(100%);        transform: translateY(100%);opacity: 0;-webkit-transition: all .5s ease;transition: all .5s ease;} 

.xytag-recom-product li .zz-bg h2 {position: absolute;z-index: 9;left: 0;right: 0;bottom: 0;top: 0;width: 100%;text-align: center;font-size: 16px;line-height: 30px;color: #fff;height: 30px;margin: auto;} 

.xytag-recom-product li:hover img {-webkit-transform: scale(1.1);        transform: scale(1.1);} 

.xytag-recom-product li:hover .zz-bg {-webkit-transform: translateY(0);        transform: translateY(0);opacity: 1;} 

/* 会员登录注册页面样式 */
.zn-head.login-head {position: static;padding: 15px 0;} 

.zn-head.login-head .zn-head-left .logo {padding-top: 0;-webkit-transition: none;transition: none;} 

.zn-head.login-head .zn-head-links {display: none;} 

.zn-head.login-head .zn-menu > li {color: #333333;} 

.zn-head.login-head .zn-menu > li > a {color: #333333;} 

.zn-head.login-head .zn-menu > li > a .creat {width: 0;height: 0;line-height: 0;font-size: 0;overflow: hidden;border-width: 3px;cursor: pointer;border-style: solid dashed dashed dashed;border-color: #333333 transparent transparent transparent;border-bottom: none;} 

.zn-head.login-head .zn-menu > li + li {background: url(../images/zn-login-navlibg.png) left center no-repeat;} 

.zn-head.login-head .zn-head-navbar {margin-top: 10px;-webkit-transition: none;transition: none;} 

.zn-head.login-head .zn-head-navbar .zn-search {border-color: #afafaf;} 

.zn-head.login-head .zn-head-navbar .zn-search #keyword {color: #afafaf;} 

.zn-head.login-head .zn-head-navbar .zn-search #s_btn {color: #afafaf;} 

.xylogin-content {background: #ededed;min-height: calc(100vh - 103px);} 

.xylogin-content .xylogin-banenr {height: 189px;background-size: cover;} 

.xylogin-form {width: 600px;margin: -60px auto 0 auto;background: #ffffff;border-radius: 10px;padding: 45px 65px;} 

.xylogin-form .form-title {position: relative;margin-bottom: 25px;} 

.xylogin-form .form-title h3 {font-size: 30px;color: #363636;display: inline-block;font-weight: bold;} 

.xylogin-form .form-title a {position: absolute;right: 0;bottom: 0;font-size: 16px;color: #288fc7;} 

.xylogin-form .form-title a:hover {text-decoration: underline;} 

.xylogin-form .input-g {border-bottom: 1px solid #c7c7c7;margin-bottom: 15px;padding: 5px 0;} 

.xylogin-form .input-g label {color: #565656;margin-right: 5px;line-height: 25px;font-size: 18px;} 

.xylogin-form .input-g .input-text {width: calc(100% - 50px);border: none;outline: none;height: 25px;background: none;font-size: 16px;color: #565656;} 

.xylogin-form .input-g .input-text.msg {width: 50%;} 

.xylogin-form .input-g .msgcode {float: right;border: 1px solid #e1e1e1;background: none;padding: 0 5px;line-height: 25px;border-radius: 5px;font-size: 12px;color: #565656;outline: none;} 

.xylogin-form .input-g .msgcode:hover {background: #288fc7;color: #fff;} 

.xylogin-form .input-g #valicode {width: 50%;} 

.xylogin-form .input-g #codeimg {float: right;} 

.xylogin-form .forget-pwd {position: relative;line-height: 20px;} 

.xylogin-form .forget-pwd .jzdlzh {display: inline-block;font-size: 14px;color: #797979;} 

.xylogin-form .forget-pwd .jzdlzh #remmber {display: inline-block;vertical-align: -2px;} 

.xylogin-form .forget-pwd a {font-size: 13px;color: #337ab7;} 

.xylogin-form .forget-pwd a:hover {text-decoration: underline;color: #288fc7;} 

.xylogin-form .btn-g {margin-top: 20px;} 

.xylogin-form .btn-g input[type="submit"] {width: 100%;background: #363636;line-height: 50px;color: #fff;font-size: 18px;border: none;border-radius: 5px;outline: none;} 

.xylogin-form .btn-g input[type="submit"]:hover {background: #288fc7;} 

.xylogin-form .btn-g.zhuce-btn {margin-top: 35px;} 

@media (max-width: 768px) {.xylogin-form {	width: 90%;	padding: 30px 30px;}} 

@media (max-width: 480px) {.xylogin-form .input-g {	font-size: 12px;}
.xylogin-form .input-g #valicode {	width: 44%;}
.xylogin-form .input-g #codeimg {	width: 100px;	height: 25px;}
.xylogin-form .btn-g {	margin-top: 20px;}
.xylogin-form .btn-g input[type="submit"] {	line-height: 40px;	font-size: 16px;}} 

.xylogin-footer {background: #ededed;text-align: center;color: #666666;line-height: 30px;padding: 15px 0;} 

.xylogin-footer a {color: #666;} 

/* 个人中心页面样式 */
.personal-cont li {margin-bottom: 15px;} 

.personal-cont li label {width: 120px;font-size: 16px;text-align: right;line-height: 40px;float: left;margin-right: 10px;font-weight: normal;} 

.personal-cont li .input-pwd {overflow: hidden;height: 40px;border: 1px solid #e1e1e1;border-radius: 5px;width: 40%;padding-left: 10px;outline: none;} 

.personal-cont li .input-pwd:focus {border-color: #00acd8;-webkit-box-shadow: 0 0 6px #00acd8;        box-shadow: 0 0 6px #00acd8;} 

.personal-cont li .save-send {width: 30%;line-height: 40px;background: #288fc7;color: #fff;font-size: 16px;border: none;outline: none;border-radius: 5px;} 

@media (max-width: 768px) {.personal-cont li label {	width: 100px;}
.personal-cont li .input-pwd {	width: calc(90% - 110px);}
.personal-cont li .save-send {	width: 40%;}} 

@media (max-width: 420px) {.personal-cont li label {	width: 100%;	text-align: left;	margin-bottom: 0;}
.personal-cont li .input-pwd {	width: 100%;}
.personal-cont li .save-send {	width: 100%;}} 

/* 会员权限跳转 */
.jump-center {text-align: center;} 

.jump-center .iconfont {font-size: 200px;font-weight: bold;color: #288fc7;} 

.jump-center #show {margin-bottom: 20px;font-size: 16px;color: #000;} 

.jump-center #show span {font-size: 20px;color: #288fc7;} 
#message-form {
    padding:15px 15px;} 
.tag-list-product {
    padding:15px;} 

.xyin-links{ padding: 20px 0 0 0; width:1470px;height:60px; overflow:hidden;}
.xyin-links span{ color:#969696; font-size: 16px;} 
.xyin-links a{ font-size: 14px; display: inline-block; margin: 0 10px;}

.relate-product-slick>div {
    width:20%;
    float:left;} 
.relate-product-slick>div img {
    width:100%;} 
.zn-menu .zn-sub-menu {position: absolute;width: 100%;z-index: 9999;/*background: rgba(18, 50, 130, .85);*/display: none;} 

.zn-menu .zn-sub-menu > a {display: block;text-align: center;font-size: 14px;line-height: 36px;color: #ffffff !important;border-bottom: 2px solid transparent;} 

.zn-menu .zn-sub-menu > a:hover {background: #005ca1;} 
.slick-dots {
    text-align: center;} 
.slick-dots li {
    display: inline-block;
    margin:0px 5px;
    border-radius: 50%;} 
.slick-dots li.slick-active button{
    background: #123282;} 
.slick-dots li button {
    font-size: 0px;
    border:none;
    width:13px;
    height: 13px;
    padding:0;
    border-radius: 50%;
    outline: none;} 


.product-new-list .slick-arrow {position: absolute;z-index: 99;width: 35px;height: 70px;margin-top: -30px;top: 50%;background-color: rgba(0, 0, 0, 0.3);background-repeat: no-repeat;background-size: auto;background-image: url(../images/xyin-banner-jt.png);cursor: pointer;outline: none;border: none;font-size: 0;-webkit-transition: all .5s;transition: all .5s;} 

.product-new-list .slick-arrow.slick-prev {left:-3.8125%;background-position: -13px 6px;} 

.product-new-list .slick-arrow.slick-next {right:-3.8125%;background-position: -71px 6px;} 

.product-new-list .slick-arrow:hover {background-color: rgba(0, 0, 0, 0.5);} 


.n_banner img {
    width:100%;} 

ul {
    padding-left: 0px !important;} 
.xiala {
    width:40px;
    height: 40px;
    background: url(../images/xiala.png) no-repeat center;
    position: absolute;
    right:20%;
    display: none;
    top: 0px;} 

@media only screen and (max-width: 980px) {
    .xiala{
        display:block;
    }
.zn-menu > li.cur .xiala {background: url(../images/xialaa.png) no-repeat center;}
} 


.layer1 .layer2 {
    position: absolute;
    background: #123282;
    width:150%;
    right:16px;} 
.layer1 .layer2 li {
    } 
.layer1 .layer2 li a {
    height: 30px;
    color:#fff;
    line-height:30px;} 



/**/
.jst-customer {
    position: fixed;
    right: 15px;
    top: 30%;
    z-index: 9999;} 
.jst-customer .customer-list {
    background: #fafafa;
    -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.3);
    box-shadow: 0 2px 8px rgba(0,0,0,.3);
    float: left;
    margin-right: 5px;
    display: none;
    cursor: pointer;} 
.jst-customer .customer-list li:first-of-type {
    background: url(../images/kefu.png) no-repeat 20px 20px;} 
.jst-customer .customer-list li {
    padding: 20px 40px 20px 60px;} 
.jst-customer .customer-list li:nth-of-type(2) {
    background: url(../images/weixin.png) no-repeat 20px 20px #f5f5f5;} 
.jst-customer .customer-list li:nth-of-type(3) {
    background: url(../images/dianhua.png) no-repeat 20px 20px;} 
.jst-customer .customer-list li span {
    font-size: 14px;
    color: #333;} 
.jst-customer .customer-list li p {
    font-size: 12px;
    color: #999;
    line-height: 25px;} 
.jst-customer .customer-list li:nth-of-type(3) p {
    color: #da7a08;
    font-size: 14px;} 
.jst-customer .customer-list li:hover span {
    color: #00a0e9;
    text-decoration: none;} 
.jst-customer .customer-list li:hover p {
    color: #999;
    text-decoration: none;} 
.jst-customer .customer-list li:hover:nth-of-type(3) {
    cursor: auto;} 
.jst-customer .customer-list li:hover:nth-of-type(3) span {
    color: #333;} 
.jst-customer .customer-list li:hover:nth-of-type(3) p {
    color: #da7a08;
    font-size: 14px;} 
.jst-customer .consult {
    width: 40px;
    padding: 20px 10px;
    border-radius: 5px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    padding-top: 50px;
    background: url(../images/ask.png) no-repeat center 20px #00a0e9;
    float: right;
    cursor: pointer;
    margin-top: 85px;} 


/*# sourceMappingURL=xyDemo.css.map */