﻿

/*公共*/

html,body,div,p,h1,h2,h3,dl,dt,dd,ul,ol,li,span,i,em,a,img{
	padding:0;
	margin:0;
}

body{ font-family:"Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "MicrosoftYaHei", "WenQuanYi Micro Hei", sans-serif;
;}

ul,li{
	list-style:none;
}

a{
	text-decoration:none;
	color:#000;
}


.intop{
	width:100%;
	background-color:#FFFFFF;
	padding-top:20px;
}


/*头部logo列*/

.intitle{
	width:1200px;
	height:60px;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
}


.in_xixi{
	width:400px;
	display:flex;
	justify-content:space-between;
	margin-right:60px;
}

.in_line{
	width:10px;
	border-right:1px solid #eee;
	margin-right:10px;
}


/*头部导航列*/

.nav{
	width:1200px;
	margin:0 auto;
	margin-top:30px;
	margin-bottom:10px;
}

.nav ul{
	width:100%;
	display:flex;
	justify-content:space-between;
}


.nav ul li{
	height:76px;
	border-left:1px solid #dddddd;
	flex-grow:1;
	display:flex;
	text-align:center;
	justify-content:center;
	align-items:center;
}

.nav ul li:nth-child(1){
	border-left:none;
}

.nav ul li a{
	display:inline-block;
}

.nav ul li:last-child{
	border-right:none;
}

.nav ul li a h3{
	font-size:20px;
	margin-bottom:2px;
	color:#000;
}

.nav ul li a div.eng_name{
	font-size:12px;
	color:#333;
	margin-bottom:6px;
}

.nav ul li a:hover h3{
	color:#E61E1E;
}
.nav ul li a:hover div{
	color:#E61E1E;
}

.hovr_line{
	width:100%;
	height:4px;
	background:#E61E1E;
}

.line{
	width:100%;
	height:4px;
	background:#E61E1E;
}

.nav ul li a div:last-child{
	width:100%;
	height:4px;
}



/*尾部*/

#foot{
	width:100%;
	background:#333333;
	overflow:hidden;
}

.cen_info{
	width:1200px;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
	margin-top:40px;
}

.lies{
	width:180px;
}


.big_nav{
	width:auto;
}

.big_nav h2{
	font-size:24px;
	color:#fff;
}

.big_nav h3{
	width:30px;
	height:2px;
	background:#ED7900;
	margin-top:10px;
}


.list_info{
	margin-top:30px;
}

.list_info dl{
	width:160px;
}
.list_info dl dt{
	width:100%;
	height:30px;
	border-bottom:1px solid #3C3C3C;
	font-size:20px;
	color:#E5E5E5;
}

.list_info ul{
	width:170px;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	margin-top:20px;
}

.list_info ol{
	margin-top:10px;
}

.list_info ul li, .list_info ol li{
	width:80px;
	height:30px;
	line-height:30px;
	font-size:16px;
	font-weight: 300;
}

.list_info ul li a, .list_info ol li a{
	color:#E5E5E5;
}

.list_info p{
	width:100%;
	margin-top:12px;
	vertical-align:top;
}

.list_info p span{
	width:40px;
	height:40px;
	display:inline-block;
	font-size:0;
	margin-left:5px;
	border-radius:25px;
	border:3px solid #3C3C3C;
}

.list_info p span{
	background:#222 url(../images/lx_icon.png) no-repeat;
}

.list_info p span.wx{
	background-position:8px 10px;
}

.list_info p span.qq{
	background-position:7px -28px;
}

.list_info p span.sj{
	background-position:5px -70px;
}

.xf_form{
	width:100%;
	margin-top:10px;
}

.xf_form ul li{
	margin-top:5px;
	margin-bottom:5px;
	position:relative;
}


.input_bor{
	width:150px;
	height:38px;
	border:1px solid #3C3C3C;
	margin:0;
	padding:0;
	background:#262626;
	text-indent:10px;
	font-size:16px;
	color:#E5E5E5;
}

.xfbtn{
	border-radius:4px;
	background:#424242;
	padding:5px 20px;
	color:#fff;
	border:none;
	font-size:18px;
	cursor:pointer;
}

.xfbtn:hover{
	background:#000;
}



.footline{
	width:100%;
	height:0;
	border-top:1px solid #0D0D0F;
	border-bottom:1px solid #454547;
	margin-top:30px;
	margin-bottom:10px;
}


.address{
	width:1200px;
	margin:20px auto;
}

.address p{
	margin-bottom:6px;
	text-align:center;
	color:#fff;
	font-weight: 300;
}

.address p a{
	color:#FFF!important;
}


#xmlist{
    width: 300px;
    height: 310px;
    display: none;
    box-shadow: 1px 1px 10px #000000;
    background: #FFF;
    border-radius: 6px;
    position: absolute;
    left: -310px;
    top: -200px;
    z-index: 10;
}


#xmlist p {
    width: 80px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    text-indent: 10px;
    background: #EEE;
    float: left;
    margin-left: 13px;
    margin-top: 13px;
    cursor: pointer;
}

#xiangmu{
	background:url(/public/images/zhuanyes.png) no-repeat 120px center;
	cursor:pointer;
}


