a,
body,
button,
dd,
dl,
dt,
h1,
h2,
h3,
h4,
h5,
i,
img,
input,
li,
ol,
p,
select,
span,
strong,
textarea,
ul {
	margin: 0;
	padding: 0;
	word-wrap: break-word
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 400
}

body {
	font-family: Arial, "microsoft yahei";
	font-size: 14px;
	line-height: 1;
	color: #333
}

* {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

li {
	list-style-type: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

a,
area {
	text-decoration: none;
	outline: 0;
	color: #000
}

img {
	border: none;
	vertical-align: middle
}

em,
i,
var {
	font-style: normal
}

button {
	font-family: Arial, "microsoft yahei";
	font-size: 14px;
	outline: 0;
	cursor: pointer;
	border: none;
	line-height: 1
}

input[type=submit] {
	border: none
}

iframe {
	border: none
}

input,
select,
textarea {
	outline: 0;
	font-family: Arial, "microsoft yahei";
	font-size: 14px
}

textarea {
	resize: none;
	overflow-y: auto
}

.at {
	margin: 0 auto
}

.fl {
	float: left
}

.fr {
	float: right
}

.clear {
	clear: both
}

.dt {
	display: table;
	width: 100%
}

.fl-w {
	float: left;
	width: 100%
}

.hide {
	display: none
}

.ver-container {
	display: table;
	width: 100%;
	text-align: center
}

.ver-container>* {
	vertical-align: middle;
	display: table-cell
}

.swiper-button-disabled {
	cursor: no-drop !important;
	opacity: .5
}

[class*=icon] {
	font-family: iconfont !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

[class*=ico] {
	vertical-align: middle;
	display: inline-block
}

.min-menu {
	display: none
}

.wid {
	width: 1200px;
	margin: 0 auto
}

.title {
	text-align: center
}

.title h2 {
	font-size: 32px;
	color: #333
}

.title p {
	margin-top: 20px;
	color: #5d5d5d;
	font-size: 16px
}

.news {
	float: left;
	width: 100%;
	padding-top: 59px;
	padding-bottom: 30px
}

.news ul {
	margin-top: 41px
}

.news ul li {
	width: 33%;
	float: left;
	border-bottom: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
	height: 300px;
	padding: 30px
}

.news ul li:nth-of-type(1) {
	margin-left: 0
}

.news ul li:nth-of-type(4) {
	margin-left: 0
}

.news ul li .pict {
	height: 110px;
	overflow: hidden;
	text-align: center
}

.news ul li:nth-of-type(3) {
	border-right: 0px
}

.news ul li:nth-of-type(6) {
	border-right: 0px
}

.news ul li:nth-of-type(9) {
	border-right: 0px
}


.news ul li:hover {
	background-color: #fff;
	box-shadow: 0 0 15px rgba(186, 204, 207, .7)
}

.news ul li .pict img {
	text-align: center;
	margin-top: 58px;
	transition: all .3s cubic-bezier(.4, 0, .2, 1)
}

.news ul li:hover img {
	margin-top: 48px;
}


.newsla {
	margin-top: 3px;
	line-height: 1;
	text-align: center;
	margin-bottom: 60px;
}

.newsla .title {
	font-size: 32px;
	color: #333;
	margin-bottom: 34px;
	font-weight: bold;
}

.newsla .content {
	width: 1200px;
	margin: 0 auto;
}

.newsla .content:after {
	content: "";
	width: 0;
	display: block;
	clear: both;
}

.newsla li {
	width: 550px;
	float: left;
	border-bottom: 1px solid #ededed;
}

.newsla li a {
	display: block;
	padding: 20px 0;
}

.newsla li:nth-child(2n) {
	float: right;
}

.newsla li .article-text {
	position: relative;
	padding-left: 22px;
	box-sizing: border-box;
	font-size: 18px;
	color: #666;
	width: 452px;
	display: inline-block;
	text-align: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.newsla li .article-text:before {
	content: "";
	position: absolute;
	left: 0;
	top: 5px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #e33b38;
}

.newsla li .date {
	font-size: 16px;
	color: #828282;
	float: right;
	margin-top: 2px;
}

.bannera {
	position: relative;
}

.bannera span {
	position: absolute;
}

.bannera img {
	width: 100%;
	display: block;
}

.news1 {
	position: relative;
	width: 1200px;
	margin: 100px auto 0;
	line-height: 1;
	text-align: center;
}

.news1 .title {
	font-size: 32px;
	color: #333;
	margin-bottom: 20px;
}

.news1 .sub-title {
	font-size: 18px;
	color: #828282;
	margin-bottom: 40px;
}

.news1 .wrapper {
	text-align: left;
	margin-bottom: 53px;
}

.news1 .wrapper li {
	display: inline-block;
	width: 120px;
	height: 34px;
	line-height: 34px;
	color: #828282;
	font-size: 16px;
	border-radius: 5px;
	text-align: center;
	margin-right: 29px;
}

.news1 .wrapper li:hover,
.news1 .wrapper li.active {
	box-shadow: 0px 4px 14.94px 3.06px rgba(183, 183, 183, 0.1);
}

.news1 .wrapper li :hover a,
.news1 .wrapper li.active a {
	color: #e33b38;
}

.news1 .wrapper li a {
	display: block;
	color: #828282;
}

.news1 .div-search {
	position: absolute;
	right: 0;
	top: 99px;
	width: 200px;
	height: 40px;
	border-radius: 5px;
	box-shadow: 0px 5px 28px 7px rgba(183, 183, 183, 0.22);
}

.news1 .div-search input {
	width: 162px;
	height: 100%;
	line-height: 40px;
	border: none;
	color: #999999;
	font-size: 14px;
	padding-left: 16px;
	vertical-align: middle;
	box-sizing: border-box;
	outline: none;
}

.news1 .div-search button {
	width: 38px;
	height: 100%;
	line-height: 40px;
	display: inline-block;
	margin-left: -5px;
	background-color: #e33b38;
	vertical-align: top;
	cursor: pointer;
	border: none;
}

.news1 .content li {
	width: 100%;
	padding: 0 35px 39px;
	box-sizing: border-box;
	margin-bottom: 15px;
	border-radius: 5px;
	transition: all 0.3s;
}

.news1 .content li:hover {
	box-shadow: 0px 5px 32px 0px rgba(205, 205, 205, 0.2);
	transform: translateY(-5px);
}

.news1 .content .li-head {
	text-align: left;
	padding-top: 39px;
	padding-bottom: 13px;
	border-bottom: 1px solid #e9e9e9;
	margin-bottom: 22px;
}

.news1 .content .text-title {
	font-size: 21px;
	color: #333333;
}

.news1 .content .date {
	font-size: 16px;
	color: #999999;
	float: right;
	margin-top: 5px;
}

.news1 .li-content>div {
	display: inline-block;
	vertical-align: top;
}

.news1 .content .left {
	width: 500px;
}

.news1 .content .left img {
	width: 100%;
}

.news1 .content .right {
	width: 630px;
	padding-left: 35px;
	margin-left: -5px;

	box-sizing: border-box;
}

.news1 .content .text-description {
	font-size: 17px;
	line-height: 28px;
	color: #666666;
	padding-top: 35px;
	text-align: left;
	height: 168px;
	box-sizing: border-box;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.news1 .content .details_info {
	border-top: 1px solid #f4f4f4;
	text-align: left;
}

.news1 .content .details_info a {
	display: block;
	padding-top: 23px;
}

.news1 .content .text {
	position: relative;
	padding-left: 22px;
	color: #333333;
	font-size: 16px;
}

.news1 .content .text:before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 2px;
	height: 22px;
	background-color: #e33b38;
}

.news1 .content .arrow {
	float: right;
}

.news1 .content1 li {
	display: inline-block;
	width: 374px;
	height: 296px;
	border-radius: 5px;
	padding: 40px 30px 0;
	box-shadow: 0px 6px 21.84px 4.16px rgba(200, 200, 200, 0.2);
	box-sizing: border-box;
	text-align: left;
	line-height: 1;
	margin-bottom: 40px;
	vertical-align: top;
}

.news1 .content1 li:nth-child(3n-1) {
	margin: 0 34px 40px;
}

.news1 .content1 .text-title {
	font-size: 20px;
	color: #e33b38;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.news1 .content1 .text-title img,
.news1 .content1 .text-title span {
	vertical-align: middle;
	/*display: inline-block;*/
}

.news1 .content1 .text-description {
	font-size: 16px;
	color: #666666;
	line-height: 30px;
	margin-top: 19px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
}

.news1 .content1 .text-title span {
	padding-left: 12px;
}

.details {
	/* background:rgba(246,246,248,1); */
	background-color: #fff;
	padding-top: 50px;
	width: 1200px;
	margin: 0 auto;
	line-height: 1;
	margin-bottom: 106px;
}

.details .title {
	font-size: 30px;
	color: #343434;
	text-align: center;
	margin-bottom: 30px;
}

.details p {
	line-height: 1.75em;
	font-size: 16px
}

.details .article-details {
	font-size: 16px;
	color: #666666;
	text-align: center;
	margin-bottom: 46px;
}

.details .article-details .date {
	padding-right: 90px;
}

.details .line {
	width: 1075px;
	margin: 0 auto 30px;
	color: #666666;
	font-size: 16px;
	line-height: 30px;
}

.details .img {
	width: 1075px;
	margin: 0 auto 49px;
}

.details .img img:nth-child(2) {
	float: right;
}

.link {
	border-bottom: 1px solid #ebebeb;
	border-top: 1px solid #ebebeb;
	line-height: 50px;
	color: #a2a2a2;
}

.link a {
	color: #a2a2a2;
	padding-right: 20px;
}

.link a:hover {
	color: #ed5a57;
}

.div_btn_last {
	margin-top: 45px;
	padding-bottom: 55px;

	height: 74px;
	margin-left: auto;
	margin-right: auto;
	/* background: pink; */
}

.div_btn {
	/* width: 189px; */

	/* padding: 3px 0px 3px 2px; */

	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
	/* float: left; */
	display: block;
}

.div_btn a {
	display: inline-block;
	background: #DADFE4;
	border-radius: 12px;
	/* height: 100px; */
	/* height: 24px; */
	padding: 5px 15px 5px 5px;
	color: #666;
}

.radius {
	/* width: 20px;
    height: 20px; */
	padding: 0 6px 0 6px;
	background: #c3cada;
	border-radius: 50%;
	color: #ffffff;
	margin: 0 15px 0 2px;
}

.right_return {
	padding: 2px 29px 2px 29px;
	margin-top: -64px;
	background: #c3cada;
	border-radius: 13px;
	font-size: 14px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #666666;
	height: 19px;
	line-height: 19px;
}

.right_return a {
	color: #fff;
}

.btn {
	margin-top: 25px;
}

.pageing {
	margin-top: 20px;
	text-align: center;
	/* padding-bottom: 104px; */
	display: inline-block;
	font-size: 16px
}

.pageing a:hover a,
.pageing a.acti {
	color: #FF0000;
}


.yb_conct {
	position: fixed;
	z-index: 9999999;
	top: 200px;
	left: 1%;
	cursor: pointer;
	transition: all .3s ease;
}

.yb_bar ul li {
	width: 180px;
	height: 53px;
	font: 16px/53px 'Microsoft YaHei';
	color: #fff;
	text-indent: 54px;
	margin-bottom: 3px;
	border-radius: 3px;
	transition: all .5s ease;
	overflow: hidden;
}

.yb_bar .yb_top {
	background: #ff4a00 url(../image/fixcont.png) no-repeat 0 0;
}

.yb_bar .yb_phone {
	background: #ff4a00 url(../image/fixcont.png) no-repeat 0 -57px;
}

.yb_bar .yb_QQ {
	text-indent: 0;
	background: #ff4a00 url(../image/fixcont.png) no-repeat 0 -113px;
}

.yb_bar .yb_ercode {
	height: 200px;
	background: #ff4a00 url(../image/fixcont.png) no-repeat 0 -169px;
}

.hd_qr {
	padding: 0 29px 25px 29px;
}

.yb_QQ a {
	display: block;
	text-indent: 54px;
	width: 100%;
	height: 100%;
	color: #fff;
}


.news ul li .text {
	margin-top: 30px;
	transition: all .3s cubic-bezier(.4, 0, .2, 1)
}

.news ul li:hover .text {
	margin-top: 20px;
}

.news ul li .text h2 {
	color: #4b4b4b;
	font-size: 20px;
	text-align: center
}

.news ul li .text p {
	color: #989898;
	display: none;
	line-height: 1.6;
	margin-top: 20px;
	-webkit-line-clamp: 2;
	text-align: center;
	padding: 0 30px
}

.news ul li:hover .text p {
	color: #989898;
	display: block;
	line-height: 1.6;
	margin-top: 20px;
	-webkit-line-clamp: 2;
}

.news ul li .text span {
	display: block;
	color: #989898;
	text-align: center;
	margin-top: 10px
}

.ping {
	float: left;
	width: 100%;
	padding-top: 54px;
	padding-bottom: 60px
}

.ping .scroll {
	float: left;
	width: 100%;
	margin-top: 53px;
	position: relative
}

.ping .scroll .pos {
	position: absolute;
	top: 110px;
	cursor: pointer;
	outline: 0
}

.ping .scroll .pos.next {
	right: 0
}

.ping .scroll .pos.prev {
	left: 0
}

.ping .scroll .box {
	width: calc(100% - 125px);
	float: left;
	margin-left: 65px;
	overflow: hidden
}

.ping .scroll .box ul {
	display: flex
}

.ping .scroll .box ul li {
	padding: 30px;
	border: 1px solid #d9d9d9;
	margin-right: 38px;
	width: 240px;
	flex-shrink: 0
}

.ping .scroll .box ul li p {
	text-align: center;
	font-size: 20px
}

.ping .scroll .box ul li:last-child {
	margin-right: 0
}

.ping .scroll .box ul li .pict {
	width: 240px;
	height: 87px;
}

.ping .scroll .box ul li span {
	display: block;
	margin-top: 21px;
	text-align: center;
	font-size: 14px;
	color: #393939;
	line-height: 26px
}

.banner {
	float: left;
	width: 100%;
	overflow: hidden;
	position: relative
}

.banner ul {
	display: flex
}

.banner ul li {
	flex-shrink: 0;
	float: left;
	width: 100%
}

.banner ul li img {
	width: 100%
}

.banner .cirl {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 60px;
	text-align: center;
	display: flex;
	justify-content: center
}

.banner .cirl span {
	display: block;
	cursor: pointer;
	width: 50px;
	height: 3px;
	background: #fff;
	margin-left: 10px;
	vertical-align: top
}

.banner .cirl span.swiper-pagination-bullet-active {
	background: #4b97c9
}

.footer {
	background-color: #252525;
	float: left;
	width: 100%;
	/* padding-bottom: 120px */
}

.footer .bot-menu {
	float: left;
	width: 100%;
	min-height: 250px;
	padding-bottom: 20px;
	padding-top: 46px
}

.footer .bot-menu ul {
	float: left;
	width: 80%
}

.footer .bot-menu ul li {
	width: 18%
}

.footer .bot-menu ul li h3 {
	font-size: 18px
}

.footer .bot-menu ul li p {
	margin-top: 16px
}

.footer .bot-menu ul li p a {
	color: #4e4e4e
}

.footer .bot-menu ul li span {
	display: block;
	color: #484848;
	margin-top: 4px;
	line-height: 1.6
}

.footer .bot-menu ul li span:nth-of-type(1) {
	margin-top: 12px
}

.footer .bot-menu ul li.last {
	width: 44%
}

.footer .bot-menu .fr-code {
	float: right;
	width: 20%;
	text-align: center
}

.footer .bot-menu .fr-code h2 {
	font-size: 18px
}

.footer .bot-menu .fr-code .pict {
	width: 126px;
	margin: 15px auto 0
}

.footer .bot-menu .fr-code .pict img {
	width: 100%
}

.weix {
	float: right;
	padding: 35px 0px
}

.weix p {
	padding-top: 10px;
	color: #999999
}

.footer .copyright {
	width: 550px;
	color: #666666;
	float: left;
	margin: 40px;
	border-left: 1px solid #666666
}

.footer .copyright p {
	padding-left: 100px;
	font-size: 14px;
	line-height: 2
}

.wel {
	float: left;
	width: 100%;
	background: #f5f5f5;
	border-bottom: 1px solid #dfdfdf;
	line-height: 44px
}

.wel .fl {
	font-size: 14px;
	color: #414141
}

.wel .fr span {
	font-size: 14px;
	color: #3e3e3e
}

.wel .fr b {
	font-size: 20px;
	color: #063365
}

.top {
	float: left;
	width: 100%;
	padding: 20px 0
}

.top .logo {
	float: left
}

.top .fr-menu {
	float: right
}

.top .fr-menu ul {
	float: left
}

.top .fr-menu ul li {
	margin-left: 41px;
	float: left;
	line-height: 50px;
	font-size: 18px;
	position: relative
}

.top .fr-menu ul li>a {
	padding-bottom: 30px
}

.top .fr-menu ul li:hover .down {
	display: block
}

.top .fr-menu ul li .down {
	display: none;
	top: 30px;
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	z-index: 999;
	right: 0;
	background: #fff;
	padding-top: 10px;
	width: 150px;
	text-align: center
}

.top .fr-menu ul li .down a {
	border-bottom: 1px solid #ececec;
	font-size: 16px;
	line-height: 2.4;
	display: block
}

.top .fr-menu ul li .down a:first-child {
	border-top: none
}

.top .fr-menu ul li .down a:hover {
	color: #256090
}

.top .fr-menu ul li:hover>a {
	color: #256090
}

.top .fr-menu ul li.en {
	position: relative
}

.top .fr-menu ul li.en a {
	color: #256090
}

.top .fr-menu ul li.en:after {
	content: '/';
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	width: 1px;
	height: 20px;
	left: -20px;
	color: #565656
}

.search {
	float: left;
	position: relative
}

.search .ico-search {
	width: 16px;
	height: 16px;
	margin-top: 23px;
	margin-left: 30px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAFo9M/3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjAzNzIyRjUyOEU3QzExRUE4RDc4RjM2NTlFMTE5QjRBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjAzNzIyRjUzOEU3QzExRUE4RDc4RjM2NTlFMTE5QjRBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDM3MjJGNTA4RTdDMTFFQThENzhGMzY1OUUxMTlCNEEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDM3MjJGNTE4RTdDMTFFQThENzhGMzY1OUUxMTlCNEEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4Oz9hyAAABXklEQVR42mL4//8/AxCkgAkQByCAQMAJzIDyvAECCC4CFchmBDEYGRmzgZwHQKwHEEAwmQogZgZLwkyCASYGLEAMiPWBOAGkGiCA4GbAbILybUEKYcahSCIp0ocpYAbpwKIgAaurkAHQP5UAAQTzGAeQHw/E/EB8BCh2DFmhChAbIhnNhOwuEIjBYj8zTBNI9QF0u4ESf4GUKcw4WRxufANjZGCxwh9qEgPMF6A4fQLEr4DYHohBvvgElLuOMxyAmjRBNECAwRUABUDe9YHafQuInwExCxBLArE2lL0JqP4ZumGgQCxADitcGAicoUmQCTkc04HYjJBmJA0eQBwG4zNBo+8VA/EApJYPOcUeAWIXYBgwEdIJTTOgUD4KF4NGgxSQHQfEp0ExD41pdI3u4FzEwLALKH8SxQAkhUxQRapALAjE/4D4LRDfAOLrUMtA0RcAxBvwxjMR3gEZpAYATCEWoYqeCAAAAAAASUVORK5CYII=) center top no-repeat;
	background-size: cover;
	cursor: pointer
}

.search .down {
	right: -8px;
	top: 15px;
	display: none;
	position: absolute;
	border: 1px solid #ccc;
	background: #fff;
	height: 32px;
	width: 202px
}

.search .down input {
	width: 170px;
	height: 100%;
	float: left;
	padding: 0 10px;
	border: none;
	background: 0 0
}

.search .down button {
	float: left;
	height: 30px;
	width: 30px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAFo9M/3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjAzNzIyRjUyOEU3QzExRUE4RDc4RjM2NTlFMTE5QjRBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjAzNzIyRjUzOEU3QzExRUE4RDc4RjM2NTlFMTE5QjRBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDM3MjJGNTA4RTdDMTFFQThENzhGMzY1OUUxMTlCNEEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDM3MjJGNTE4RTdDMTFFQThENzhGMzY1OUUxMTlCNEEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4Oz9hyAAABXklEQVR42mL4//8/AxCkgAkQByCAQMAJzIDyvAECCC4CFchmBDEYGRmzgZwHQKwHEEAwmQogZgZLwkyCASYGLEAMiPWBOAGkGiCA4GbAbILybUEKYcahSCIp0ocpYAbpwKIgAaurkAHQP5UAAQTzGAeQHw/E/EB8BCh2DFmhChAbIhnNhOwuEIjBYj8zTBNI9QF0u4ESf4GUKcw4WRxufANjZGCxwh9qEgPMF6A4fQLEr4DYHohBvvgElLuOMxyAmjRBNECAwRUABUDe9YHafQuInwExCxBLArE2lL0JqP4ZumGgQCxADitcGAicoUmQCTkc04HYjJBmJA0eQBwG4zNBo+8VA/EApJYPOcUeAWIXYBgwEdIJTTOgUD4KF4NGgxSQHQfEp0ExD41pdI3u4FzEwLALKH8SxQAkhUxQRapALAjE/4D4LRDfAOLrUMtA0RcAxBvwxjMR3gEZpAYATCEWoYqeCAAAAAAASUVORK5CYII=) center no-repeat;
	background-color: #fff
}

.liaojie {
	float: left;
	width: 100%;
	background: #eee;
	padding-top: 55px;
	padding-bottom: 62px
}

.liaojie .wrap {
	display: block;
	margin-top: 48px;
	overflow: hidden;
	position: relative
}

.liaojie .wrap .next-button,
.liaojie .wrap .prev-button {
	position: absolute;
	height: 100%;
	width: 218px;
	cursor: pointer;
	z-index: 1;
	outline: 0
}

.liaojie .wrap .prev-button {
	left: 0
}

.liaojie .wrap .next-button {
	right: 0
}

.liaojie .wrap ul {
	display: flex
}

.liaojie .wrap ul li {
	flex-shrink: 0;
	position: relative;
	overflow: hidden
}

.liaojie .wrap ul li img {
	transition: .3s
}

.liaojie .wrap ul li:hover .boxs {
	background: rgba(0, 0, 0, .64)
}

.liaojie .wrap ul li:hover img {
	transform: scale(1.1)
}

.liaojie .wrap ul li.swiper-slide-active .boxs {
	opacity: 1;
	filter: alpha(opacity=100)
}

.liaojie .wrap ul li .boxs {
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0);
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	transition: .3s
}

.liaojie .wrap ul li .boxs h2 {
	color: #fff;
	font-size: 36px;
	line-height: 50px
}

.liaojie .wrap ul li .boxs p {
	color: #fff;
	margin-top: 1.5vmin
}


.bgc {
	background-color: #f3f3f3;
}

.textb {
	vertical-align: middle;
	line-height: 30px;
}

.wb-new-mail-advantage .module-wrap {
	background-color: #fafafa;
}

.link {
	height: 50px;
	border-bottom: 1px solid #3e3e3e;
	line-height: 50px;
	color: #a2a2a2
}

.link a {
	color: #a2a2a2;
	padding-right: 20px
}

.link a:hover {
	color: #ed5a57;
}

.flogo {
	width: 300px;
	padding: 60px 0px;
	float: left
}

.introduce {
	padding-top: 50px;
	text-align: center;
	line-height: 1;
}

.introduce .title {
	font-size: 32px;
	color: #333333;
	margin-bottom: 40px;
}

.introduce .content {
	width: 1200px;
	margin: 0 auto;
}

.introduce .wrapper {
	padding-bottom: 80px;
	height: 30px;
	width: 500px;
	margin: 0 auto
}

.introduce .wrapper li {
	display: inline-block;
	width: 120px;
	height: 34px;
	border-radius: 5px;
	line-height: 34px;
	font-size: 16px;
	color: #828282;
	margin: 0 22px;
	cursor: pointer;
}

.introduce .wrapper li.active,
.introduce .wrapper li:hover {
	color: #fff;
	box-shadow: 0px 4px 14.94px 3.06px rgba(183, 183, 183, 0.1);
	background-color: #e33b38
}

.introduce .lists {
	display: none;
}

.introduce .lists.active {
	display: block;
}

.introduce .lists li {
	display: inline-block;
	width: 379px;
	height: 228px;
	border-radius: 10px;
	padding: 30px 39px 0;
	margin-right: 26px;
	box-sizing: border-box;
	box-shadow: 0px 3px 28.7px 6.3px rgba(200, 200, 200, 0.14);

	margin-bottom: 30px;
	vertical-align: middle;
	text-align: center
}

.introduce .lists li:hover {
	background-color: #fff;
	box-shadow: 0 0 15px rgba(186, 204, 207, .7)
}

.introduce .lists li:nth-child(3n) {
	margin-right: 0;
}

.introduce .lists .text-title {
	font-size: 20px;
	color: #333333;
	margin-top: 22px;
}

.introduce .lists .text-description {
	font-size: 15px;
	color: #828282;
	line-height: 30px;
	margin-top: 11px;
}



.gongneng {
	float: left;
	width: 100%;
	padding-top: 59px;
	background-color: #f3f3f3;
	padding-bottom: 30px
}

.gongneng ul {
	margin-top: 41px
}

.gongneng ul li {
	width: 23%;
	float: left;
	margin-left: 2%;
	margin-bottom: 2%;
	border: 1px solid #E8E8E8;
	background-color: #FFFFFF;
	padding: 30px
}

.gongneng ul li:nth-of-type(1) {
	margin-left: 0
}

.gongneng ul li:nth-of-type(5) {
	margin-left: 0
}

.gongneng ul li .pict {
	height: 60px;
	overflow: hidden;
	text-align: center
}

.gongneng ul li .pict img {
	text-align: center
}

.gongneng ul li .text {
	padding: 19px 10px;
	border-top: none
}

.gongneng ul li .text h2 {
	color: #000000;
	font-size: 20px;
	text-align: center
}

.gongneng ul li .text p {
	color: #989898;
	line-height: 1.6;
	margin-top: 10px;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	word-wrap: break-word;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical
}

.gongneng ul li .text span {
	display: block;
	color: #989898;
	text-align: center;
	margin-top: 10px
}


.jiage {
	float: left;
	width: 100%;
	padding-top: 59px;
	padding-bottom: 10px
}

.jiage ul {
	margin-top: 41px
}

.jiage ul li {
	width: 33%;
	float: left;
	margin-bottom: 2%;
	border: 1px solid #E8E8E8;
	background-color: #FFFFFF;
}

.jiage ul li:hover {
	background-color: #fff;
	box-shadow: 0 0 15px rgba(186, 204, 207, .7)
}

.jiage ul li .pict {
	border-bottom: 1px dashed #CCCCCC;
	width: 80%;
	margin: 0 auto
}

.jiage ul li:nth-of-type(2) {
	border: 0px;
	border-bottom: 1px solid #E8E8E8;
	border-top: 1px solid #E8E8E8
}

.jiage ul li:nth-of-type(1) {
	margin-left: 0
}

.jiage ul li:nth-of-type(5) {
	margin-left: 0
}

.jiage ul li .pict {
	height: 130px;
	overflow: hidden;
	text-align: center
}

.jiage ul li .pict h2 {
	text-align: center;
	color: #333;
	padding-top: 40px;
	font-size: 26px
}

.jiage ul li .pict p {
	text-align: center;
	color: #828282;
	padding-top: 20px;
	font-size: 18px
}

.jiage ul li .pict p span {
	font-size: 18px
}

.jiage ul li .text {
	width: 80%;
	margin: 0 auto;
	padding: 19px 10px;
	border-top: none;
	text-align: center;
	border-bottom: 1px dashed #CCCCCC;
}

.jiage ul li .text h2 {
	color: #000000;
	font-size: 20px;
	text-align: center
}

.jiage ul li .text p {
	font-size: 16px;
	color: #6d6c6c;
	line-height: 1.8;
	margin-top: 10px;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	word-wrap: break-word;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical
}

.jiage ul li .text span {
	display: block;
	color: #989898;
	text-align: center;
	margin-top: 40px;
	border: 1px solid #CCCCCC;
	width: 140px;
	height: 40px;
	margin: 0 auto;
	line-height: 40px
}

.textal p {
	text-align: left;
}

.jiageb h2 {
	text-align: center;
	font-size: 20px;
	padding: 30px 0px;
	color: #828282
}

.jiageb h2 b {
	font-size: 36px;
	color: #00c1de
}

.jiageb p {
	background-color: #00c1de;
	color: #FFFFFF;
	font-size: 18px;
	text-align: center;
	margin-top: 40px;
	width: 140px;
	height: 40px;
	margin: 0 auto;
	line-height: 40px;
	margin-bottom: 50px;
}

.jiageb p:hover {
	background-color: #e33a37;
	color: #FFFFFF;
}

.calculator {
	background-image: url(../image/bag.jpg);
	height: 176px;
	width: 100%;
	line-height: 1;
}

.calculator .content {
	width: 1200px;
	margin: 0 auto;
	padding-top: 20px;
}

.calculator .content:after {
	content: "";
	width: 0;
	display: block;
	clear: both;
}

.calculator li {
	position: relative;
	float: left;
	width: 438px;
	vertical-align: top;

}

.calculator li:last-child {
	width: 315px;
}

.calculator li:before {
	position: absolute;
	content: "";
	right: 0;
	bottom: 0;
	width: 1px;
	height: 64px;
	background-color: #e6f0fe;

}

.calculator li:last-child:before {
	display: none;
}

.calculator .title {
	padding-top: 30px;
	font-size: 24px;
	color: #fff;
	margin-bottom: 18px;
	text-align: left
}

.calculator .sub-title {
	font-size: 18px;
	color: #fff;
}

.calculator li:nth-child(2) {
	text-align: center;
}

.calculator .buy {
	padding-top: 10px;
	font-size: 20px;
	color: #fff;
	margin-bottom: 18px;
}

.calculator .buy .el-input-number {
	display: inline-block;
}

.calculator .buy input {
	color: #fff;
	font-size: 16px;
	width: 58px;
	height: 28px;
	background-color: transparent;
	border: none;
	border-bottom: 1px solid #e6e6e6;
	outline: none;
	margin: 0 13px;
	/* box-shadow: 0px 3px 9.84px 2.16px rgba(210, 210, 210, 0.18); */
	border-radius: 3px;
	text-align: center;
	display: inline-block;
}

.calculator .text {
	font-size: 16px;
	color: #fff;
}

.calculator .text span {
	color: #92dfc9;
}


.calculator .open {
	width: 214px;
	height: 50px;
	line-height: 50px;
	border-radius: 5px;
	background-color: #d20501;
	color: #fff;
	font-size: 18px;
	text-align: center;
	margin: 0 0 0 auto;
	margin-top: 20px;
	margin-bottom: 17px;
}

.calculator .open a {
	display: block;
	color: #fff;
}

.calculator .description {
	color: #fff;
	font-size: 16px;
	text-align: right;
}

.process {
	margin-top: 100px;
	line-height: 1;
	text-align: center;
}

.process .title {
	font-size: 26px;
	color: #333333;
	margin-bottom: 20px;
}

.process .sub-title {
	font-size: 18px;
	margin-bottom: 34px;
	color: #828282;
}

.process .content {
	width: 1200px;
	margin: 0 auto;
}

.process ul:after {
	content: "";
	width: 0;
	display: block;
	clear: both;
}

.process ul {
	position: relative;
}

.process ul:before {
	position: absolute;
	content: "";
	width: 100%;
	height: 1px;
	top: 153px;
	left: 0;
	background-image: url(https://www.alyemail.com/images/case-bg.png);
	background-size: cover;
	z-index: -1;
}

.process li {
	width: 160px;
	float: left;
	margin-right: 100px;
	vertical-align: top;
}

.process li:last-child {
	margin-right: 0;
}

.process .icon {
	position: relative;
	width: 119px;
	height: 119px;
	border-radius: 50%;
	line-height: 119px;
	margin: 0 auto 69px;
	box-shadow: 0px 6px 30.94px 3.06px rgba(192, 192, 192, 0.14);
}

.process .icon:before {
	position: absolute;
	content: "1";
	width: 26px;
	height: 26px;
	bottom: -47px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #ed5a57;
	border-radius: 50%;
	color: #fff;
	font-size: 16px;
	line-height: 26px;

}

.process li:nth-child(2) .icon:before {
	content: "2";
}

.process li:nth-child(3) .icon:before {
	content: "3";
}

.process li:nth-child(4) .icon:before {
	content: "4";
}

.process li:nth-child(5) .icon:before {
	content: "5";
}

.process .icon img {
	vertical-align: middle;
}

.process .text-title {
	font-size: 18px;
	color: #666;
}

.process .text-description {
	font-size: 16px;
	color: #828282;
	text-align: left;
	line-height: 26px;
	margin-top: 22px;
}

.case {
	line-height: 1;
	text-align: center;
	padding-top: 100px;
}

.case .title {
	font-size: 32px;
	color: #333333;
	margin-bottom: 20px;
}

.pageinfo {
	width: 20%
}

.case .sub-title {
	font-size: 18px;
	color: #828282;
	margin-bottom: 50px;
}

.case .content {
	position: relative;
	width: 1200px;
	margin: 0 auto;
}

.case .center {
	background-color: #f7f7f7;
	overflow: hidden;
}

.case .img {
	width: 760px;
	height: 490px;
	display: inline-block;
	vertical-align: top;
}

.case .img img {
	display: inline-block;
	width: 100%;
	height: 100%
}

.case .text {
	width: 435px;
	display: inline-block;
	vertical-align: top;
	padding: 105px 47px 0;
	box-sizing: border-box;
	text-align: left;
}

.case .company {
	font-size: 20px;
	color: #333333;
	margin-bottom: 27px;
}

.case .description {
	color: #00c2de;
	padding-bottom: 19px;
	border-bottom: 1px solid #eeeeee;
}

.case .description span:last-child {
	float: right;
}

.case .text-description {
	font-size: 16px;
	color: #828282;
	margin-top: 53px;
	line-height: 30px;
}

.case ul {
	white-space: nowrap;
	transition: all 0.6s;
}

.case ul li {
	display: inline-block;

}

.case ul li:first-child {
	margin-left: 0;
}

.case ul li .text {
	white-space: normal;
}

.case .content .left,
.case .content .right {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
}

.case .content .left {
	left: -40px;
}

.case .content .right {
	right: -40px;
}

.partners {
	margin-top: 30px;
	margin-bottom: 72px;
	line-height: 1;
	text-align: center;
}

.partners .title {
	font-size: 26px;
	color: #333;
	margin-bottom: 34px;
}

.partners .sub-title {
	font-size: 18px;
	color: #888;
	margin-bottom: 50px;
}

.partners .content {
	width: 1200px;
	margin: 0 auto;
}

.partners .content:after {
	width: 0;
	content: "";
	display: block;
	clear: both;
}

.partners li {
	position: relative;
	display: inline-block;
	float: left;
	width: 25%;
	height: 146px;
	line-height: 146px;
	/* border-right: 1px solid #f5f5f5;
	border-bottom: 1px solid #f5f5f5; */
	box-sizing: border-box;
}

.partners li:before {
	content: "";
	position: absolute;
	width: 1px;
	height: 90px;
	background-color: #e1e1e1;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.partners li:after {
	content: "";
	position: absolute;
	height: 1px;
	width: 200px;
	background-color: #e1e1e1;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}

.partners li img {
	max-height: 100%;
	max-width: 100%;
	vertical-align: middle;
}

.partners li:nth-child(n+11):after {
	display: none;
}

.partners li:nth-child(5n):before {
	display: none;
}

.on-line {
	border-top: 1px solid #0d0d0d;
	padding: 29px 0;
	background: rgba(0, 0, 0, 0.8);
	position: fixed;
	display: table;
	width: 100%;
	left: 0;
	right: 0;
	bottom: 0;
}

.on-line .wid {
	position: relative;
}

.on-line .close {
	width: 11px;
	height: 13px;
	background: url("../image/087f5_11x13.png") center top no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
}

.on-line .ico-dengji {
	height: 52px;
	width: 52px;
	background: url("../image/99d54_52x52.png") center no-repeat;
	float: left;
}

.on-line .title {
	float: left;
	margin-left: 17px;
	margin-top: 6px;
}

.on-line .title h2 {
	color: #e33a37;
	font-size: 27px;
}

.on-line .title p {
	font-size: 13px;
	color: #f4f4f4;
	margin-top: 6px;
}

.on-line ul {
	float: left;
	margin-top: 7px;
}

.on-line ul li {
	margin-left: 25px;
	float: left
}

.on-line ul li input {
	width: 186px;
	height: 40px;

	border: none;
	padding: 0 15px;
}

.on-line ul li input::-webkit-input-placeholder {
	color: #9e9e9e;
}

.on-line ul li button {
	color: #fff;

	width: 118px;
	height: 40px;
	background: #e33a37;
}

.on-line .tel {
	float: right;
}

.on-line .tel p {
	color: #fff;
	padding-left: 30px;
	background: url("../image/4e1ea_20x20.png") left center no-repeat;
	height: 20px;
	line-height: 20px;
}

.on-line .tel h3 {
	font-size: 30px;
	color: #e33a37;
	margin-top: 6px;
}



.index_product_buy_bg {
	margin: 0 auto;
	position: relative;
	background-image: url("../image/dibu15.png");
	height: 300px
}

.index_product_buy_opt {
	height: 107px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	text-align: center;
	font-weight: lighter;
}

.index_product_buy_opt_txt {
	font-family: "STHeitiSC-Light", BlinkMacSystemFont, "Helvetica", "lucida Grande", "PingFang SC", "SCHeiti", "Microsoft YaHei";
	font-size: 30px;
	color: #000;
	letter-spacing: 0;
	height: 30px;
	line-height: 30px;
	margin-bottom: 40px;
}

.index_product_buy_opt_btn {
	height: 37px;
}

.index_product_buy_opt_btn {
	height: 37px;
}

.index_product_buy_opt_btn a {
	width: 144px;
	height: 35px;
	line-height: 35px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	font-family: "STHeitiSC-Light", BlinkMacSystemFont, "Helvetica", "lucida Grande", "PingFang SC", "SCHeiti", "Microsoft YaHei";
	font-size: 14px;
}

.index_product_buy_btn_white {
	border: 1px solid #2A8AE2;
	color: #2A8AE2;
	margin-right: 30px;
}

.index_product_buy_btn_blue {
	border: 1px solid #2A8AE2;
	background-color: #2A8AE2;
	color: #FFFFFF;
}


a {
	color: #333;
	text-decoration: none
}

a:hover {
	color: #082f54
}

.about-banner {
	position: relative;
	width: 100%;
	max-height: 400px;
	margin-top: 80px;
	overflow: hidden;
}

.about-banner img {
	display: block;
	width: 100%;
	height: auto;
}

.about-banner-content {
	width: 1200px;
	position: absolute;
	left: 50%;
	top: 0;
	height: 100%;
	z-index: 20;
	margin-left: -600px;
}

.about-banner-content h1 {
	font-size: 32px;
	position: absolute;
	right: 0;
	top: 30%;
	overflow: hidden;
	color: #a3a7b6;
	text-transform: uppercase;
	font-weight: normal;
	display: none
}

.about-banner-content .logoicon {
	position: absolute;
	left: 0;
	top: 20%;
	width: 93px;
	text-align: left;
}

.about-banner-content .logoicon img {
	display: inline-block;
	max-width: 100%;
	height: auto;
	max-height: 80px;
	width: auto;
	opacity: 0.5;
}

.about-nav {
	position: absolute;
	width: 1200px;
	margin-left: -600px;
	left: 50%;
	bottom: 0;
	background: #295d86;
	opacity: 0.8;
}

.about-nav a {
	padding: 2% 0;
	overflow: hidden;
	color: #fff;
	display: block;
	text-align: center;
	width: 10%;
	float: left;
	font-size: 16px;
	line-height: 16px;
}

.about-nav a.cur {
	color: #0b308e;
	background: #fff;
}

.about-nav a:hover {
	background: #65c6ff;
}

.p50 {
	padding-top: 50px;
	padding-bottom: 50px;
	font-size: 14px;
	line-height: 25px
}

.col-sm-12 {
	width: 100%
}

.col-sm-11 {
	width: 91.66666667%
}

.col-sm-10 {
	width: 83.33333333%
}

.col-sm-9 {
	width: 75%
}

.col-sm-8 {
	width: 66.66666667%
}

.col-sm-7 {
	width: 58.33333333%
}

.col-sm-6 {
	width: 50%
}

.col-sm-5 {
	width: 41.66666667%
}

.col-sm-4 {
	width: 33.33333333%
}

.col-sm-3 {
	width: 25%
}

.col-sm-2 {
	width: 16.66666667%
}

.col-sm-1 {
	width: 8.33333333%
}

.aboutLeft {
	float: left;
	padding-top: 0px;
	padding-bottom: 80px;
}

.aboutLeft img {
	width: 100%
}

.aboutInt {
	float: right;
	margin-top: 0px;
	margin-right: 50px;
}

.aboutInt b {
	font-size: 36px;
	color: #cbcbcb;
	line-height: 120%;
}


.aboutInt p.zwc {
	font-size: 20px;
	font-weight: bold;
	line-height: 30px;
	color: #000000
}

.aboutfoot {

	padding-bottom: 60px;
	padding-left: 60px
}

.aboutInt p {
	font-size: 14px;
	line-height: 180%;
	color: #666666;
}

.aboutInt span {
	font-size: 14px;
	line-height: 250%;
	color: #0a335b;
	font-weight: bold;
	text-decoration: underline
}


.aboutInt span a {
	color: #0a335b;
}

.aboutInt span a:hover {
	color: #ef9b07;
}



.aboutWord {
	margin-top: 40px;
	margin-bottom: 85px;
}

.aboutWord h3 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 25px;
}

.aboutWord p {
	font-size: 16px;
	line-height: 220%;
}

.products_list {
	padding-top: 60px;
}

.products_list ul {
	padding-bottom: 80px;

}

.products_list ul li {
	margin-bottom: 34px;
	box-shadow: 1px 2px 15px 3px rgba(0, 0, 0, 0.1);
}

.products_list ul li:first-child {
	margin-top: 0
}


.products_list ul li img {
	transition: all 1s;
	width: 100%
}

.products_list ul li:hover img {
	transform: scale(1.1);
}

.products_list ul li .img {
	overflow: hidden;
	float: left;
	width: 240px;
	margin: 50px 20px 50px 50px
}

.products_list ul li:after {
	content: '';
	display: block;
}

.products_list ul li .text {
	overflow: hidden;
	border-left: 0;

	margin: 50px 20px 50px 50px;
	border-left: 1px solid #E6E6E6;
	padding-left: 50px;
}

.products_list ul li .text .time {
	color: #f2af3a;
	font-size: 14px;
	margin-top: 10px;
}

.products_list ul li .text h3 {
	font-size: 20px;
	margin-bottom: 10px;
	line-height: 26px;
	color: #0a345c
}

.products_list ul li .text h3 a {
	color: #0a345c
}

.products_list ul li .text h3 a:hover {
	color: #cea76e
}

.products_list ul li .text p {
	color: #666;
	height: 100px;
	overflow: hidden;
	font-size: 14px;
	line-height: 26px;
	color: #666
}

.products_list ul li a:hover .text h3,
.products_list ul li a:hover .text p {
	color: #cea76e
}


.newin {
	font-size: 16px;
	line-height: 23px;
	;
	text-align: center
}


.news_details .d_text {
	background: #f6f6f6;
	padding: 50px;
}

.news_details .d_text h2 {
	text-align: center;
	font-size: 24px;
	font-weight: normal;
	line-height: 1.2em;
	margin-bottom: 10px;
}

.news_details .d_text .tit {
	border-bottom: 1px solid #d0d0d0;
	padding-bottom: 10px;
	margin-bottom: 40px;
}

.news_details .d_text .tit p {
	text-align: center;
	line-height: 30px;
}


.news_details .d_text h3 {
	font-size: 16px;
	margin: 10px 0;
	font-weight: 600;
}

.news_details .d_text .text {
	line-height: 26px;
}

.news_details .d_text .text p {
	margin-bottom: 15px;
	line-height: 26px;
	font-size: 16px;
}

.news_details .d_text .text div {
	margin-bottom: 15px;
	line-height: 26px;
	font-size: 16px;
}

.news_details {
	position: relative;
	padding-top: 30px;
	padding-bottom: 30px;
}

.news_details.product {
	padding-left: 300px;
}

.news_details .products_list,
.pro_menu {
	position: absolute;
	top: 0;
	left: 0;
	width: 280px;
}


.news_list {
	padding-top: 80px;
}

.news_list ul {
	padding-bottom: 80px;

}

.news_list ul li {
	margin-bottom: 34px;
	box-shadow: 1px 2px 15px 3px rgba(0, 0, 0, 0.1);
}

.news_list ul li:first-child {
	margin-top: 0
}


.news_list ul li img {
	width: 100%;
	transition: all 1s;
}

.news_list ul li:hover img {
	transform: scale(1.1);
}

.news_list ul li .img {
	height: 256px;
	overflow: hidden;
	float: left;
	width: 386px;
}

.news_list ul li:after {
	content: '';
	display: block;
}

.news_list ul li .text {
	overflow: hidden;
	border-left: 0;
	height: 256px;
	padding: 30px;
}

.news_list ul li .text .time {
	color: #f2af3a;
	font-size: 14px;
	padding-top: 10px
}

.news_list ul li .text h3 {
	font-size: 20px;
	margin-bottom: 10px;
	line-height: 26px;
	color: #0a345c
}

.news_list ul li .text h3 a {
	color: #0a345c
}

.news_list ul li .text h3 a:hover {
	color: #cea76e
}

.news_list ul li .text p {
	color: #666;
	font-size: 14px;
	line-height: 26px;
}

.news_list ul li a:hover .text h3,
.news_list ul li a:hover .text p {
	color: #cea76e
}

.finden {
	width: 1200px;
	margin: 0 auto
}

.finden ul {}

.finden ul li {
	width: 25%;
	float: left;
	padding-bottom: 30px;
	padding-left: 1%;
	padding-right: 1%
}

.findenimg {
	text-align: center
}

.findenimg img {
	text-align: center;
	width: 100%
}

.texta {
	font-size: 18px;
	color: #0a345c;
	line-height: 40px;
	text-align: center
}

.finden ul li p {
	font-size: 14px;
	line-height: 30px;
	margin-left: 117px;
}

.powert {
	font-size: 16px;
	line-height: 36px;
	padding-top: 50px;
	text-align: center;
	padding-bottom: 40px;
}

.powert h2 {
	font-size: 34px;
	font-weight: bold;
	color: #0a345c;
	text-align: center;
	padding-bottom: 10px
}

.powert span {
	font-size: 20px;
	font-weight: bold;
	color: #3078bb;
	text-align: center;
	padding-bottom: 10px
}

.powert p {
	font-size: 26px;
	font-weight: bold;
	color: #3078bb;
	text-align: center;
	padding-bottom: 10px
}

.pagination-wrapper {
	margin-bottom: 50px;
	float: right;
}

.pagination {
	height: 34px;
	text-align: center;
}

.pagination {
	display: inline-block;
	height: 34px;
	margin-right: 5px;
}

.pagination a {
	float: left;
	display: block;
	height: 32px;
	line-height: 32px;
	padding: 0 12px;
	font-size: 16px;
	border: 1px solid #dddddd;
	color: #555555;
	text-decoration: none;
}

.pagination a:hover {
	background: #f5f5f5;
	color: #0099ff;
}

.pagination a.thisclass {
	background: #09f;
	color: #fff;
}

.pagination a.acti {
	background: #2b5d86;
	color: #fff;
}

.pagination a.thisclass a,
.pagination a.thisclass a:hover {
	background: transparent;
	border-color: #09f;
	color: #fff;
	cursor: default;
}

.liaojie .wrap ul li .boxs p a {
	color: #fff;
}

.liaojie .wrap ul li .boxs p a:hover {
	color: #fff;
}

.Service {
	padding: 4% 0;
	width: 1200px;
	margin: 0 auto
}

.Service .Ser_zx>ul>li {
	margin-bottom: 25px;
	border: 1px solid #d3d3d3;
	padding: 30px 60px;
	width: 48%;
	float: left;
	margin-left: 1%;
	margin-right: 1%
}

.Service .Ser_zx .zx_img {
	width: 98px;
	height: 144px;
	background: url(https://www.alyemail.com/img/icon_9.png)
		/*tpa=http://www.coremail.cn/Public/Hohttps://www.alyemail.com/img/icon_9.png*/
		no-repeat center;
	background-size: 100%;
}

.Service .Ser_zx .zx_txt {
	width: calc(100% - 138px);
}

.Service .Ser_zx .zx_txt h4 {
	margin-bottom: 10px;
	line-height: 34px;
}

.Service .Ser_zx .zx_txt h4 span {
	float: left;
	font-size: 16px;
	color: #333;
}

.Service .Ser_zx .zx_txt p a {
	float: left;
	line-height: 34px;
	width: 111px;
	height: 34px;
	background: #458ebe;
	font-size: 14px;
	color: #fff;
	text-align: center;
}

.Service .Ser_zx .zx_txt h4 a:hover {
	opacity: .7;
}

.Service .Ser_zx .zx_txt h5 {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #d4d4d4;
}

.Service .Ser_zx .zx_txt h5 em {
	display: inline-block;
	position: relative;
	padding-left: 15px;
	margin-right: 30px;
	font-size: 14px;
	color: #999;
	line-height: 20px;
	width: 100%;
}

.Service .Ser_zx .zx_txt h5 em:before {
	position: absolute;
	left: 0;
	top: 50%;
	width: 7px;
	height: 7px;
	content: '';
	margin-top: -3px;
	background: #7fbad7;
}

.Service .Ser_zx .zx_txt p {
	font-size: 14px;
	color: #666;
	line-height: 24px;
}

.Service .Ser_zx .zx_txt p span {
	display: block;
}

.Service .Ser_mian {
	width: 100%;
}

.wrap {
	width: 100%
}

@media screen and (max-width:768px) {
	.min-nav {
		float: right;
		transition: .3s;
		width: 30px;
		height: 21px;
		margin-top: 9.5px;
		position: relative;
		cursor: pointer;
		margin-right: 0;
		margin-left: 20px;
		display: none
	}

	.min-nav:after {
		content: '';
		transition: .3s;
		position: absolute;
		width: 100%;
		height: 1px;
		left: 0;
		top: 0;
		background: #063365
	}

	.min-nav:before {
		content: '';
		transition: .3s;
		position: absolute;
		width: 100%;
		height: 1px;
		background: #063365;
		left: 0;
		top: 100%
	}

	.min-nav.active {
		transform: scale(.9)
	}

	.min-nav.active:after {
		transform: rotate(45deg);
		top: 50%
	}

	.min-nav.active:before {
		top: 50%;
		transform: rotate(-45deg)
	}

	.min-nav.active i {
		opacity: 0;
		filter: alpha(opacity=0);
		transform: translate(10px, 0)
	}

	.min-nav i {
		margin-top: 10px;
		transition: .3s;
		display: block;
		height: 1px;
		background: #063365
	}

	.min-menu {
		width: 100%;
		background: #e8e8e8;
		z-index: 5;
		display: none
	}

	.min-menu ul li {
		width: 100%;
		border-bottom: 1px solid #d8d8d8;
		text-align: center
	}

	.min-menu ul li [class*=ico]:after {
		position: absolute;
		top: 50%;
		transform: translate(0, -50%);
		margin-left: 10px
	}

	.min-menu ul li:hover>a {
		background: #e8e8e8
	}

	.min-menu ul li>a {
		display: block;
		padding: 0 3%;
		line-height: 50px;
		transition: .2s
	}

	.min-menu ul li>a .ico-arrow {
		float: right;
		width: 10px;
		height: 10px;
		margin-top: 14px;
		border-bottom: 1px solid #000;
		border-left: 1px solid #000;
		transform: rotate(-45deg);
		transition: .3s
	}

	.min-menu ul li>a .ico-arrow.rogate {
		transform: rotate(-225deg);
		margin-top: 18px
	}

	.min-menu ul li>a .wap-none {
		display: none
	}

	.min-menu ul li .down {
		display: none;
		float: left;
		width: 100%;
		background: #d8d8d8
	}

	.min-menu ul li .down a {
		border-top: 1px solid #ccc;
		line-height: 40px;
		display: block;
		width: 100%;
		padding: 0 3%
	}

	.min-menu ul li .down a:first-child {
		border-top: none
	}

	.search {
		display: none
	}

	.min-nav {
		display: block
	}

	.wid {
		padding-left: 3%;
		padding-right: 3%;
		width: 100%
	}

	.wel {
		line-height: 1;
		padding: 15px 0
	}

	.wel .fl {
		line-height: 1.4
	}

	.wel .fr {
		width: 100%;
		margin-top: 10px
	}

	.banner .cirl {
		bottom: 15px
	}

	.banner .cirl span {
		width: 20px
	}

	.top .logo img {
		width: 230px
	}

	.top .fr-menu {
		display: none
	}

	.title h2 {
		font-size: 20px;
		font-weight: bold
	}

	.title p {
		line-height: 1.4;
		font-size: 14px;
		margin-top: 10px;
	}

	.ping {
		padding-bottom: 20px
	}

	.ping .scroll {
		padding: 0 30px;
		display: block;
		overflow: hidden
	}

	.ping .scroll .box {
		width: 100%;
		margin-left: 0
	}

	.ping .scroll .box ul li {
		margin-right: 6px;
		width: 49%
	}

	.ping .scroll .box ul li .pict {
		width: 100%;
		height: 47px;
	}

	.ping .scroll .box ul li .pict img {
		max-width: 100% ! important;
		height: auto ! important;
	}

	.liaojie {
		padding-top: 30px
	}

	.liaojie .wrap ul li img {
		width: 280px
	}

	.liaojie .wrap .next-button,
	.liaojie .wrap .prev-button {
		width: 40px
	}

	.news {
		padding-top: 30px;
		padding-bottom: 30px
	}

	.news ul li {
		width: 48%;
		height: 200px;
		border: 0px;
		border-bottom: 1px solid #eee;
		argin-left: 1%;
		margin-right: 1%;
		margin-top: 0px;
		padding: 0px 10px
	}

	.footer .bot-menu ul {
		width: 100%
	}

	.footer .bot-menu ul li {
		width: 33.33%;
		text-align: center
	}

	.footer .bot-menu ul li.last {
		width: 100%;
		margin-top: 30px;
		text-align: left;
		padding-top: 20px;
		border-top: 1px solid #CCCCCC
	}

	.footer .bot-menu .fr-code {
		width: 100%;
		margin-top: 30px
	}

	.min-menu ul li:nth-of-type(6) {
		display: none
	}

	.newsla {
		margin-top: 1px;
		margin-bottom: 30px;
	}

	.newsla .title {
		font-size: 22px;
		margin-bottom: 20px;
	}

	.newsla .content {
		width: 100%;
	}

	.newsla li {
		width: 100%;
	}

	.newsla li .article-text {
		width: 70%;
		font-size: 14px;
	}

	.newsla li .date {
		font-size: 14px;
		width: 26%;
	}


	.news1 {
		width: 100%;
		margin-top: 40px;
	}

	.news1 .title {
		font-size: 22px;
		margin-bottom: 10px;
	}

	.news1 .sub-title {
		font-size: 14px;
		margin-bottom: 30px;
	}

	.news1 .wrapper li {
		font-size: 14px;
		width: auto;
		margin-right: 15px;
	}

	.news1 .wrapper li:last-child {
		margin-right: 0;
	}

	.news1 .div-search {
		top: 80px;
		right: 10px;
	}

	.news1 .wrapper {
		margin-bottom: 30px;
		padding: 0 10px;
	}

	.news1 .content li {
		padding: 10px;
		margin-bottom: 0px;
	}

	.news1 .content .li-head {
		padding-top: 15px;
		overflow: hidden;
	}

	.news1 .content .text-title {
		font-size: 16px;
		line-height: 28px
	}

	.news1 .content .date {
		/* margin-top: 0; */
	}

	.news1 .content .left {
		width: 100%;
	}

	.news1 .content .right {
		padding-left: 0;
		width: 100%;
	}

	.news1 .content .text-description {
		padding-top: 15px;
		font-size: 14px;
		height: auto;
		-webkit-line-clamp: 3;
	}

	.news1 .content .details a {
		padding-top: 10px;
	}

	.news1 .content1 li {
		margin-bottom: 30px;
	}

	.news1 .content1 li:nth-child(3n-1) {
		margin: 0 0 30px;
	}

	.details {
		width: 100%;
		padding: 30px 10px 0;
		box-sizing: border-box;
		background-color: transparent;
		margin-bottom: 0;

	}

	.details img {
		width: 100% !important;
		height: 100% !important;
	}

	.details .title {
		font-size: 20px;
		margin-bottom: 20px;
	}

	.details .article-details .date {
		padding-right: 20px;
	}

	.details .article-details {
		font-size: 12px;
		margin-bottom: 20px;
	}

	.details .line {
		width: 100%;
		font-size: 16px;
	}

	.div_btn_last {
		margin-top: 40px;
		width: 100%;
	}

	.details .img {
		width: 100%;
	}

	.details .img img {
		width: 100%;
	}

	.div_btn_last {
		margin-bottom: 40px;
		width: 100%;
	}

	.div_btn a {
		display: inline-block;
		background: #DADFE4;
		border-radius: 12px;
		/* height: 100px; */
		/* height: 24px; */
		margin: 15px 15px 5px 5px;
		color: #666;
	}

	.details .title {
		font-size: 18px;
		margin-bottom: 20px;
	}

	.jiage {

		padding-top: 20px;


	}

	.yb_conct {
		display: none
	}

	.jiage ul li {
		width: 100%;
		float: left;
		margin-bottom: 2%;
		border: 1px solid #E8E8E8;
		background-color: #FFFFFF;
	}

	.introduce {
		padding-top: 20px;
	}

	.introduce .title {
		font-size: 22px;
		margin-bottom: 30px;
	}

	.introduce .content {
		width: 100%;
	}

	.introduce .wrapper li {
		width: auto;
		font-size: 14px;
		margin: 0 8px;
		padding: 0 5px
	}

	.introduce .wrapper {
		margin-bottom: 0px;
		width: 100%
	}

	.introduce .lists {
		padding: 0 10px;
	}

	.introduce .lists:after {
		content: "";
		width: 0;
		display: block;
		clear: both;
	}

	.introduce .lists li {
		width: 47%;
		float: left;
		margin-right: 0;
		padding: 10px;
		margin-bottom: 20px;
	}

	.introduce .lists li:nth-child(2n) {
		float: right;
	}

	.introduce .lists .icon img {
		width: 40px;
	}

	.introduce .lists .text-title {
		font-size: 18px;
		margin-top: 15px;
	}

	.introduce .lists .text-description {
		font-size: 14px;
		line-height: 24px;
	}

	.ping .scroll .box ul li p {
		text-align: center;
		font-size: 18px;
	}

	.gongneng ul li:nth-of-type(5) {
		margin-left: 1%;
		margin-right: 1%;
	}

	.gongneng ul li {
		width: 48%;
		float: left;
		margin-left: 1%;
		margin-right: 1%;
		margin-bottom: 2%;
		border: 1px solid #E8E8E8;
		background-color: #FFFFFF;
		padding: 30px;
	}

	.gongneng ul li:nth-of-type(1) {
		margin-left: 1%;
		margin-right: 1%;
	}

	.index_product_buy_bg {
		margin: 0 auto;
		position: relative;
		width: 100%;
		height: 200px;
		background-image: url("../image/dibu15.png")
	}

	.box ul li .pict {
		width: 100%;

	}

	.news ul li:nth-of-type(1) {
		margin-left: 1%;
		margin-right: 1%;
	}

	.news ul li:nth-of-type(4) {
		margin-left: 1%;
		margin-right: 1%;
	}

	.gongneng ul li .text h2 {
		color: #000000;
		font-size: 16px;
		text-align: center;
	}

	.footer {
		padding-bottom: 10px;
	}

	.news ul {
		margin-top: 20px;
	}

	.about-banner {
		max-height: auto;
		min-height: auto;
		margin-top: 50px;
		background: #275a86;
		padding: 5% 0 5% 0;
	}

	.about-banner-content {
		width: 100%;
		left: auto;
		top: auto;
		height: auto;
		margin-left: 0px;
		position: relative;
	}

	.about-banner-content h1 {
		font-size: 24px;
		position: relative;
		right: auto;
		top: auto;
		text-align: center;
		color: #fff;
		padding-bottom: 10px;
		display: block;
	}

	.about-banner img {
		display: none;
	}

	.about-nav {
		position: relative;
		width: 100%;
		margin-left: 0px;
		left: auto;
		bottom: auto;
		text-align: center;
	}

	.about-nav a {
		padding: 1% 3%;
		display: inline-block;
		width: auto;
		float: none;
		font-size: 14px;
		margin: 0.1%;
		border: 1px solid #ccc;
		width: 25%;
		margin-bottom: 3%;
		margin-left: 2%;
	}

	.about-nav a.cur {
		color: #fff;
		background: #65c6ff;
	}

	.mb-rolling-top {
		display: block !important;
	}

	.pc-rolling-top {
		display: none !important;
	}

	.calculator .title {
		font-size: 22px;
		margin-bottom: 15px;
		text-align: center
	}

	.calculator {
		background-image: url(../image/biaojia.jpg);
		height: 176px;
		width: 100%;
		line-height: 1;
	}

	.banner_buy_exmail_custom {
		height: 200px;
		background-color: #CCCCCC
	}

	.jiage ul li .pict p {
		text-align: center;
		color: #333;
		padding-top: 20px;
		font-size: 15px;
	}

	.jiage ul li .pict p span {

		font-size: 12px;
	}

	.jiage ul li .text p {
		font-size: 12px;

	}

	.jiage ul li:nth-of-type(2) {
		border: 1px solid #E8E8E8;

	}

	.calculator li {
		position: inherit;
		float: left;
		width: 438px;
		vertical-align: top;
	}

	.process .content {
		width: 100%;
		margin: 0 auto;
	}

	.process {
		margin-top: 50px;
		line-height: 1;
		text-align: center;
	}

	.process .title {
		font-size: 24px;
		color: #333333;
		margin-bottom: 20px;
	}

	.process .sub-title {
		font-size: 14px;
		margin-bottom: 14px;
		color: #828282;
	}

	.process .icon {
		height: 79px;
	}

	.process li {
		width: 40%;
		float: left;
		margin-right: 5%;
		margin-left: 5%;
		vertical-align: top;
		float: left;
		height: 250px;
	}

	.process .text-description {
		font-size: 14px;
		color: #828282;
		text-align: left;
		line-height: 23px;
		margin-top: 10px;
	}

	.process .text-title {
		font-size: 15px;
		color: #333;
		font-weight: bold
	}

	.jiageb h2 b {
		font-size: 24px;
		color: #00c1de;
	}

	.jiageb h2 {
		text-align: center;
		font-size: 16px;
		padding: 30px 0px;
		color: #828282;
	}

	.jiage ul li .pict h2 {
		text-align: center;
		color: #444;
		padding-top: 30px;
		font-size: 24px;
	}

	.jiage ul li .text span {
		display: block;
		color: #989898;
		text-align: center;
		margin-top: 40px;
		border: 1px solid #CCCCCC;
		width: 80%;
		height: 40px;
		margin: 0 auto;
		line-height: 40px;
		font-size: 14px
	}

	.case .title {
		font-size: 22px;
		margin-bottom: 10px;
	}

	.case .sub-title {
		font-size: 14px;
		margin-bottom: 20px;
	}

	.case .content {
		width: 100%;
	}

	.case .content .left,
	.case .content .right {
		display: none;
	}

	.case .img {
		width: 100%;
		height: auto;
	}

	.case ul li {
		white-space: normal;
		display: block
	}

	.case .img img {
		width: 100%;
	}

	.case .text {
		width: 100%;
		padding: 20px 10px 0;
	}

	.case .text-description {
		margin-top: 0px;
		padding-bottom: 20px;
	}

	.case .text-description {
		font-size: 14px;
		color: #828282;
		margin-top: 13px;
		line-height: 30px;
	}

	.case .company {
		font-size: 16px;
		color: #333333;
		margin-bottom: 12px;
		font-weight: bold
	}

	.link {
		height: 100%;
		border-bottom: 1px solid #3e3e3e;
		line-height: 30px;
		color: #a2a2a2;
		padding: 10px 0px
	}

	.flogo {
		width: 100%;
		padding: 20px 0px;
		float: left;
	}

	.footer .copyright {
		width: 100%;
		color: #666666;
		float: left;
		margin: 0px;
		border-left: 0px solid #666666;
	}

	.footer .copyright p {
		padding-left: 10px;
		font-size: 14px;
		line-height: 2;
	}

	.index_product_buy_opt_txt {
		font-size: 20px;
	}

	.weix {
		float: left;
		width: 100%;
		text-align: center;
		padding: 35px 0px;
	}

	.calculator .content {
		width: 100%;
	}

	.calculator {
		height: auto;
	}

	.calculator li {
		width: 100%;
		text-align: center;
		margin-bottom: 5px;
	}

	.calculator li:last-child {
		width: 100%;
	}

	.calculator .open {
		margin: 0 auto;
	}

	.calculator .description {
		text-align: center;
	}

	.calculator .content {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.calculator .title {
		font-size: 22px;
		margin-bottom: 15px;
	}

	.calculator .sub-title {
		font-size: 16px;
	}

	.calculator .buy {
		font-size: 16px;
		margin-bottom: 10px;
	}

	.calculator .text {
		margin-bottom: 15px;
	}

	.calculator .open {
		width: 150px;
		height: 35px;
		line-height: 35px;
		font-size: 16px;
		margin-bottom: 10px;
	}



	.partners {
		margin-top: 40px;
		margin-bottom: 30px;
	}

	.partners .title {
		font-size: 22px;
		padding: 0 10px;
		line-height: 1.3;
	}

	.partners .content {
		width: 100%;
	}

	.partners li {
		width: 33.3%;
		height: 100px;
		line-height: 100px;
	}

	.partners li img {
		max-width: 85%;
		max-height: 85%;
	}

	.partners li:before,
	.partners li:after {
		display: none;
	}


	.box-xs-rel {
		position: relative !important;
	}

	.box-xs-h240 {
		height: 240px;
		-webkit-background-size: cover;
		background-size: cover;
	}

	.box-xs-lr {
		padding-left: 12px !important;
		padding-right: 12px !important;
	}

	.box-xs-none {
		display: none;
	}

	.box-xs-show {
		display: block;
	}

	.box-xs-pr0 {
		padding-right: 0 !important;
	}

	.box-xs-pt0 {
		padding-top: 0 !important;
	}

	.box-xs-pl0 {
		padding-left: 0 !important;
	}

	.box-xs-mt0 {
		margin-top: 0 !important;
	}

	.box-xs-ml0 {
		margin-left: 0 !important;
	}

	.box-xs-mh-auto {
		min-height: auto !important;
	}

	.box-xs-mt20 {
		margin-top: 20px !important;
	}

	.box-xs-tac {
		text-align: center;
	}

	.box-xs-fr {
		float: right;
	}

	.box-xs-fl {
		float: left;
	}

	.fz-xs-20 {
		font-size: 20px !important;
	}

	.fz-xs-18 {
		font-size: 18px !important;
	}

	.fz-xs-16 {
		font-size: 16px !important;
	}

	.fz-xs-14 {
		font-size: 14px !important;
	}

	.fz-xs-10 {
		font-size: 10px !important;
	}

	.fz-xs-30 {
		font-size: 30px !important;
	}

	.box-xs-ptb30 {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.box-hei-auto>.pict {
		height: auto !important;
	}

	.col-xs-12 {
		width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		float: left;
	}

	.col-sm-6 {
		width: 100%
	}

	.col-sm-5 {
		width: 100%;
	}

	.col-sm-3 {
		width: 100%;
	}

	.col-sm-8 {
		width: 100%;
	}

	.col-sm-7 {
		width: 100%;
	}

	.col-sm-9 {
		width: 100%;
	}

	.col-sm-4 {
		width: 100%
	}

	.col-sm-10 {
		width: 100%;
	}

	.col-sm-11 {
		width: 100%;
	}

	.col-sm-12 {
		width: 100%;
	}

	.aboutLeft {
		float: left;
		padding-bottom: 10px;
	}

	.aboutInt {
		float: right;
		margin-top: 20px;
		margin-right: 0px;
		padding-bottom: 50px;
	}

	.aboutInt b {
		font-size: 26px;
		color: #cbcbcb;
		line-height: 120%;
	}

	.aboutInt p.zwc {
		font-size: 18px;
		font-weight: bold;
		line-height: 30px;
		color: #000000;
	}

	.news-title h2 {
		font-size: 32px;
		color: #0a345c;
		font-weight: bold;
		line-height: 40px;
	}

	.news {
		background-color: #fff;
		height: 100%;
		padding-top: 60px;
	}

	.news-title p {
		font-size: 20px;
		color: #6b6b6b;
		line-height: 30px;
		padding-bottom: 40px;
	}

	.newslist ul li {
		width: 97%;
		box-shadow: 1px 3px 8px 1px rgba(0, 0, 0, 0.1);
		margin-left: 2%;
		margin-bottom: 5%
	}

	.products_list ul li .img {
		height: auto;
		overflow: hidden;
		float: left;
		width: 100%;
		margin: 20px;
	}

	.newslistimg {
		transition: all 1s;
		width: 100%;
		height: 100%;
		overflow: hidden;
	}

	.products_list ul li .text .time {
		color: #f2af3a;
		font-size: 16px;
		padding-top: 5px;
	}

	.wariInt3 p {
		font-size: 14px;
		color: #666666;
		text-align: left;
		padding-top: 5px;
		line-height: 28px;
	}

	.products_list ul li .text {
		overflow: hidden;
		border-left: 0;
		margin: 20px;
		padding-left: 10px;
	}

	.products_list ul li .text h3 {
		font-size: 18px;
		margin-bottom: 2px;
		line-height: 20px;
		color: #0a345c;
	}

	.products_list {
		padding-top: 20px;
	}

	.news_details .d_text {
		background: #f6f6f6;
		padding: 20px;
	}

	.news_details {
		position: relative;
		padding-top: 0px;
		padding-bottom: 0px;
	}

	.finden ul li {
		width: 50%;
		float: left;
		padding-left: 2%;
		padding-right: 2%
	}

	.finden ul li p {
		font-size: 14px;
		line-height: 20px;
		margin-left: 27px;
	}

	.powert h2 {
		font-size: 24px;
		font-weight: bold;
		color: #0a345c;
		text-align: center;
		padding-bottom: 10px;
	}

	.powert {
		font-size: 14px;
		line-height: 26px;
		padding-top: 50px;
		text-align: center;
		padding-bottom: 40px;
	}

	.texta {
		font-size: 16px;
		color: #0a345c;
		line-height: 40px;
		text-align: center;
	}

	.findenimg img {
		width: 100%
	}

	.liaojie .wrap ul li .boxs h2 {
		color: #fff;
		font-size: 20px;
		line-height: 30px;
	}

	.news ul li .text h2 {
		font-size: 14px;
	}

	.p50 {
		padding-top: 30px;
		padding-bottom: 30px;
		font-size: 14px;
		line-height: 25px;
	}

	.news-title h2 {
		font-size: 32px;
		color: #0a345c;
		font-weight: bold;
		line-height: 40px;
	}

	.news ul li .text {
		padding: 1px 1px;
		border-top: none;
		margin-top: 10px;
	}

	.news ul li .pict img {
		width: 30%;
		padding-top: 15px;
		margin-top: 1px;
	}

	.news ul li .pict {
		height: 60px;
		overflow: hidden;
		text-align: center;
	}

	.news ul li .text p {
		color: #989898;
		display: block;
		margin-top: 10px;
		padding: 0px
	}

	.news {
		background-color: #fff;
		height: 100%;
		padding-top: 60px;
	}

	.news-title p {
		font-size: 20px;
		color: #6b6b6b;
		line-height: 30px;
		padding-bottom: 40px;
	}

	.newslist ul li {
		width: 97%;
		box-shadow: 1px 3px 8px 1px rgba(0, 0, 0, 0.1);
		margin-left: 2%;
		margin-bottom: 5%
	}

	.news_list ul li .img {
		height: auto;
		overflow: hidden;
		float: left;
		width: 100%;
	}

	.newslistimg {
		transition: all 1s;
		width: 100%;
		height: 100%;
		overflow: hidden;
	}

	.news_list ul li .text .time {
		color: #f2af3a;
		font-size: 14px;
	}

	.wariInt3 p {
		font-size: 14px;
		color: #666666;
		text-align: left;
		padding-top: 5px;
		line-height: 28px;
	}

	.news_list {
		padding-top: 20px;
	}

	.news_list ul li .text h3 {
		font-size: 16px;
		margin-bottom: 0px;
		line-height: 26px;
		color: #0a345c;
	}

	.news_list ul li .text {
		overflow: hidden;
		border-left: 0;
		height: 100%;
		padding: 20px;
	}

	.news_list ul li .text p {
		color: #666;
		font-size: 12px;
		line-height: 20px;
	}

	.news_details .d_text h2 {
		text-align: center;
		font-size: 18px;
		font-weight: normal;
		line-height: 1.2em;
		margin-bottom: 10px;
		font-weight: bold
	}

	.news_details .d_text .text div {
		margin-bottom: 15px;
		line-height: 26px;
		font-size: 14px;
	}

	.news_details .d_text .text div img {
		max-width: 100% ! important;
		height: auto ! important;
	}
}

.Service .Ser_yx .Ser_gg a {
	width: 50%;
}

.Service .Ser_zx>ul>li {
	margin-bottom: 20px;
	border: 1px solid #d3d3d3;
	padding: 30px 60px;
	width: 100%;
	float: left;
	margin-left: 1%;
	margin-right: 1%;
}

.Service .Ser_zx .zx_img {
	display: none;
}

.Service .Ser_zx .zx_txt {
	width: 100%;
}

.Service .Ser_zx .zx_txt h4 {
	line-height: 28px;
}

.Service .Ser_zx .zx_txt h4 span {
	font-size: 14px;
}

.Service .Ser_zx .zx_txt h4 a {
	width: 90px;
	height: 28px;
	font-size: 12px;
}

.Service .Ser_zx .zx_txt h5 em {
	font-size: 12px;
}

.Service .Ser_zx .zx_txt p {
	font-size: 12px;
	line-height: 20px;
}

.wrap {
	padding: 0 4%;
	width: 100%
}

.Service .Ser_mian {
	float: none;
	width: 100%;
}

.Service {
	padding: 4% 0;
	width: 100%;
	margin: 0 auto;
}

}