@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; border:none; list-style:none; outline:none; text-decoration:none; font-family:"微软雅黑" !important}
html,body{ min-width:1200px;}
.left {float:left;}
.border{border:1px red solid;}
.hudleft{width:689px;height:307px;margin-right:34px;}
.hudright{
	width:476px;
	height:307px;
	background: url(hudongbg.png) center;
	position: relative;

}
.hdlefttit{width:100%;height:40px;border-bottom: 1px solid #c2cfe3;}
.hdlefttit ul li {
	float:left;
	font-size:23px;
	color: #2f88cf
}
.hdlefttit ul .hover{
	color: #c31f0b
}
.hudright ul{
	position: absolute;
	bottom:42px;
	left:29px;
}

.hudright ul li {
	background:#52a8e5;
	width: 130px;
	float:left;
	height:107px;
	margin-right:15px;
	color:white;
	position: relative;
	
}
.hudright ul li img {
	position: absolute;
	left:47px;
	top:20px;
}
.hudright ul li p {
	position: absolute;
	left:32px;
	bottom:18px;
}
#con_one_2 ul li {
	line-height:39px;
	font-size: 16px;
	background: url(star.png) no-repeat 7px 19px ; 
	padding-left:21px;
	border-bottom: 1px #90c1f1 dashed;
	color:#333;
	float: left;
	width:664px;

}
#con_one_2 ul {margin-bottom:9px;}
#con_one_2 ul li a{
	color: #333
}
.tiaofu{
	width:1200px;
	height:140px;
	margin-top:30px;
	background:url(erweimabg.png);
	margin-bottom:35px;
}
.tiaofu ul li {
	float:left;
	margin-top:28px;
	margin-left:30px;
}
.tiaofu .tiaofup1{
	font-size:16px;
	color: #333;
	line-height: 35px
}
.tiaofu .tiaofup2{
	font-size:13px;
	color: #666;
	line-height: 24px
}

/*第三部分*/

.threelist{width:578px;height:307px;margin-right:42px;}
#con_two_2 ul li {
	line-height:42px;
	font-size: 16px;
	background: url(star.png) no-repeat 7px 19px ; 
	padding-left:21px;
	color:#333;
	float: left;
	width:555px;
}
#con_two_1 ul li {
	line-height:42px;
	font-size: 16px;
	background: url(star.png) no-repeat 7px 19px ; 
	padding-left:21px;
	color:#333;
	float: left;
	width:555px;
}
#con_two_1 ul li a{
	color:#333;
}
#con_two_2 ul li a{
	color:#333;
}
#con_two_1 ul li p{width:80%;float:left;float: left;overflow: hidden; /*自动隐藏文字*/
    text-overflow: ellipsis;/*文字隐藏后添加省略号*/
    white-space: nowrap}
#con_two_2 ul li p{width:80%;float:left;float: left;overflow: hidden; /*自动隐藏文字*/
    text-overflow: ellipsis;/*文字隐藏后添加省略号*/
    white-space: nowrap}
#con_three_1 ul li p{width:80%;float:left;float: left;overflow: hidden; /*自动隐藏文字*/
    text-overflow: ellipsis;/*文字隐藏后添加省略号*/
    white-space: nowrap}
#con_three_2 ul li p{width:80%;float:left;float: left;overflow: hidden; /*自动隐藏文字*/
    text-overflow: ellipsis;/*文字隐藏后添加省略号*/
    white-space: nowrap}
#con_one_2 ul li p{width:80%;float: left;overflow: hidden; /*自动隐藏文字*/
    text-overflow: ellipsis;/*文字隐藏后添加省略号*/
    white-space: nowrap}

.threelist{width:578px;height:307px;margin-right:42px;margin-bottom:35px;}
#con_three_2 ul li {
	line-height:42px;
	font-size: 16px;
	background: url(star.png) no-repeat 7px 19px ; 
	padding-left:21px;
	color:#333;
	float: left;
	width:555px;
}
#con_three_2 ul li a{
	color: #333
}
.location {
    width: 1200px;
    margin: 0 auto;
    padding: 16px 0px 20px 0px;
    background: #FFFFFF;
}
#con_three_1 ul li {
	line-height:42px;
	font-size: 16px;
	background: url(star.png) no-repeat 7px 19px ; 
	padding-left:21px;
	color:#333;
	float: left;
	width:555px;
}
#con_three_1 ul li a {
	color:#333;
}

.bt_Contentbox span{
	color:#999;
}
.tiaofuli1{width:300px;}

