.topper {
	height:32px;background:#3989E2;
}
.topper .topper-span-split {
	float:right;line-height:32px;color:#fff;
}
.topper .topper-span-welcom {
	float:left;line-height:32px;color:#fff;
}
.topper .topper-a-nav {
	float:right;line-height:32px;color:#fff;
}
.headernav {border-bottom: 1px solid #e4e6ea;background:#F9FBFF;}

.headernav-div-nav {
	
    height:100px;
    position: relative;
    
	width:100%;background:url(../images/logo3.png) no-repeat left center ;
}
.headernav-div-nav ul {
	float:right;
}
.headernav-div-nav  ul li {
	float:left;
	list-style-type:none;
}
.headernav-div-nav  ul li a{
	display:block;
	height:100px;
	width:90px;
	line-height:100px;
	font-size:16px;
	font-weight:bold;
	color:#333;
}
.headernav-div-nav  ul li a:hover{
	
	color:#2E90CD;
}
.servicenav {
	padding-left:20px;
}
.servicenav .servicenav-div-box {
	height:auto;
	margin-top:10px;
	z-index:200;position:relative;
	padding-bottom:35px;
}
.tab .tab-nav {
	padding:0px;
}
.tab .tab-nav li a
{
	border: 0;
	
	padding:15px 30px;
	font-size:18px;
	border-radius:0;
}
.tab-nav .active a{
	background:#F24A3D;
	background:#053E7E;
	background:#3989E2;
	background:#FF8240;
	background:#3989E2;
	color:#fff !important;
}
.tab-nav li.active:after{
	content:'';
	display: block;
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
    position: relative;
    bottom: -5px;
    left: 50%;
    margin-left: -5px;
	margin-top:-10px;
    background: #F24A3D;
	background:#053E7E;
	background:#3989E2;
	background:#FF8240;
	background:#3989E2;
}
.notice {
	margin-bottom:25px;
	margin-top:25px;
}
.notice .notice-div-line-big{
	margin-left:0px;background:#fff;margin-right:0px;
}
.notice .notice-div-xm4 {
	height:300px;padding:10px;
}
.notice .notice-div-pic {
	height:100%;
}
.notice .notice-div-xm8{
	height:300px;padding:10px;
}
.notice .notice-div-box {
	position:relative;padding-bottom:35px;
}
.tab-nav-1 {
	padding:0px;
}
.tab-nav-1 .more {
	float:right;margin-top:15px;color:#bbb;
}
.tab-nav-1 .active a{
	background:#2E90CD;
	background:#3989E2;
	color:#fff !important;
}
.tab-nav-1 li.active:after{
	content:'';
	display: block;
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
    position: relative;
    bottom: -5px;
    left: 50%;
    margin-left: -5px;
	margin-top:-10px;
    background: #fff;
	
}


.tab-panel .line .xm2 {
	text-align:center;
}
.tab-panel .line .xm2 a {
	diplay:block;
	line-height:52px;
	font-size:16px;
}

.tab-body ul {margin-left:5px;list-style-type:none;padding-left:0px;}
.tab-body ul li a {display:block;width:100%;height:27px;line-height:27px;background:url(../images/li-bg.png) no-repeat left center;padding-left:15px;}
.service3 {
	margin-bottom:25px;
}
.service3 .service3-div-linebig {
	margin-left:0px;margin-right:0px;background:#fff;padding-top:10px;padding-bottom:10px;
}
.service3-div-box4 ul {margin-left:5px;list-style-type:none;padding-left:0px;}
.service3-div-box4 ul li a {display:block;width:100%;height:27px;line-height:27px;background:url(../images/li-bg.png) no-repeat left center;padding-left:15px;}
.service3-div-box4pic1 {
	height:auto;width:100%;background:url(../images/h-bg1.jpg) no-repeat left 10px;
}
.service3-div-box4pic2{
	height:auto;width:100%;background:url(../images/h-bg2.jpg) no-repeat left 10px;
}
.service3-div-box4pic3{
	height:auto;width:100%;background:url(../images/h-bg3.jpg) no-repeat left 10px;;
}
.service3-div-bg{
	width:220px;height:106px;background:url(../images/box-bg.png)
}
.box4-title {
	
	display: block;
    position:relative;
	top:30px;left:30px;
    font-size: 18px;
    color: #fff;
    width: 46px;height:48px;
}
.box4-more {display: block;
position:relative;
top:-10px;left:125px;
    width: 86px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background: url(../images/bt-bg.png) center no-repeat;
    color: #fff;
    font-size: 14px;}
.ksnav {
	margin-bottom:80px;
}	
.ksnav-div-container {padding-left:20px;}
.ksnav-div-linebig {
	background:#fff;margin-left:0px;margin-right:0px;
}
.ksnav-h1-title {
	text-align:left;
	padding-top:20px;
	color:#0B64C8;
	padding-bottom:10px;
	background:url(../images/border.jpg) left bottom no-repeat;
}
.ksnav-span-zm {color:#A63A00;}
.ksnav-div-linebigmend {
	padding-top:20px;
}
.character360 {
    width: 150px;
    height: 150px;
    border: 2px solid #005DC5;
    border-radius: 50%;
    overflow: hidden;
    margin: 15px auto 10px;
    -webkit-transition: -webkit-transform 3s ease-out;
    -moz-transition: -moz-transform 3s ease-out;
    -o-transition: -o-transform 3s ease-out;
    -ms-transition: -ms-transform 3s ease-out;
    
}
.character360-1{
 background:url(../images/or1.png);
}
.character360-1:hover{
  border:2px solid #4F5D73;
  -webkit-transform: rotateZ(360deg);
  -moz-transform: rotateZ(360deg);
  -o-transform: rotateZ(360deg);
  -ms-transform: rotateZ(360deg);
}

.character360-2 {
    background: url(../images/or2.png);
}
.character360-2:hover{
    border:2px solid #76C2AF;
  -webkit-transform: rotateZ(360deg);
  -moz-transform: rotateZ(360deg);
  -o-transform: rotateZ(360deg);
  -ms-transform: rotateZ(360deg);
}

.character360-3{
 background:url(../images/or3.png);
}
.character360-3:hover{
    border:2px solid #77B3D4;
  -webkit-transform: rotateZ(360deg);
  -moz-transform: rotateZ(360deg);
  -o-transform: rotateZ(360deg);
  -ms-transform: rotateZ(360deg);
}
.character360-4{
 background:url(../images/or4.png);
}
.character360-4:hover{
    border:2px solid #399BDC;
  -webkit-transform: rotateZ(360deg);
  -moz-transform: rotateZ(360deg);
  -o-transform: rotateZ(360deg);
  -ms-transform: rotateZ(360deg);
}
.character360p {
	text-align:center;
	font-size:16px;font-weight:bold;
	color:#A63A00;
}
.service-bag .bag-content1 {
	border-left:1px solid #ddd;border-right:1px solid #ddd;
}
.service-bag .bag-content2 {
	border-right:1px solid #ddd;
}
.service-bag .bag-content3 {
	border-right:1px solid #ddd;
}
.service-bag .bag-content4 {
	border-right:1px solid #ddd;
}
.footer {
	height:auto;background:#3989E2;padding-bottom:30px;
}
.footer p {color:#fff;}
.footer .footer-div-xm6 {
	margin-top:50px;
}
.footer .footer-xm6-top {
	border-right:1px solid #fff;
}
.footer .footer-div-wx {
	width:110px;height:110px;background:url(../images/wx-logo.jpg) no-repeat;margin-left:40px;float:left;margin-right:20px;
}
.footer .footer-p-hxu {
	float:left;margin-top:40px;
}
.list_right {min-height:370px;width:100%;padding-left: 15px;}
.list_right .right {height:100%;width:100%;background:##ff0000;}
.list_right ul {list-style-type:none;padding-left:5px;}
.list_right ul li a {display:block;width:100%;padding-left:15px;padding-right:10px;height:45px;
font-size:14px;line-height:45px;color:#333;border-bottom:1px dashed #ddd;
background:url(../images/li-bg.png) no-repeat left center;
}

.list {
	margin-bottom:50px;
}
.list .list-div-xm2 {
	margin-top:30px;
}
.list .list-div-title {
	height:50px;width:100%;background:#3989E2;text-align:center;line-height:50px;font-size:20px;font-weight:bold;color:#fff;
}
.list .list-div-userservice{
	height:65px;width:100%;background:#BF6230;margin-top:100px;text-align:center;padding-top:5px;
}
.list .list-div-download{
	height:65px;width:100%;background:#BF9F30;margin-top:5px;text-align:center;padding-top:5px;
}
.list .list-p-p1{
	color:#fff;font-size:18px;;margin-bottom:0px;margin-top:5px;
}
.list .list-p-p2{
	color:#fff;font-size:16px;
}
.list .list-div-xm10 {
	margin-top:30px;
}
.list .list-div-box {
	height:35px;width:100%;background:#aabfd6;border-top:2px solid #003D80;padding-left:10px;position:relative;
}
.list .list-h4-title{
	background:#fff;width:90px;height:35px;text-align:center;line-height:35px;font-weight:normal;font-size:18px;
}
.list .list-span-location{
	display:block;line-height:35px;margin-right:10px;font-size:14px;position:absolute;right:5px;top:0px;
}
.list .list-div-content {
	min-height:200px;width:herit;border:1px solid #ddd;border-top:none;padding-top:30px;
}
.list .list-h2-articetitle{
	text-align:center;font-size:24px;color:#000;font-weight:normal;
}
.list .list-p-time {
	color:#aaa;text-align:center;margin-top:15px;border-bottom:1px dashed #efefef;padding-bottom:10px;margin-left:25px;margin-right:25px;
}


.list .list_li a{
    width: 100%;
    text-align: center;
    font-size: 14px;
    
    line-height: 35px;
    height: 35px;
   
}

.list .list_li li {
     border-bottom:1px solid #e8e8e8;
}

.list .list_box {
	margin-top:25px;
}

.list .xm3-box {
	width:100%;
	height:150px;
	background:#fff;
	border:1px solid #ddd;
	box-shadow: 0 6px 10px 0 rgb(95 101 105 /15%);
	border-radius: 8px;
	box-sizing: border-box;
	transition: all .2s;
	margin-bottom: 25px;
}

.list .xm3-box:hover {
	width:100%;
	height:150px;
	background:rgba(133, 189, 255, 0.05);
	border:1px solid #aaa;
	box-shadow: 0 6px 10px 0 rgb(95 101 105 /45%);
	border-radius: 8px;
	box-sizing: border-box;
	transition: all .2s;
}

.tag  a:hover{
font-color:#fff;
}
@media(max-width:1000px){
	.icon-navicon {
		display:block;
	}
	.nav-navicon{
		display:none;
	}
		.headernav-btn{
		position:absolute;right:10px;top:30px;z-index:300;
	}
	
	.headernav-div-nav ul{
		margin-top:75px;border-right:1px solid #FF5900;border-left:1px solid #FF5900;
		
	}
	.headernav-div-nav ul li a {
    display: block;
    height: 30px;
    width: 90px;
    line-height: 30px;
    font-size: 16px;
    
}
.notice .hidden-pic {
display:none;
}

}

@media(max-width:760px){
	.headernav-div-nav {
	height: 60px !important;
    width:100% !important;
    position: relative;
	background:url(../images/logo2.png) no-repeat left center !important;
    
}
   
	.headernav-btn{
		position:absolute;right:10px;top:15px;z-index:300;
	}
	.headernav-div-nav ul{
		margin-top:25px;border-top:1px solid #FF5900;border-left:0;border-right:0;
	}
	.headernav-div-nav ul li a {
    display: block;
    height: 30px;
    width: 90px;
    line-height: 30px;
    font-size: 16px;
    
}
	
	.xl-margin {margin-top:10px;margin-bottom:10px;}
	.xl-border {border-left:1px solid #ddd;}
}