/*
Theme Name: zk
*/
*{ margin:0; padding:0; }
ul,li{ list-style:none;  }
a{ color:#333; text-decoration:none;   }
a:hover{ color:#c30;text-decoration:none!important;  }
table{border-collapse:collapse;border-spacing:0; width:100% !important;}
img{border:0;max-width:100%}
.clearfix:after{content: '';display: table;clear: both;}
.clearfix{*zoom: 1;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
.top{background:#232323;padding:15px 0;color:#fff}
.top span {float:right;font-weight:bold}
.top span .tel {background:url(images/ico-phone.png) no-repeat 0 0;padding-left:22px;display:inline-block;margin-right:15px}
.top span .qq {background:url(images/ico-qq.png) no-repeat 0 0;padding-left:22px;display:inline-block}
.top span  a {color:#fff}
.navbar {min-height: 50px; margin-bottom: 0; border: none;}
.navbar-header {}
.navbar-default {background-color: transparent;}
.navbar-default .navbar-nav {}
.navbar-default .navbar-nav li {text-align:center;margin: 0 1px;position:relative;font-weight:bold;border-bottom:2px solid #fff}
.navbar-default .navbar-nav > li > a {color: #333;padding-top:10px;padding-bottom:10px;}
.navbar-default .navbar-nav > li .hov  {color:#199bff;border-bottom:2px solid #199bff}
.navbar-default .navbar-nav .current-menu-item ,.navbar-default .navbar-nav .current-menu-parent,.navbar-default .navbar-nav .current-post-ancestor ,.navbar-default .navbar-nav .current-category-ancestor  {border-bottom:2px solid #199bff}
.navbar-default .navbar-nav .current-menu-item .hov,.navbar-default .navbar-nav .current-menu-parent .hov,.navbar-default .navbar-nav .current-post-ancestor .hov,.navbar-default .navbar-nav .current-category-ancestor   .hov{border-bottom:0}
.navbar-brand {height: 88px;padding:0;padding-left:15px;}
.navbar-brand > img {display: block}
.navbar-collapse{background-color: #fff}
.nav .sub-menu {position:absolute;top:42px;left:0;z-index:9999;display:none;padding:10px;background:#fff;box-shadow:0 0 5px #555}
.nav .sub-menu li {padding:0;width:130px;font-weight:normal;text-align:left;border:0;line-height:30px;}
.nav .sub-menu li .hov  {border:0}
.nav .sub-menu li a {display:block}
.navbar-right{margin-top:25px}
.nav_wrapper {position:relative;width:100%;z-index:555;background:#fff;box-shadow:0 0 5px #555}
.inner_cat {background:#fafafa;border-bottom:1px solid #e1e1e1;height:40px;line-height:40px}
.inner_cat .weizhi{text-align:right}
.inner_cat .weizhi ul,.inner_cat .weizhi li{display:inline}
.inner_cat .weizhi b {font-weight:normal}
.inner_cat .weizhi ul{padding:0;}
.icat_nav li {margin-right:5px; display:inline-block;border-bottom:2px solid transparent}
.icat_nav li:hover {border-bottom:2px solid #199bff;color:#199bff; }
.icat_nav li:hover a{color:#199bff;}
.icat_nav .current-cat {border-bottom:2px solid #199bff;}
.icat_nav .current-cat a {color:#199bff;}
.contshow{line-height:30px;margin:35px 0;font-size:16px;padding-bottom:25px}
.contshow img {max-width:100%}
.contwrap{margin:35px 0 }
.list_type h2 {font-size:18px;font-weight:bold;margin-bottom:25px}
.list_type h2 .more{font-weight:normal;display:block;font-size: 14px;float:right; line-height:30px; transition:all .2s linear; border-radius:15px; text-align:center; background:#199bff; color:#fff;padding: 0 15px;}
.cplist{margin-top:8px;overflow:hidden;margin-bottom:10px;}
.cplist li{overflow:hidden;margin-bottom:15px; }
.cplist li  img{display:block;}
.cplist li  h3{text-align:center;margin:0;margin-top:10px;overflow:hidden;line-height:30px;height:30px;white-space:nowrap;text-overflow:ellipsis;padding:0 10px}
.cplist li p {margin-top:10px;color:#999;height:44px;line-height:22px;overflow:hidden}
.posts-nav{font-size:14px;margin:20px 0;}
.posts-nav .page-numbers{border:1px solid #ccc;display:inline-block;text-align:center;padding:0 14px;line-height:30px;margin-right:10px;margin-bottom:15px}
.posts-nav .page-numbers.current,.posts-nav .page-numbers:not(.dots):hover{background:#199bff;border-color:#199bff;color:#fff}
.posts-nav .page-numbers.dots{border-color:transparent}
.pro-main {padding-bottom:20px;}
.pro-fl{overflow:hidden;max-height:310px;;text-align:center}
.pro-fr h1 {font-size:24px;margin-bottom:20px}
.pro-fr .pro-infor{font-size:14px;line-height:2}
.pro-fl img {max-width:100%;max-height:310px}
.pro-swiper .swiper-pagination{margin-top:30px}
.pro-swiper .swiper-pagination-bullet-active {background:#199bff;}
.pro-fr ul {margin:0;padding:0;}
.pro-fr li {list-style:none;padding:0 0 0 25px;position:relative;line-height:35px;font-size:24px;font-weight:bold;margin-bottom:10px}
.pro-fr  li i {position:absolute;top:8px;left:0;padding-left:5px;width:20px;height:20px;color:#199bff;font-size:18px;line-height:35px;}
.pro-fr  li  a {color:#199bff}
.pro-fr i.tel{background:url(images/ico-phone.png) no-repeat 0 0;}
.pro-fr i.qq{background:url(images/ico-qq.png) no-repeat 0 0;}
.cont-des{line-height:2;}
.cont-des img {display:block;margin:0 auto;}
.cont-des h1{font-size:24px;margin-bottom:20px}
.txt-des {line-height:2;}
.txt-des img {display:block;margin:0 auto;}
.txt-des .news-tit h1{font-size:24px;margin-bottom:20px}
.txt-des .news-tit p{font-size:16px;margin:30px 0;line-height:20px;}
.txt-des .news-tit p img{display:inline;padding-right:5px;vertical-align:middle}
.txt-des .news-tit p i{font-style:normal;padding-left:35px}
.anlilist li{overflow:hidden;  padding-bottom:20px; }
.anlilist h3{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.anlilist .intro {color:#595757;line-height:32px;height:64px;overflow:hidden}
.anlilist .more {color:#fff;background:#199bff;padding:8px;line-height:32px}
.anlilist2 li{overflow:hidden;padding-bottom:20px; }
.anlilist2 h3{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center}
.hotnews li {overflow:hidden; padding-bottom:20px; }
.hotnews p{color:#595757;line-height:32px;height:64px;overflow:hidden}
.hotnews  h2{font-size:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.newslist .newtxt{padding:25px 0;color:#7a7a7a;line-height:28px;position:relative;}
.newslist h2{color:#282828;padding-bottom:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.newslist h2 a{font-size:20px;font-weight:500}
.newslist span {font-size:14px;position:absolute;bottom:25px;right:30px}
.newslist p{color:#7a7a7a;font-size:12px;line-height:26px}
.cont-des h2{background:url(images/pro-name.png) no-repeat 0 50%;padding-left:30px;margin:35px 0;font-size:24px;color:#0a7bfa}
.rel-pro h2{background:url(images/pro-name.png) no-repeat 0 50%;padding-left:30px;margin:35px 0;font-size:24px;color:#0a7bfa}
.tj-anli h2{background:url(images/pro-name.png) no-repeat 0 50%;padding-left:30px;margin:35px 0;font-size:24px;color:#0a7bfa}
.txtlist li {line-height: 30px;margin-top: 20px;background:url(images/news-icon.png) no-repeat 15px 50%;overflow:hidden;height:30px}
.txtlist li  a {margin-left:35px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.txtlist li span {float: right;margin-left: 20px;color: #AAA;}
.pre-next{background:#f0f0f0;padding:25px;margin:30px 0;line-height:30px;}
.i_title {position:relative;margin-bottom:15px}
.i_title h2 {position:relative;display:inline-block;color:#fff;line-height:30px;font-size:24px;padding:10px 30px;background:#199bff;text-transform:uppercase;font-weight:800;}
.index-banner{position: relative;overflow: hidden;}
.index-banner .btn{z-index: 1;position: absolute;top: 50%;width: 50px;height: 50px;margin-top: -25px;border: 2px solid #fff;border-radius: 50%;cursor: pointer;transition: 0.3s;filter: drop-shadow(2px 2px 4px rgba(0,0,0,.3));}
.index-banner .prev-btn{left: 0;transform: translateX(-100%);}
.index-banner .prev-btn:after{content: "";position: absolute;left: 50%;top: 50%;width: 12px;height: 12px;border-top: 2px solid #fff;border-left: 2px solid #fff;transform: translate(-30%,-50%) rotate(-45deg);}
.index-banner .next-btn{right: 0;transform: translateX(100%);}
.index-banner .next-btn:after{content: "";position: absolute;left: 50%;top: 50%;width: 12px;height: 12px;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: translate(-70%,-50%) rotate(45deg);}
.index-banner .btn:hover{background-color:#2c2d34;border-color: #2c2d34;}
.index-banner:hover .prev-btn{transform: translateX(20%);}
.index-banner:hover .next-btn{transform: translateX(-20%);}
.index-banner .swiper-pagination-bullet {background:#fff;width:15px;height:15px}
.index-banner .swiper-pagination-bullet-active {background:#fff;}
.index_about {padding:30px 0}
.index_about .about_l {position:relative}
.index_about .about_l  img {box-shadow:2px 2px 6px #ccc;padding:5px;}
.play_ico {display:block;position:absolute;left:50%;top:50%;margin-left:-35px;margin-top:-35px;background:url(images/arrow3.png) no-repeat center;width:70px;height:70px}
.index_about .about_r {}
.index_about .about_r .txt {margin-bottom:35px;line-height:24px}
.sec_tit {font-size:50px;line-height:1;text-transform:uppercase;margin-bottom:10px;font-family:impact;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.sec_tit i {width:75px;height:2px;background:#000;display:block;margin-top:30px;margin-bottom:30px}
.about_r h4 {font-size:32px;font-weight:400;line-height:1;margin-bottom:30px}
.roll_box {-webkit-perspective:500px;perspective:500px;position:relative}
.roll1 {-webkit-transform:rotateX(0deg);transform:rotateX(0deg);-webkit-transition:.2s ease;transition:.2s ease;-webkit-transform-origin:50% 50% -25px;-ms-transform-origin:50% 50% -25px;transform-origin:50% 50% -25px;position:absolute;left:0;top:0;width:100%;z-index:1;opacity:1}
.roll2 {-webkit-transform:rotateX(90deg);transform:rotateX(90deg);-webkit-transition:.2s ease;transition:.2s ease;-webkit-transform-origin:50% 50% -22px;-ms-transform-origin:50% 50% -22px;transform-origin:50% 50% -22px;position:absolute;left:0;top:0;width:100%;z-index:-1;opacity:0;display:none\9}
.roll_box:hover .roll1 {-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg);display:none\9;z-index:0;opacity:0}
.roll_box:hover .roll2 {-webkit-transform:rotateX(0deg);transform:rotateX(0deg);display:block\9;z-index:1;opacity:1}
.index_more {display:inline-block;width:188px;font-size:14px;}
.index_more a {display:block;width:100%;height:50px;text-transform:uppercase}
.index_more .face1 {border:2px solid #ebeae9;line-height:46px;font-size:0;color:#333;text-align:center;height:46px;box-shadow:2px 2px 6px #ebeae9}
.index_more .face1 .sj {display:inline-block;width:17px;height:46px;background:url(images/arrow1.png) center center no-repeat;margin-left:30px}
.index_more .face1 .t {display:inline-block;line-height:46px;font-size:14px;vertical-align:top;opacity:.6}
.index_more .face2 {background:#048;border:2px solid #048;color:#fff;line-height:46px;font-size:0;text-align:center;height:46px;transform-origin:50% 50% -25px;-webkit-transform-origin:50% 50% -25px;box-shadow:2px 2px 6px #048}
.index_more .face2 .sj {display:inline-block;width:17px;height:46px;background:url(images/arrow2.png) center center no-repeat;margin-left:30px}
.index_more .face2 .t {display:inline-block;line-height:46px;font-size:14px;vertical-align:top}
.index_product {background:#f6f6f6;padding:40px 0 30px;margin-bottom:30px}
.pro_tt {background:url(images/p_tt.png) no-repeat 50% 0;height:77px;width:100%;text-indent:-9999px}
.photo_area {margin-top:40px}
.frame {}
.wrap2 {;position:relative;overflow:hidden}
.wrap2 img {display:block;width:100%!important}
.wrap2 div {width:100%;padding:0 10px 10px;position:absolute;left:0;top:0}
.wrap2 div b {display:block;font-weight:400;;z-index:-1;position:absolute;left:0;top:290px;height:500px;;z-index:1;background-color:rgba(0,0,0,.6);padding-top:10px;}
.wrap2 div span {font-size:16px;color:#fff;text-align:center;margin:0;padding:3px 20px;display:block}
.wrap2 div p {font-size:14px;color:#fff;line-height:22px;padding:0 20px 0;text-align:justify}
.wrap2 div a.more2 {color:#fff;font-size:16px;text-align:center;line-height:35px;border:#fff 1px solid;width:110px;margin:0 auto;text-decoration:none;display:block}
.wrap2 div a.more2:hover {color:#333;background:#fff}
.wrap2 dl {color:#fff;padding:20px;line-height:26px}
.wrap2 dl  dt {background:url(images/pcounts.png) no-repeat 0 50%;padding-left:10px}
.wrap2 dl dd {padding-left:10px}
.wrap2 dl a {color:#fff;}
.wrap2 dl a:hover {text-decoration:underline}
.index_case {padding:25px 0;position:relative;overflow:hidden}
.case_tt {background:url(images/c_tt.jpg) no-repeat 50% 0;height:79px;width:100%;text-indent:-9999px}
.swiper-container-case{margin-top:40px}
.index_case  li {;overflow:hidden;margin-bottom:30px;text-align:center}
.index_case  li img {font-size:0px;margin:auto;display:block;width:100%}
.index_case  h3 {margin:1px auto;height:28px;background:#f0f0f0;text-align:center;font-weight:normal;line-height:28px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;padding: 0 10px}
.index_case  ul li a {display:block;margin:0 10px;text-align:center;overflow:hidden;width:auto;}
.index_case  ul li a:hover h3 {text-decoration:none;background:#199bff;color:#fff}
.index_case .case-swiper-pagination {bottom:0;text-align:center}
.index_case .swiper-pagination-bullet {margin:0 6px;width:15px;height:15px;border:1px solid #000;background:#fff}
.index_case .swiper-pagination-bullet-active {background:#199bff;border-color:#199bff}
.index-news {background:#f6f6f6;padding:40px 0 30px}
.news_tt {background:url(images/n_tt.png) no-repeat 50% 0;height:77px;width:100%;text-indent:-9999px;margin-bottom:35px}
.index-news .imgnews {padding:30px;background:#fff;min-height:170px;margin:0 0 30px;box-shadow:2px 2px 6px #ccc}
.index-news .imgnews:hover {box-shadow:2px 2px 6px #333}
.index-news .imgnewslist img{float:left;width:50%;display:block}
.index-news .news-name{margin-left:55%;min-height:155px}
.index-news .imgnews h3 {font-weight:normal;font-size:18px;margin:8px 0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.index-news .imgnews p {color:#aaa;line-height:25px}
.index-news .imgnews  b {background:url(images/news-time.png) no-repeat 0 50%;padding-left:20px;color:#aaa;font-weight:normal;margin-top:10px;display:block}
.newsarea {}
.newsarea .hd ul {margin:0 0 10px;height:50px;list-style:none;line-height:50px;width:100%;border-bottom:1px solid #048}
.newsarea .hd li {text-align:center;height:50px;line-height:50px;;cursor:pointer;font-size:16px;font-weight:bold}
.newsarea .hd li a {display:block;}
.newsarea .hd li.on a {color:#fff;background:#048}
.newsarea .bd{overflow:hidden;padding-top:10px}
.newsarea .bd li {background:url(images/news-icon.png) no-repeat 0 50%;padding-left:35px;line-height:36px;height:36px;margin-bottom:16px}
.newsarea .bd li a {display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.newsarea .bd li em {float:right;color:#aaa;font-style:normal}
.index-pro {background:#fff;padding:0 0 35px;position:relative;overflow:hidden}
.index-pro li .pro-box {margin:0 10px}
.index-pro  h3 {line-height:30px;height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center}
.index-pro .swiper-wrapper {padding-bottom:35px;}
.index-pro .btn{z-index: 1;position: absolute;top: 50%;width: 40px;height: 40px;border: 2px solid #199bff;border-radius: 50%;cursor: pointer;transition: 0.3s;filter: drop-shadow(2px 2px 4px rgba(0,0,0,.3));background-color: #199bff;border-color: #199bff;}
.index-pro .prev-btn{left: 16%}
.index-pro .prev-btn:after{content: "";position: absolute;left: 50%;top: 50%;width: 12px;height: 12px;border-top: 2px solid #fff;border-left: 2px solid #fff;transform: translate(-30%,-50%) rotate(-45deg);}
.index-pro .next-btn{right: 16%}
.index-pro .next-btn:after{content: "";position: absolute;left: 50%;top: 50%;width: 12px;height: 12px;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: translate(-70%,-50%) rotate(45deg);}
.index-pro .swiper-pagination {bottom:0}
.index-pro .swiper-pagination-bullet {background:#666;width:15px;height:15px}
.index-pro .swiper-pagination-bullet-active {background:#199bff;}
.hot_link {background:#2c2d34;padding:30px 0;color:#c1c2c2}
.hot_link ul li h2 {color:#fff;padding-bottom:10px;font-size:18px;}
.hot_link ul li a {color:#c1c2c2;line-height:30px;display:block;font-size:14px;}
.hot_link ul li a:hover {color:#fff}
.foot-txt{background:#242424;text-align:center;line-height:25px;padding:25px 15px;color:#c1c2c2}
.foot-txt a {color:#c1c2c2}
.footnav li {display:inline-block;padding: 0 10px}
.footnav li a {color:#ffc13b}
.yb_conct {position:fixed;z-index:9999999;top:52%;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_conct  a {color:#fff}
.yb_bar ul li {width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top {background:#444 url(images/contact.png) no-repeat 0 0;}
.yb_bar .yb_phone {background:#444 url(images/contact.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ {text-indent:0;background:#444 url(images/contact.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode {background:#444 url(images/contact.png) no-repeat 0 -169px;}
.hd_qr {padding:0 29px 25px 29px;margin:0;width:180px;}
.yb_QQ a {display:block;text-indent:54px;width:100%;height:100%;color:#fff;}
.ftdh {background:#fefefe;z-index:180;height:auto;display:block;left:0;bottom:0;position:fixed;width:100%;box-shadow:0px 0.03rem 0.21rem rgba(5,26,85,0.2)}
.one-touch{}
.ftdh ul {padding:0;list-style:none;display:-webkit-box;-webkit-box-orient:horizontal;margin:0}
.ftdh ul li {width:25%;font-size:1.2rem;text-align:center;position:relative;}
.ftdh ul li a {color:#333;display:block;;;padding:.7rem 0;border-right:1px solid #e3e1e1}
.ftdh ul li:last-child a {border-right:0}
.ftdh ul li img {width:2rem;display:inline-table;vertical-align:middle;margin-right:.1rem}
.ftdh ul li span {width:100%;display:block;line-height:1;overflow:hidden;}
@media (min-width: 1200px) {  
.navbar-header{	width: 100%;}
.navbar-brand img{height: 60px;}
.navbar-brand img{margin-top:16px}
}
@media (min-width: 992px) and (max-width: 1199px) {  
.navbar-header{	width: 100%;}	
.navbar-brand {height:60px;}
.navbar-brand img{height: 50px;padding-top:5px;}
.navbar-default .navbar-nav > li > a{font-weight:normal;padding:0 8px}
.navbar-right{margin-top:20px}
.nav .sub-menu {top:20px}
}  
@media (min-width: 768px) and (max-width: 991px) {  
.navbar-header{	width: 100%;}
.navbar-brand {height:60px;}
.navbar-brand img{height: 50px;padding-top:5px;}
.navbar-default .navbar-nav > li > a{font-weight:normal;padding:0 1px}
.nav .sub-menu {top:19px}
}  
@media (max-width: 768px) {  
.navbar-brand {float: left;height: 35px;padding: 5px 0 0 15px;}
.navbar-brand img{height: 40px;}
.navbar-nav{margin:10px 0}
.navbar-default .navbar-nav li {margin:.5%;width:49%;float:left;border-bottom:0;}
.navbar-default .navbar-nav > li > a {}
.navbar-default .navbar-nav > li .hov  {border-bottom:0;}
.navbar-default .navbar-nav .current-menu-item ,.navbar-default .navbar-nav .current-menu-parent,.navbar-default .navbar-nav .current-post-ancestor ,.navbar-default .navbar-nav .current-category-ancestor  {border-bottom:0}
.navbar-default .navbar-nav .current-menu-item .hov,.navbar-default .navbar-nav .current-menu-parent .hov,.navbar-default .navbar-nav .current-post-ancestor .hov,.navbar-default .navbar-nav .current-category-ancestor   .hov{border-bottom:0}
.contwrap {margin:15px 0}
.cplist li>a h3 {margin:0}
.newslist .newtxt {padding:0}
.newslist span{bottom:0;right:10px}
.cplist li{margin-bottom:15px;padding-bottom:0}
.cplist li:hover {border: 1px #fff solid;}
.foot-txt{padding-bottom:60px}
.index_news .bd li {margin:0}
.frame{margin-bottom:10px}
}