.titsolid{color:#cccccc !important; padding: 0 10px;}
#con_two_1 ul{margin-top:10px;}
#con_two_2 ul{margin-top:10px;}
#con_three_1 ul{margin-top:10px;}
#con_three_2 ul{margin-top:10px;}
@media screen and (max-width: 1024px){
	html,body{ min-width:1200px}
}

@media screen and (max-width: 640px) {
	html,body{ min-width:auto}
	.main{ width:100%; box-sizing:border-box; padding:0 2%; overflow:hidden}
	.container{ width:100%;}
	.tiaofu{ width:100%;}
	.hudleft{ width:100%;}
	#con_one_2 p{width:70%; overflow: hidden; /*自动隐藏文字*/
    text-overflow: ellipsis;/*文字隐藏后添加省略号*/
    white-space: nowrap;float: left}
    .location {width: 95%;}
}

@media screen and (max-width: 640px) {
	.hudright{width:100%;}
	.hudright ul{left: 96px;}
	.tiaofu{height: 253px;}
	.tiaofu ul li{    margin-top: 23px;}
	.tiaofuli1{    width: 400px;height: 92px;}
	.threelist{margin-bottom: 10px;}
}
@media screen and (max-width: 599px) {
	.hudright ul{left: 53px;}
	.tiaofuli1{width: 360px;}
	.threelist{width: 100%}
	#con_two_1 ul li{width: 100%;box-sizing: border-box;}
	#con_two_2 ul li{width: 100%;box-sizing: border-box;}
	#con_three_1 ul li{width: 100%;box-sizing: border-box;}
	#con_three_2 ul li{width: 100%;box-sizing: border-box;}
}
@media screen and (max-width: 560px) {
	.hudright ul{left: 53px;}
	.tiaofuli1{width: 300px;}
	.threelist{width: 100%}
	#con_two_1 ul li{width: 100%;box-sizing: border-box;}
	#con_two_2 ul li{width: 100%;box-sizing: border-box;}
	#con_three_1 ul li{width: 100%;box-sizing: border-box;}
	#con_three_2 ul li{width: 100%;box-sizing: border-box;}
	.jmjz p{font-size: 1rem !important;line-height: 32px !important;}
	#con_two_1 ul li p {
    width: 59% ;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
	#con_three_1 ul li p {
    width: 61% ;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


}


@media screen and (max-width: 530px) {
	.hudright ul{left:6%;}
	#con_two_1 ul li p{width: 57% ;}
	#con_two_2 ul li p{width: 78% }
	#con_three_1 ul li p{width: 58% ;}
	#con_three_2 ul li p{width: 78%}
}




@media screen and (max-width: 500px) {
	.tiaofuli1{width: 310px}
	.hudright ul{left: 17px;}
	.threelist{width: 100%}
	#con_two_1 ul li{width: 100%;box-sizing: border-box;}
	#con_two_2 ul li{width: 100%;box-sizing: border-box;}
	#con_three_1 ul li{width: 100%;box-sizing: border-box;}
	#con_three_2 ul li{width: 100%;box-sizing: border-box;}
	#con_two_1 ul li p{width: 55% ;}
	#con_two_2 ul li p{width: 75%}
	#con_three_1 ul li p{width: 56% ;}
	#con_three_2 ul li p{width: 75%}
	.tiaofu{margin-top:0px;}
	.tiaofuli1{width:297px;}
	.tiaofu ul li{margin-left:10px;}

}
@media screen and (max-width: 532px) {
.jmjz p{font-size: 0.8rem !important;line-height: 32px !important;}
#con_two_1 ul li p{width: 58% ;}
#con_three_1 ul li p{width: 60% ;}

@media screen and (max-width: 495px) {
	.hudright ul li{width: 30%;margin-right:2%;}
	.hudright ul{width: 100%}
	.hudright ul li p{ left: 24%;}
	.hudright ul li img{left: 32%;}
	.tiaofu ul li{margin-left: 5px;}
	.tiaofuli1{width: 70%;}
	.jmjz p{font-size: 0.8rem !important;line-height: 28px !important;}
	#con_two_1 ul li p{width: 54%}
	#con_three_1 ul li p{width: 56%}
}


@media screen and (max-width: 414px) {
	#con_one_2 p{width:70%;}
	.hudright{width:100%;}
	.hudright ul li{width:100px;height:80px;}
	.hudright ul li img{left:32px;top:15px}
	.hudright ul li p{left:18px;bottom:7px;}
	.tiaofu ul li{height:80px;margin-left: 5px;}
	.tiaofu {height: auto;padding-bottom: 20px;}
	#con_two_2 ul li p{
	width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;}
    #con_one_1 ul li{width: 100%;box-sizing: border-box;}
    #con_one_2 ul li{width: 100%;box-sizing: border-box;}
    #con_two_1 ul li{width: 100%;box-sizing: border-box;}
    #con_two_2 ul li{width: 100%;box-sizing: border-box;}
    #con_three_1 ul li{width: 100%;box-sizing: border-box;}
    #con_three_2 ul li{width: 123% !important;box-sizing: border-box;}
    #con_two_1 ul li p{
	width: 45% ;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;}
    
    #con_three_1 ul li p{
	width: 47% ;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;}
    #con_three_2 ul li p{
	width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;}
    .threelist{width:100%;}
    #con_one_2 ul li p{width:70%}
    .hudright ul {
    position: absolute;
    bottom: 36px;
    left: 24px;}
	.tiaofu img{width: 80px}
	.tiaofuli1{width: 286px;}
	.location {width: 95%;}
	.tiaofu{margin-top:0px;}
	.threelist{margin-bottom: 0px;}
	.titsolid{padding: 0 0px;}
	.hdlefttit{padding-left:10px;}
}

