@charset "utf-8";
/* CSS Document */

/*首页导航*/


.t-h-main {
    width: 1200px;
    margin: 0 auto;
}
.top-header {
    width: 100%;
    float: left;
    background: #fff;
    display: inline-block;
    border-bottom: 2px solid #4776b3;
    z-index: 9;
    position: relative;
}
.h-m-bottom {
    width: 100%;
    float: left;
}
.h-m-bottom .m-b-left {
    width: 210px;
    position: relative;
    float: left;

    font-size: 14px;
    line-height: 35px;
    text-align: center;
    color: #262626;
}
.h-m-bottom .m-b-left > span {
    cursor: pointer;
}
.h-m-bottom .m-b-tag {
    overflow: hidden;
    height: 35px;
}
.h-m-bottom .m-b-tag a {
    float: left;
    line-height: 35px;
    padding: 0 10px;
    color: #999;
}

.h-m-bottom .m-b-mid{
	width:180px;
	margin:0 20px;
	float: left;
	position:relative;
	height:35px;


}
.h-m-bottom .m-b-mid .ht_dg{
	display:block;
	background:url(../images/ht_9.jpg) top center no-repeat;
	width:100%;height:100%

}
.h-m-bottom .m-b-mid:hover .ht_dg{
	background:url(../images/ht_10.jpg) top center no-repeat;

}
.h-m-bottom .m-b-mid ul{
	display:none;
	width:100%;
	background:#fff;
	border-bottom:1px solid #ededed;
	border-top:none;
	position:absolute;

	z-index:333;



}
.h-m-bottom .m-b-mid .first{	top:37px;left:0px;}
.h-m-bottom .m-b-mid .two{	top:0px;left:180px;border:1px solid #ededed;border-top:none;border-left:none;min-height:490px}
.h-m-bottom .m-b-mid .thr{	top:0px;left:181px;border:1px solid #ededed;border-top:none;border-left:none;min-height:490px}





.h-m-bottom .m-b-mid:hover .first{display:block}
.h-m-bottom .n1:hover .two{display:block}
.h-m-bottom .n2:hover .thr{display:block}
.h-m-bottom .m-b-mid ul a{
	display:block;
	text-align:center;
	color:#404040;
	font-size:14px;
	height:35px;
	line-height:35px;
	width:178px;
	border-left:1px solid #ededed;
	border-right:1px solid #ededed;
	
}
.h-m-bottom .m-b-mid .two a{border:none;}


.h-m-bottom .m-b-mid ul a:hover{
	background:#4776b3;
	color:#fff;
	border-left:1px solid #4776b3;
	border-right:1px solid #4776b3;
	
}

/*导航结束*/

.ht_main{
	overflow:hidden;
	text-align:center;
}

.ht_main h2{
	font-size:30px;
	color:#262626
}
.ht_main .fen a{
	display:inline-block;
	width:auto;
	height:35px;
	line-height:35px;
	color:#1a1a1a;
	font-size:16px;
	padding:0 18px;
	background:#efefef;
	border-radius:20px;
	margin:0 5px

}
.ht_main .fen a:hover{
	background:#4776b3;
	color:#fff;
}



.ht_main2{
	overflow:hidden;
	background:#fafafa;
	height:auto;
}
.ht_main2 .w{
	padding:0 0 100px 0;

}

.loc span{
	float:left;
	font-size:30px;
	color:#262626;
	font-weight:bold;

}
.loc a{
	float:right;
	font-size:16px;
	color:#4776b3;
	font-weight:bold;
	margin-top:5px;
}


.ht_prolist{
	overflow:hidden
}
.ht_prolist li{
	width:20%;
	float:left;
	text-align:center;
	margin-bottom:5px;
}
.ht_prolist li a{
	display:block;
	background:#fff;
	margin:5px;
	box-shadow: 0px 0px 3px #c5c3c3;
	border:1px solid #fff;
	overflow: hidden;

}

.ht_prolist .pic{
	padding:7px;

}
.ht_prolist .img{
	overflow:hidden;
	width:216px;
	height:200px;
}

.ht_prolist .pic img{
	max-width:100%;
	max-height:100%;
	transition: 2s all;
	-webkit-transition: 2s all;

}
.ht_prolist li:hover a{
	border:1px solid #4776b3;

}
.ht_prolist a:hover .pic img {
	transform: scale(1.1,1.1);
	-webkit-transform: scale(1.1,1.1);
}
.ht_prolist .title{
	text-align:left;
	

}
.ht_prolist .title p{
	font-size:16px;
	line-height:28px;
	color:#333;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.ht_prolist .title span{
	color: #fd4810;

}
.ht_prolist a:hover p{
	color:#333
}

.loc2{
	overflow:hidden;
	color:#4776b3;
}


.loc2 a{
	color:#4776b3;


}
.loc2 span{
	color:#4776b3;
	margin:0 5px;

}
/*分页*/
.ht_page{
	overflow:hidden
	

}
.ht_page a ,.ht_page span{
	display:inline-block;

    padding:0 15px;
    margin:0 3px;
	height:35px;
	line-height:35px;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;

}

.ht_page a:hover ,.ht_page .on{
	 background-color: #ea2f36;
border: 1px solid  #ea2f36;
	color:#fff;
}



.result , .search{
	border:1px solid #cfd0d2;
	background:#fff;
	overflow:hidden
}

.result ul{
	padding:15px 0 15px 30px;
	overflow:hidden

}
.result li{
	display:inline-block;
	float:left;
}
.result li em{
	color:#d22f30;
	font-style: unset;

}
.result li span{
	margin:0 10px;
	color:#d0d0d0;

}

.result li a{
	color:#d22f30;
	background:url(../images/ht_4.jpg) no-repeat left top;
	padding-left:20px;
}

.serach_c{
	padding:10px 15px;
	overflow:hidden;

}
.search .s1 {
	display:inline-block;
	margin:0 10px

}

.search .s1 .search_cate{
	min-width: 100px;
    display: inline-block;
    width: auto;
    vertical-align: middle;
    cursor: pointer;
	    height: 25px;

    font-size: 13px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: none;


}

.s1 input[type="checkbox"]{
	position: absolute;
    background-color: #fff;
	margin-top:4px;
	
}
.s1 .mj{margin-left:25px;}


.s1 input[type="text"]{
	width: 120px;
	height:23px;
	line-height:23px;
	font-size: 12px;
	 background-color: #fff;
    background-image: none;
    border:1px solid #626264;
	border-radius:3px;
	padding: 0 0 0 15px;
	color:#626264;
	
}

.search .s2{
	display:inline-block;
	margin:0 1px
	
	}
.s2 .btn2{
    background:#409eff;
    display: inline-block;
    width: 90px;
    font-size: 13px;
	height:25px;
	line-height:25px;
    border: none;
    border-radius: 2px;
    text-align: center;
	color:#fff;
	text-align:center;
	 border:1px solid #409eff;
	 cursor: pointer;
	 padding: 0;
	 position: relative;
    top: 2px;
	
}

.s2 .btn3{
	width:60px;
	    cursor: pointer;
 position: relative;
    top: 2px;
	height:25px;
	line-height:25px;

}



/*详情页*/
.ht_box1{
	background:#fff;
	border:1px solid #cfd0d2;
	overflow:hidden;


}

.ht_box1 h3{
	margin:10px 0;
	font-siez:20px;
	padding-left:10px;
}

.ht_box1 .left{
	width:820px;
	margin:0 auto;
	 position: relative;

}


.ht_box1 .right{
	border:1px solid #cfd0d2;
	border-bottom:none;
	border-right:none;
	width:335px;
	min-height:710px;


}
.ht_box1 .right1 , .ht_box1 .right2 , .ht_box1 .right3{
	padding:15px;
	overflow:hidden;
	border-bottom:1px solid #cfd0d2;


}
.ht_box1 .right3{border-bottom:none}
.ht_box1 .right1 p{
	font-size:18px;
	margin-bottom:5px


}
.ht_box1 .right1 h2{
	font-szie:22px;
	margin-bottom:5px


}
.ht_box1 .right1 span{
	float:right;
	font-weight:normal;

}
.ht_box1 .right1 a{
	display:block;
	width:100%;
	height:50px;
	line-height:50px;
	text-align:center;
	border-radius:5px;
	text-align:center;
	color:#fff;
	font-size:20px;
	background-color: #Fa8b43;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fc411b), color-stop(100%, #fa8b43));
    background-image: -moz-linear-gradient(top, #fc411b, #fa8b43);
    background-image: -webkit-linear-gradient(top, #fc411b, #fa8b43);
 	background-image: linear-gradient(to bottom, #fc411b, #fa8b43); 
    color: #FFF;
    border:1px solid  #D50013;

}

.ht_box1 .right2 h4{
	font-size:18px;
	margin-bottom:10px


}
.ht_box1 .right2 p{
font-size:16px;
	margin-bottom:10px
}
.ht_box1 .right2 .x1{
	color: #23527c;
	font-size:15px;

}

.ht_box1 .right2  img{
	transform:translateY(3px)

}
.ht_box1 .right2 .x2 ,.ht_box1 .right2 .x3{color: #555555;}
.ht_box1 .right2 .x2 a{
	margin-left:5px
}

.ht_box1 .right2 .x4 a{
	margin-right:20px

}

.ht_box1 .right3 p{
	font-size:16px;
	margin-bottom:10px
}


.ht_box2 .left{
	width:865px;
	

}

.ht_box2 h4{margin:10px 0;font-size:16px;}

.ht_box2  .box2_c{
	background:#fff;
	overflow:hidden;
	border:1px solid #cfd0d2;
	min-height:170px;

}
.ht_box2  .box2_c ul{padding:20px;}
.ht_box2  .box2_c li{
	font-size:16px;
	line-height:36px;
}

.ht_box2 .right{
	width:335px

}

.ht_box2  .box2_c2{
	background:#fff;
	overflow:hidden;
	border:1px solid #cfd0d2;
	border-left:none;
}

.ht_box2  .box2_c2 ul{
padding:10px;

}

.ht_box2  .box2_c2 ul li{
	font-size:16px;
	line-height:30px;
	    color: #f31818;

}
.ht_box2  .box2_c2 ul li:nth-child(3){color:#f31818}




.ht_box3 h4{
	background:url(../images/ht_8.jpg) left top no-repeat;
	padding-left:15px;
	font-weight:normal;
	font-size:20px;


}
.box3_c{
	overflow:hidden;
	background:#fff
}
.box3_c ul{padding:15px 0;overflow:hidden}
.box3_c li{
	width:14%;
	float:left;
	text-align:center;
	margin:0 1.3%
}
.box3_c a{
	display:block;
	border:1px solid #fff;
	overflow: hidden;

}

.box3_c .pic{
	padding:5px;

}
.box3_c .img{
	overflow:hidden;
	width:156px;
	height:130px;
}

.box3_c .pic img{
	max-width:100%;
	max-height:100%;
	transition: 2s all;
	-webkit-transition: 2s all;

}
.box3_c li:hover a{
	border:1px solid #4776b3;

}
.box3_c a:hover .pic img {
	transform: scale(1.1,1.1);
	-webkit-transform: scale(1.1,1.1);
}
.box3_c .title{
	text-align:left;

}
.box3_c .title p{
	font-size:15px;
	line-height:28px;
	color:#333;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap 
	
}
.box3_c .title span{
	color: #fd4810;

}
.box3_c a:hover p{
	color:#333
}

.data_ul li{
    position:relative;
    overflow: hidden;
}
.data_ul li .label{
     top: 1em;
    left: -4em;
    color: #fff;
    display: block;
    position:absolute;
    text-align: center;
    text-decoration: none;
    letter-spacing: .06em;
    background-color: #A00;
    padding: 0.5em 5em 0.4em 5em;
    text-shadow: 0 0 0.75em #444;
    box-shadow: 0 0 0.5em rgba(0,0,0,0.5);
    font: bold 16px/1.2em Arial, Sans-Serif;
    -webkit-text-shadow: 0 0 0.75em #444;
    -webkit-box-shadow: 0 0 0.5em rgba(0,0,0,0.5);
    -webkit-transform: rotate(-45deg) scale(0.75,1);
    z-index:10;
}
.data_ul li .label:before {
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    margin: -0.3em -5em;
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
    border: 2px rgba(255,255,255,0.7) dashed;
}