@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: 5%;}
header h1{display: block;width: 38%;overflow: hidden;float: left;margin: 9% 3% 0 3%;}
header h1 img{display: block;width: 100%;}
header .introduce{overflow: hidden;width: 50%;padding-left: 3%;border-left: 1px dotted #cccccc; margin-top: 5%;float: left;}
header h2{font-size: 1.1em;color: #c81624; margin-bottom: 0.5em;font-weight: bold;font-family: "微软雅黑";}
header .introduce p{font-size: 0.9em;color: #000000;margin-bottom: 0.38em;}
header .introduce a{ font-size:1.2em;font-weight: bold; font-family:Arial; color:#c81624; background:url(../images/Common/h-phone.png) no-repeat left center; background-size:1.2em; padding:0.5em 0; padding-left:1.5em; line-height:1.25em;}


.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;}

/*search-list*/
.search-list{width: 100%;overflow: hidden;padding: 6% 3%;box-sizing: border-box;position:relative;}
.search-list .bd ul{overflow: hidden;width: 100%;}
.search-list .bd li{width: 30%;float: left;margin: 0 1.5%;text-align: center;}
.search-list .bd li img{display: block; width: 75%;margin: 0 auto;}
.search-list .bd li p{font-size: 0.92em;margin-top: 0.7em;}
.search-list .hd{width: 100%;overflow: hidden; margin: 0 auto;text-align: center;}
.search-list .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;}
.search-list .hd .on{background-color: #c81624;}
/*jh-pro-center*/
.jh-pro-center{width: 100%;background-color: #f7f7f7;overflow: hidden;}
.jh-pro-center .title{width: 100%;text-align: center;margin-top: 2.4em;margin-bottom: 1.46em;}
.jh-pro-center .title h2 a{color: #c81624;font-size: 1em;margin-bottom: 0.175em;font-weight: bold;display: block;}
.jh-pro-center .title p{color: #cccccc;font-size: 0.9em;}

.jh-pro-intro .jh-pro-nav{width: 94%;overflow: hidden;margin: 0 auto;border: 1px solid #c81624;height: 71px; margin-bottom: 1.67em; line-height:36px;}
.jh-pro-intro .jh-pro-nav ul{width: 100%;overflow: hidden;box-sizing: border-box;}
.jh-pro-intro .jh-pro-nav li{width:50%;background-color: #ffffff;float: left;text-align: center;color: #000000;box-sizing: border-box; border-bottom:1px solid #c81624;}
.jh-pro-intro .jh-pro-nav  li:last-child{border-right: none;    width: 50%;}
.jh-pro-intro .jh-pro-nav .on{background-color: #c81624;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: #c81624;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: 5px solid #FFFFFF;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 img{display: block;width: 100%;}

/*jhbz*/
.bz{width: 94%;padding: 0 3%;padding-top: 2em;background: url(../images/Index/bz-bg.jpg) no-repeat;}
.bz .head{width: 100%;overflow: hidden;margin-bottom: 1.625em;}
.bz .head .jhbz-logo{width: 30%;float: left;margin-top: 0.5em;margin-bottom: 0.5em;}
.bz .head .jhbz{width: 70%;float: left;}
.bz .head .jhbz-logo img{width: 85%;}
.bz .head .jhbz img{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 .list-classfiy{width: 100%;overflow: hidden;margin-top: 1.42em;}
.bz .bz-list .list-classfiy .list-classfiy-left{width: 10%;float: left;background-color: #c81624;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(../images/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: 1.5em;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: #c81624;}

/*ly*/
.ly{width: 100%;background-color: #e8e8e8;margin-top: 0.8em;padding-bottom: 1.5em;}
.ly .jh-work{width: 94%;margin: 0 auto;overflow: hidden;position: relative;padding-bottom: 0.8em;border-bottom: 1px solid #d0d0d0;}
.jh-work .jh-work-left{float: left;margin-top: 1.67em;width: 70%;}
.jh-work .jh-work-left .zz{font-size: 0.9em;margin-bottom: 0.3em;}
.jh-work .jh-work-left .zy{font-size: 1.3em;font-weight: bold;color: #c81624;}
.jh-work .jh-work-right a{position: absolute;top: 2.2em;right: 1em;background: url(../images/Index/ly-zx.png);color: #FFFFFF;background-size: cover;padding: 0.5em 1.5em;text-align: center;}
.ly .free{width: 94%;margin: 0 auto;border-top: 1px solid #FFFFFF;background-color: #e8e8e8;padding: 0.9em 0 0.625em 0;}
.ly .free span{background: url(../images/Index/ly-icon.png) right no-repeat;padding-right: 1.4em;background-size: 14%;}
.ly .free span a{color: #c81624;font-weight: bold;}
.ly-xinxi{width: 94%;margin: 0 auto;}
.ly-xinxi input{ border:none; padding-left:15%; width:83%;margin: 0 auto; height:2.8em; line-height:2.8em; font-size:1em; color:#666; margin-bottom:0.83em; outline:none;padding-right: 2%;}
.ly-xinxi .name{ background:url(../images/Index/ly-name.jpg) no-repeat left center; background-size:100%;}
.ly-xinxi .phone{ background:url(../images/Index/ly-phone.jpg) no-repeat left center; background-size:100%;}
.ly-xinxi textarea{ outline:none; overflow:hidden; padding-left:15%; width:85%; resize:none; font-size:0.9em; color:#666; line-height:1.4em; border:none; background:url(../images/Index/ly-con.jpg) no-repeat left top; background-size:100%; height:8.6em; margin-bottom:0.8em; border-bottom:3px solid #ddd;padding-top: 1em;}
.ly-xinxi p{text-align: center;font-size: 0.92em;color: #FFFFFF;padding: 0.75em 0;background-color: #c81624;}

/*zjjh*/
.zjjh{width: 100%;margin-bottom: 2em;}
.zjjh .title{width: 100%;text-align: center;margin-top: 2.4em;margin-bottom: 1em;}
.zjjh .title h2 a{color: #c81624;font-size: 1em;margin-bottom: 0.175em;font-weight: bold;display: block;}
.zjjh .title p{color: #cccccc;font-size: 0.9em;}
.zjjh img{display: block;width: 94%;margin: 0 auto;}
.zjjh h3{text-align: center;margin: 0.8em 0;font-size: 1.2em;font-weight: bold;}
.zjjh h3 a{color: #333333;font-size: 1em;}
.zjjh p{padding: 0 6%;line-height: 1.4em;color: #666666;}

/*jhfc*/
.jhfc{ width:100%;background-color: #ececec;}
.jhfc .menu{ width:100%;display: inline-block;}
.jhfc .menu li{ float:left; width:50%; font-size:1em; color:#fff; font-weight:bold; text-align:center; padding:0.9em 0; position:relative;background-color: #0d0d0d;}
.jhfc .menu li b{ display:none; width:0.8em; height:0.4em; background:url(../images/Index/menu-dian.png) no-repeat center;background-size:100%; position:absolute; left:50%; margin-left:-0.4em; bottom:-0.4em; }
.jhfc .menu li.on{background-color: #c81624; }
.jhfc .menu li.on b{ display:block;}
.jhfc-ban{width: 94%;margin: 0 auto; padding: 1.2em 0;position: relative;}
.jhfc-ban .pic-ban{width: 84%;margin: 0 auto;overflow: hidden; position: relative;}
.jhfc-ban .pic-ban ul{width: 100%;overflow: hidden;}
.jhfc-ban .pic-ban li{width: 46%;padding: 0 2%;float: left;}
.jhfc-ban .pic-ban li img{width: 100%;display: block;border: 4px solid #FFFFFF;box-sizing: border-box;}
.jhfc-ban .prev{background: url(../images/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(../images/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);}

/*partner*/
.partner{width: 100%;margin-bottom: 1.8em;}
.partner .title{width: 100%;text-align: center;margin-top: 2.4em;margin-bottom: 1.25em;}
.partner .title h2 a{color: #c81624;font-size: 1em;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: #c81624;}
/*hydt*/
.hydt{ width:100%;background-color: #ececec;padding-bottom: 2em;}
.hydt .menu{ width:100%;display: inline-block;}
.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: #0d0d0d;}
.hydt .menu li:nth-child(2){background: #242424;}
.hydt .menu li:nth-child(3){background: #0d0d0d;}
.hydt .menu li b{ display:none; width:0.8em; height:0.4em; background:url(../images/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: #c81624; }
.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 {font-size: 0.9em;color: #333333;display: block;margin-top: 10%;}
.hydt .hadt-show .hadt-show-right p{color: #666666;margin-top: 0.5em;line-height: 1.3em;height: 5.2em;overflow: hidden;}
.hydt .list{width: 94%;margin: 0 auto;padding-bottom: 13%; padding-top:10px;}
.hydt .list li{background: url(../images/hadt-show-icon.jpg) left center no-repeat;padding-left: 0.7em;overflow: hidden;box-sizing: border-box;    margin: .3em 0;}
.hydt .list li a{width:60%;font-size: 0.9em;display: block;line-height: 1.9em;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;}

/*footer*/
footer{ overflow:hidden; width:100%; background-color:#2e2e32; position:fixed; left:0; bottom:0;}
footer a{ display:block;padding:0.5em 0; width:33.333333%; float:left; text-align:center; font-size:1em; color:#fff;background: url(../images/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;}