@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:692px;height:307px;margin-right:25px;}
.hudright{
	width:476px;
	height:307px;
	background: url(fuwubg_03.png) no-repeat center 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;
	
	
}
.hudright ul li img {
	position: absolute;
	left:47px;
	top:20px;
}
.hudright ul li p {
	    line-height: 50px;
    text-align: center;
}
	
#con_one_2 ul li {
	line-height:42px;
	font-size: 16px;
	background: url(star.png) no-repeat 7px 19px ; 
	padding-left:21px;
	border-bottom: 1px #90c1f1 dashed;
	color:#333;
	float: left;
	width:657px;

}
#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;
	border-bottom: 1px #90c1f1 dashed;
	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:320px;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;
	border-bottom: 1px #90c1f1 dashed;
	color:#333;
	float: left;
	width:555px;
}
#con_three_2 ul li a{
	color: #333
}
#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;}

#con_two_1 ul {margin-top:10px;}
#con_three_1 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; 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%}
    .chaxunsx ul li{width: 23%}
    .chaxunsx ul li a{padding:0 30px;}
}

@media screen and (max-width: 414px) {
	#con_one_2 p{width:70%;}
	.hudright{width:100%;}
	.hudright ul li{width:104px;height:80px;}
	.hudright ul li img{left:32px;top:15px}
	.hudright ul li p{text-align: center;line-height: 52px;}
	.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:94%;}
    #con_one_2 ul li{width:94%;}
    #con_two_1 ul li{width:94%;}
    #con_two_2 ul li{width:94%;}
    #con_three_1 ul li{width:94%;}
    #con_three_2 ul li{width:94%;}
    #con_two_1 ul li p{
	width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;}
    
    #con_three_1 ul li p{
	width: 70%;
    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%}
    .location{width: 95%}
    .threelist{height:320px;}

}

@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;}
	.hudright ul{left:23px;}
	.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%}
	.threelist{height:320px;}
}



@media screen and (max-width: 320px) {
#con_one_2 ul li p {
    width: 67%;}
	.hudright ul {left: 13px;}
    .hudright ul li{margin-right:5px;width:92px;}
    .tiaofu ul li img {padding-left: 111px;}
    .tiaofuli1 {width: 97%}
    #con_two_2 ul li p{width:68%;}
    #con_two_1 ul li p{width:68%;}
    #con_three_1 ul li p{width:68%;}
    #con_three_2 ul li p{width:68%;}
    #con_one_2 ul li {width: 92%;}
    #con_two_1 ul li {width: 92%;}
    #con_two_2 ul li {width: 92%;}
    #con_three_1 ul li {width: 92%;}
    #con_three_2 ul li {width: 92%;}
    .location{width: 95%}
}

.hudleft{
	margin-bottom: 40px
}

.hudright{
	margin-bottom: 40px
}
.hudright ul li{
	width: 200px;
	height: 54px;
	margin-bottom: 15px;

}
.hudright ul {
    position: absolute;
    bottom: 9px;
    left: 29px;
}
.chaxunsx ul li{
	width:162px;
	height:110px;
	border:1px solid #e8e8e8;
	float:left;
	background: #f9f9f9;
	margin-right:12px;
	margin-top:21px;
	text-align: center;

}
.chaxunsx ul li a{    
	margin-top: 30px;
    display: block;
    font-size: 18px;
    color:#2e5d89;
    padding:0 38px;
}
.chaxunsx ul li.nomargin{
	margin-right:0px;
}
@media screen and (max-width: 768px){
	html,body{ min-width:auto}
	.location{ width:95%}
	.main .container,.hudright ul{ overflow:hidden}
	.left{ float:none}
	.chaxunsx ul li{ width:24%; margin-right:1.3333%; box-sizing:border-box}
	.hudleft,.hudright{ width:100%}
	.hudright{ margin:0 auto; margin-bottom:35px;}
	.threelist{ width:100%}
	#con_two_1 ul li,#con_three_1 ul li{ width:100%; box-sizing:border-box}
	.hudright ul {
		width:430px;
    position: absolute;
    bottom: 9px;
    left: 50%; margin-left:-215px;
}
.hudright ul li{ width:49%; margin-right:1%}
}