@media screen and (max-width: 375px) {
	.tiaofuli1{width:100%;}
	.tiaofu .tiaofup1{text-align: center;}
	.tiaofu .tiaofup2{text-align: center;}
	.tiaofu ul li img{padding-left: 132px;}
	.hudright ul li { width: 95px; height: 70px;margin-right: 10px;;}
	.hudright ul{left:19px;}
	.hudright ul li img {
    left: 28px;
    top: 5px;
	}
	.hudright ul li p {
    	left: 18px;
   		bottom: 4px;
	}
	.hudright{background: url(hudongbg.png) center;}
	.location {width: 95%;}
	.tiaofu{margin-top:0px;}
	.threelist{margin-bottom: 0px;}
	.titsolid{padding: 0 0px;}
	.hdlefttit{padding-left:10px;}
	.jmjz p{font-size: 0.5rem !important;line-height: 26px !important;}
	#con_two_1 ul li p{width: 40% ;}
	#con_three_1 ul li p{width: 42% ;}
}
	


@media screen and (max-width: 320px) {
#con_one_2 ul li p {
    width: 66%;}
	.hudright ul {left: 7px;}
    .hudright ul li{margin-right:2px;width:92px;}
    .tiaofu ul li img {padding-left: 111px;}
    .tiaofuli1 {width: 97%}
    #con_two_2 ul li p{width:66%;}
    #con_two_1 ul li p{width:34% !important;}
    #con_three_1 ul li p{width:36% !important;}
    #con_three_2 ul li p{width:66%;}
    #con_one_2 ul li {width: 100%;box-sizing: border-box;}
    #con_two_1 ul li {width: 100%;box-sizing: border-box;}
    #con_two_2 ul li {width: 100%;box-sizing: border-box;}
    #con_three_1 ul li {width: 100%;box-sizing: border-box;}
    #con_three_2 ul li {width: 100%;box-sizing: border-box;}
    .location {width: 95%;}
    .tiaofu{margin-top:0px;}
    .threelist{margin-bottom: 0px;}
    .titsolid{padding: 0 0px;}
    .hdlefttit{padding-left:10px;}
}

/* 区间分辨率 533-560*/
@media screen and (min-width: 533px) and (max-width: 560px){
#con_two_1 ul li p{width: 59% !important;}
#con_three_1 ul li p{width: 61%  !important;}
}

/* 区间分辨率 500-532*/
@media screen and (min-width: 500px) and (max-width: 532px){
#con_two_1 ul li p{width: 54% !important;}
#con_three_1 ul li p{width: 56%  !important;}
}
/* 区间分辨率 480-500*/
@media screen and (min-width: 480px) and (max-width: 499px){
#con_two_1 ul li p{width: 53% !important;}
#con_three_1 ul li p{width: 55%  !important;}
}
/* 区间分辨率 450-480*/
@media screen and (min-width: 450px) and (max-width: 479px){
#con_two_1 ul li p{width: 48% !important;}
#con_three_1 ul li p{width: 50%  !important;}
}
/* 区间分辨率 415-449*/
@media screen and (min-width: 414px) and (max-width: 449px){
#con_two_1 ul li p{width: 46% !important;}
#con_three_1 ul li p{width: 48%  !important;}
}
/* 区间分辨率 375-414*/
@media screen and (min-width: 375px) and (max-width: 413px){
#con_two_1 ul li p{width: 40% !important;}
#con_three_1 ul li p{width: 43%  !important;}
}
/* 区间分辨率 340-375*/
@media screen and (min-width: 340px) and (max-width: 374px){
#con_two_1 ul li p{width: 37% !important;}
#con_three_1 ul li p{width: 39%  !important;}
}
/* 区间分辨率 320-340*/
@media screen and (min-width: 320px) and (max-width: 339px){
#con_two_1 ul li p{width: 34% !important;}
#con_three_1 ul li p{width: 36%  !important;}
}




