*{
	margin: 0;
	padding: 0;
	border: 0;
}



a,li,ul,h1,h2,h3,h4,h5,h6{
	list-style: none;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	font-family: "微软雅黑";
}

body{
	background-color: #f6f6f6;
	overflow-x: hidden;
}

.fl{
	float: left;
}

.fr{
	float: right;
}

.cl{
	clear: both;
}

.layout{
	width: 1200px;
	margin:0 auto;
	min-width: 1200px;
}


/*top*/
.top{
	height:40px;
	line-height: 40px;
}
.top .fl span{
	font-size: 14px;
	color: #afafaf;
}


.top .fr a{
	font-size: 14px;
	color: #afafaf;
	padding: 5px 10px;
}

.top .fr a.langue{
	background: url(../img/index/more.png) no-repeat 100% center;
	background-size: 15px;
	padding-right: 20px;
}

.top .fr a:hover{
	color:#0a60db;
}

.top .fr a.langue:hover{
	color: #AFAFAF;
}


.top .fr a:last-child:hover{
	color: #AFAFAF;
}

.top .dow_app{
	display: block;
}

.top .app{
	display: inline-block;
	position: relative;
	
}

.top .app #tg{
	width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    position: absolute;
    left: 38px;
    top:40px;
    z-index: 3;
}

.top .app .app_code{
	padding: 5px;
	background-color: #fff;
	border: 1px solid #e8e8e8;
	height: 70px;
	overflow: hidden;
	position: absolute;
	top:48px;
	
}


#header{

	height: 103px;
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	background-color: #fff;
}

#header img{
	float:left;
}

#header form{
	float:left;
	position: relative;
	top:20px;
	padding-left: 1px;
}

#header input{
	height: 34px;
	border:1px solid #e8e8e8;
	color: #b6b6b6;
	width: 480px;
	line-height: 36px;
	border-radius: 2px;

}

#header button{

	font-size: 16px;
	color: #fff;
	background-color:#ff6600 ;
	text-align: center;
	padding: 8px 20px;

	border-radius: 2px;
}

#header .tel{
	float:left;
	position: relative;
	top:23px;
	padding-left: 11px;
	color:#CCCCCC;
}

#header .tel span{
	font-size: 25px;
	color:#ff6600;
}


nav{
	background-color:#4881ea ;
	height: 48px;
	display: flex;
	flex-direction: row;
	align-items: center;
}


nav a{
	display: block;
	line-height: 48px;
	padding: 0px 40px;
	color: #fff;
	float: left;
}

nav>a>ul>li:hover{
	background-color: #ff6600;
}

nav a.nav_active{
	background-color: #ff6600;
	
}
.nav_active{
	background-color: #ff6600;

}

/*中间部分*/
.silder{
	margin-top: 30px;
}

.silder ul li{
	width: 198px;
	height: 48px;
	background-color: #4881ea;
	border: 1px solid #0f5cea;
	border-top: none;
	
}

.silder ul li:first-child{
	border-top: 1px solid #0f5cea;
}


.silder ul li a{
	display: inline-block;
	width: 100%;
	height: 100%;
	line-height: 48px;
	color:#fff;
	text-align: center;
}

.silder ul li a:hover{
	background-color: #0F5CEA;
}

.silder ul li a.active{
	background-color: #0F5CEA;
}


.content{
	width: 970px;
	margin-top: 30px;
	background-color: #fff;
}

.content .title{
	height: 48px;
	border-bottom: 2px solid #e8e8e8;
}

.content .title h1{
	font-size: 16px;
	line-height: 48px;
	width: 200px;
	text-align: center;
	background-color: #0f5cea;
	color: #fff;
}

/*结束任务*/




footer{
	margin-top: 40px;
	background-color: #333333;
	padding: 40px 0px;
	width: 100%;
}

footer dl{
	display: flex;
	flex-direction: column;
	align-items: center;
	float: left;
	padding: 0px 30px;
	margin-right: 20px;
}

footer dl dt{
	color:#f4f4f4;
	font-size: 16px;
	padding-bottom: 10px;
}

footer dl dd{
	
	padding-bottom: 5px;
}

footer dl dd a{
	color:#949494;
	font-size: 13px;
	line-height: 26px;
}

footer .download_app{
	float: right;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-right: 40px;
	margin-top: 10px;
}

footer .download_app a{
	display: block;
	margin-top: 10px;
	color:#949494; 	
	font-size: 13px;
	
}


.silder_nav{
	position: fixed;
	top:220px;
	right: 5%;
	/*width: 40px;*/
	/*height: 200px;*/

}

.silder_nav a{
	display: block;
	width: 60px;
	height: 60px;
	text-align: center;
	background-color: #4881ea;
}

.silder_nav a img{
	margin-top:13px;
}

.silder_nav a:hover{
	background-color: #ff6600;
}

.tc{
	background-color: #fff;
	width: 200px;
	height: 200px;
	position: fixed;
	left: 45%;
	top:25%;
	border:1px solid #CCC;
	border-radius: 15%;
	display: none;
}
.tc h3{
	font-style: normal;
	font-size: 14px;
	text-align: center;
	margin-bottom: 10px;
	margin-top: 30px;
}
.tc input{
	border:1px solid #ccc;
	line-height: 26px;
	margin: auto;
	display: block;
}

.tc .btm-input{
	display: block;
	background-color: #ff6600;
	color: #fff;
	margin: auto;
	width: 60%;
}



.pagination{
    width: 500px;
    margin-left: 32px;
    padding: 20px 0px;

}

.pagination li{
    background-color: #fff;
    display: inline-block;
    padding: 3px 8px;
    border:1px solid #E8E8E8;
    color:#999999;
    font-size: 13px;
}

.pagination li:hover{
    color:#4681e9;
    border:1px solid #4681e9;
}

.pagination li.active{
    color:#fff;
    background-color: #4681e9;
}