@media screen and (max-width: 640px) {
	html,body{ min-width:auto}
	.main{ width:100%; box-sizing:border-box;  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%}
    .chaxunsx ul li{}
    .chaxunsx ul li a{padding:0 30px;}
    .hudright{background:#f0f6fc url(fuwubg_03.png) center no-repeat}
    .hudright{width: 100%}
    .threelist{margin-bottom:0px ;}
}

@media screen and (max-width: 500px) {
	html,body{ min-width:auto}
	.main{ width:100%; box-sizing:border-box; overflow:hidden}
	.container{ width:100%;}
	.tiaofu{ width:100%;}
	.hudleft{ width:100%;height:250px;}
	#con_one_2 p{width:70%; overflow: hidden; /*自动隐藏文字*/
    text-overflow: ellipsis;/*文字隐藏后添加省略号*/
    white-space: nowrap;float: left}
    .location{width: 95%}
    .chaxunsx ul li{height:85px;}
    .chaxunsx ul li a{padding: 0 10px;margin-top:20px;}
    .hudright{background:#f0f6fc url(fuwubg_03.png) center no-repeat}
    .hudright{width: 100%}
    .threelist{margin-bottom:0px ;}
    .threelist{width: 100%}
    #con_two_1 ul li{width:100%;}
    #con_two_1 ul li p{width:77%;}
    #con_three_1 ul li{width:100%;}
    #con_three_1 ul li p{width:77%;}


}

@media screen and (max-width: 414px) {
	
	#con_one_1 ul li{width:46%;line-height: 52px}
    .chaxunsx ul li {
    width: 46%;
    height:50px;
    margin-top:0px;
    margin-bottom: 20px;
    margin-right:26px;
    font-size:17px;
	}
	.chaxunsx ul li a{padding:0 10px;}
	.chaxunsx ul li:nth-child(even) {
    margin-right:0px;}

	#con_one_1 ul{
		margin-top:20px;
	}
	.chaxunsx ul li a{
		margin-top:0;
	}
	.hudright ul li{
		width:49%;
		margin-right:1%
	}
	.hudright ul {width: 100%;left:0; margin-left:0}
	.hdlefttit ul li a{font-size: 22px}
	.location{width: 95%}
	.hdlefttit {height:auto;padding-left:10px;}
	.hdlefttit ul{ overflow:hidden}
	.threelist{margin-bottom:0px;}
	.hudright{margin-bottom:15px;}
	#con_two_1 ul li p{width: 70%;}
	.hudleft{height:307px;}
	#con_three_1 ul li p{width: 70%;}
}


@media screen and (max-width: 375px){
.chaxunsx ul li {
    width: 46%;
    height: 46px;
    margin-top: 0px;
    margin-bottom: 15px;
    margin-right: 20px;
    font-size: 17px;
	}
	.chaxunsx ul li a{font-size:15px;}
	.hdlefttit {height: 45px;padding-left:10px;}
	.location{width: 95%}
	.threelist{margin-bottom:0px;}
	.titlistlang{height:70px;}
	.hudright{margin-bottom:15px;}
	.hudleft{height:307px;}
	#con_three_1 ul li p{width: 70%;}
	.hudright ul li {
    width: 49%;
	margin-right:1%;
    height: 50px;}
    .hudright ul li {
}
}



@media screen and (max-width: 320px){
.chaxunsx ul li {
    width: 45%;
    height: 46px;
    margin-top: 0px;
    margin-bottom: 15px;
    margin-right: 18px;
    font-size: 17px;
	}
	.chaxunsx ul li a{font-size:14px;}
	.hdlefttit {
    height: 70px;
}
	.hudright ul li{width: 49%;
	margin-right:1%;
    height: 50px;}
	.hudright ul{    position: absolute;
    bottom: 9px;
    left: 0px;}
    
    #con_three_1 ul li p {
    width: 66%;
	}
	#con_two_1 ul li p {
	    width: 66%;
	}
	.location{width: 95%}
	.hdlefttit{height:45px;padding-left:10px;}
	.threelist{margin-bottom:0px;}
	.titlistlang{height:70px;}
	.hudright{margin-bottom:15px;}
	.threelist{height:320px;}
}