@charset "utf-8";
* {
	margin: 0;
	padding: 0;
}

body,
html {
	width: 100%;
	height: 100%;
	cursor: pointer;
	min-width: 1400px;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
	font-family: "微软雅黑";
}

fieldset,
img {
	border: 0;
}

ul,
ol,
li {
	list-style: none;
	font-family: 'Microsoft YaHei';
	/*!*display: inline-block;*!*/

	/*content: "●";*/
	/*!*'\25CF'*!*/

	/*!*padding-right: 10px;*!*/

	/*color: #ff4929;*/

}


/* remember to define focus styles! */

:focus {
	outline: 0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
optgroup {
	font-style: normal;
	font-weight: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}

abbr,
acronym {
	border: 0;
	font-variant: normal;
}

input,
button,
textarea,
select,
optgroup,
option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
	background-color: #fff;
	border: none;
}

code,
kbd,
samp,
tt {
	font-size: 100%;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}


/*@purpose To enable resizing for IE */


/*@branch For IE6-Win, IE7-Win */

input,
button,
textarea {
	*font-size: 100%;
}

ol,
ul {
	list-style: none;
}


/* tables still need 'cellspacing="0"' in the markup */

table,
tr,
td {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0;
	padding: 0;
}

caption,
th {
	text-align: left;
}

sup,
sub {
	font-size: 100%;
	vertical-align: baseline;
}


/* remember to highlight anchors and inserts somehow! */

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}


/**Common Css**/

.fr {
	float: right;
	*display: inline;
}

.fl {
	float: left;
	*display: inline;
}


/*文本超出显示省略号*/

.ehn,
.otw,
.tow {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}


/*清除浮动*/

.clearfix {
	clear: both;
	*zoom: 1;
}

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

