@charset "utf-8";

/* CSS Document */

@font-face {
	font-family: 'square-web';
	src: url(../font/square-web.ttf);
}

html {
	font-size: 20px;
}

body {
	font-size: .8rem;
	color: #333333;
	font-family: 'Microsoft YaHei', Simsun, Arial, Verdana, Sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

html,
body {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
}

html * {
	outline: 0;
	-webkit-text-size-adjust: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

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

img {
	border: none;
	max-width: 100%;
	display: inline-block;
	line-height: 0;
	font-size: 0;
	vertical-align: bottom;
}

div,
ul,
li,
dl,
dt,
dd,
p,
form {
	margin: 0;
	padding: 0;
}

ul,
li,
dl,
dt,
dd {
	list-style: none;
}

a {
	font-size: inherit;
	text-decoration: none;
	color: #333;
}

a:hover,
a:focus {
	text-decoration: none;
	color: #298fcb;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

a:active {
	color: inherit;
	text-decoration: none;
}

i,
em {
	font-style: normal;
}

select,
input,
textarea,
button {
	font-family: inherit;
	font-size: inherit;
}

table {
	border-spacing: 0;
	border-collapse: collapse;
	background-color: transparent;
}

td,
th {
	padding: 0;
}

th {
	text-align: left;
}

tr {
	vertical-align: middle;
	background: #d6bfbf;
	border: 1px solid #fff;
	text-align: center;
}

td,
th {
	padding: 8px;
	padding: .5rem;
	border: 2px solid #fff;
}

th {
	text-align: left;
	font-weight: 300;
	font-size: 20px;
	font-size: 1.25rem;
}

td {
	font-family: 'Avenir Next', 'Segoe UI', 'Lucida Grande', sans-serif;
}

.table {
	width: 100%;
	padding: 16px;
	padding: 1rem;
}

.table__heading {
	border: 2px solid #fff;
	background: #e16569;
	color: #fff;
	text-align: center;
	font-size: 18px;
}

.table__heading._first {
	width: 45%;
}

.table__heading._second {
	width: 12%;
}

.table__content img {
	float: left;
	width: 30%;
	margin-right: 20px;
}

.table__content .price-con h2 {
	font-size: 20px;
	margin-bottom: 10px;
	text-align: left;
}

.table__content .price-con p {
	font-size: 14px;
	word-break: break-all;
	line-height: 22px;
	text-align: justify;
}

.table__content .cart-price {
	color: #961D22;
	font-size: 14px;
}

.table__content .cart-price i {
	font-size: 20px;
	margin-top: 5px;
}

.table__content .add_desc {
	width: 86px;
	margin: 0 auto;
}

.table__content i.ico-minus {
	float: left;
	font-style: normal;
	width: 20px;
	font-size: 20px;
	border-right: 0;
}

.table__content i.ico-add {
	/*float: right;*/
	width: 20px;
	border-left: 0;
	font-style: normal;
	font-size: 20px;
}

.table__content .ico-minus,
.table__content input.cart_count,
.table__content .ico-add {
	float: left;
	display: inline;
	text-align: center;
	width: 38px;
	color: #fff;
	font-weight: bold;
	height: 28px;
	border-radius: 0;
	border: 1px solid #AD9987;
}

.action-wraper .btn-remove {
	display: inline-block;
	color: #fff;
	background: #961D22;
	width: 55px;
	text-align: center;
	height: 30px;
	line-height: 30px;
}

.add_desc input.cart_count {
	color: #333;
	font-size: 15px;
}

.table__content i.ico-minus {
	float: left;
	font-style: normal;
	width: 20px;
	font-size: 20px;
	border-right: 0;
}

.cart-collaterals,
.cart-collaterals span {
	font-size: 22px;
	color: #961D22;
	padding-right: 20px;
}

.cart-collaterals {
	text-align: right;
	margin-top: 25px;
}

.cart-collaterals,
.cart-collaterals span {
	font-size: 22px;
	color: #961D22;
	padding-right: 20px;
}

.checkout-types {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.button .continue {
	margin-left: 70px;
	background: #c57f81;
	margin-right: 18px;
}

.button button {
	cursor: pointer;
	margin-top: 40px;
	width: 133px;
	text-align: center;
	height: 38PX;
	LINE-height: 38px;
	border: none;
	/*border-radius: 18px;*/
	color: #fff;
	font-size: 18px;
	font-family: "微软雅黑";
}

.button .carry {
	background: #298fcb;
}

@media (max-width: 768px) {
	.table__heading {
		display: none;
	}
	.table__content {
		display: flex;
		align-items: center;
		padding: .5rem 0;
	}
	.table__row {
		display: block;
		border-bottom: 2px solid #FFC842;
	}
	.table__content:before {
		content: attr(data-heading);
		display: inline- block;
		width: 25%;
		margin-right: .5rem;
		color: #fff;
		font-size: .75rem;
		font-weight: 700;
		font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', sans-serif;
		text-transform: uppercase;
		letter-spacing: 2px;
	}
	.table__content img {
		float: none;
		display: inline-block;
	}
	.table__content .price-con {
		width: 68%;
	}
	.table__content .price-con h2,
	.table__content .price-con p {
		text-align: center;
	}
	.table__content .cart-price,
	.table__content .action-wraper {
		margin: 0 auto;
	}
	.table__content img {
		width: 46%;
		margin-bottom: 20px;
	}
	.video-box {
		height: 106px;
	}
}

.clearfix:before,
.clearfix:after {
	display: table;
	content: " ";
	clear: both;
}

.tbl-type {
	display: table;
	width: 100%;
	table-layout: fixed
}

.tbl-cell {
	display: table-cell;
	vertical-align: top;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.fn {
	float: none;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.valign * {
	display: inline-block;
	vertical-align: middle;
}

.ellipsis {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-moz-text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: break-word;
}

.shadow {
	box-shadow: 0 7px 30px rgba(103, 103, 103, .1);
}

.shadow-s2 {
	box-shadow: 2px 7px 10px rgba(103, 103, 103, .3);
}

.hide {
	display: none;
}

.btn {
	display: inline-block;
	padding: 10px 20px;
	border: 1px solid transparent;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	touch-action: manipulation;
	-ms-touch-action: manipulation;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.btn-default {
	color: #333333;
	background-color: #ffffff;
	width: auto;
	border-radius: 0;
	border: #dddddd 2px solid;
	line-height: normal;
}

.btn-submit {
	color: #ffffff;
	background-color: #298fcb;
	width: auto;
	border-radius: 0;
	border: 0;
	line-height: normal;
	font-size: .9rem;
	padding: 10px 40px;
	border-radius: 5px;
}

.btn-reset {
	color: #333333;
	background-color: #dddddd;
	width: auto;
	border-radius: 0;
	border: 0;
	line-height: normal;
	font-size: .9rem;
	padding: 10px 40px;
}

.btn-view {
	color: #666666;
	background-color: transparent;
	border: #666666 1px solid;
	width: auto;
	border-radius: 30px;
	height: 30px;
	line-height: 30px;
	padding: 0 25px;
}

.btn-view:hover {
	background-color: #298fcb;
	color: #ffffff;
	border: #298fcb 1px solid;
}

.table {
	width: 100%;
	max-width: 100%;
}

.table>thead:first-child>tr:first-child>th,
.table>thead:first-child>tr:first-child>td {
	border-top: 0;
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
	padding: 10px;
	word-break: break-all;
}

.form-control {
	display: inline-block;
	width: 100%;
	padding: 10px 20px;
	background-color: #fff;
	background-image: none;
	border: 1px solid #dddddd;
	border-radius: 0;
	border-radius: 0;
}

.form-control[type="radio"]+label::before {
	content: "\a0";
	/*不换行空格*/
	display: inline-block;
	vertical-align: middle;
	width: 15px;
	height: 15px;
	margin-right: .4em;
	border-radius: 50%;
	border: 4px solid #dddddd;
	text-indent: .15em;
	line-height: 1;
	background-color: #ffffff;
	margin-top: 10px;
	margin-bottom: 10px;
}

.form-control[type="radio"]:checked+label::before {
	width: 15px;
	height: 15px;
	border: 4px solid #dddddd;
	background-color: #298fcb;
}

.form-control[type="radio"] {
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	clip: rect(0, 0, 0, 0);
}

.form-control[type="checkbox"] {
	width: 18px;
	height: 18px;
	display: inline- block;
	vertical-align: middle;
}

.red {
	color: #298fcb;
}

body {
	background-color: #ffffff;
}

.wrap {
	width: 1600px;
	margin: auto;
	padding: 0;
}

.w1440 {
	width: 1440px;
	margin: auto;
	padding: 0;
}

.iconfont {
	font-size: .7rem;
}

.wp {
	padding: 15px;
}

.wp-h {
	padding-left: 15px;
	padding-left: 15px;
}

.wp-v {
	padding-top: 15px;
	padding-bottom: 15px;
}

.bg-white {
	background-color: #ffffff;
}

.bg-seach {
	background: url(../images/tmp/seach-m1.png) top center no-repeat;
	background-size: contain;
}

.bg-pro {
	background: url(../images/tmp/pro-m1.jpg) top center no-repeat;
	position: relative;
	background-attachment: fixed;
	background-size: cover;
}

.bg-news {
	background: url(../images/tmp/bg-news.jpg) top center no-repeat;
}

.bg-foot {
	background-color: #252225;
}

.bg-gray {
	background-color: #ddd;
}

.more-btn.bg-white {
	display: block;
	transition: all .5s;
	text-align: center;
	border: 1px solid #999;
	font-size: 16px;
	color: #666;
	border-radius: 20px;
	padding: 8px 0;
	box-sizing: border-box;
	width: 130px;
}

.more-btn.bg-white:hover {
	background: #298fcb;
	color: #FFFFFF;
	border: 0;
	border: 1px solid #298fcb;
}

.p-top-xs {
	padding-top: 15px;
}

.p-top-s {
	padding-top: 30px;
}

.p-top-m {
	padding-top: 50px;
}

.p-top-l {
	padding-top: 80px;
}

.p-bot-xs {
	padding-bottom: 15px;
}

.p-bot-s {
	padding-bottom: 30px;
}

.p-bot-m {
	padding-bottom: 50px;
}

.p-bot-l {
	padding-bottom: 80px;
}

.m-top-xs {
	margin-top: 15px;
}

.m-top-s {
	margin-top: 30px;
}

.m-top-m {
	margin-top: 50px;
}

.m-top-l {
	margin-top: 80px;
}

.m-bot-xs {
	margin-bottom: 15px;
}

.m-bot-s {
	margin-bottom: 30px;
}

.m-bot-m {
	margin-bottom: 50px;
}

.m-bot-l {
	margin-bottom: 80px;
}

.pager {
	text-align: center;
	margin: 50px 0;
}

.pager a,
.pager strong {
	display: inline-block;
	border: 1px solid #298FCB;
	padding: 5px 10px;
	margin: 0 4px;
}

.pager a:hover,
.pager strong {
	background: #298FCB;
	color: #fff;
}

.header .logo {
	float: left;
	width: auto;
	margin-top: 10px;
}
.header .logo a img{
	width:139px;
}

.header .btn-lag {
	float: right;
	background-color: #00b050;
	color: #fff;
	margin-left: 30px;
	padding: 0 10px;
	border-radius: 4px;
	margin-top: 24px;
}

.header .btn-lag a {
	background-color: #00b050;
	color: #fff;
	line-height: 40px;
}

.nav {
	width: auto;
	float: right;
}

.nav ul li {
	float: left;
	min-width: 140px;
	display: block;
	position: relative;
}

.nav ul li .tit {
	display: block;
	text-align: center;
	font-size: 1.1rem;
	height: 88px;
	line-height: 88px;
	display: block;
	padding: 0 30px;
	position: relative;
	color: #fff;
	transition: 1s;
}

.nav ul li .cn{
	float: left;
    line-height: 88px;
    color: #17b4f3;
    font-weight: bold;
/*    padding-right: 15px;*/
}

.nav ul li .cn i{
	margin: 0 10px;
	 color: #fff;
}

.nav ul li:hover .tit,
.nav ul li.on .tit {
	position: relative;
	color: #298fcb;
	transition: 1s;
}

.nav ul li:after {
	content: '';
	transition: all 1s;
}

.nav ul li:hover::after {
	content: '';
	width: 30px;
	height: 3px;
	background-color: #298fcb;
	margin: 0 auto;
	position: absolute;
	bottom: 10px;
	left: calc(50% - 15px);
	transform: translateY(-100%);
}

.nav ul li:::after {
	content: '';
	width: 30px;
	height: 3px;
	background-color: #298fcb;
	margin: 0 auto;
	position: absolute;
	bottom: 10px;
	left: calc(50% - 15px);
	transform: translateY(-100%);
}

.nav ul li.on:after {
	content: '';
	width: 30px;
	height: 3px;
	background-color: #298fcb;
	margin: 0 auto;
	position: absolute;
	bottom: 10px;
	left: calc(50% - 15px);
}

.nav ul li .child {
	background-color: #298fcb;
	display: none;
	position: absolute;
	top: 80px;
	left: 0;
	width: 100%;
	z-index: 99;
	text-align: center;
}

.nav ul li:hover .child {
	display: block;
	padding: 10px 0;
}

.nav ul li .child a {
	display: block;
	line-height: 2;
	font-size: 1.1rem;
	color: #fff;
	padding: 0 15px;
	border-bottom: 1px solid #298fcb;
}

.nav ul li .child a:hover {
	color: #ff1935;
}

.nav ul li:nth-child(8) {
	background: url(../images/youxiang.png) no-repeat left;
	vertical-align: middle;
	margin-left: 25px;
	padding-left: 5px;
}

.top-nav {
	background: rgba(0, 0, 0, .6);
	position: fixed;
	top: 0;
	z-index: 999;
	width: 100%;
}

.menu-button {
	display: none;
	position: absolute;
	top: 10px;
	right: 15px;
	z-index: 999;
	padding: 10px 0;
	border-radius: 5px;
}

.menu-button button {
	display: block;
	background: none;
	overflow: hidden;
	cursor: pointer;
	z-index: 1000;
	border: 0;
	width: 40px;
	height: 30px;
	padding: 0;
	outline: 0;
	position: relative;
	-webkit-appearance: none;
	-webkit-transition: .3s all;
	transition: .3s all;
}

.menu-button button::before,
.menu-button button::after,
.menu-button button span {
	background: #414141;
	border-radius: 3px;
}

.menu-button button::before,
.menu-button button::after {
	content: '';
	position: absolute;
	height: 3px;
	width: 100%;
	left: 0;
	top: 50%;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transition: -webkit-transform .25s;
	transition: transform .25s;
}

.menu-button button span {
	display: block;
	position: absolute;
	height: 3px;
	width: 80%;
	left: 0;
	top: 50%;
	margin-top: 0;
	overflow: hidden;
	text-indent: 200%;
	-webkit-transition: opacity .25s;
	transition: opacity .25s
}

.menu-button button::before {
	-webkit-transform: translate3d(0, -12px, 0);
	transform: translate3d(0, -12px, 0);
}

.menu-button button::after {
	-webkit-transform: translate3d(0, 12px, 0);
	transform: translate3d(0, 12px, 0);
	width: 93%;
}

.menu-button.open button span {
	opacity: 0;
	background: #fff;
}

.menu-button.open button::before {
	-webkit-transform: rotate3d(0, 0, 1, 45deg);
	transform: rotate3d(0, 0, 1, 45deg);
	background: #fff;
}

.menu-button.open button::after {
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	transform: rotate3d(0, 0, 1, -45deg);
	background: #fff;
	width: 100%;
}

.banner-box {
	position: relative;
	text-align: center;
}

.banner-box .swiper-container-horizontal>.swiper-pagination-bullets,
.banner-box .swiper-pagination-custom,
.banner-box .swiper-pagination-fraction {
	bottom: 20px;
}

.banner-box .swiper-pagination {
	z-index: 999;
}

.banner-box .swiper-pagination-bullet {
	width: 35px;
	height: 5px;
	background-color: #ddd;
	opacity: 1;
	border-radius: 8px;
}

.banner-box .swiper-pagination-bullet-active {
	background: #ff1935;
	height: 5px;
	border-radius: 8px;
}

.banner-box .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 8px;
}

.banner-title {
	position: absolute;
	top: 190px;
	left: 50%;
	margin-left: -200px;
}

.banner-title h3 {
	font-size: 36px;
	color: #fff;
	float: left;
	border-right: 1px #fff solid;
	padding-right: 35px;
	margin-right: 35px;
	text-align: right;
}

.banner-title h3 em {
	font-size: 14px;
	display: block;
	margin-top: 10px;
	padding-bottom: 60px;
}

.banner-title h4 {
	font-size: 36px;
	color: #fff;
	float: left;
	text-align: left;
}

.banner-title h4 em {
	font-size: 16px;
	display: block;
}

.nbanner-box {
	position: relative;
	overflow: hidden;
	margin-top: 5px;
}

.nbanner-box .box {
	position: absolte;
	left: 50%;
	margin-left: -960px;
	width: 1920px;
}

.bg1 {
	background: url(../images/tmp/bg1.jpg) no-repeat top;
}

.list1 {
	position: relative;
}

.list1 .news-info {
	float: left;
	width: 70%;
}

.list1 .us-contant {
	float: right;
	width: 30%;
}

.list1 .news-info h2,
.list1 .us-contant h2 {
	font-size: 36px;
	color: #666;
	border-bottom: 2px solid #333;
	width: calc(50% - 100px);
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.list1 ul li {
	float: left;
	width: calc(50% - 100px);
	margin-right: 100px;
}

.list1 ul li .news-time {
	font-size: 14px;
	color: #999;
	margin-top: 15px;
}

.list1 ul li .news-tit {
	font-size: 32px;
	color: #333;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	margin: 20px 0;
	text-align: justify;
}

.list1 ul li .news-con {
	font-size: 14px;
	color: #666;
	line-height: 32px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	overflow: hidden;
	margin: 20px 0;
	text-align: justify;
}

.list1 .news-btn {
	position: absolute;
	bottom: 80px;
	background-color: #298fcb;
	border: 0;
	padding: 10px 20px;
	color: #fff;
	border-radius: 4px;
}

.list1 .us-contant h2 {
	width: 100%;
}

.us-contant .us-con {
	background: #df0c36;
	padding: 30px;
}

.us-contant .us-con .us-tit {
	font-size: 18px;
	font-weight: 700;
	color: #fff;
}

.us-contant .us-con .us-text {
	font-size: 14px;
	color: #fff;
	line-height: 22px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	margin: 10px 0;
	text-align: justify;
}

.us-contant .us-more {
	font-size: 16px;
	color: #fff;
	border-bottom: 1px solid #FFFFFF;
}

.us-contant .us-more:hover {
	color: #298fcb;
	border-color: #298fcb;
}

.us-contant video {
	margin-top: 15px;

}

/*企业*/

.qiye.bg2 {
	background: url(../images/tmp/qiye1.jpg) no-repeat top;
}

.jingshen,
.lianjie {
	float: left;
	width: 50%;
	color: #fff;
	padding-left: 8%;
	position: relative;
}

.jingshen h2,
.lianjie h2 {
	font-size: 36px;
	margin-bottom: 30px;
	margin-left: 50px;
}

.jingshen .qiye-text {
	background: url(../images/tmp/qiye-lan.png) no-repeat;
	background-size: contain;
	margin-right: 100px;
}

.jingshen .qiye-text p {
	line-height: 40px;
	font-size: 16px;
	padding: 20px 40px 88px 40px;
}

.lianjie .qiye-text {
	background: url(../images/tmp/qiye-hei.png) no-repeat;
	background-size: contain;
	margin-right: 100px;
}

.lianjie .qiye-text a {
	display: block;
	color: #FFFFFF;
	line-height: 40px;
	font-size: 16px;
	padding: 0 40px;
	line-height: 40px;
}

.lianjie .qiye-text a:first-child {
	padding-top: 20px;
}

.lianjie .qiye-text a:last-child {
	padding-bottom: 88px;
}


/*企业 */


/*发展历程 开始*/

.fazhan-text h2 {
	font-size: 36px;
	color: #333;
	margin: 20px 0;
}

.fazhan-text p {
	font-size: 16px;
	color: #333;
	line-height: 32px;
}


/*发展历程 结束*/


/*footer*/

.footer {
	padding: 80px 0 60px;
	overflow: hidden;
	background-color: #333333;
}

.contact a {
	display: inline-block;
	line-height: 40px;
	font-size: .8rem;
	color: #999;
	margin-left: 30px;
}

.contact a:first-child {
	margin-left: 0;
}

.contact .iconfont {
	font-size: 1.5rem;
	margin-right: 10px;
	display: inline- block;
	color: #ffffff;
	vertical-align: middle;
}

.contact a span {
	color: #ffffff;
}

.botnav {
	width: 100%;
}

.botnav ul {
	margin-left: -30px;
	width: 100%;
}

.botnav ul li {
	float: left;
	width: calc(100% / 6);
	padding-left: 20px;
}

.botnav ul li .child {
	margin-top: 20px;
}

.botnav ul li .child a {
	font-size: 14px;
	line-height: 30px
}

.botnav ul li a {
	display: block;
	color: #999;
	;
	font-size: 18px;
}

.botnav ul li a:hover {
	color: #fff;
}

.botnav ul li a.tit {
	margin-bottom: 10px;
	color: #ffffff;
	position: relative;
}

.botnav ul li a.tit:after {
	content: '';
	position: absolute;
	bottom: -13px;
	left: 0;
	width: 30px;
	height: 1px;
	background: #56baeb;
}

.botnav ul li a.tit:before {
	content: '';
	position: absolute;
	bottom: -13px;
	left: 0;
	width: 100px;
	height: 1px;
	background: #2a2a2a;
}

.contact-info {
	color: #FFFFFF;
}

.contact-info .tel {
	display: flex;
	align-items: center;
	justify-content: center;
}

.contact-info .tel i {
	font-family: 'square-web';
	font-size: 36px;
	letter- spacing: 2;
	color: #298fcb;
}

.learnmore {
	width: 20%;
	text-align: center;
	color: #cccccc;
	line-height: 2;
}

.qr-img {
	margin-top: 20px;
}

.qr-img .img-box {
	background: url(../images/qr-m1.png) no-repeat center center;
	width: 90px;
	margin: 0 auto;
	padding: 10px;
}

.learnmore .graphic-box1 span {
	display: block;
	margin-top: 10px;
}

.footer .copyright.contact {
	border-top: 1px solid #666;
}

.footer .copyright.contact span {
	color: #666;
	font-size: 14px;
}

.footer .copyright.contact a {
	color: #999;
	font-size: 14px;
}

.footer .copyright.contact .fr {
	font-size: 14px;
	color: #666;
}

.footer .copyright.contact .fr span {
	margin-right: 20px;
	line-height: 40px;
}


/*footer*/


/*走进汉邦
 
 * 集团概况 start*/

.top-nav.no-posi {
	position: static;
	background: #fff;
}

.top-nav.no-posi .nav ul li .tit {
	color: #333;
}

.top-nav.no-posi .nav ul li:hover .tit,
.top-nav.no-posi .nav ul li.on .tit {
	color: #298fcb;
}

.teb-info {
	height: 60px;
}

.teb-info ul li {
	float: left;
	padding: 0 5px;
	margin-right: 10px;
	line-height: 60px;
}

.teb-info ul li.on {
	border-bottom: 2px solid #298fcb;
	font-weight: 700;
}

.teb-info ul li.on a {
	color: #298fcb;
}

.top-position {
	border-bottom: 1px solid #ddd;
}

.top-position-map {
	line-height: 60px;
	position: relative;
}

.top-position-map:before {
	content: '';
	background: url(../images/tmp/icon-1.png) no-repeat center;
	background-size: cover;
	position: absolute;
	left: -22px;
	width: 15px;
	height: 21px;
	margin-top: 19px;
}

.box-50 .box-fl {
	float: left;
	width: calc(50% - 30px);
	box-sizing: border-box;
}

.box-50 .box-fl:first-child {
	padding-right: 30px;
}

.box-50 .box-fl:last-child {
	padding-left: 30px;
}

.box-50 .box-fr {
	float: right;
	width: calc(50% - 30px);
}

.box-50 .pinpai-con .box-fl img {
	margin-right: 30px;
}

.box-50 .pinpai-con .box-fl p {
	margin-left: 30px;
}

.box-50 .pinpai-con .box-fr img {
	margin-left: 30px;
}

.box-50 .pinpai-con .box-fr p {
	margin-left: 30px;
}

.box-50.shiyi-con .box-fl {
	float: left;
	width: calc(50% - 30px);
	box-sizing: border-box;
}

.box-50.shiyi-con .box-fl:first-child {
	padding-right: 30px;
}

.box-50.shiyi-con .box-fl:last-child {
	padding-left: 30px;
}

.box-50.shiyi-con .box-fr {
	float: right;
	width: calc(50% - 30px);
}

.box-50.shiyi-con .box-fl img {
	width: 100%;
}

.box-50.shiyi-con .box-fr img {
	width: 100%;
}

.box-50.shiyi-con .pinpai-con .box-fl img {
	margin-right: 30px;
}

.box-50.shiyi-con .pinpai-con .box-fl p {
	margin-left: 30px;
}

.box-50.shiyi-con .pinpai-con .box-fr img {
	margin-left: 30px;
}

.box-50.shiyi-con .pinpai-con .box-fr p {
	margin-left: 30px;
}

.gaikuang-name h2 {
	font-size: 48px;
	color: #298fcb;
}

.gaikuang-name span {
	display: block;
	font-size: 36px;
	color: #ddd;
	text- transform: uppercase;
	margin-bottom: 30px;
}


/*.gaikuang-text p{font-size: 16px; color: #333; line-height: 32px; text-

indent: 32px; float: left;}*/

.gaikuang-text1 p {
	font-size: 16px;
	color: #333;
	line-height: 32px;
	text- indent: 32px;
}

.gaikuang-text1 img {
	float: left;
	margin-right: 5%;
	width: 50%;
}

.gaikuang-text1 p:first-child {
	margin-top: 30px;
}

.ind-abo-date {
	margin-top: 30px;
}

.ind-abo-date ul li {
	float: left;
	width: 25%;
	text-align: center;
	padding: 30px 10px;
	position: relative;
}

.ind-abo-date ul li:first-child::before {
	content: '';
	width: 0px;
}

.ind-abo-date ul li:before {
	content: '';
	width: 1px;
	height: 100px;
	background: #ddd;
	position: absolute;
	top: calc(50% - 50px);
	left: 0;
}

.ind-abo-date ul li span {
	color: #298FCB;
	font-size: 16px;
}

.ind-abo-date ul li span:first-child {
	font-size: 40px;
	font-family: 'solid-web';
}

.ind-abo-date ul li p {
	font-size: 16px;
	color: #333;
	margin-top: 8px;
}

.ind-abo-date ul li .timer {
	font-weight: 700;
}

.ind-abo-date {
	-moz-box-shadow: 0px 0px 10px #ddd;
	-webkit-box-shadow: 0px 0px 10px #ddd;
	box-shadow: 0px 0px 10px #ddd;
}

.zhici-yuangong {
	margin-top: 50px;
}

.zhici-tit h2 {
	font-size: 36px;
	text-align: center;
	position: relative;
	padding-bottom: 15px;
}

.zhici-tit h2:after {
	content: '';
	width: 40px;
	background: #df0c36;
	height: 2px;
	position: absolute;
	bottom: 0;
	left: calc(50% - 20px);
}

.zhici-text h3 {
	font-size: 34px;
	color: #333;
	line-height: 48px;
	margin: 20px 0;
}

.zhici-text p {
	line-height: 32px;
	font-size: 16px;
	text-indent: 32px;
	color: #666;
}

.zhici-text span {
	text-align: right;
	width: 100px;
	float: right;
	margin-top: 30px;
}

.zizhi-bg {
	background: url(../images/tmp/zoujin-bg1.jpg) no-repeat center;
	background-size: cover;
}

.zhici-zizhi {
	margin: 50px 0;
}

.zhici-zizhi .yq {
	position: relative;
}

.zhici-zizhi .yq dl {
	float: left;
	width: 20%;
	color: #fff;
	text-align: center;
	box-sizing: border-box;
}

.zhici-zizhi .yq dl img {
	display: inline-block;
	max-width: 100%;
}

.zhici-zizhi .yq dl:nth-child(1) {
	animation: rotate 2s linear infinite;
}

.zhici-zizhi .yq dl:nth-child(2) {
	animation: rotate 3s linear infinite;
}

.zhici-zizhi .yq dl:nth-child(2n) {
	padding-top: 10%;
}

.zhici-zizhi .yq dl:nth-child(3) {
	animation: rotate 5s linear infinite;
}

.zhici-zizhi .yq dl:nth-child(4) {
	animation: rotate 7s linear infinite;
}

.zhici-zizhi .yq dl:nth-child(5) {
	animation: rotate 9s linear infinite;
}

.zhici-zizhi .yq dl:nth-child(2n) {
	padding-top: 10%;
}

.font-white {
	color: #fff;
}

.ms .zizhi-jieshao {
	color: #fff;
	width: 80%;
	overflow: hidden;
	text- overflow: ellipsis;
	white-space: nowrap;
	text-align: center;
	margin: 30px auto;
}

.more-btn {
	background-color: #56baeb;
	border: 0;
	padding: 8px 20px;
	color: #fff;
	border-radius: 4px;
	margin: 0 auto;
	text-align: center;
	display: block;
	width: 136px;
}

.more-btn:hover {
	color: #fff;
}

.video-box {
	position: relative;
	width: 100%;
	height: 360px;
	overflow: hidden;
}


/*.youxiang{position: absolute;
    right: 0;
    top: 30px; }
.youxiang a{color:#fff;}
.youxiang a:before{content: '';
    width: 30px;
    height: 30px;
    background: url(../images/youxiang.png) no-repeat center;
    display: inline-block;
    vertical-align: middle;}
.index-nav{position:relative;}

.top-nav.no-pos i.youxiang a{color:#333;}*/


/*走进汉邦
 
 * 集团概况 end*/


/*领导
 
 * 集团概况 end*/


/*荣誉资质 start*/

.list-nav ul li {
	float: left;
	width: 50%;
	line-height: 36px;
	position: relative;
}

.list-nav ul li::after {
	content: '';
	width: 8px;
	height: 8px;
	border-radius: 50%;
	border: 1px solid #a7a7a7;
	box-sizing: border-box;
	top: 14px;
	left: -20px;
	position: absolute;
}

.list-nav ul li::before {
	content: '';
	background: #f2f2f2;
	width: 1px;
	height: 100%;
	left: -50px;
	top: 0;
	position: absolute;
}

.list-nav ul li.list-nav-active:after {
	content: '';
	border-color: #298fcb;
}

.list-nav ul li.list-nav-active a {
	color: #298fcb;
}

.list2 ul {
	padding-left: 30px;
}

.list2 ul li {
	transition: .5s all;
	width: calc(25% - 30px);
	margin-right: 30px;
	float: left;
	border: 1px solid #ddd;
	box-sizing: border-box;
	text- align: center;
	margin-bottom: 30px;
}

.list2 ul li a img {
	padding: 10px;
	display: block;
}

.list2 ul li p {
	text-align: center;
	font-size: 16px;
	color: #333;
	padding: 20px;
	background-color: #ddd;
	margin-top: 20px;
	transition: .5s all;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.list2 ul li:hover {
	border-color: #298fcb;
}

.list2 ul li:hover p {
	background-color: #298fcb;
	color: #fff;
}


/*荣誉资质 end*/


/*走进汉邦
 
 * 集团概况 end*/


/*视点传媒 start
 
 * 集团新闻*/

.list3 ul {
	padding-left: 30px;
}

.list3 ul li {
	transition: .5s all;
	width: calc(25% - 30px);
	margin-right: 30px;
	float: left;
	padding: 15px;
	border: 1px solid #ddd;
	box-sizing: border-box;
	margin-bottom: 30px;
	min-height:414px;
}

.list3 ul li .news-tit {
	font-size: 20px;
	color: #333;
	line-height: 30px;
	margin-bottom: 15px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.list3 ul li .news-time {
	color: #999;
	line-height: 26px;
	margin-bottom: 10px;
	display: block;
}

.list3 ul li .news-text {
	font-size: 16px;
	color: #666;
	line-height: 26px;
	margin-top: 10px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.list3 ul li span {
	transition: linear .3s;
}

.list3 ul li:hover {
	background-color: #298FCB;
	transition: linear .3s;
}

.list3 ul li:hover span {
	color: #fff;
}


/*视点传媒 end
 
 * 集团新闻*/


/*通知公告 start
 
 * 集团新闻*/

.list4 ul li {
	border-bottom: 1px dashed #ddd;
	padding: 30px;
	background: #298FCB;
	margin-bottom: 30px;
	transition: .5s all;
	color: #fff;
	box-sizing: border-box;
}

.list4 ul li .bg-time {
	float: left;
	width: 9%;
	text-align: center;
}

.list4 ul li .bg-time span {
	display: block;
	font-size: 24px;
	padding-bottom: 15px;
	border-bottom: 1px solid #eee;
	margin-bottom: 15px;
}

.list4 ul li .txt {
	float: left;
	margin-left: 50px;
	width: calc(91% - 50px);
}

.list4 ul li .txt a {
	font-size: 20px;
	line-height: 26px;
	color: #fff;
	margin-bottom: 15px;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.list4 ul li .txt p {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.list4 ul li .bg-time span {}

.list4 ul li:last-child {
	border: 0
}

.list4 ul li:hover {
	background-color: #fff;
	color: #333;
	box-shadow: -moz- box-shadow:0px 0px 10px #ddd;
	-webkit-box-shadow: 0px 0px 10px #ddd;
	box- shadow: 0px 0px 10px #ddd;
	;
}

.list4 ul li:hover a {
	color: #298FCB;
}


/*通知公告 end
 
 * 集团新闻*/


/*品牌释义 start
 
 * 汉邦文化*/

.shiyi-text {
	padding: 40px 0;
}

.shiyi-text p {
	color: #666;
	line-height: 30px;
	margin-bottom: 10px;
	padding- right: 20px;
}

.shiyi-text b {
	color: #666;
	line-height: 30px;
}

.shiyi-bg2 {
	background: url(../images/tmp/pinpai-m3.jpg) no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

.shiyi-bg2 p {
	line-height: 40px;
	font-size: 18px;
	color: #fff;
	text-align: center;
	font-weight: 700;
}


/*品牌释义end
 
 * 汉邦文化*/


/*企业文化 start
 
 * 汉邦文化*/

.wenhua-con {
	position: relative;
}

.wenhua-con .box-50 .box-fr {
	position: absolute;
	top: 40px;
	right: 0;
}

.bg-1f {
	background: #1f1f1f;
	margin: 50px 0;
	padding: 50px 0;
}

.box-50.wenhua-con h2 {
	color: #fff;
	font-size: 36px;
}

.box-50.wenhua-con .box-fl.wenhua-fl {
	position: relative;
	padding: 20px 0 20px 170px;
}

.box-50.wenhua-con .box-fl.wenhua-fl:before {
	content: '';
	width: 100px;
	height: 100%;
	background: #298FCB;
	position: absolute;
	left: -0px
}

.box-50.wenhua-con .box-fl.wenhua-fl:after {
	content: '';
	width: 80px;
	height: 1px;
	background: #fff;
	position: absolute;
	top: 50%;
	left: 60px;
}

.box-50.wenhua-con .box-fl h3,
.box-50.wenhua-con .box-fr h3 {
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	margin: 15px 0;
}

.box-50.wenhua-con .box-fl p {
	line-height: 30px;
	color: #fff;
}

.bg-wenhau {
	background: url(../images/tmp/wenhua-m1.jpg) no-repeat;
	background-size: cover;
	padding: 30px;
	position: relative;
}

.bg-wenhau:before {
	content: '';
	width: 40px;
	height: 80%;
	background: #298FCB;
	position: absolute;
	left: -40px;
}

.bg-wenhau ul {
	margin-top: 40px;
}

.bg-wenhau ul li {
	margin-bottom: 30px;
	padding-left: 50px;
	position: relative;
}

.bg-wenhau ul li a {
	color: #fff;
}

.bg-wenhau ul li:before {
	content: '';
	width: 14px;
	height: 14px;
	border-radius: 50%;
	border: 1px solid #fff;
	position: absolute;
	left: 0;
	top: 3px;
}

.bg-wenhau ul li:after {
	content: '';
	position: absolute;
	left: 7px;
	top: 9px;
	width: 20px;
	height: 2px;
	background: #ffff;
}

.box-50.wenhua-jingshen h2 {
	font-size: 32px;
	margin-bottom: 20px;
}

.bg2-wenhau {
	background: url(../images/tmp/wenhua-m4.jpg) no-repeat center;
	background-size: cover;
	background-attachment: fixed;
	text-align: center;
	padding: 80px 0;
	margin: 50px 0;
}

.bg2-wenhau h2 {
	font-size: 42px;
	color: #fff;
}

.bg2-wenhau p {
	margin-top: 30px;
	color: #fff;
}


/*企业文化 end
 
 * 汉邦文化*/


/* 员工风采 start
 
 * 汉邦文化*/

.list5 {
	margin: 50px 0;
}

.list5 ul {
	padding-left: -30px;
}

.list5 ul li {
	float: left;
	width: calc(25% - 30px);
	margin: 0 30px 30px 0;
	border: 1px solid #ddd;
	padding: 8px;
	box-sizing: border-box;
	overflow: hidden;
}

.list5 ul li img {
	transition: .5s all;
}

.list5 ul li:hover img {
	border-color: #298FCB;
	transform: scale(1.1)
}

.list5 .shipin-tit {
	text-align: center;
	padding: 10px;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}


/* 员工风采 end
 
 * 汉邦文化*/


/* 人才战略 start
 
 * 汉邦文化*/

.rencai-con {
	text-align: center;
	margin: 50px 0;
}

.rencai-con h2 {
	font-size: 24px;
	margin-bottom: 20px;
}

.rencai-con p {
	line-height: 40px;
}

.rencai-con img {
	margin: 30px 0;
}

.work-tit {
	font-size: 16px;
	font-weight: 700;
	border-left: 4px solid #298FCB;
	padding-left: 16px;
	line-height: 26px;
}

.list-s6 {
	background: url(../images/tmp/zhaopin-m1.png) no-repeat bottom right;
	background-size: 35%;
}

.list-s6 ul li {
	margin-bottom: 30px;
}

.lit-tit {
	font-size: 16px;
	font-weight: 700;
	color: #666;
	margin-bottom: 10px;
}

.work-duty {
	font-size: 14px;
	color: #666;
	line-height: 26px;
	margin-bottom: 20px;
}

.item a:hover {
	color: #fff;
}


/* 人才战略 end
 
 * 人力资源*/


/*联系 start*/

.lianxi-map {
	width: 65%;
}

.lianxi-text {
	width: calc(35% - 60px);
	height: 500px;
	background: url(../images/tmp/lianxi-m1.jpg) no-repeat center;
	background-size: cover;
	padding: 30px;
	box-sizing: border-box;
}

.lianxi-text h2 {
	font-size: 36px;
	color: #FFFFFF;
	margin-bottom: 20px;
}

.lianxi-text p {
	font-size: 16px;
	color: #fff;
	line-height: 30px;
}

.lianxi-text .qr {
	text-align: center;
	padding: 30px 0;
}
.lianxi-text .qr .img-box{ max-width:150px; margin:auto; }

.lianxi-text span {
	display: block;
	margin-top: 15px;
	color: #fff;
}

.graphic-title-box {
	width: 40%;
	padding-right: 20px;
	float: left;
	position: relative;
}

.ind-mas-box {
	width: 50%;
	float: right;
}

.ind-mas-box.mas-in {
	padding-left: 20px;
	padding-right: 20px;
}

.input-group {
	display: flex;
	margin-bottom: 20px;
	align-items: center;
	justify-content: center;
}

.input-group label {
	font-size: 14px;
	color: #666;
	width: 50px;
	text-align: right;
}

.input-group input {
	width: 100%;
	padding: 5px 0;
	font-size: 14px;
	border: 1px solid #ddd;
	border-radius: 4px;
}

.input-group textarea {
	width: 100%;
	padding: 5px 0;
	font-size: 14px;
	border: 1px solid #ddd;
	border-radius: 4px;
}

.input-group.baseline {
	align-items: baseline;
}

.ind-btn-subm {
	width: calc(100% - 50px);
	float: right;
	border-radius: 4px;
}


/*联系 end*/


/*业务*/


/* shopping*/

.RighInfo001277 {
	padding: 2% 0;
}

.RighInfo001277 .list_img {
	float: left;
	width: 55.6%;
	position: relative;
}

.RighInfo001277 .big_img {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 80%;
}

.RighInfo001277 .big_img li,
.RighInfo001277 .big_img li figure {
	position: absolute;
	left: 0;
	width: 100%;
	top: 0;
	height: 100%;
}

.RighInfo001277 .big_img li figure {
	border: 1px solid #dcdcdc;
	background- size: contain;
}

.RighInfo001277 .list {
	padding: 42px 0 42px 82.9%;
}

.RighInfo001277 .list .bd {
	position: relative;
}

.RighInfo001277 .list a {
	position: absolute;
	width: 17.1%;
	height: 40px;
	right: 0;
	background: url(../images/RighInfo001277-btn_prev.png) no-repeat center center/auto 50%;
	cursor: pointer;
}

.RighInfo001277 .list a.prev {
	top: 0;
}

.RighInfo001277 .list a.next {
	bottom: 0;
	background-image: url (../images/RighInfo001277-btn_next.png);
}

.RighInfo001277 .list a.prevStop,
.RighInfo001277 .list a.nextStop {
	cursor: default;
}

.RighInfo001277 .list li {
	height: 114px;
	position: relative;
}

.RighInfo001277 .list li figure {
	position: absolute;
	left: 0;
	width: 100%;
	top: 9px;
	bottom: 9px;
	background-size: contain;
	border: 1px solid #f2f2f2;
}

.RighInfo001277 .list li.on figure {
	border: 2px solid #298FCB;
}

.RighInfo001277 .right_info {
	float: right;
	width: 39.2%;
}

.RighInfo001277 .right_info h1,
.RighInfo001277 .right_info h3 {
	margin: 0;
	padding: 5% 0;
	border-bottom: 1px solid #e7e8e8;
}

.RighInfo001277 .right_info p {
	margin: 0;
	solid #e7e8e8;
}

.RighInfo001277 .right_info h1 {
	padding: 7% 0;
	color: #298FCB;
	font-size: 26px;
}

.RighInfo001277 .right_info h3 {
	font-size: 18px;
	font-weight: normal;
}

.RighInfo001277 .tab {
	padding: 3% 0;
}

.RighInfo001277 .tab .h1_tab {
	margin: 0;
	border-bottom: 1px solid #e7e8e8;
	overflow: hidden;
	font-size: 16px;
	font-weight: normal;
	color: #000;
}

.RighInfo001277 .tab .h1_tab span {
	float: left;
	padding: 0 3%;
	line-height: 50px;
	background-color: #f2f2f3;
	margin-right: 4px;
	cursor: pointer;
}

.RighInfo001277 .tab .h1_tab span.on {
	background-color: #298FCB;
	color: #fff;
}

.RighInfo001277 .tab .info {
	padding-top: 3%;
}

.RighInfo001277 .ul_download li {
	border-bottom: 1px solid #d1d1d3;
	line- height: 34px;
	background: url(../images/RighInfo001277-icon_download.png) no- repeat right center;
	padding: 10px 0;
}

.RighInfo001277 .ul_download li a {
	padding: 0 38px;
	background: url (../images/RighInfo001277-icon.png) no-repeat left center;
}

.RighInfo001277 .view-list {
	padding: 20px 0 10px;
}

.RighInfo001277 .view-list p {
	padding-bottom: 10px;
	font-size: 16px;
	line- height: 24px;
	color: #666;
}

.RighInfo001277 .view-list p em {
	color: #298FCB;
}

.RighInfo001277 .view_minx {
	background: url(../images/v_ico3.png) no-repeat center center;
	cursor: pointer;
	margin-top: 5px;
}

.RighInfo001277 .right_info .btn-cart {
	display: inline-block;
	border: 1px solid #ddd;
	padding: 10px 5%;
	color: #298FCB;
	transition: 0.4s;
}

.RighInfo001277 .right_info .btn-cart:hover {
	background-color: #298FCB;
	color: #fff;
}

.RighInfo001277 .right_info .btn-buy {
	display: inline-block;
	background: #298FCB;
	padding: 10px 5%;
	color: #fff;
	transition: 0.4s;
	margin-left: 20px;
}

.pro-con {
	margin-top: 30px;
	position: relative;
}

.pro-con .pro-tit {
	line-height: 30px;
	background: #298FCB;
	color: #FFFFFF;
	font-size: 16px;
	text-align: center;
	width: 160px;
	padding: 10px 0;
}

.pro-con .pro-text {
	border-top: 1px solid #ddd;
	padding: 30px;
}

.pro-con .pro-text p {
	line-height: 24px;
	text-align: justify;
	text-indent: 32px;
	margin-bottom: 20px;
}

@media(max-width:768px) {
	.RighInfo001277 .list_img,
	.RighInfo001277 .right_info {
		float: none;
		width: auto;
	}
}

@media(max-width:640px) {
	.RighInfo001277 .list li {
		height: 100px;
	}
	.RighInfo001277 .right_info h1 {
		font-size: 20px;
	}
	.RighInfo001277 .right_info h3 {
		font-size: 16px;
	}
}

@media(max-width:480px) {
	.RighInfo001277 .list {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.RighInfo001277 .list a {
		height: 28px;
	}
	.RighInfo001277 .list li {
		height: 80px;
	}
	.RighInfo001277 .tab .h1_tab {
		font-size: 14px;
	}
	.RighInfo001277 .tab .h1_tab span {
		padding: 0 3%;
	}
}


/*shpping*/


/*业务*/

@media screen and (max-width: 1600px) {
	.wrap {
		width: 1360px;
	}

	.nav ul li{
		min-width: 110px;
	}

	.nav ul li .tit {
		padding: 0 20px;
	}
	.wrap {
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}
	.ind-pro-content ul li {
		height: auto !important;
	}
	.jingshen .qiye-text p {
		padding-bottom: 88px;
	}
	.w1440 {
		width: 1440px;
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}
}


/*中等屏幕   w<1200*/

@media screen and (max-width: 1200px) {
	.nav ul li .tit {
		padding: 0 20px;
	}
	.wrap {
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}
	.top-nav {
		position: static;
		background: #fff;
	}
	.ind-abo-date ul li span:first-child {
		font-size: 32px;
	}
	.ind-abo-date ul li p {
		font-size: 14px;
	}
	.sec-cont {
		width: 80%;
	}
	.header .nav {
		display: none;
	}
	.menu-button {
		display: block;
	}
	.smart-nav {
		display: block;
	}
	.smart-nav {
		position: fixed;
		width: 100%;
		z-index: 998;
		left: auto;
		right: -70%;
		top: 0;
		bottom: 0;
		background: rgba(41, 143, 203, 0.9);
		padding- top: 88px;
		overflow: hidden;
		-webkit-transition: .3s all;
		transition: .3s all;
		text-align: center;
	}
	.smart-nav.open {
		right: 0;
	}
	.smart-nav ul {
		display: block;
		width: 100%;
		height: 100%;
		border-top: 1px solid rgba(255, 255, 255, .5);
		overflow-y: auto;
	}
	.smart-nav ul li {
		position: relative;
		border-bottom: 1px solid rgba(255, 255, 255, .5);
		cursor: pointer;
	}
	.smart-nav ul li .tit {
		font-size: 1rem;
		text-indent: 1em;
		display: block;
		padding: 20px 0;
		color: #ffffff;
	}
	.smart-nav ul li .tit.ignore {
		background: none;
	}
	.smart-nav ul li .child {
		border-top: 1px solid rgba(206, 206, 206, 0.5);
		display: none;
	}
	.smart-nav ul li .child a {
		display: block;
		padding: 5px 0;
		font-size: .9rem;
		line-height: 2;
		color: #eeeeee;
		text-indent: 2em;
	}
	.smart-nav ul li .child a:first-child {
		padding-top: 10px;
	}
	.smart-nav ul li .child a:last-child {
		padding-bottom: 10px;
	}
	.smart-nav ul li .tit:hover,
	.smart-nav ul li .child a:hover {
		background-color: #ffffff;
		color: #298fcb;
	}
	.logo {
		padding: 6px 0;
	}
	.contact {
		display: none;
		padding-right: 15px;
	}
}


/*中等屏幕   w<1200*/

@media screen and (max-width: 1024px) {
	.wrap {
		width: 1000px;
	}
	.nav ul li .tit {
		padding: 0 20px;
	}
	.wrap {
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}
	.ind-pro-content ul li {
		height: auto !important;
	}
	.jingshen .qiye-text p {
		padding: 0 !important;
	}
	.jingshen .qiye-text {
		background: none;
	}
	.lianjie .qiye-text {
		background: none;
	}
	.lianjie .qiye-text a {
		padding: 0;
	}
	.jingshen h2,
	.lianjie h2 {
		margin-left: 0;
	}
	.lianjie .qiye-text a:first-child {
		padding-top: 0;
	}
	.lianxi-text {
		width: 35%;
	}
	.box-50.shiyi-con .box-fl {
		width: 100%;
	}
	.box-50.shiyi-con .box-fl:first-child {
		padding-right: 0;
	}
	.box-50.shiyi-con .box-fr {
		width: 100%;
	}
	.list2 ul li {
		margin-right: 20px;
		width: calc(25% - 20px);
	}
	.w1440 {
		margin-left: 100px;
	}
	.list5 ul li {
		width: calc(25% - 20px);
		margin-right: 20px;
	}
}


/*pad: w< 992*/

@media screen and (max-width: 992px) {
	.wrap {
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}
	.w1440 {
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}
	.top-nav {
		position: static;
		background: #fff;
	}
	.ind-abo-date ul li span:first-child {
		font-size: 32px;
	}
	.ind-abo-date ul li p {
		font-size: 14px;
	}
	.sec-cont {
		width: 80%;
	}
	.header .nav {
		display: none;
	}
	.menu-button {
		display: block;
	}
	.ind-abo-img {
		padding-right: 0;
	}
	.footer {
		padding: 40px 0;
	}
	.list3 ul {
		padding-left: -20px;
	}
	.list3 ul li {
		margin-right: 20px;
	}
}


/*mobile: w < 768*/

@media screen and (max-width: 768px) {
	.video-box {
		height: 217px;
	}
	.top-nav {
		position: static;
		background: #fff;
	}
	.ind-abo-date ul li span:first-child {
		font-size: 32px;
	}
	.ind-abo-date ul li p {
		font-size: 14px;
	}
	.sec-cont {
		width: 80%;
	}
	.header .nav {
		display: none;
	}
	.menu-button {
		display: block;
	}
	.smart-nav {
		display: block;
	}
	.smart-nav {
		position: fixed;
		width: 100%;
		z-index: 998;
		left: auto;
		right: -70%;
		top: 0;
		bottom: 0;
		background: rgba(41, 143, 203, 0.9);
		padding- top: 88px;
		overflow: hidden;
		-webkit-transition: .3s all;
		transition: .3s all;
		text-align: center;
	}
	.smart-nav.open {
		right: 0;
	}
	.smart-nav ul {
		display: block;
		width: 100%;
		height: 100%;
		border-top: 1px solid rgba(255, 255, 255, .5);
		overflow-y: auto;
	}
	.smart-nav ul li {
		position: relative;
		border-bottom: 1px solid rgba(255, 255, 255, .5);
		cursor: pointer;
	}
	.smart-nav ul li .tit {
		font-size: 1rem;
		text-indent: 1em;
		display: block;
		padding: 20px 0;
		color: #ffffff;
	}
	.smart-nav ul li .tit.ignore {
		background: none;
	}
	.smart-nav ul li .child {
		border-top: 1px solid rgba(206, 206, 206, 0.5);
		display: none;
	}
	.smart-nav ul li .child a {
		display: block;
		padding: 5px 0;
		font-size: .9rem;
		line-height: 2;
		color: #eeeeee;
		text-indent: 2em;
	}
	.smart-nav ul li .child a:first-child {
		padding-top: 10px;
	}
	.smart-nav ul li .child a:last-child {
		padding-bottom: 10px;
	}
	.smart-nav ul li .tit:hover,
	.smart-nav ul li .child a:hover {
		background-color: #ffffff;
		color: #298fcb;
	}
	.logo {
		padding: 6px 0;
	}
	.contact,
	.botnav {
		display: none;
	}
	.footer .tbl-cell {
		display: block;
	}
	.footer .learnmore {
		width: 100%;
	}
	.footer .copyright .fr {
		float: none;
	}
	.banner-box .banner-title {
		top: 50px;
	}
	.list1 ul li {
		float: left;
		width: calc(50% - 60px);
		margin-right: 60px;
	}
	.list1 ul li .news-tit {
		font-size: 26px;
	}
	.list1 ul li .news-con {
		-webkit-line-clamp: 3;
	}
	.RighInfo001277 .view_list2 p {
		float: none;
		display: block;
		padding: 0;
		border: 0;
		margin-bottom: 10px;
	}
	.fl,
	.fr {
		float: none;
	}
	.teb-info {
		width: 100%;
	}
	.teb-info.fl {
		float: none !important;
	}
	.top-position-map {
		width: calc(100% - 30px);
		left: 30px;
		float: left ! important;
	}
	.list3 ul li {
		width: calc(50% - 20px);
	}
	.qiye.bg2 {
		background: none;
		padding-top: 0;
	}
	.jingshen,
	.lianjie {
		padding-top: 5%;
		padding-bottom: 5%;
		float: none;
		width: 100%;
		background-size: cover;
	}
	.jingshen {
		background: url(../images/tmp/qiye2.jpg) no-repeat center;
	}
	.lianjie {
		background: url(../images/tmp/qiye3.jpg) no-repeat center;
	}
	.list3 ul {
		padding-left: 20px;
	}
	.box-50.wenhua-con .box-fl,
	.box-50.wenhua-con .box-fr {
		float: 0;
		width: 100%;
		position: static;
	}
	.box-50.wenhua-con .box-fl {
		margin-bottom: 80px;
	}
	.list2 ul {
		padding-left: 20px;
	}
	.list2 ul li {
		width: calc(50% - 20px);
	}
	.list5 ul li {
		width: calc(50% - 10px);
		margin-right: 10px;
	}
	.list4 ul li .bg-time {
		width: 20%;
	}
	.list4 ul li .txt {
		width: calc(80% - 50px);
	}
}


/*mobile: w < 640*/

@media screen and (max-width: 640px) {
	.formbox dl dd {
		width: 100% !important;
	}
	.qr-img {
		width: 100%;
		margin: 10px auto;
	}
	.bg-cul {
		padding-top: 20px;
	}
	.list-s5 ul li {
		width: 100%;
	}
	.mall-container .container .bg-white {
		top: -30px;
	}
	.banner-box .banner-title {
		top: 20px;
	}
	.banner-title h3 {
		font-size: 18px;
	}
	.banner-title h4 {
		font-size: 18px;
	}
	.banner-title h3 em {
		padding-bottom: 0;
	}
	.banner-title {
		left: 60%;
	}
	.list1 .news-info {
		float: none;
		width: 100%;
	}
	.list1 .us-contant {
		float: none;
		width: 100%;
	}
	.list1 .news-info h2,
	.list1 .us-contant h2 {
		width: 100%;
	}
	.list1 .us-contant {
		margin-top: 40px;
	}
	.list1 ul li {
		float: none;
		width: 100%;
	}
	.list1 ul li:first-child {
		border-bottom: 1px dashed #999;
	}
	.list1 .news-btn {
		position: static;
	}
	.fazhan-text h2 {
		font-size: 28px;
	}
	.list3 ul li {
		width: calc(100% - 20px);
	}
	.jingshen .qiye-text,
	.lianjie .qiye-text {
		margin-right: 5%;
	}
	.gaikuang-text1 img {
		width: 100%;
		margin-right: 0;
		margin-bottom: 30px;
	}
	.gaikuang-name h2 {
		font-size: 24px;
	}
	.gaikuang-name span {
		font-size: 20px;
	}
	.ind-abo-date ul li {
		width: 50%;
	}
	.list3 ul li {
		width: 100%;
	}
	.list3 ul {
		padding-left: 0px;
	}
	.lianxi-map {
		width: 100%;
	}
	.lianxi-text {
		width: 100%;
		margin-top: 30px;
	}
	.zhici-text h3 {
		font-size: 28px;
	}
	.box-50.wenhua-con .box-fl.wenhua-fl:before {
		content: '';
		width: 0;
	}
	.box-50.wenhua-con .box-fl.wenhua-fl:after {
		content: '';
		width: 0;
	}
	.box-50.wenhua-con .box-fl.wenhua-fl {
		padding-left: 0;
	}
	.w1440 {
		margin-left: 50px;
	}
	.list-nav ul li {
		width: 100%;
	}
	.list2 ul {
		padding-left: 10px;
	}
	.list2 ul li {
		width: 100%;
		margin-right: 0;
	}
	.list5 ul li {
		width: 100%;
		margin-right: 0px;
	}
	.list4 ul li .bg-time {
		width: 25%;
	}
	.list4 ul li .txt {
		width: calc(75% - 30px);
		margin-left: 30px;
	}
	.list-s6 {
		background: none;
	}
	.header .logo {
		margin-top: 0;
	}
	.graphic-title-box,
	.ind-mas-box {
		width: 100%;
	}
}


/*mobile: w < 480*/

@media screen and (max-width: 480px) {
	.video-box {
		height: 106px;
	}
}