body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
input,
textarea,
p,
th,
td,
img {
    margin: 0;
    padding: 0;
}

img {
    border: 0
}

ol,
ul {
    list-style: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 16px;
}

input {
    outline: none;
    border: none;
}

html {
    _overflow-y: scroll;
}


/*****！！页面通用css样式定义开始******/

html,
body {
    min-width: 1200px;
    font-family: "Microsoft YaHei";
    _width: expression(document.body.clientWidth < 1200 ? "1200px": "auto");
}


/* body的css定义:这里定义页面上下左右边距，页面背景颜色，滚动条颜色样式 */

body {
    font-family: "微软雅黑";
    /*文字字体定义 */
    font-size: 14px;
    /*文字大小定义 */
    color: #666666;
    /*文字颜色定义 */
    min-width: 1200px;
    outline: none;
}

* {
    word-break: break-all;
    word-wrap: break-word
}


/* 网站超链接css通用设置 */

a {
    text-decoration: none;
}


/* 链接无下划线,有为underline */

a:link {
    color: #2c2c2c;
}


/* 未访问的链接 */

a:visited {
    color: #2c2c2c;
}


/* 已访问的链接 */

a:hover {
    color: #2c2c2c;
    text-decoration: none;
}


/* 鼠标在链接上 */

a:active {
    color: #2c2c2c;
}


/* 点击激活链接 */

p {
    line-height: 24px;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.hide {
    display: none
}

.show {
    display: block
}

.dib {
    display: inline-block;
    *display: inline;
    zoom: 1;
}


/*.clear{clear:both; line-height:0; height:0; font-size:0px;}*/

.clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


/*清除浮动*/

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden;
}


/*清除浮动*/

.clearfix {
    display: inline-block
}

* html .clearfix {
    height: 1%
}

.clearfix {
    display: block
}

.dib {
    display: inline-block;
    *display: inline;
    zoom: 1;
}

.wrap {
    width: 1200px;
    margin: 0 auto;
    height: auto;
}

.red {
    color: red
}


/*表格样式定义 */

checkbox {
    border: 0px;
}


/*选择框样式定义 */

.input {
    border: 1px solid #ccc;
    height: 20px;
    line-height: 20px
}

ul,
li {
    list-style: none
}


/*public*/

.size1 {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
}

.backcolor {
    background: #0557ab;
}

.color {
    color: #0557ab;
}

.w1000_wrapper {
    margin: 0px auto;
    text-align: center;
    overflow: hidden;
}

/* .banner{width: 100%;position: relative;z-index: 0;overflow: hidden;}
.banner .flexslider{ width:1920px;position:relative;left: 50%;margin-left: -960px;overflow:hidden; min-width:1000px;}
.banner .slides{position:relative;z-index:1; overflow: hidden;}
.banner .slides li{}
.banner .slides li img{width: 100%; margin:0 auto; display:block;}
.banner .flex-direction-nav {width: 1200px;height: 48px;position: absolute;left: 50%;top: 50%;margin:-24px 0 0 -600px;  z-index: 1}
.banner .flex-direction-nav a.flex-prev,
.banner .flex-direction-nav a.flex-next{position: absolute;width: 25px;height: 48px;background:none;font-size: 0}
.banner .flex-direction-nav a.flex-prev{left: 0;}
.banner .flex-direction-nav a.flex-next{right: 0;background-position:-25px 0; }
.banner .flex-control-paging{}
.banner .flex-control-nav{ display: none; width: 1000px;position:absolute;left: 50%;margin-left: -500px;bottom: 50px; z-index:2;text-align:center;}
.banner .flex-control-nav li{display:inline-block;*display:inline;zoom:1;font-size: 0;margin: 0 6px;}
.banner .flex-control-nav a{display:block;width:20px;height:4px;border-radius:5px;background:#999;cursor:pointer;}
.banner .flex-control-nav .flex-active{background: #0461bb; width: 40px; height: 4px; position: relative; } */
.maincolor{
    color:#0352a9;
}



/*原reset*/
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
body{font:12px/1.231 arial,helvetica,clean,sans-serif;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*title*/
/* h1 { font-size:32px;} */
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}
.header , .content , .footer , .container{margin-left:auto; margin-right:auto; width:1200px; font-family:microsoft yahei;}


/*menu
.menu{ float:left; width:100%; height:54px; line-height:54px;position:relative; z-index:1; background:#0352a9;font-family:'Microsoft Yahei'; }
.menu ul{ width:1200px; margin:0 auto;}
.menu li{float:left;display:inline; position:relative;text-align:center;width:115px; border-right:1px solid #5595e3;}
.menu li a{ display:block;width:100%;text-align:center; font-size:16px; color:#fff;font-family:'Microsoft Yahei';  line-height:54px;}
.menu a:hover{ color:#fff; background:url(../images/m_hover.gif) no-repeat center; font-family:'Microsoft Yahei';}
.nav{ position:absolute; display:none; z-index:9999; left:0;width:150px;}
.menu ul li .nav a{ float:left; font-size:14px; color:#fff; text-align:left;line-height:40px;background:#246cd7;width:150px; text-indent:2em; border-bottom:1px dashed #b2d1f3;}
.menu .nav a:hover{height:40px; line-height:40px; padding:0;margin:0;background:#f8f8f8;color:#000;}

*/
.widthall {
    width: 100%;
    position: relative;
    overflow: hidden;
}
.header .content{
    display: flex;
    justify-content: space-between;
}
.header .content .logo{
       object-fit: contain; /* 保持比例完整显示 */
}