.flex {
	display: box;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.column {
	-webkit-box-orient: vertical;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
}

.space-between {
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	justify-content: space-between;
}

.flex-end {
	-webkit-justify-content: flex-end;
	-moz-justify-content: flex-end;
	-ms-justify-content: flex-end;
	-o-justify-content: flex-end;
	justify-content: flex-end;
}
.flex-start {
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-ms-justify-content: flex-start;
	-o-justify-content: flex-start;
	justify-content: flex-start;
}

.space-around {
	-webkit-justify-content: space-around;
	-moz-justify-content: space-around;
	-ms-justify-content: space-around;
	-o-justify-content: space-around;
	justify-content: space-around;
}

.fCenter {
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.itemCenter {
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.fwrap {
	-webkit-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}

.nowrap {
	/*-webkit-box-lines: multiple;*/
	-webkit-flex-wrap: nowrap;
	-moz-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	-o-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

.flex1 {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.flex1_2 {
	-webkit-box-flex: 1.2;
	-webkit-flex: 1.2;
	-moz-box-flex: 1.2;
	-ms-flex: 1.2;
	flex: 1.2;
}

.flex1_6 {
	-webkit-box-flex: 1.6;
	-webkit-flex: 1.6;
	-moz-box-flex: 1.6;
	-ms-flex: 1.6;
	flex: 1.6;
}

.flex1_3 {
	-webkit-box-flex: 1.3;
	-webkit-flex: 1.3;
	-moz-box-flex: 1.3;
	-ms-flex: 1.3;
	flex: 1.3;
}

.flex1_8 {
	-webkit-box-flex: 1.8;
	-webkit-flex: 1.8;
	-moz-box-flex: 1.8;
	-ms-flex: 1.8;
	flex: 1.8;
}

.flex2 {
	-webkit-box-flex: 2;
	-webkit-flex: 2;
	-moz-box-flex: 2;
	-ms-flex: 2;
	flex: 2;
}

.flex2_5 {
	-webkit-box-flex: 2.5;
	-webkit-flex: 2.5;
	-moz-box-flex: 2.5;
	-ms-flex: 2.5;
	flex: 2.5;
}

.flex2_3 {
	-webkit-box-flex: 2.3;
	-webkit-flex: 2.3;
	-moz-box-flex: 2.3;
	-ms-flex: 2.3;
	flex: 2.3;
}

.flex2_8 {
	-webkit-box-flex: 2.8;
	-webkit-flex: 2.8;
	-moz-box-flex: 2.8;
	-ms-flex: 2.8;
	flex: 2.8;
}

.flex10 {
	-webkit-box-flex: 10;
	-webkit-flex: 10;
	-moz-box-flex: 10;
	-ms-flex: 10;
	flex: 10;
}

.ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ellipsis-2 {
	display: -webkit-box;
	overflow: hidden;
	white-space: normal!important;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.ellipsis-3 {
	display: -webkit-box;
	overflow: hidden;
	white-space: normal!important;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.ellipsis-4 {
	display: -webkit-box;
	overflow: hidden;
	white-space: normal!important;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}

.f10 {
	font-size: 10px;
}

.f12 {
	font-size: 12px;
}

.f14 {
	font-size: 14px;
}

.f16 {
	font-size: 16px;
}

.f18 {
	font-size: 18px;
}

.f20 {
	font-size: 20px;
}

.f22 {
	font-size: 22px;
}

.f24 {
	font-size: 24px;
}

.fw {
	font-weight: bold;
}

.mainColor {
	color: #007CC3;
}

.mainBgColor {
	background-color: #007CC3;
}


/*公共头部样式*/

.baiyi-common-nav {
	/*position: fixed;*/
	top: 0;
	z-index: 100;
	width: 100%;
	/*height: 76px;*/
	background: #111986;
}

.B-common-home-topbar-menu {
	background: #111986;
	font-size: 14px;
	color: #fff;
}

.fr {
	float: right;
}

.fl {
	float: left;
}

.swiper-slide {
	width: 100% !important;
}

.textLeft {
	text-align: left !important;
}


/*公共头部样式end*/


/*首页头部样式*/

.baiyi-nav {
	/*position: fixed;*/
	top: 0;
	z-index: 100;
	width: 100%;
	background: #020421;
}

.B-home-topbar-menu {
	background: #020421;
	font-size: 14px;
	color: #fff;
}

.common-topbar-body {
	margin: 0 auto;
}

.common-topbar-body .active {
	color: #007CC3;
}

.common-topbar-body .button {
	margin-top: 20px;
	margin-right: 30px;
}

.common-topbar-logo {
	display: block;
	width: 104px;
	position: relative;
	color: #fff;
	z-index: 1000;
	min-height: 70px !important;
	/*margin-left: 20px;*/
}

.common-topbar-logo img {
	position: absolute;
	top: 50%;
	margin-top: -18px;
	width: 128px;
}

.common-topbar-logo span {
	display: block;
	font-size: 18px;
	letter-spacing: 1px;
	height: 24px;
}

.common-topbar-menu {
	width: 100%;
	padding-top: 22px !important;
}

.common-topbar-menu li {
	position: relative;
	z-index: 100;
	text-align: center;
}

.common-topbar-menu li a {
	color: rgba(255, 255, 255, 0.8);
	padding-bottom: 4px;
}


.common-topbar-menu li a:hover {
	/*border-bottom: 2px solid #007CC3;*/
}


/*头部样式end*/


/*底部样式*/

.small-footer {
	width: 100%;
	/*height: 320px;*/
	background: #0F162B;
}

.baiyi-main-know {
	max-width: 70%;
	margin: 0 auto;
	padding-top: 88px !important;
	min-height: 220px;
}

.baiyi-main-know-content {
	max-width: 100%;
	padding: 0;
}

.baiyi-main-know-content li {
	width: 20%;
}

.baiyi-main-know-content .baiyi-main-know-title {
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	height: 36px;
}

.baiyi-main-know-subcontent {
	padding: 0;
	margin-bottom: 50px;
}

.baiyi-main-know-subcontent li a {
	display: block;
	width: 100px;
	height: 30px;
	line-height: 24px;
	color: #B4B4B4;
	font-size: 12px;
}

.baiyi-contact-cell {
	position: absolute !important;
	right: 0;
}

.baiyi-wechat {
	/*visibility:hidden;*/
	width: 156px;
	height: 198px;
	background-color: #fff;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.20);
	border-radius: 15px;
	text-align: center;
	/*display: table-cell;
	vertical-align: middle;*/
}

.baiyi-contact-cell .baiyi-wechat img {
	width: 150px;
	height: 180px;
	/*margin-top: 10px;*/
	/*margin-left: 3px;*/
}
.xz{
	display: none;
}

.baiyi-contact-cell .baiyi-wechat p {
	font-size: 10px;
	color: #20294C;
	height: 20px;
	line-height: 20px;
}

.baiyi-phone1 {
	margin-left: 20px;
}

.baiyi-phone1 h3 {
	height: 44px;
	font-size: 18px;
	color: #fff;
}

.baiyi-phone1 p {
	color: #B4B4B4;
	font-size: 10px;
}

.baiyi-phone1 .text-white {
	display: inline-block;
	width: 34px;
	height: 34px;
	border: 1px solid #979797;
	border-radius: 50%;
	color: #A5A5A5;
	text-align: center;
	line-height: 34px;
	margin-top: 38px;
}

.baiyi-phone1 img {
	width: 39px;
	height: 39px;
	/*margin-left: 8px;*/
}


/*底部样式end*/


/*侧边栏*/

.baiyi-ask-panelWrap {
	position: fixed;
	width: 80px;
	height: 240px;
	font-size: 0;
	text-align: center;
	z-index: 99;
	right: 0px;
	top: 50%;
	line-height: 60px;
}

.f-toolList .f-toolItem {
	width: 60px;
	height: 60px;
	background: #007CC3;
	border: 1px solid #FFFFFF;
	border-radius: 7px 2px 2px 7px;
	font-size: 14px;
	color: #fff;
}

.f-toolItem .fa-caret-up {
	font-size: 20px;
	color: #FFFFFF;
	;
}

.f-toolList .f-toolItem1 {
	background: #4A90E2;
	text-align: center;
	line-height: 60px;
}

.f-toolList .f-toolItem1 i {
	display: block;
	width: 10px;
	height: 10px;
	margin-top: -8px;
}

.f-toolList .f-toolItem1 p {
	line-height: 68px;
}

.f-telItem {
	position: relative;
	right: 150px;
	width: 214px;
	height: 60px;
	background: #007CC3;
	line-height: 60px;
	font-size: 20px;
	color: #FFFFFF;
	transition: all 1s;
}

.f-telItem_panelWrap {
	line-height: 66px;
}

.wechat {
	position: fixed;
	top: 492px;
	right: 70px;
	width: 168px;
	height: 200px;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.20);
	display: none;
}

.wechat img {
	width: 147px;
	height: 145px;
	margin-top: 10px;
	margin-bottom: 4px;
}

.wechat p {
	font-family: PingFangSC-Semibold;
	font-size: 12px;
	color: #20294C;
}


/*banner图*/

.baiyi-banner-container {
	position: relative;
	max-width: 100%;
	height: auto;
	/*background: radial-gradient(50% 153%, #042347 44%, #020317 100%);*/
}

.baiyi-banner-container .index-top-banner {
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	height: 378px;
    /*background: linear-gradient(182deg,rgba(23,55,111,1) 0%,rgba(34,82,132,1) 100%);*/
}

.baiyi-banner-container .index-top-banner img {
	width: 100%;

	height: 100%;
}

.copyright {
	max-width: 80%;
	line-height: 58px;
	color: #fff;
	font-size: 14px;
	margin: 0 auto;
}

.copyright a {
	color: #a4a4a4;
}

.common-topbar-menu li .active {
	color: #fff;
	/*border-bottom: 2px solid #007CC3;*/
}

@media only screen and (min-width: 300px) and (max-width: 750px) {
	.baiyi-banner-container .index-top-banner h1 {
		left: 10%;
		font-size: 22px;
		color: #FFFFFF;
		letter-spacing: 0;
		text-shadow: 0 2px 5px rgba(0, 0, 0, 0.20);
		top: 60px;
	}
	.baiyi-banner-container .index-top-banner p {
		position: absolute;
		top: 100px;
		left: 10%;
		width: 50px;
		height: 6px;
		background: #007CC3;
	}
	.baiyi-banner-container .index-top-banner h3 {
		left: 10%;
		top: 110px;
		font-size: 18px;
		color: #FFFFFF;
		letter-spacing: 0;
		text-shadow: 0 0 9px rgba(0, 0, 0, 0.50);
	}
}

@media(min-width:751px) {
	.baiyi-banner-container .index-top-banner h1 {
		font-size: 44px;
		color: #FFFFFF;
		letter-spacing: 0;
		text-shadow: 0 2px 5px rgba(0, 0, 0, 0.20);
		top: 60px;
	}
	.baiyi-banner-container .index-top-banner p {
		position: absolute;
		top: 138px;
		left: 20%;
		width: 96px;
		height: 10px;
		background: #007CC3;
	}
	.baiyi-banner-container .index-top-banner h3 {
		top: 150px;
		font-size: 36px;
		color: #FFFFFF;
		letter-spacing: 0;
		text-shadow: 0 0 9px rgba(0, 0, 0, 0.50);
	}
}

.footer-weixin {
	display: inline-block;
	width: 36px;
	height: 36px;
	text-align: center;
	line-height: 36px;
	border: 1px solid #A5A5A5;
	border-radius: 50%;
	color: #A5A5A5;
	font-size: 20px;
	margin-right: 6px;
}
.common-topbar-menu li a {
    font-size: 18px;
}