/* 分页 */
.pages{width:1000px; height:50px; margin:20px auto;}
.pages ul{width:auto; height:auto;}
.pages ul li{width:auto; height:40px; line-height:40px; text-align:center; border:1px solid #EEE; float:left; margin-left:10px; padding:0 15px; background:#FFF}
.pages ul li.active{ background-color:#EEE; font-weight:bold}
.pages ul li a{width:auto; height:40px; display:block; color:#666;}
.pages ul li a:hover{ color:#F60}

.pages ul li.thisclass{
	width: 40px;
	height: 40px;
	background: #000;
	color: #fff;
	margin-left: 10px;
    padding: 0;
}




/*搜索框*/

#searchbox{
	width:1200px;
	height:70px;
	border:1px solid #EEE;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:10px;
	background:#FFF;
}

.search_box{width:300px; height:34px; float:left; margin-top:17px; margin-left:20px; }
.search_box input{width:300px; height:36px; display:block; border:1px solid #C93819; text-indent:5px; background:#FFF; box-sizing:border-box;}

.search_sbm input{width:60px; height:36px; border:none; display:block; line-height:36px; text-align:center; background:#C93819; margin-top:17px; color:#FFF; border-radius:0 6px 6px 0;
cursor:pointer; font-size:16px; float:left}

.keywords{width:700px; height:36px; line-height:36px; margin-top:17px; float:left; margin-left:30px; font-size:14px; overflow:hidden}
.keywords ul{width:auto; height:auto;}
.keywords ul span{ float:left;}
.keywords ul li{width:auto; float:left; padding-left:20px; color:#999; cursor:pointer}
.keywords ul li a{ color:#F00}

.left_side dl dt a:hover{color:#E61E1E;}


/* 左侧导航 */
.left_side{width:330px; height:auto; border:1px solid #FAFAFA; float:left; background-color:#FFF; margin-bottom:20px;}
.left_side h3{width:100%; height:42px; line-height:40px;  background-color:#E61E1E; text-indent:28px; font-size:18px; color:#FFF; margin:0;}
.left_side dl{ height:auto; margin:0 auto; margin-top:10px; margin-bottom:10px;}
.left_side dl,dd {}
.left_side dt{/*border: 1px solid #E61E1E;*/ background:#eee url(../images/right_arrow.png) no-repeat 280px center; padding: 5px 5px 5px 28px; margin-bottom:8px; height:30px; line-height:30px; font-weight:bold}
.left_side dt a{width:100%; height:100%; display:block; color: #333; text-decoration:none; }
.left_side dd a{ color: #000; }
.left_side dd ul{ width:100%; height:auto;}
.left_side dd ul li{ width:150px; height:36px; line-height:36px; text-indent:10px; float:left; margin-bottom:1px; background:#F3F3F3; margin-left:1px;}
.left_side dd ul li:nth-child(odd){ margin-left:0;}
.left_side dd ul li:hover{ background:#FFF}
.left_side dd ul li a{width:100%; height:100%; display:block; color:#333}
.left_side dd ul li a:hover{ color:#F60}


/* 右侧 */
.right_side{width:840px; height:auto; border:1px solid #FAFAFA; float:right; background-color:#FFF; margin-bottom:20px;}
.right_side h3{width:100%; height:42px; background:#EEE; margin:0;}
.right_side h3 em{width:200px; height:42px; display:block; font-style:normal; line-height:40px; background:#E61E1E; text-align:center; font-size:18px; color:#FFF; margin:0;}





/* 热点排行 */
#news_right{ width:335px; height:auto; float:right;}
.hot_news{width:100%; height:auto;background:#FFF; overflow:hidden; margin-bottom:20px}
.hot_news h3{width:auto; height:40px; line-height:40px; font-size:18px; color:#F60; text-indent:15px; margin:0; margin-top:10px}
.hot_news ul{ padding-bottom:20px}
.hot_news ul li{width:auto; height:36px; font-size:14px; line-height:36px; }
.hot_news ul li span{ line-height:24px; border:1px solid #CCC; padding:0 9px; float:left; margin-left:10px; margin-top:6px; color:#CCC}
.hot_news ul li a{width:290px; height:100%; display:block; color:#333; float:left;text-indent:5px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.hot_news ul li a:hover{ color:#F60}
.hot_news ul li span.onecla{ border:1px solid #F00; color:#F00}
.hot_news ul li span.oneclb{ border:1px solid #F60; color:#F60}
.hot_news ul li span.oneclc{ border:1px solid #F96; color:#F96}
.hot_news ul li span.onecld{ border:1px solid #FFCDB5; color:#FFCDB5}


/* 经验分享 */
.fx_news{width:100%; height:auto;background:#FFF; overflow:hidden; margin-bottom:20px}
.fx_news h3{width:auto; height:40px; line-height:40px; font-size:18px; color:#F60; text-indent:15px; margin:0; margin-top:10px; border-bottom:1px solid #DFDFDF}
.fx_news ul{ padding-bottom:20px}
.fx_news ul li{width:auto; height:36px; font-size:14px; line-height:36px; border-bottom:1px dashed #CCCCCC; position:relative}
.fx_news ul li a{width:290px; height:100%; display:block; color:#333; float:left;text-indent:15px}
.fx_news ul li a:hover{ color:#F60}
.fx_news ul li em{width:100px; height:36px; display:block; position:absolute; right:0; top:0; font-size:12px; display:none; color:#F60}










