@charset "utf-8";

/* CSS Document */

.mian{position:relative; margin-left:auto; margin-right:auto; min-width:320px; max-width:640px; overflow:hidden; background-color:#fff; font-family:Microsoft YaHei;}

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





@media screen and (min-width:320px) {

	body{font-size:75%;}

}

@media screen and (min-width:375px) {

	body{font-size:87.5%;}

}

@media screen and (min-width:480px) {

	body{font-size:87.5%;}

}

@media screen and (min-width:540px) {

	body{font-size:112.5%;}

}

@media screen and (min-width:550px) {

	body{font-size:125%;}

}

@media screen and (min-width:640px) {

	body{font-size:150%;}

}



/*header*/

header{overflow: hidden;width: 100%;margin-bottom:4%;}

header h1{display: block;width:28%;overflow: hidden;float: left;margin:7% 3% 0 3%;}

header h1 img{display: block;width: 100%;}

header .introduce{overflow: hidden;width:60%;padding-left: 3%;border-left: 1px dotted #cccccc; margin-top: 5%;float: left;}

header h2{font-size: 1.1em;color: #333; margin-bottom: 0.5em;font-weight: bold;font-family: "微软雅黑";}

header h2 b{color:#f1251c; }

header .introduce p{font-size:1em;color: #333;margin-bottom: 0.38em; font-weight: bold;}

header .introduce a{ font-size:1.2em;font-weight: bold; font-family:Arial; color:#c50c22; background:url(../index/h-phone.png) no-repeat left center; background-size:1.2em; padding:0.5em 0; padding-left:1.5em; line-height:1.25em;}


nav { overflow:hidden; width:100%; background-color:#cf0001; font-size:0.9em; text-align:center;}

nav a{  display:block; float:left; width:25%;padding:1.2em 0;  white-space:nowrap; border-bottom:1px solid #f33f40; box-shadow: inset 0 1px 1px #870202; color:#fff;}

nav a:nth-child(4n){ background:none}



.focus{ width:100%;  margin:0 auto; position:relative; overflow:hidden;   }

.focus .hd{ width:100%; height:5px;  position:absolute; z-index:1; bottom:0; text-align:center;  }

.focus .hd ul{ overflow:hidden; display:-moz-box; display:-webkit-box; display:box; height:5px; background-color:#a2a2a2;   }

.focus .hd ul li{ -moz-box-flex:1; -webkit-box-flex:1; box-flex:1;font-size:0 }

.focus .hd ul .on{ background:#bd1c26;  }

.focus .bd{ position:relative; z-index:0; }

.focus .bd li img{ width:100%;  }

.focus .bd li a{ -webkit-tap-highlight-color:#bd1c26; /* 取消链接高亮 */ }

/*pro*/

.pro{overflow: hidden;width: 100%;}

.pro ul{width: 100%;overflow: hidden;padding: 1.1em 0;}

.pro li{width: 19%; padding: 0 3%;float: left;margin: 0.8em 0;}

.pro li img{display: block;width: 100%;border-radius: 50%;margin-bottom: 0.6em;}

.pro li p{font-size: 1em;font-family: "微软雅黑";color: #000000;text-align: center;}



/*search*/

.search{width: 100%; overflow: hidden;background-color: #e8e8e8;padding:3%;}

.search input{border: none;height: 34px; line-height:34px;-webkit-appearance: none;border-radius: 0;}

.search .txt{width: 78%;border: none;padding-left:2%;float: left;font-size: 0.9em; color: #999999;}

.search .btn{width: 14%;background-color: #000000;font-size: 1em;color: white;}




/*jh-pro-center*/

.jh-pro-center{width: 100%;background-color: #f7f7f7;overflow: hidden; margin-top: 1rem;}

.jh-pro-center .title{width: 100%;text-align: center;margin-bottom: 1.46em;}

.jh-pro-center .title h2{ width: 100%; font-size:1.4rem; line-height: 1.6rem; color: #333; font-weight: normal;text-align: center;}

.jh-pro-center .title h2 span{font-size:1.4rem; color: #fe0000;}
.jh-pro-center .title b{ display: block; width: 100%; margin-top: 0.8rem;}
.jh-pro-center .title b img{ display: block;width: 100%;}
.jh-pro-center .title p{ font-size: 1rem; color: #ccc; line-height: 1.5rem; text-align: center;}


.jh-pro-intro .jh-pro-nav{width: 94%;overflow: hidden;margin: 0 auto;margin-bottom: 1.67em;}

.jh-pro-intro .jh-pro-nav ul{width: 100%;overflow: hidden;box-sizing: border-box;}

.jh-pro-intro .jh-pro-nav li{display: block; float: left;box-sizing: border-box; width: 46%;margin: 2%;text-align: center; padding: 0.8em 0; border: 1px solid #ccc;background-color: #f0f0f0;font-size: 0.9em; color: #333;}

.jh-pro-intro .jh-pro-nav  li:last-child{border-right: none;    width:46%;}

.jh-pro-intro .jh-pro-nav .on{background-color: #fe0000;color: #FFFFFF;}

.jh-pro-intro .jh-pro-zx{width: 94%;margin: 0 auto;background-color: #f7f7f7;margin-bottom: 1.25em;}

.jh-pro-intro .jh-box{background-color: #FFFFFF;width: 100%;overflow: hidden;margin-bottom: 1.625em;}

.jh-pro-zx .jh-box .jh-pro-zx-left{width: 42%;float: left;padding: 2%;}

.jh-pro-zx .jh-box .jh-pro-zx-left img{display: block;width: 100%;border: 1px solid #dfdfdf;}

.jh-pro-zx .jh-box .jh-pro-zx-right{float: right;width: 54%;padding-left: 2%;box-sizing: border-box;}

.jh-pro-zx .jh-box .jh-pro-zx-right h3{margin: 6% 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 0.8em;white-space: nowrap;font-weight: normal;}

.jh-pro-zx .jh-box .jh-pro-zx-right h3 a{color: #333333;}

.jh-pro-zx .jh-box .jh-pro-zx-right .pro-argumnets{font-size: 1.1em;color: #666666;font-weight: bold;}

.jh-pro-zx .jh-box .jh-pro-zx-right .brand-name{    margin: 0.4em 0}

.jh-pro-zx .jh-box .jh-pro-zx-right .brand-name,.jh-pro-intro .jh-pro-zx .jh-pro-zx-right .pro-name{font-size: 0.95em;color: #666666;}

.jh-pro-intro .jh-pro-zx .jh-pro-zx-right .pro-name{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;height: 45px;}

.jh-pro-zx .jh-box .jh-pro-zx-right .btn{margin-top: 0.9em;}

.jh-pro-zx .jh-box .jh-pro-zx-right .btn .more{background-color: #ffffff;border: 1px solid #d7d7d7;display: inline-block;width: 40%;height: 1.67em;line-height: 1.67em;text-align: center;color: #939393;}

.jh-pro-intro .jh-pro-zx .jh-pro-zx-right .btn .dz-zx{background-color: #ff5e00;display: inline-block;width: 40%;height: 1.67em;line-height: 1.67em;text-align: center;color: #f2d6d7;margin-left: 3%;}

.jh-pro-center .jh-box-list{width: 100%;margin: 0 auto;overflow: hidden;margin-bottom: 0.5em;background-color:#f7f7f7 ;}

.jh-pro-center .jh-box-list li{float: left;width: 48%;}

.jh-pro-center .jh-box-list li img{display: block;width: 100%;border:1px solid #ccc;box-sizing: border-box;}

.jh-pro-center .jh-box-list li:nth-child(odd){margin-right: 4%;}

.jh-pro-center .jh-box-list li p{text-align: center;margin-bottom: 1.2em;margin-top: 0.5em;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}



/*standard*/

.standard{width: 100%;}

.standard a{display: block;width:40%; height: 2.0rem; border-radius:1rem; background-color: #fe0000; color: #fff; font-size:0.8rem; line-height: 2rem; text-align: center; margin-left: auto; margin-right: auto; margin-bottom: 1rem;}



/*jhbz*/

.bz{width:100%;}

.bz .head{width: 100%;overflow: hidden;margin-bottom: 1.625em;}
.bz .head img{ display: block; width: 100%;}

.bz .bz-list{width: 100%;overflow: hidden;}

.bz .bz-list .bz-pic-ban{width: 100%;overflow: hidden;}

.bz .bz-list .bz-pic-ban li{width: 100%;overflow: hidden;}

.bz .bz-list .bz-pic-ban li a{display: block;}

.bz .bz-list .bz-pic-ban li img{display: block;width:100%;margin: 0 auto;}

.bz .bz-list .bz-pic-ban li h1{ width: 90%; margin-left: auto; margin-right: auto; font-size: 1.2rem; font-weight: bold; color: #333; line-height: 2.2rem; margin-top: 1rem;}

.bz .bz-list .bz-pic-ban li h1 b{ color: #fe0000;}

.bz .bz-list .bz-pic-ban li p{ width: 90%; margin-left: auto; margin-right: auto;font-size: 1.0rem; font-weight:normal;color: #333; line-height: 2.0rem;}

.bz .bz-list .bz-pic-ban li p b{color: #fe0000; font-weight: bold;}

.bz .bz-list .list-classfiy{width: 100%;overflow: hidden;margin-top: 1.42em;}

.bz .bz-list .list-classfiy .list-classfiy-left{width: 10%;float: left;background-color: #ff5e00;height: 2.4em;text-align: center;color: #FFFFFF;line-height: 2.4em;position: relative;font-size: 1.4em;font-family: arial;}

.bz .bz-list .list-classfiy .list-classfiy-left i{width:0;height:0;   border-left:17px solid transparent;   border-right:21px solid transparent;border-bottom:10px solid #FFFFFF;display: block;z-index: 2;position: absolute;bottom: 0;}

.bz .bz-list .list-classfiy .list-classfiy-right{width: 88%;float: right;}

.bz .bz-list .list-classfiy .list-classfiy-right h3{font-size: 1em;font-weight: bold;}

.bz .bz-list .list-classfiy .list-classfiy-right dt{margin-top: 0.9em;background: url(../Index/bz-dian.jpg) left 0.5em no-repeat;padding-left: 0.9em;color: #000000;background-size: 2%;}

.bz-list .bz-dian-ban{width: 100%;overflow: hidden; margin: 0 auto;margin-bottom: 1.5em;margin-top: 0em;text-align: center;}

.bz-list .bz-dian-ban li{width: 0.75em;height: 0.75em;background-color: #666666;border-radius: 50%;margin-right: 0.4em;text-align: center;display: inline-block;text-indent:-9999px;}

.bz-list .bz-dian-ban .on{background-color: #ff5e00;}



.khal{ width: 96%; margin-left: auto; margin-right: auto; margin-top:1rem;}
.khal .tit{width: 100%;text-align: center;margin-bottom: 1.46em;}

.khal .tit h2{ width: 100%; font-size:1.4rem; line-height: 1.6rem; color: #333; font-weight: normal;text-align: center;}
.khal .tit h2 span{font-size:1.4rem; color: #fe0000;}
.khal .tit b{ display: block; width: 100%; margin-top: 0.8rem;}
.khal .tit b img{ display: block;width: 100%;}
.khal .tit p{ font-size: 1rem; color: #ccc; line-height: 1.5rem; text-align: center;}
.khal dl{ width: 100%; height: 8rem; margin-top: 1rem;}
.khal dl dt{ width: 35%; float: left; padding: 1%; border: 1px solid #ccc;}
.khal dl dt img{ display: block;width: 100%; height: 7rem;}
.khal dl dd{ width: 60%; float: right;}
.khal dl dd h1{ font-size: 1rem; line-height: 1.5rem; color: #ba0000; font-weight: bold;}
.khal dl dd h1 a{font-size: 1rem;color: #ba0000; }
.khal dl dd p{ color: #333; line-height: 1.2rem; font-size: 0.8rem; margin-top: 0.5rem; margin-bottom: 0.5rem;}
.khal dl dd p a{ color: #333;font-size: 0.6rem;}
.khal dl dd h2{color: #c32222; line-height: 1.2rem; font-size: 0.8rem;}
.khal dl dd h2 a{color: #c32222;font-size: 0.8rem;}
.khal h3{ width: 100%; margin-top: 1rem;}
.khal h3 a{display: block;width:40%; height: 2.0rem; border-radius:1rem; background-color: #fe0000; color: #fff; font-size:0.8rem; line-height: 2rem; text-align: center; margin-left: auto; margin-right: auto; margin-bottom: 1rem;}

/*zjjh*/

.zjjh{width: 100%;margin-bottom: 2em;}

.zjjh .title{width: 100%;text-align: center;margin-bottom: 1.46em;}

.zjjh .title h2{ width: 100%; font-size:1.4rem; line-height: 1.6rem; color: #333; font-weight: normal;text-align: center;}
.zjjh .title h2 span{font-size:1.4rem; color: #fe0000;}
.zjjh .title b{ display: block; width: 100%; margin-top: 0.8rem;}
.zjjh .title b img{ display: block;width: 100%;}
.zjjh .title p{ font-size: 1rem; color: #ccc; line-height: 1.5rem; text-align: center;}
.zjjh img{display: block;width:80%;margin: 0 auto;}

.zjjh h3{text-align: center;margin: 0.8em 0;font-size: 1.2em;font-weight: bold;}

.zjjh h3 a{color: #fe0000;font-size: 1.2em;}

.zjjh p{padding: 0 6%;line-height: 1.8em;color: #666666;}
.zjjh h4{width: 100%; margin-top: 1rem;}
.zjjh h4 a{display: block;width:40%; height: 2.0rem; border-radius:1rem; background-color: #fe0000; color: #fff; font-size:0.8rem; line-height: 2rem; text-align: center; margin-left: auto; margin-right: auto; margin-bottom: 1rem;}


/*jhfc*/

.jhfc{ width:100%;}

.jhfc .menu{ width:70%; margin-left: auto; margin-right: auto; overflow:hidden;}

.jhfc .tit{width: 100%;text-align: center;margin-bottom: 1.46em;}

.jhfc .tit b{ display: block; width: 100%; margin-top: 0.8rem;}
.jhfc .tit b img{ display: block;width: 100%;}
.jhfc .tit p{ font-size: 1rem; color: #ccc; line-height: 1.5rem; text-align: center;}


.jhfc .menu li{ float:left; width:49%; font-size:1.4em;border-right: 2px solid #333;color:#333; font-weight:bold; text-align:center;}

.jhfc .menu .on{color: #fe0000;}

.jhfc-ban{width: 94%;margin: 0 auto; padding: 1.2em 0;position: relative;}

.jhfc-ban .pic-ban{width:100%;margin: 0 auto;overflow: hidden; position: relative;}

.jhfc-ban .pic-ban ul{width: 100%;overflow: hidden;}

.jhfc-ban .pic-ban li{width:48%;padding: 0 1%;float: left;}

.jhfc-ban .pic-ban li img{width: 99%;display: block;border: 1px solid #ccc;box-sizing: border-box; padding: 1%; height: 8rem;}

.jhfc-ban .pic-ban li span{display: block; line-height: 2rem; font-size: 0.8rem; color: #333; text-align: center;}

.jhfc-ban .prev{background: url(../Index/shangye.png) no-repeat center;background-size: 100%;width: 1.8em;height: 1.8em;position: absolute;top: 50%;left: 0;margin-top: -0.9em;}

.jhfc-ban .next{background: url(../Index/shangye.png) no-repeat center;background-size: 100%;width: 1.8em;height: 1.8em;position: absolute;top: 50%;right: 0;margin-top: -0.9em;transform:rotate(180deg);}

.jhfc-ban  h4 a{display: block;width:40%; height: 2.0rem; border-radius:1rem; background-color: #fe0000; color: #fff; font-size:0.8rem; line-height: 2rem; text-align: center; margin-left: auto; margin-right: auto; margin-bottom: 1rem; margin-top: 1rem;}




/*partner*/

.partner{width: 100%;margin-bottom: 1.8em;}

.partner .title{width: 100%;text-align: center;margin-top:1.4em;margin-bottom: 1.25em;}

.partner .title h2 a{color: #014d9d;font-size: 1.2em;margin-bottom: 0.175em;font-weight: bold;display: block;}

.partner .title p{color: #cccccc;font-size: 0.9em;}

.partner .bd .tempWrap{overflow: hidden;width: 94%;margin: 0 auto;}

.partner .bd li{float: left;margin-right: 2%;width: 31%;}

.partner .bd li:nth-child(3),.partner .bd li:nth-child(6){margin-right: 0;}

.partner .bd  li img{display:block;width: 100%;    border: 1px solid #ccc;}

.partner .bd  li p{text-align: center;margin-top: 0.5em;}



.partner .hd{width: 100%;overflow: hidden; margin: 0 auto;margin-top: 1.0em;text-align: center;}

.partner .hd li{width: 0.75em;height: 0.75em;background-color: #666666;border-radius: 50%;margin-right: 0.4em;text-align: center;display: inline-block;text-indent:-9999px;}

.partner .hd li.on{background-color: #ff5e00;}

/*hydt*/

.hydt{ width:100%;padding-bottom: 2em; margin-bottom: 2rem;}
.hydt .title h2{ width: 100%; font-size:1.4rem; line-height: 1.6rem; color: #333; font-weight: normal;text-align: center;}
.hydt .title h2 span{font-size:1.4rem; color: #fe0000;}
.hydt .title b{ display: block; width: 100%; margin-top: 0.8rem;}
.hydt .title b img{ display: block;width: 100%;}
.hydt .title p{ font-size: 1rem; color: #ccc; line-height: 1.5rem; text-align: center;}
.hydt .menu{ width:100%;display: inline-block;background-color: #0065cf;}

.hydt .menu li{ float:left; width:33.3333333%; font-size:1em; color:#fff; font-weight:bold; text-align:center; padding:0.9em 0; position:relative;background-color: #0065cf;}
.hydt .menu h1{ float: right;  width:18%; font-size: 0.8rem; color: #fff; background: url(../Index/gd.jpg) no-repeat right 0.5rem; line-height: 2rem; margin-right: 2%;}
.hydt .menu h1 a{ color: #fff; margin-top:0.3rem; display: block;}
.hydt .menu li:nth-child(2){background: #0065cf;}

.hydt .menu li b{ display:none; width:0.8em; height:0.4em; background:url(../Index/menu-dian.png) no-repeat center;background-size:100%; position:absolute; left:50%; margin-left:-0.4em; bottom:-0.4em; }

.hydt .menu li.on{background-color: #c50c22; }

.hydt .menu li.on b{ display:block;}

.hydt .hadt-show{width: 94%;overflow: hidden;margin: 0 auto;padding-top: 1.5em;}

.hydt .hadt-show .hadt-show-left{width: 42%;float: left;padding: 2%;}

.hydt .hadt-show .hadt-show-left img{display: block;width: 100%;}

.hydt .hadt-show .hadt-show-right{float: right;width: 54%;}

.hydt .hadt-show .hadt-show-right h3 {color: #fe0000;display: block;}

.hydt .hadt-show .hadt-show-right h3 a{color: #fe0000;font-size:0.8em;}
.hydt .hadt-show .hadt-show-right p{color: #666666;margin-top: 0.5em;line-height: 1.2rem;overflow: hidden;}
.hydt .hadt-show .hadt-show-right p a{ color: #fe0000;}
.hydt .list{width: 94%;margin: 0 auto;}

.hydt .list li{background: url(../Index/hadt-show-icon.jpg) left center no-repeat;padding-left: 0.7em;overflow: hidden;box-sizing: border-box;    margin: .2em 0;border-bottom: 1px dashed #ccc;}

.hydt .list li a{width:60%;font-size: 0.9em;display: block;line-height:2.2em;color: #333333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;float: left;}

.hydt .list li span{width: 30%;text-align: right;float: right;display: block;color: #666666;font-size: 0.9em;line-height: 1.9em;}

.hydt h4{width: 100%; margin-top: 1rem;}
.hydt h4 a{display: block;width:40%; height: 2.0rem; border-radius:1rem; background-color: #fe0000; color: #fff; font-size:0.8rem; line-height: 2rem; text-align: center; margin-left: auto; margin-right: auto; margin-bottom: 1rem;}


/*footer*/

footer{ overflow:hidden; width:100%; background-color:#fe0000; position:fixed; left:0; bottom:0;}

footer a{ display:block;padding:0.5em 0; width:25%; float:left; text-align:center; font-size:1em; color:#fff;background: url(../Common/footer-xian.png) no-repeat left top;}

footer a:nth-child(1){ background:none}

footer img{ display:block; width:25%; margin:0 auto; margin-bottom:0.5em;}

/*产品类表[Layout]*/
.productLayout{padding:.937em 0; border-bottom:1px solid #ccc; margin:0 auto;}
.productLayout:after {content:'.'; display:block; height:0; clear:both; visibility:hidden;}
.productLayout dl{width:46%; float:left;  overflow:hidden; margin:0.4em 2%;text-align:center}
.productLayout dt img{display: block;width: 100%;padding: 0.333em 0.333em;box-sizing: border-box;border: 0.12em solid #d7d7d7;}
.productLayout dd h5{font-size:.875em; color:#333; line-height:1.375em;margin-top: 0.5em;  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;}
.productLayout dd h5 a{color:#333;}
.productLayout dd p{visibility:hidden;}
.productLayout dt img{}


/*新闻列表*/

.newsList dl{position:relative; padding:20px; height:115px; background-color:#ebebeb;}
.newsList dt{float:left;}
.newsList dt img{display:block;width: 240px;height: 115px;}
.newsList dd{margin-left: 255px;}
.newsList dd h5{height:40px; line-height:40px; font-size:16px; font-weight:normal;}
.newsList dd h5 a{color:#3957AD;}
.newsList dd h5 span{  float: right;color: #bfbfbf;}
.newsList dd p{line-height:22px; height:72px; overflow:hidden; font-size:13px;}
.newsList dd i{position:absolute; bottom:-10px; left:0; border:5px solid transparent;}
.newsList ul{margin-top:16px;}
.newsList li{position:relative; height:50px; line-height:50px; margin:0 11px;font-size:1em; border-bottom:1px dotted #ccc; width:95%;  white-space: nowrap;
  text-overflow: ellipsis;overflow: hidden;}
.newsList li a{color:#333;padding-left:18px; background:url("http://www.kenhon.com.cn/skins/default/Img/newsLi_ico.png") no-repeat left center;  width: 65%; display:block;
  white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.newsList li span{position:absolute; top:0; right:0; color:#999;}


/*分页*/
.pagedSpan{margin:1.25em .781em; height:1.562em; line-height:1.562em; border-radius:5px; text-align:center; color:#666;}
.pagedSpan a{width:5.375em; height:1.562em; line-height:1.562em; color:#fff;}
.pagedSpan em{color:#f00;}
.pagedSpan .btnPagedUp{border-right:1px solid #ccc; border-radius:5px 0 0 5px;}
.pagedSpan .btnPagedDown{border-left:1px solid #ccc; border-radius:0 5px 5px 0;}

.pagedSpan a{background:#333;}
.CategoryList_Title i{color:#333;}
.hdPhone p i{border:1px solid #fff;}
 .pagedSpan a{color:#fff;}
.pagedSpan{background:#feeddc;}