@charset 'utf-8';


* {padding: 0;margin: 0;box-sizing: border-box;}
html {font-family:  Microsoft YaHei;font-size: 16px;height: 100%;}
body {position: relative;height: 100%;}
/*清除浮动*/
.cleanFloat::after {content: "\0020";display: block;height: 0;clear: both;}
ul,li {list-style: none;margin-bottom:0;}
label {margin: 0;}
input {outline: none;border: 0;}
table,td,th{border:1px solid #000;border-collapse:collapse ;}
a{text-decoration:none;color: #000;} 
a:focus{color: #003399;} 
.wrap{height:auto;min-height: 100%;}
.wrap .main{padding-bottom: 90px;}
.w{width: 1097px; margin: 0 auto;}
.box{width:100%}
.row-nowrap-between-start{
	display: -webkit-flex; 
    display: flex; 
    display: -webkit-box; 
    display: -moz-box;
    display: -ms-flexbox;
    
	flex-flow: row nowrap;
	-webkit-flex-flow:row nowrap;
    -webkit-box-orient:horizontal;
    -webkit-box-lines:single;
　　-moz-flex-flow:row nowrap;
    box-orient:horizontal;
    box-lines:single;
    flex-flow:row nowrap;
	
	-webkit-justify-content:space-between;
	justify-content:space-between;
	-ms-flex-pack:justify;
	-webkit-box-pack:justify;
	
	-webkit-box-align:start;
	-webkit-align-items:flex-start;
	align-items:flex-start;
	-ms-flex-align:start;
}
.row-nowrap-between-center{
	display: -webkit-flex; 
    display: flex; 
    display: -webkit-box; 
    display: -moz-box;
    display: -ms-flexbox;
    
	flex-flow: row nowrap;
	-webkit-flex-flow:row nowrap;
    -webkit-box-orient:horizontal;
    -webkit-box-lines:single;
　　-moz-flex-flow:row nowrap;
    box-orient:horizontal;
    box-lines:single;
    flex-flow:row nowrap;
	
	-webkit-justify-content:space-between;
	justify-content:space-between;
	-ms-flex-pack:justify;
	-webkit-box-pack:justify;
	
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	-ms-flex-align:center;
}
.row-wrap-between-center{
	display: -webkit-flex; 
    display: flex; 
    display: -webkit-box; 
    display: -moz-box;
    display: -ms-flexbox;
    
	flex-flow: row wrap;
	-webkit-flex-flow:row wrap;
    -webkit-box-orient:horizontal;
    -webkit-box-lines:multiple;
　　-moz-flex-flow:row wrap;
    box-orient:horizontal;
    box-lines:multiple;
    flex-flow:row wrap;
	
	-webkit-justify-content:space-between;
	justify-content:space-between;
	-ms-flex-pack:justify;
	-webkit-box-pack:justify;
	
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	-ms-flex-align:center;
}
.row-nowrap-center-center{
	display: -webkit-flex; 
    display: flex; 
    display: -webkit-box; 
    display: -moz-box;
    display: -ms-flexbox;
    
	flex-flow: row nowrap;
	-webkit-flex-flow:row nowrap;
    -webkit-box-orient:horizontal;
    -webkit-box-lines:single;
　　	-moz-flex-flow:row nowrap;
    box-orient:horizontal;
    box-lines:single;
    flex-flow:row nowrap;
    
	-webkit-justify-content:center;
	justify-content:center;
	-ms-flex-pack:center;
	-webkit-box-pack:center;
	
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	-ms-flex-align:center;
}

.row-nowrap-around-center{
	display: -webkit-flex; 
    display: flex; 
    display: -webkit-box; 
    display: -moz-box;
    display: -ms-flexbox;
    
	flex-flow: row nowrap;
	-webkit-flex-flow:row nowrap;
    -webkit-box-orient:horizontal;
    -webkit-box-lines:single;
　　	-moz-flex-flow:row nowrap;
    box-orient:horizontal;
    box-lines:single;
    flex-flow:row nowrap;
    
	-webkit-justify-content:space-between;
	justify-content:space-between;
	-ms-flex-pack:justify;
	-webkit-box-pack:justify;
	
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	-ms-flex-align:center;
}
.row-nowrap-center{
	display: -webkit-flex; 
    display: flex; 
    display: -webkit-box; 
    display: -moz-box;
    display: -ms-flexbox;
    
	flex-flow: row nowrap;
	-webkit-flex-flow:row nowrap;
    -webkit-box-orient:horizontal;
    -webkit-box-lines:single;
　　	-moz-flex-flow:row nowrap;
    box-orient:horizontal;
    box-lines:single;
    flex-flow:row nowrap;
    
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	-ms-flex-align:center;
}
.row-nowrap-between{
	display: -webkit-flex; 
    display: flex; 
    display: -webkit-box; 
    display: -moz-box;
    display: -ms-flexbox;
    
	flex-flow: row nowrap;
	-webkit-flex-flow:row nowrap;
    -webkit-box-orient:horizontal;
    -webkit-box-lines:single;
　　	-moz-flex-flow:row nowrap;
    box-orient:horizontal;
    box-lines:single;
    flex-flow:row nowrap;
    
    -webkit-justify-content:space-between;
	justify-content:space-between;
	-ms-flex-pack:justify;
	-webkit-box-pack:justify;
}
.column-nowrap-center{
	display: -webkit-flex; 
    display: flex; 
    display: -webkit-box; 
    display: -moz-box;
    display: -ms-flexbox;
    
	flex-flow: column nowrap;
	-webkit-flex-flow:column nowrap;
    -webkit-box-orient:vertical;
　　	-moz-flex-flow:column nowrap;
    box-orient:vertical;
    flex-flow:column nowrap;
    
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	-ms-flex-align:center;
}
.column-nowrap{
	display: -webkit-flex; 
    display: flex; 
    display: -webkit-box; 
    display: -moz-box;
    display: -ms-flexbox;
    
	flex-flow: column nowrap;
	-webkit-flex-flow:column nowrap;
    -webkit-box-orient:vertical;
　　	-moz-flex-flow:column nowrap;
    box-orient:vertical;
    flex-flow:column nowrap;
}

.flex-grow-1{
	-webkit-box-flex: 1.0;
    -moz-flex-grow: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
}
.flex-grow-2{
	-webkit-box-flex: 2.0;
    -moz-flex-grow: 2;
    -webkit-flex-grow: 2;
    flex-grow: 2;
}
.flex-grow-4{
	-webkit-box-flex: 4.0;
    -moz-flex-grow: 4;
    -webkit-flex-grow: 4;
    flex-grow: 4;
}
.logo{
	background: url(../img/logo.png) no-repeat;
    width: 361px;
    height: 76px;
    margin: 12px 0;
}
.navBox{
	box-shadow: 0 0 5px #999;
}
.navTitle p{
	font-size: 26px;
	color:#4AB7F5;
}
.navTitle a{
	font-size: 14px;
	cursor: pointer;
}
.navTitle a:hover{
	color:#003399;
}
.navbar ul{
	height: 90px;
	margin-bottom:10px;
}
.navbar ul li{
	height: 100%;
	font-size: 18px;
	margin:0 20px;
	padding: 0 15px;
	cursor: pointer;
}
.navbar ul li:hover a{
	color: #003399;
}
.navbar ul .active{
	color: #fff !important;
	background: #003399;
	position: relative;
}

.navbar ul .active::before{
	content:"";
	width:100%;
	height: 5px;
	background: #FFFFFF;
	position: absolute;
	top:5px;
	left:0;
}
.navbar ul .active::after{
	content:"";
	border-bottom:8px solid #fff;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	position: absolute;
	bottom:0;
	left:50%;
	transform: translateX(-50%);
}

.childNavBox{
	background:#003399;
	color: #fff;
}
.childNav div{
	font-size: 12px;
}
.childNav>ul>li{
	height: 70px;
	line-height: 70px;
	box-sizing: border-box;
	margin-left:28px;
	cursor: pointer;
	position:relative;
}
.childNav>ul>li:hover{
	color:#4AB7F5;
}
.childNav>ul>li:hover ul{
	display:block;
}
.childNav>ul .active{
	
	border-bottom: 2px solid #4AB7F5;
}
.childNav>ul .active >a {
font-size: 16px;
	color:#4AB7F5 !important;
}
.childNav>ul>li ul{
	position: absolute;
	width: 160px;
    top: 63px;
    left: -4px;
    z-index: 2;
    background: #4cb7f5;
    color:#fff !important;
    display: none;
}
.childNav>ul>li ul::before{
	content: "";
	border-bottom: 6px solid #4cb7f5;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	position: absolute;
	top:-6px;
	left:10px;
}
.childNav>ul>li ul li{
	line-height: 43px;
	padding-left:35px;
}
.childNav>ul>li ul li:hover{
	background: #003699;
}
.childNav>ul .active-c{
	background: #003699;
	
}
.childNavBox ul li a {
    color: #fff;
}

.footer{
	border:1px solid #DDDDDD;
	background:#EDEDED;
	width: 100%;
	margin-top: -92px;
}
.footer>div{
	height: 90px;
	font-size: 14px;
}
.footer div div{
	margin-right: 10px;
}
/******内容标题******/
.conTitle{
	width: 100%;
	border-bottom:3px solid #DDDDDD;
	box-sizing: border-box;
	margin-bottom:20px;
}
.conTitle div p{
	color: #003399;
	font-size: 20px;
	padding:20px 0;
	position: relative;
}
.conTitle div p::after{
	content: "";
	width: 100%;
	border-bottom:3px solid #003399;
	position: absolute;
	bottom:-3px;
	left: 0;
}
.conTitle div span{
	color: #DDDDDD;
	margin-left: 10px;
}
.conTitle>a{
	cursor: pointer;
	font-size:12px;
}
.conTitle>a:hover{
	color:#003399;
}
/*******带切换菜单标题*********/
.tabTitle{
	box-sizing: border-box;
	margin-bottom:22px;
	margin-top:14px;
	position: relative;
}
.tabTitle::after{
	content: "";
	width: 100%;
	border-bottom:3px solid #DDDDDD;
	position: absolute;
	bottom:-5px;
	left: 0;
}
.tabTitle div {
	margin-right: 40px;
}
.tabTitle div p{
	color: #FFFFFF;
	font-size: 20px;
	padding:12px 10px;
	background: #4cb7f5;
	position: relative;
}
.tabTitle div p::after{
	content: "";
	width: 100%;
	border-bottom:3px solid #4cb7f5;
	position: absolute;
	bottom:-5px;
	left: 0;
	z-index: 1;
}
.tabTitle ul li{
	font-size: 20px;
	padding:12px 0;
	margin-right: 30px;
	cursor: pointer;
}
.tabTitle ul li.active{
	color: #4cb7f5;
	font-size: 20px;
	padding:12px 0;
	position: relative;
	margin-right: 30px;
}
.tabTitle ul li.active::after{
	content: "";
	width: 100%;
	border-bottom:3px solid #4cb7f5;
	position: absolute;
	bottom:-5px;
	left: 0;
	z-index: 1;
}