﻿.kz-case-wrapper { font-family: arial,'microsoft yahei' !important; position: relative; }
.kz-case-wrapper a { color: #333; text-decoration: none; font-size: 16px; }
.kz-case-wrapper .kz-gd-floor { width: 1240px; margin: 50px auto 0; }
.kz-case-wrapper .kz-gd-floor .kz-choose { border: 1px solid #ebebeb; border-radius: 20px; padding: 20px 50px; background: #fff; }
.kz-case-wrapper .kz-gd-floor .kz-choose .kz-choose_2 { overflow: hidden; margin-bottom: 10px; }
.kz-case-wrapper .kz-gd-floor .kz-choose .kz-choose_2 .kz-left { float: left; width: 5%; font-weight: bold; line-height: 35px; font-size: 16px;}
.kz-case-wrapper .kz-gd-floor .kz-choose .kz-choose_2 .kz-right { float: left; width: 95%; }
.kz-case-wrapper .kz-gd-floor .kz-choose .kz-choose_2 .kz-right span { padding: 0 15px; line-height: 35px; display: inline-block; vertical-align: top;font-size: 16px; }
.kz-case-wrapper .kz-gd-floor .kz-choose .kz-choose_2 .kz-right span:hover, .kz-choose_2 .kz-right span.on { color: #EA7318; }
.kz-case-wrapper .kz-gd-floor .kz-choose .kz-choose_2 .kz-right span a:hover,.kz-choose_2 .kz-right span.on a{color: #EA7318;}
.kz-case-wrapper .kz-products .kz-products-title { font-size: 25px; text-align: center; margin: 32px 0 50px; }
.kz-case-wrapper .kz-products .kz-products-title:after { content: ""; width: 50px; height: 5px; background: #EA7318; border-radius: 50px; margin: 25px auto; display: block; }

.kz-case-wrapper .kz-products .kz-products-wrapper { width: 1240px; margin: auto; }
.kz-case-wrapper .kz-products .kz-products-content ul { padding: 0px; margin: 0px; font-size: 0px; }
.kz-case-wrapper .kz-products .kz-products-content ul li { width: 287px; list-style: none; padding: 0px; margin: 0px; display: inline-block; border: 1px solid #ebebeb; font-size: 16px; margin: 0 15px 32px 0; transition: all 0.5s ease; border-radius: 20px; }
.kz-case-wrapper .kz-products .kz-products-content ul li:hover { box-shadow: 0 15px 32px 0 rgba(0,0,0,0.1); transform: translateY(-10px); }
.kz-case-wrapper .kz-products .kz-products-content ul li p,.kz-case-wrapper .kz-products .kz-products-content ul li em, .kz-case-wrapper .kz-products .kz-products-content ul li i { font-style: normal; }
.kz-case-wrapper .kz-products .kz-products-content ul li img { width: 287px; height: 228px; border-radius: 20px 20px 0 0; }
.kz-case-wrapper .kz-products .kz-products-content ul li p { margin: 0px; background: #fff; }
.kz-case-wrapper .kz-products .kz-products-content ul li .kz-products-name { font-size: 19px; text-align: center; margin: 15px 15px 0; border-bottom: 1px dashed #ebebeb; padding-bottom: 15px; }
.kz-case-wrapper .kz-products .kz-products-content ul li .kz-products-name i { margin-left: 15px; font-size: 14px; padding: 5px 10px; color: #fff; background: #EA7318; border-radius: 50px; display: inline-block; vertical-align: middle; }
.kz-case-wrapper .kz-products .kz-products-content ul li .kz-products-name span { display: inline-block; vertical-align: middle; width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.kz-case-wrapper .kz-products .kz-products-content ul li .kz-products-infor { padding: 15px; }
.kz-case-wrapper .kz-products .kz-products-content ul li .kz-products-infor p { line-height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; }
.kz-case-wrapper .kz-products .kz-products-content ul li .kz-products-infor p em { color: #666; }
.kz-case-wrapper .kz-products .kz-products-content ul li .kz-products-btn { border-top: 1px solid #ebebeb; }
.kz-case-wrapper .kz-products .kz-products-content ul li .kz-products-btn a { width: 100%; padding: 15px 0; text-align: center; display: block; }
.kz-case-wrapper .kz-products .kz-products-content ul li:hover .kz-products-btn a { color: #fff; background: #EA7318; border-radius: 0 0 20px 20px; }
.show-container{background: #f3f3f3; width: 100%; height: auto; padding: 5px 0 100px;}
		.show-center{width: 1240px; height: auto; margin: 0 auto; display: flex; display: -webkit-flex; display: -ms-flex; -webkit-justify-content:space-between; justify-content:space-between; -webkit-flex-wrap:wrap; flex-wrap:wrap;}
		.show-left{width: 920px; height: 100%; background: #fff;}
		.show-right{width: 300px; height: 100%;}
		.show-quote{width: 300px; height: auto;}
		.show-quote .quote-input .quote-btn input{width: 125px;}
		.show-quote .quote-input{display: none;}
		.show-quote .quote-input.on{display: block;}
		.show-page{width: 100%; height: 50px; display: flex; display: -webkit-flex; display: -ms-flex; -webkit-align-items:center; align-items:center; -webkit-justify-content:center; justify-content:center;}
		.show-page button{width: 300px; height: 50px; border: 1px solid #d0d0d0; border-radius: 5px; padding: 0 20px; overflow: hidden; font-size: 14px; background: #fff; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; margin: 0 15px; cursor: pointer; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
		.show-page button:hover{background: #008d49; color: #fff; }
		.background-none{background: transparent !important;}
		.konw-list-left{background: transparent;}
		.konw-list-banner{width: 100%; height: auto;}
		.konw-list-type{width: 100%; height: 50px; position: relative; line-height: 50px; background: #fff;}
		.konw-list-type ul{display: flex; display: -webkit-flex; display: -ms-flex; -webkit-justify-content:space-between; justify-content:space-between; -webkit-align-items:center; align-items:center; width: 100%; height: 100%; border-bottom: 2px solid #e8e8e8; }
		.konw-list-type ul a{text-decoration: none;color: #000;display: block; width: 25%; height: 100%; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s;}
		.konw-list-type ul a.active{color: #EA7318; }
		.konw-list-type ul li{ font-size: 18px; text-align: center;}
		.konw-list-type div{width: 25%; height: 2px; position: absolute; bottom: 0; left: 0; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; background: #EA7318; opacity: 0;}
		.konw-lists{width: 100%; height: auto; margin-bottom: 40px;}
		.konw-lists a{display: block;}
		.konw-lists li{width: 100%; height: auto; display: flex; display: -webkit-flex; display: -ms-flex; -webkit-justify-content:center; justify-content: center; cursor: pointer; padding: 25px; margin-bottom: 20px; background: #fff;box-sizing: border-box;}
		.konw-lists li,.konw-lists li *{transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s;}
		.konw-lists li:hover{box-shadow: 0 5px 10px #d2d0d0;}
		.konw-lists li .konw-headimg{background-position: center center; background-size: cover; width: 300px; height: 200px;}
		.konw-lists li .konw-info{width: 530px; height: 200px; margin-left: 30px;}
		.konw-lists li .konw-info h2{font-weight: bold; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
		.konw-lists li .konw-info h5{color: #dcd5cd; border-bottom: 1px solid #EA7318; line-height: 50px;font-size:14px;}
		.konw-lists li .konw-info h2 a{text-decoration: none;color: #000;font-size:21px;}
		.konw-lists li .konw-info h5 span{color: #EA7318; margin-left: 10px;font-size: 16px;}
		.konw-lists li .konw-info p{font-size: 14px; display: -moz-box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 22px; margin: 20px 0 20px;height:42px;}
		.konw-lists li .konw-list-button{width: 100%; height: 30px; display: flex; display: -webkit-flex; display: -ms-flex; }
		.konw-lists li .konw-list-button button{width: 145px; height: 30px; border: 1px solid #d4d2d3; background: #fff; margin-right: 20px; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; cursor: pointer; border-radius: 5px;}
		.konw-lists li .konw-list-button button:hover{border-color: #EA7318; background: #EA7318; color: #fff;}
		.konw-lists li:hover a{color: #EA7318;}
		.konw-lists li:hover p{color: #EA7318;}
		.konw-show-left{background: #fff; padding: 30px 20px 50px;}
		.konw-show-left h2{font-size: 26px;}
		.konw-show-left h6{color: #ae9a99; display: flex; display: -webkit-flex; display: -ms-flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items:center; align-items:center; height: 45px; border-bottom: 1px solid #eeeeee;}
		.konw-show-left .konw-content{width: 100%; height: auto; padding: 30px 0 50px; line-height: 25px;}
		.konw-show-left .konw-content img{margin: 10px auto; max-width: 100%;width: auto;height: auto;display: block;}
		.quote{width: 300px; height: 450px; background: #fff; padding: 20px;box-sizing: border-box;}
		.quote-title{width: 100%; height: 60px; background: #373737; color: #fff; font-size: 16px; border-radius: 5px; text-align: center; line-height: 60px; margin-bottom: 20px;}
		.quote-type{width: 100%; height: 54px; display: flex; display: -webkit-flex; display: -ms-flex;}
		.quote-type li{border: 1px solid #eee; border-radius: 5px; width: 50%; height: 100%; text-align: center; line-height: 55px; font-size: 14px; cursor: pointer;}
		.quote-type li.active{background: #EA7318; color: #fff; border-color: #EA7318;}
		.quote-type li i{background: url(/icon.png); margin-right: 10px; cursor: pointer;}
		.quote-type li:nth-child(1) i{background-position: 0 -155px; width: 26px; height: 26px;}
		.quote-type li:nth-child(2) i{background-position: 0 -188px; width: 30px; height: 32px;}
		.quote-input{width: 100%; height: auto;}
		.quote-input select,.quote-input input{width: 100%; height: 47px; border: 1px solid #eee; border-radius: 5px; text-indent: 10px; font-size: 14px; margin-top: 12px; outline: none; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s;}
		.quote-input select:focus,.quote-input input:focus{border-color: #EA7318 !important;}
		.quote-input .area-input{position: relative;}
		.quote-input .area-input i{position: absolute; top: 25px; right: 20px; color: #adadad;}
		.quote-input .quote-btn{display: flex; display: -webkit-flex; display: -ms-flex; -webkit-justify-content:space-between; justify-content:space-between; margin: 8px 0 16px;}
		.quote-input .quote-btn input{width: 135px; color: #fff; text-indent: 0; cursor: pointer;}
		.quote-input .quote-btn input:nth-child(1){background: #919191;}
		.quote-input .quote-btn input:nth-child(2){background: #c79e68;}
		.quote-input h6{color: #686868; font-size: 12px;}
		.sidebar-recommend{width: 100%; height: auto; padding: 22px 20px; background: #fff; margin-top: 20px;box-sizing: border-box;}
		.sidebar-recommend h4{display: flex; display: -webkit-flex; display: -ms-flex; -webkit-justify-content:space-between; justify-content:space-between; -webkit-align-items:flex-end; align-items:flex-end;}
		.sidebar-recommend h4 a{font-size: 12px;}
		.sidebar-recommend h4 a:hover{color: #c79e68; text-decoration: underline; }
		.sidebar-recommend ul{width: 100%; height: auto; }
		.sidebar-recommend ul a{display: block; }
		.sidebar-recommend ul li{width: 100%; height: 65px; display: flex; display: -webkit-flex; display: -ms-flex; -webkit-justify-content:space-between; justify-content:space-between; position: relative; margin-top: 22px;}
		.sidebar-recommend ul li .recommend-headimg{width: 100px; height: 65px; background-size: cover; background-position: center center;}
		.sidebar-recommend ul li .recommend-title{width: 150px; height: auto; line-height: 18px; display: -moz-box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 12px;}
		.sidebar-recommend ul li button{position: absolute; bottom: 0; right: 0; color: #fff; background: #319d64; font-size: 12px; padding: 3px 10px; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; border: none; cursor: pointer;}
		.sidebar-recommend ul a:hover{color: #000;}
		.sidebar-recommend ul a:hover button{background: #c79e68;}
		.show-center .konw-list-button a{width: 250px; height: 40px; border: 1px solid #d0d0d0; border-radius: 5px; padding: 0 20px; overflow: hidden; font-size: 14px; background: #fff; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; margin: 0 15px; cursor: pointer; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; text-align: center;line-height: 40px;font-size: 16px;}
		.kz-products{margin-top:20px;}