@charset "utf-8";
/* CSS重置 and 公共样式*/
*{margin:0; padding:0; border:0; list-style:none}
body{font-family:"微软雅黑"; color:#555; font-size: 1rem;}
a{text-decoration:none; color:#555;}
li{list-style:none;}
img{}
body,p,h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd{margin:0; padding:0;
	list-style: none; font-weight:normal;}
.container{width:100%;overflow:hidden; position: relative;
	margin:auto;max-width:720px;min-width:320px;}
.left{float:left!important}
.right{float:right!important}
.floatClear{zoom: 1;}
.floatClear{content: '.'; width: 0; height: 0; display: block; clear: both; visibility: hidden;}
.clear{clear:both;}
/*top and logo*/
.allW{width:100%; overflow:hidden;}
.allW img{max-width:100%;}
.margin-b{margin-bottom: 0.8rem;}
.margin-t{margin-top: 0.8rem;}
.margin-a{margin-top: 0.8rem; margin-bottom: 0.8rem;}
.gray-line{background-color: #d5d5d5; height: 0.6rem;}

/*  */
.jh-top-bar{
	height: .34rem;
	background-color: #135fbf;
}
.jh-top-tips{
	background-color: #f6fbff;
	font-size: 0.9rem;
	line-height: 2rem;
	text-align: center;
	color: #1396ea;
}

.jh-main-tips img{
	width: 4.7%;
	padding-top: 0.22rem;
	margin: 0 1.55% 0 1.55%;
}
.jh-main-tips a{
	font-size: 0.9rem;
}

.jh-main-tips{
	padding: 0.8rem 0 0.5rem;
	border-bottom: 1px #ccc solid;
}

/*  */
.jh-container{
	box-sizing: border-box;
	padding: 0 0.8rem;
}
.jh-container-title{
	font-size: 1rem;
	text-align: center;
	color: #333;
	font-weight: bold;
	padding-top: 1.2rem;
	padding-bottom: 0.8rem;
}
.jh-container-litterTitle{
	font-size: 0.8rem;
	line-height: 0.8rem;
	color: #888;
	text-align: center;
	padding-bottom: 0.8rem;
	border-bottom: 1px #ccc dashed;
	margin-bottom: 1rem;
}

.pS *{
	line-height:1.8em;
}

.g-line{
	height: 0.6rem;
	background-color: #e2e2e2;
}

.jh-artical-btn{padding: 0.6rem 0;}
.jh-artical-btn a{
	width: 82%;
	box-sizing: border-box;
	font-size: 0.9rem;
	float: right;
	white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
}
/*  */
.jh-caseCenter{
	box-sizing: border-box;
	padding: 0 0.5rem;
}
.jh-caseCenter-title{
	font-size: 0.9rem;
	padding-top: 0.85rem;
	padding-bottom: 0.45rem;
	border-bottom: 1px #ccc solid;
	width: 100%;
	overflow: auto;
}
.em1{
	display: block;
	width: 8.6rem;
	height: 3px;
	background-color: #0762a8;
	margin-top: -2px;
}

#vid{
	display: block;
	width: 95.4%;
	margin: 0 auto;
	margin-top: 1.4rem;
	margin-bottom: 0.5rem;
}

.jh-by-space{
	text-align: center;
	font-size: 0.8rem;
	margin-bottom: 1rem;
}

.jh-imgShow{
	width: 91%;
	margin: 0 auto;
	overflow: hidden;
}
.jh-imgShow li{
	float: left;
	width: 49.65%;
	margin-right: 0.7%;
	margin-bottom: 0.5rem;
}
.jh-imgShow li img{
	width: 100%;
}

.jh-imgShow li:nth-of-type(even){
	margin-right: 0;
}

/*  */
.jh-complax{
	box-sizing: border-box;
	padding: 0 0.2rem;
}
.jh-complax-btn li{
	float: left;
	width: 24.4%;
	margin-right: 0.8%;
	background-color: #ccc;
	text-align: center;
	line-height: 2.2rem;
	font-size: 0.8rem;
	margin-top: 0.8rem;
	margin-bottom: 0.7rem;
}
.jh-complax-btn li:last-child{
	margin-right: 0;
}
.jh-complax-btn .on{
	background-color: #0762a8;
	color: #fff;
}

.jh-complax-txt dd{
	float: left;
	width: 32.2%;
	margin-right: 1.7%;
}
.jh-complax-txt dd:last-child{
	margin-right: 0;
}
.jh-complax-txt dd img{
	display: block;
	width: 100%;
}
.jh-complax-txt dd span{
	display: block;
	width: 100%;
	text-align: center;
	font-size: 0.8rem;
	line-height: 2rem;
}
/*  */

.jh-form-title{
	background-color: #137cbf;
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 1.1rem;
	line-height: 2.36rem;
	margin-top: 0.5rem;
}
.jh-list{
	width: 98%;
	font-size: 0.9rem;
	margin: 0 auto;
	overflow: hidden;
	padding: 0.4rem 0;
	border-bottom:  1px #ccc solid;
}
.jh-list label{
	width: 21%;
	display: inline-block;
}
.jh-list ul{
	width: 79%;
	overflow: hidden;
}
.jh-list ul li{
	width: 50%;
	float: left;
}
.jh-list label span{
	display: inline-block;
	width: 1rem;
	height: 1rem;
	margin-right: 0.5rem;
	background-color: #137cbf;
	color: #fff;
	font-size: 0.8rem;
	line-height: 1rem;
	text-align: center;
}


.bqbox {
	margin-bottom:11.8rem;
  padding: 0 5px;
}
.bqbox .bqnbox {
  margin-top: 0.3rem;
}
.bqbox .bqnbox .left {
  width: 12.15rem;
  float: left;
}
.bqbox .bqnbox .left img {
  width: 100%;
  display: block;
}
.bqbox .bqnbox .right {
  margin-left: 0.5rem;
  float: left;
  width: 10.5rem;
}
.bqbox .bqnbox .right ul li {
  height: 2.47rem;
  line-height: 2.47rem;
  padding: 0.12rem 0;
  box-sizing:border-box;
}
.bqbox .bqnbox .right ul li a {
  display: block;
  height: 100%;
  width: 100%;
  border: 1px solid #dae5ec;
  background: #f5f5f6;
  padding: 0 0.1rem;
  font-size: 0.69rem;
  font-family: "Microsoft Yahei";
  color: #333;
  box-sizing:border-box;
}
.bqbox .bqnbox .right ul li a img {
  margin-top: 0.4rem;
  margin-right: 0.2rem;
  margin-left: 0.2rem;
  width: 12%;
  float: left;
}
.bqbox .bqnbox .right ul li a b {
  color: #137cbf;
}


.add-header{ position: relative;}
.add-header h1{width: 100%; position: absolute; top:0.9rem; font-size: 1.18rem; color: #137cbf; font-weight: bold;text-align: center;}
.add-header h2{width: 100%; position: absolute; bottom:0.4rem; font-size: 1.22rem; font-weight: bold; color: #f9bc01;
	box-sizing: border-box; left:1%; text-align:center;top:2.2rem;}
.add-imgs ul{width: 96.875%; margin: 0 auto; overflow: hidden; margin-bottom: 1rem;}
.add-imgs ul li{float: left; position: relative;}
.add-imgs ul .s01{width: 52%;height: 12.5rem;height:12.5em;  margin-right: 2%;}
.add-imgs ul .s01 img{width: 100%; height: 100%;}

.add-imgs ul li span{display: block; width: 100%; line-height: 2.2rem; text-align: center; position: absolute; bottom: 0;
	background-color: rgba(0,0,0,0.4); color: #fff;}
.add-imgs ul .s02{width:46%; height: 6rem;height:6em; margin-bottom: 0.5rem;}
.add-imgs ul .s02 img{width: 100%; height: 100%;}
.add-imgs ul .no01{margin-bottom: 0;}

.add-imgs ul .s03{width:32%; margin-right: 2%; margin-top: 0.5rem;}
.add-imgs ul .no{margin-right: 0;}
.add-imgs ul .s03 img{width: 100%;}
.add-imgs ul:first-child{margin-bottom:0;}
.add-header-set h1{top: 1.1rem;}
.add-header-set h2{bottom:0.85rem;}

.add-videoS ul{width: 96.875%; margin: 0 auto; overflow: hidden; }
.add-videoS ul li{float: left; width: 32%; margin-right: 2%;}
.add-videoS ul li:last-child{margin-right: 0;}

.add-videoS ul li img{display: block; width: 100%;}
.add-videoS ul li span{display: block;width: 100%; text-align: center;position: absolute; bottom: 0; font-size: 0.75rem; line-height: 1.4rem; background-color:rgba(0,0,0,0.5);color:#fff;}
.add-videoS ul li a{
	display: block;
	width: 100%;
	position: relative;
}
.add-videoS ul li p{
	text-align: center;
	font-size: 13px;
}
.videoSbtn{margin-top: 1rem;}
.videoSbtn a{display: block; width: 45%; margin: 0 auto; background-color: #fd9446; overflow: hidden; 
	height: 2.5rem; border-radius: 0.4rem;}
.videoSbtn img,.videoSbtn span{float: left;}
.videoSbtn .img01{width:10.42%; height: 100%; padding-left: 8%; background-color: #f67617; padding-right: 4%;margin-right: 4%;}
.videoSbtn .img02{width:7.29%;}
.videoSbtn span{line-height: 2.5rem; color: #fff; width:57%; text-align: center; }

.title_info {
    width: 22.55rem;
    height: 2.33rem;
    background: url(/images/title_info.png) no-repeat;
        background-size: auto auto;
    background-size: 22.55rem 2.33rem;
    margin: 0 auto;
        margin-top: 0px;
    margin-top: 0.6rem;
}
.title_info .h61 {
    font-size: 0.9rem;
    color: #666666;
    float: left;
    margin-left: 4rem;
    line-height: 1.8rem;
    width: 11rem;
}
.title_info .h62 {
    font-size: 0.9rem;
    color: #ff8400;
    float: left;
    margin-left: 1.27rem;
    line-height: 1.8rem;
}
.title_info .h62 a {
    color: #ff8400;
}
.wzy_title_btm {
    width: 22.55rem;
    height: 3.75rem;
    background: url(/images/wzy_title_btm.jpg) no-repeat;
        background-size: auto auto;
    background-size: 22.55rem 3.75rem;
    margin: 0 auto;
	margin-bottom: 1rem;
}
.wzy_title_btm .h51 {
    float: left;
    margin-left: 4.43rem;
    height: 1.42rem;
    line-height: 1.42rem;
    margin-top: 0.67rem;
}
.wzy_title_btm .h51 p {
    font-size: 0.67rem;
    color: #fff;
    float: left;
}
.wzy_title_btm .h51 span {
    font-size: 1rem;
    color: #f6ff00;
    float: left;
}
.wzy_title_btm .h51 span a {
    color: #f6ff00;
}
.wzy_title_btm .wzy_title_btn {
    width: 4.5rem;
    height: 1.2rem;
    background: #ff8400;
    font-size: 0.67rem;
    color: #fff;
    text-align: center;
    line-height: 1.2rem;
    float: left;
    margin-left: 1.42rem;
    margin-top: 0.67rem;
    border-radius: 0.3rem;
}
.wzy_title_btm .wzy_title_btn a {
    color: #fff;
}
.wzy_title_btm .h52 {
    font-size: 0.67rem;
    color: #fff;
    float: left;
    margin-left: 4.43rem;
    height: 1.42rem;
    line-height: 1.42rem;
}

.zzb-compare {
  margin-top: 1rem;
  padding: 0.5rem 0.25rem 0rem;
  background: url(/zt/zly1/images/zzb_30.jpg) no-repeat center center;
  background-size: 0.825rem 1.275rem;
}
.zzb-compare .pic {
  position: relative;
  float: left;
  width: 47.5%;
}
.zzb-compare .pic img {
  display: block;
  width: 100%;
  margin-bottom: 0.5rem;
}
.zzb-compare .pic span {
  display: block;
  width: 3.4rem;
  height: 3.4rem;
  line-height: 3.4rem;
  text-align: center;
  font-size: 0.825rem;
  background-color: rgba(255, 255, 255, 0.6);
  color: #0873c3;
  position: absolute;
  top: 50%;
  margin-top: -1.975rem;
  left: 50%;
  margin-left: -1.7rem;
  border-radius: 50%;
}

.jgGuahao input,
.jgGuahao textarea {
  -webkit-appearance: none;
  margin: 0px;
  padding: 0px;
  outline: none;
  font-family: 'Microsoft yahei';
  border: 1px solid #ccc;
  height: 2rem;
  line-height: 2rem;
  border-radius: 5px;
  padding-left: 10px;
  width: 50%;
}
.jgGuahao h3 {
  color: #000;
  line-height: 2;
  position: relative;
  margin: 10px 0 -10px;
}
.jgGuahaoTitle {
  width: 100%;
  margin: auto;
  font-size: 0.825rem;
}
.jgGuahaoForm {
  width: 100%;
  margin: auto;
}
.jgGuahaoFormZhu {
  font-size: 0.825rem;
  width: 40%;
  float: left;
  margin: 0.3rem 0;
}
.jgGuahaoFormName {
  font-size: 0.8rem;
  width: 40%;
  float: left;
}
.jgGuahaoFormTel {
  font-size: 0.8rem;
  width: 40%;
  float: left;
}
.jgGuahaoForm1 {
  width: 100%;
  overflow: hidden;
  margin: auto;
  margin-top: 0.6rem;
}
.jgGuahaoTijiao {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0.75rem;
  margin-top: 0.75rem;
}
.jgGuahaoTijiao .jgGuahaoTijiaoSubmit {
  display: block;
  width: 80%;
  margin: 0 auto;
  font-size: 0.825rem;
  padding-left: 0;
  background: #298dd9;
  color: #fff;
}
.jgGuahaoFormZhu2 {
  font-size: 0.825rem;
  color: red;
}
#ppp1{
  background:url(/skin/news/images/cg2.jpg) no-repeat;		
  background-size: 7.275rem 2.774rem;
}
#ppp2{
  background:url(/skin/news/images/cg1.jpg) no-repeat;	
  padding-left:8rem;
  background-size: 7.275rem 2.774rem;
}
#ppp3{
	background: url(/skin/news/images/dnf_50.jpg) no-repeat;
	background-size: 3.9rem 2.774rem;
	padding-left:4.375rem;
}