.header .content .navbar-nav>li img{
    display: inline-block;
    vertical-align: middle;
}

.navbar-nav>li {
    display: flex;
    align-items: center;
    justify-content: center;
}
.oneover {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


.aside {
	position: fixed;
	top: 0;
	right: 0;
	width: 40px;
	height: 100%;
	z-index: 18;
	/*background: url(../images/aside.jpg) center top repeat;*/
	background: #0557ab;
	box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
}
.aside ul {
	margin-top: 100px;
}
.aside ul li a {
	display: block;
	margin-top: 30px;
	text-align: center;
	color: #fff;
}
.aside ul li img {
	display: block;
	text-align: center;
	margin: 0 auto;
}
.aside ul li.consulting .img2 {
	display: none;
}
.aside ul li.consulting span {
	display: inline-block;
	margin: 0 2px;
	width: 5px;
	height: 5px;
	border-radius: 100%;
	background: #fff;
}
.aside ul li.consulting span:nth-child(1) {
	-webkit-animation: consulting 0.6s 0.07s infinite ease-in-out;
	animation: consulting 0.6s 0.07s infinite ease-in-out;
}
.aside ul li.consulting span:nth-child(2) {
	-webkit-animation: consulting 0.6s 0.14s infinite ease-in-out;
	animation: consulting 0.6s 0.14s infinite ease-in-out;
}
.aside ul li.consulting span:nth-child(3) {
	-webkit-animation: consulting 0.6s 0.21s infinite ease-in-out;
	animation: consulting 0.6s 0.21s infinite ease-in-out;
}
 @keyframes consulting {
 33% {
 -webkit-transform: translateY(5px);
 transform: translateY(5px);
}
 66% {
 -webkit-transform: translateY(-5px);
 transform: translateY(-5px);
}
 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}
 @-webkit-keyframes consulting {
 33% {
 -webkit-transform: translateY(5px);
 transform: translateY(5px);
}
 66% {
 -webkit-transform: translateY(-5px);
 transform: translateY(-5px);
}
 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}
.aside ul li.consulting.active {
	background: #fff;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
}
.aside ul li.consulting.active a {
	color: #3F82ED;
}
.aside ul li.consulting.active span {
	background: #3F82ED;
}
.aside ul li.consulting.active .img1 {
	display: none;
}
.aside ul li.consulting.active .img2 {
	display: block;
}
.consulting_box {
	width: 250px;
	height: 100%;
	background: #fff;
	overflow: hidden;
	z-index: 15;
	position: fixed;
	top: 0;
	right: -250px;
	box-shadow: -2px 0 10px rgba(0, 0, 0, .1);
	transition: 0.8s all;
	-webkit-transition: 0.8s all;
}
.consulting_box .consulting_box_title {
	background: url(../images/002.png) center top no-repeat;
	text-align: center;
	padding: 26px 0 2px 0;
	color: #fff;
}
.consulting_box .title_t1 {
	font-size: 12px;
}
.consulting_box .title_t2 {
	font-size: 16px;
	margin: 5px 0;
}
.consulting_type {
	padding: 40px 0;
	border-bottom: solid 1px #399BEC;
}
.consulting_type_title {
	padding-left: 30px;
	font-size: 16px;
	color: #333;
}
.consulting_type ul {
	margin: 30px 0 20px 0;
}
.consulting_type ul li a {
	display: block;
	height: 40px;
	line-height: 40px;
	text-indent: 30px;
	z-index: 2;
	position: relative;
	color: #666;
	margin: 0;
	text-align: left;
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
}
.consulting_type ul li a img {
	margin: 0;
	display: inline-block;
	padding-right: 30px;
}
.consulting_type ul li a .img2 {
	display: none;
}
.consulting_type ul li a:before {
	z-index: -1;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #3c9af2;
	opacity: 0;
	-webkit-transform: scale3d(1, 0.1, 1);
	transform: scale3d(1, 0.1, 1);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
	transition: transform 0.4s, opacity 0.4s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.consulting_type ul li a, .consulting_type ul li a:before {
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.consulting_type ul li a:hover:before {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.consulting_type ul li a:hover {
	color: #fff;
}
.consulting_type ul li a:hover .img2 {
	display: inline-block;
}
.consulting_type ul li a:hover .img1 {
	display: none;
}
.consulting_box .problem {
	padding-top: 40px;
}
.consulting_box .problem_title {
	padding-left: 30px;
	font-size: 16px;
	color: #333;
}
.consulting_box .problem ul {
	padding: 20px 0 0 30px;
}
.consulting_box .problem ul li {
	margin-bottom: 8px;
}
.consulting_box .problem ul li a {
	display: inline-block;
}
.consulting_box .problem ul li span {
	display: inline-block;
	width: 3px;
	height: 3px;
	border-radius: 100%;
	background: #3c9af2;
	margin: 3px 10px 3px 0;
	animation: none;
}
.consulting_box .problem ul li a {
	font-size: 12px;
	color: #818181;
}
.consulting_box .problem ul li a:hover {
	color: #3c9af2;
}
.consulting_type .time {
	color: #818181;
	font-size: 12px;
	padding-left: 30px;
}
.consulting_box .close {
	position: absolute;
	top: 5px;
	right: 8px;
	cursor: pointer;
}
.consulting_box .close img {
	transition: 0.4s all;
	-webkit-transition: 0.4s all;
}
.consulting_box .close:hover img {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}