@charset "utf-8";

* {
	margin: 0;
	padding: 0;
}

html,
body {
	font-family: "microsoft yahei", 'Arial', Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 28px;
	color: #606266;
	overflow-x: hidden;
}

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

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

.body {
	/* padding-bottom: 90px; */
}

ol,
ul,
li {
	margin: 0;
	padding: 0;
	list-style: none
}

a {
	text-decoration: none;
}

img {
	border: none;
}

.main {
	max-width: 1200px;
	width: 100%;
	margin: auto;
}

.hide {
	display: none;
}

.show {
	display: block;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

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

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

.ans {
	-moz-transition: transform ease 1s, opacity ease 1s;
	-webkit-transition: transform ease 1s, opacity ease 1s;
	transition: transform ease 1s, opacity ease 1s;
}

.mobile-header {
	display: none;
}

.header {
	width: 100%;
	height: 100px;
	position: fixed;
	z-index: 10;
	top: 0;
	left: 0;
	border-bottom: 1px solid rgba(186, 189, 194, .6);
}

.header .tel {
	font-size: 18px;
	font-family: 'pmzd';
	color: #81b1f3;
	text-align: right;
	line-height: 23px;
}

.header .tel img {
	vertical-align: middle;
	margin-top: -2px;
}

.header .logo {
	margin-top: 26.5px;
}

.header .nav .fir-link {
	float: left;
	margin-left: 30px;
}

.header .nav .fir-link>a {
	width: 72px;
	display: block;
	text-align: center;
	padding: 11.5px 0;
	color: #fff;
	font-size: 18px;
	border-bottom: 4px solid rgba(255, 255, 255, 0);
}

.header .nav .fir-link>a:hover {
	border-bottom: 4px solid #fff;
}

.header .nav .fir-link.act>a {
	border-bottom: 4px solid #0e65e1;
}

.header.act {
	background: #fff;
	box-shadow: 0 1px 10px rgba(0, 0, 0, .32);
}

.header.hove {
	background: #fff;
	border-bottom: none;
}

.header.act .nav .fir-link>a,
.header.hove .nav .fir-link>a {
	color: #303133;
}

.header.act .nav .fir-link>a:hover,
.header.hove .nav .fir-link>a:hover {
	border-bottom: 4px solid #0e65e1;
}

.pdt-down {
	position: absolute;
	width: 100%;
	display: none;
	background: #fff;
	z-index: 10;
	font-weight: 400;
	top: 100px;
	left: 0;
	z-index: 11;
	border-top: 1px solid #dddee1;
	padding-bottom: 20px;
}

.header .nav li:hover .pdt-down {
	display: block;
}

.pdt-down h4 {
	font-weight: 400;
}

.pdt-down .hot-tie {
	color: #0e65e1;
	margin-top: 44px;
	margin: 30px 0 20px;
}

.pdt-down .hot-tie a {
	color: #0e65e1;
	cursor: pointer;
}

.pdt-down .pdt-down-item {
	float: left;
	font-size: 16px;
	margin-left: 53px;
}

.pdt-down .pdt-down-item:first-child {
	margin-left: 0;
	width: 174px;
}

.pdt-down .pdt-down-item:nth-child(2),
.pdt-down .pdt-down-item:nth-child(3),
.pdt-down .pdt-down-item:nth-child(6) {
	width: 146px;
}

.pdt-down .pdt-down-item:nth-child(4) {
	width: 168px;
}

.pdt-down .pdt-down-item:nth-child(5) {
	width: 155px;
}

.pdt-down .pdt-down-item .item-title {
	font-size: 18px;
	color: #0e65e1;
	line-height: 1;
	margin-bottom: 26px;
	font-weight: 700;
}

.pdt-down-item li {
	margin-bottom: 18px;
	line-height: 20px;
}

.pdt-down-item li a {
	color: #606266;
	font-size: 14px;
}

.pdt-down-item li a:hover {
	color: #0e65e1;
}

.mobile-header {
	height: 50px;
	background: #fff;
	padding: 0 15px;
}

.mobile-header .mobile-logo {
	height: 30px;
	width: auto;
	margin: 10px 0;
	float: left;
}

.mobile-header .mobile-tel {
	height: 15px;
	margin: 17.5px 0;
	float: right;
	margin-right: 20px;
}

.mobile-header .contents {
	width: 20px;
	height: 20px;
	margin: 15px 0;
	display: block;
	background: url(../img/nav_ico.png) no-repeat;
	background-size: 20px 20px;
	float: right;
}

.hide-menu {
	display: block;
	position: fixed;
	z-index: 999;
	top: 0;
	right: 0;
	left: 100%;
	width: 100%;
	height: 100%;
	background: #2b3544;
}

.hide-menu .hide-header {
	height: 50px;
	background: #1d242d;
	text-align: center;
	position: relative;
}

.hide-menu .hide-header img {
	height: 30px;
	width: auto;
	margin: 10px auto;
}

.hide-menu .hide-close {
	width: 15px;
	height: 15px;
	background: url(../img/menu_close.png) no-repeat;
	background-size: 15px 15px;
	display: block;
	position: absolute;
	top: 17.5px;
	left: 15px;
}

.hide-menu .menu-list a {
	display: block;
	color: #fff;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	padding: 0 15px;
}

.hide-menu .menu-list a.act {
	color: #0e65e1;
}

.com-tie {
	padding: 30px 0 34px 0;
	text-align: center;
	width: 250px;
	margin: auto;
}

.com-tie h2 {
	font-size: 24px;
	font-weight: normal;
	color: #313335;
	font-weight: 700;
	transform: translate3d(0px, -30px, 0px);
	transition-delay: 0.2s;
	transition-duration: 1000ms;
	opacity: 0;
}

.com-tie h2.active {
	transform: translate3d(0px, 0px, 0px);
	opacity: 1;
}

.com-tie i {
	display: block;
	width: 40px;
	height: 2px;
	background: #448aec;
	margin: 10px auto;
	transform: translate3d(0px, 30px, 0px);
	transition-delay: 0.4s;
	transition-duration: 1000ms;
	opacity: 0;
}

.com-tie i.active {
	transform: translate3d(0px, 0px, 0px);
	opacity: 1;
}

.com-tie p {
	font-size: 16px;
	color: #909399;
	transform: translate3d(0px, 30px, 0px);
	transition-delay: 0.6s;
	transition-duration: 1000ms;
	opacity: 0;
}

.com-tie p.active {
	transform: translate3d(0px, 0px, 0px);
	opacity: 1;
}

/*.com-tie:hover i{width: 200px;transition: width ease-in 1s;}*/
.product-web{
	display: block;
}
.product-mobile{
	display: none;
}
.product-box {
	padding-bottom: 60px;
	box-sizing: border-box;
}
.product-box .productBox{
	width: 1200px;
	/* height: 514px; */
	background-color: #ffffff;
	border: solid 1px #dadfe6;
	border-radius: 10px;
	overflow: hidden;
}
.product-box .productBox .product-tab-box .product-tab{
	width: 240px;
	height: 124px;
	background-color: #fafdff;
	border: solid 1px #dadfe6;

	font-size: 24px;
	font-weight: 700;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #8b9199;
}
.product-box .productBox .product-tab-box .product-tab-car{
	background-color: #fff !important;
	border: none !important;
	color: #313335;
}
.product-box .productBox .product-tab-box .product-tab-car + div {
	border-radius:0 0 0 10px;
}
.product-box .productBox .product-tab-box .product-tab img{
	width: 48px;
	height: 48px;
	margin-right: 20px;
}
.product-box .productBox .product-con-box{
	flex-wrap: wrap;
}
.product-box .productBox .product-con-box .product-con{
	width: 400px;
	padding: 50px 20px 10px 50px;
	box-sizing: border-box;
}
.product-box .productBox .product-con-box .product-con:hover .product-con-tit{
	color: #448aec;
}
.product-box .productBox .product-con-box .product-con:hover .product-con-con{
	color: #313335;
}
.product-box .productBox .product-con-box .product-con-tit{
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0px;
	color: #313335;
	line-height: 1;
}
.product-box .productBox .product-con-box .product-con-tit img{
	width: 7px;
	height: 12px;
	margin-left: 10px;
}
.product-box .productBox .product-con-box .product-con-con{
	font-size: 16px;
	font-weight: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #909399;
	margin-top: 20px;
}
.product-box .productBox .product-more{
	width: 1200px;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #448aec;
	margin-top: 20px;
	padding-bottom: 40px;
	box-sizing: border-box;
}
.product-box .productBox .product-more img{
	width: 6px;
	height: 8px;
	margin-left: 6px;
}

.pdt-cont {
	position: absolute;
	z-index: 3;
	padding: 130px 0 0 30px;
}

.pdt-cont h4 {
	font-size: 20px;
	color: #fff;
	margin: 6px 0;
}

.pdt-cont p {
	color: rgba(255, 255, 255, .8);
	font-family: 'agency';
}

.atge-box {
	height: 570px;
	background-image: url(../img/atge.jpg);
	background-attachment: fixed;
	background-position: center 0;
	background-repeat: no-repeat;
	overflow: hidden;
	line-height: 24px;
	font-size: 14px;
}

.atge-box .com-tie h2 {
	color: #fff;
}

.atge-box .com-tie p {
	color: #fff;
}

.atge-item {
	width: 310px;
	text-align: center;
	margin-left: 135px;
	float: left;
	color: #adb5cd;
}

.atge-item:first-child {
	margin-left: 0;
}

.atge-item .atge-icon {
	width: 160px;
	height: 185px;
	line-height: 185px;
	background: url(../img/atge-item-bg.png);
	margin: auto;
}

.atge-item:hover .atge-icon {
	background: url(../img/atge-item-bg-act.png);
}

.atge-item .atge-icon img {
	vertical-align: middle;
}

.atge-item h4 {
	font-size: 24px;
	margin: 28px 0;
	color: #fff;
}

.atge-swiper {
	display: none;
}

.news-box {
	width: 450px;
	height: 430px;
	overflow: hidden;
	position: relative;
}

.news-box .hd {
	width: 100%;
	height: 8px;
	position: absolute;
	z-index: 1;
	bottom: 90px;
}

.news-box .hd ul {
	display: table;
	margin: auto;
}

.news-box .hd ul li {
	float: left;
	margin: 2px;
	width: 8px;
	height: 8px;
	border-radius: 2px;
	background: rgba(255, 255, 255, 0.6);
	cursor: pointer;
}

.news-box .hd ul li.on {
	width: 20px;
	background: #fff;
}

.news-box .bd {
	position: relative;
	height: 100%;
	z-index: 0;
}

.news-box .bd img {
	width: 450px;
	height: 430px;
	object-fit: cover;
}

.news-box .news-text {
	width: 410px;
	height: 60px;
	padding: 12px 20px;
	background-color: rgba(0, 0, 0, 0.4);
	position: absolute;
	bottom: 0;
	color: rgba(255, 255, 255, 0.6);
	z-index: 3;
}

.news-box .news-text div {
	height: 28px;
	line-height: 28px;
}

.news-box .news-text div h4 {
	font-size: 16px;
	width: 250px;
	color: #fff;
	float: left;
}

.news-box .news-text div span {
	float: right;
}

.news-list {
	width: 720px;
}

.news-list ul {
	margin-bottom: 24px;
}

.news-list li {
	height: 60px;
	border-bottom: 1px solid #dadfe6;
	padding: 0 40px 0 20px;
	overflow: hidden;
	cursor: pointer;
}

.news-list li a {
	color: #8a9098;
}

.news-list li.act {
	/* background: #f1f6f9; */
	background: #fff;
	height: 126px;
	border-bottom: none;
}

.news-list li .news-title {
	height: 60px;
	line-height: 60px;
}

.news-list li .news-title h4 {
	color: #303133;
	font-size: 16px;
	width: 450px;
	float: left;
}

.news-list li .news-title span {
	float: right;
}

.news-list li p {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.news-list .more {
	width: 120px;
	height: 40px;
	display: block;
	border-radius: 20px;
	background: #5893e7;
	font-size: 16px;
	color: #fff;
	text-align: center;
	line-height: 40px;
}

.news-list .more:hover {
	background: #0e65e1;
}

/*右侧悬浮框开始*/
.fix-box {
	position: fixed;
	z-index: 99;
	width: 70px;
	top: calc(50% - 108px);
	right: 20px;
	background: #fff;
	border-radius: 2px;
	border: 1px solid #e4e7ed;
}

.fix-box li {
	width: 70px;
	height: 30px;
	text-align: center;
	color: #828899;
	font-size: 12px;
	cursor: default;
	padding-top: 42px;
	overflow: hidden;
	cursor: pointer;
}

.fix-box li.right-wx {
	border-bottom: 1px solid #e4e7ed;
	background: url(../img/weixin-icon.png) no-repeat center 14px;
}

.fix-box li.right-wx:hover {
	border-bottom: 1px solid #448aec;
	background: url(../img/weixin-icon-act.png) no-repeat center 14px #448aec;
	color: #fff;
}

.fix-box li.right-phone {
	border-bottom: 1px solid #e4e7ed;
	background: url(../img/phone-icon.png) no-repeat center 14px;
}

.fix-box li.right-phone:hover {
	border-bottom: 1px solid #448aec;
	background: url(../img/phone-icon-act.png) no-repeat center 14px #448aec;
	color: #fff;
}

.fix-box li.right-top {
	background: url(../img/top-icon.png) no-repeat center 14px;
}

.fix-box li.right-top:hover {
	background: url(../img/top-icon-act.png) no-repeat center 14px #448aec;
	color: #fff;
}

.fix-box li div {
	position: fixed;
	right: 104px;
	padding: 10px 10px 0;
	border: 1px solid #DCDCDC;
	background: #fff;
	top: calc(50% - 140px);
	display: none;
}

.fix-box li div img {
	width: 120px;
	height: 120px;
}

.fix-box li.right-wx:hover div {
	display: block;
}

/*右侧悬浮框结束*/
.footer {
	width: 100%;
	height: 280px;
	background: #303545;
	color: #e6e6e6;
	font-size: 14px;
	line-height: initial;
}

.footer .footer-main {
	height: 240px;
	overflow: hidden;
}

.footer .beian {
	height: 40px;
	background: #272b3a;
	text-align: center;
	line-height: 40px;
}

.footer .lt-box {
	float: left;
	width: 375px;
	height: 212px;
	padding-top: 28px;
	background: url(../img/footer-line.png) no-repeat right center;
}

.footer .lt-item {
	height: 48px;
	margin-bottom: 20px;
}

.footer .lt-item img {
	margin: 8px 10px 8px 0;
	float: left;
}

.footer .lt-item p {
	line-height: 1.72;
}

.footer .lt-item span {
	color: #8990a6;
	font-size: 12px;
}

.footer .mid-box {
	width: 630px;
	padding: 28px 0;
	float: left;
}

.footer .ewm {
	width: 140px;
	height: 140px;
	background: #fff;
	padding: 10px;
	float: right;
	margin-top: 40px;
}

.footer .footer-menu {
	float: left;
	margin-left: 60px;
}

.footer .footer-menu ul {
	float: left;
	margin-right: 30px;
}

.footer .footer-menu p {
	font-size: 20px;
	margin-bottom: 30px;
}

.footer .footer-menu li {
	margin-bottom: 25px;
}

.footer .footer-menu a {
	color: #fff;
}

/*二级页面*/
.child-banner {
	width: 100%;
	height: 460px;
	overflow: hidden;
}

.child-banner img {
	width: 100%;
	height: 460px;
	object-fit: cover;
}

.bread-crumbs {
	margin: 25px 0 30px;
	color: #909399;
}

.bread-crumbs img {
	vertical-align: middle;
	margin: 0 2px;
}

.bread-crumbs a {
	color: #909399;
}

.bread-crumbs a:hover {
	color: #448aec;
}
.child-menu{width: 100%;display: none;height: 64px;border-bottom: 1px solid #dcdfe6;}
.child-menu.act{position: fixed;top:0;left: 0;background: #fff;z-index: 20;}
.child-menu ul li{line-height: 63px;float: left;font-size: 20px;cursor: pointer;margin-right: 77px;}
.child-menu ul li a{color: #313335;line-height: 63px;display: inline-block;}
.child-menu ul li a.act,.child-menu ul li.act a,.child-menu ul li:hover a{border-bottom: 2px solid #0e65e1;}
.child-main{display: none;}
.child-main.show{display: block;}
.pages {
	display: table;
	margin: 10px auto;
	font-size: 14px;
}

.pages a {
	padding: 2.5px 10px;
	border: 1px solid #c5cbd4;
	border-radius: 2px;
	color: #606266;
	margin: 0 6px;
}

.pages input {
	padding: 4.5px 0;
	border: 1px solid #c5cbd4;
	width: 30px;
	border-radius: 2px;
	margin: 0 6px;
}

.pages span {
	margin-left: 10px;
}

.pages a:hover {
	background: #448aec;
	color: #fff;
	border: 1px solid #448aec;
}

/*新闻中心*/
.news-show-box {
	margin-bottom: 70px;
}

.news-item {
	display: block;
	float: left;
	width: 362px;
	margin-left: 57px;
	color: #606266;
}

.news-item:hover .news-img img {
	transform: scale(1.1);
}

.news-item:first-child {
	margin-left: 0;
}

.news-item .news-img {
	width: 362px;
	height: 241px;
	overflow: hidden;
}

.news-item .news-img img {
	width: 362px;
	height: 241px;
	object-fit: cover;
	transition: all .4s linear;
}

.news-item.anli {
	box-shadow: 0 8px 14px rgba(0, 0, 0, .1);
	padding-bottom: 15px;
	position: relative;
}

.news-item.anli .fixed-icon {
	position: absolute;
	top: 190px;
	right: 10px;
	z-index: 6;
}

.news-item .news-text {
	padding: 20px 20px 0;
}

.news-item .news-text h6 {
	font-size: 16px;
	color: #0e65e1;
	margin-bottom: 15px;
}

.news-item .news-text h6 span {
	font-size: 12px;
	color: #0e65e1;
	margin-left: 4px;
}

.news-item .news-text h5 {
	font-size: 20px;
	color: #303133;
	font-weight: 400;
}

.news-item .news-text h5,
.news-item .news-text p {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.news-item .news-text p {
	margin: 10px 0 20px;
}

.news-item .news-text span {
	font-size: 14px;
	color: #909399;
}

.news-display-list a {
	width: 96%;
	color: #606266;
	padding: 40px 4% 40px 0;
	display: block;
	background: url(../img/dashed-line.png) no-repeat left bottom;
	background-size: 100% 1px;
}

.news-display-list a:last-child {
	background: none;
}

.news-display-list a:after {
	display: table;
	content: "";
	clear: both;
}

.news-display-list .news-data {
	width: 102px;
	height: 82px;
	padding: 20px 0 0;
	color: #2a2a2a;
	background: #e9f1fd;
	text-align: center;
	font-size: 20px;
	float: left;
	margin-right: 50px;
}

.news-data .day {
	font-size: 36px;
	margin-bottom: 8px;
}

.news-display-list .cir {
	font-size: 20px;
	float: left;
	margin-right: 20px;
	color: #c2c2c2;
}

.news-rt-text {
	overflow: hidden;
}

.news-rt-text h4 {
	color: #2a2a2a;
	font-size: 24px;
	margin-bottom: 20px;
	font-weight: 500;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.news-rt-text p {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.news-rt-text h5 {
	color: #606266;
	font-size: 24px;
}

.news-rt-text span {
	margin: 14px 0;
	color: #909399;
	font-size: 16px;
	display: block;
}

/*新闻详情*/
.news-datail {
	text-align: center;
}

.news-datail img {
	max-width: 100%;
	height: auto;
	margin: 35px 0;
}

.news-datail p {
	text-indent: 2em;
	text-align: left;
}

.news-tie-time {
	padding-bottom: 15px;
	background: url(../img/dashed-line.png) no-repeat left bottom;
	background-size: 100% 1px;
	margin-bottom: 50px;
}

.news-tie-time h4 {
	font-size: 28px;
	line-height: 40px;
	color: #2a2a2a;
	margin: 0 220px 25px;
	font-weight: 500;
}

.news-tie-time span {
	margin-right: 30px;
	color: #909399;
}

/*关于西辰*/
.about-title {
	font-size: 24px;
	text-align: center;
	margin-bottom: 40px;
	color: #303133;
	font-weight: 400;
}

section {
	padding: 90px 0 0;
}

.intro-box {
	padding: 0 60px;
	text-indent: 2em;
}

.histary-bg {
	height: 334px;
	background-image: url(../img/history-bg.jpg);
	background-position: center;
	background-repeat: no-repeat;
	overflow: hidden;
}

.histary-bg .about-title {
	color: #fff;
	margin-top: 90px;
}

.histary-tab {
	height: 70px;
	margin: 50px auto 0;
	background: url(../img/history-line.png) no-repeat center 61px;
	background-size: calc(100% - 180px) 2px;
	display: table;
}

.histary-tab li {
	float: left;
	color: #fff;
	width: 180px;
	text-align: center;
}

.histary-tab li .cir-bg {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #8797af;
	overflow: hidden;
	margin: 20px auto 0;
	cursor: pointer;
}

.histary-tab li .cir-bg .cir {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #fff;
	margin: 5px;
	display: none;
}

.histary-tab li.act .cir {
	display: block;
}

.histary-body {
	display: none;
}

.histary-body .time-item {
	width: 291px;
	float: left;
	margin-left: 12px;
}

.histary-body .time-item:first-child {
	margin-left: 0;
}

.histary-body .time-item .time-year {
	color: #303133;
	font-size: 22px;
	padding-bottom: 10px;
	border-bottom: 1px solid #dcdfe6;
	margin: 30px 0;
}

.histary-body .time-item p {
	margin-bottom: 10px;
}

.histary-body .time-item span {
	float: left;
	margin-right: 10px;
	font-size: 12px;
	color: #acb0b9;
}

.histary-body .time-item p {
	overflow: hidden;
}

.culture-box {
	margin-top: 50px;
}

.culture-box .culture-text {
	text-align: left;
	padding-top: 40px;
	overflow: visible;
}

.culture-box .culture-text .about-title {
	text-align: left;
	margin-bottom: 20px;
}

.culture-box .culture-text p {
	color: #303133;
	font-size: 20px;
	;
	margin: 20px 0 6px;
}

.culture-box .culture-text span {
	line-height: 26px;
	font-size: 14px;
}

.culture-box .culture-img {
	width: 594px;
	float: right;
	margin-left: 40px;
}

.culture-box .culture-img img {
	width: 100%;
	height: auto;
}

.quality-box {
	margin: 40px 0;
}

.quality-item {
	width: 321px;
	float: left;
	margin-left: 118.5px;
	text-align: center;
}

.quality-item:nth-child(3n+1) {
	margin-left: 0;
}

.quality-item .quality-bk {
	width: 319px;
	height: 219px;
	border: 1px solid #dcdfe6;
}

.quality-item .quality-bk img {
	width: 274px;
	height: 198px;
	object-fit: cover;
	margin: 10.5px 22.5px;
}

.quality-item p {
	margin: 20px 0;
}

.quality-page {
	display: table;
	margin: auto;
}

.quality-page a {
	width: 20px;
	height: 20px;
	line-height: 20px;
	margin: 6px;
	background: #dcdfe6;
	display: block;
	border-radius: 50%;
	text-align: center;
	float: left;
}

.quality-page a:hover {
	background: #0e65e1;
}

.quality-page p {
	float: left;
	margin: 0 16px;
	font-size: 24px;
}

.contact-lt-box {
	width: 588px;
	float: left;
}

.contact-lt-box h6 {
	font-size: 22px;
	color: #303133;
	font-weight: 500;
	margin-bottom: 16px;
}

.address-info label {
	width: 82px;
	display: inline-block;
	text-align: right;
	float: left;
}

.address-info span {
	margin: 0 20px 0 10px;
}

.contact-item {
	margin-bottom: 30px;
}

.address-info a {
	color: #606266;
	margin-right: 44px;
}

.address-info a img {
	vertical-align: middle;
	margin: -2px 6px 0 0;
}

.contact-map {
	width: 588px;
	float: right;
}

.contact-map img {
	width: 100%;
	height: auto;
}

.contact-map p {
	height: 20px;
	line-height: 20px;
	background: url(../img/zhushi.png) no-repeat left center;
	padding-left: 30px;
	margin-top: 10px;
}

.contact-info {
	width: 248px;
	height: 122px;
	padding: 15px;
	background: #f3f6fb;
	float: left;
	margin-right: 15px;
}

.contact-info label {
	color: #303133;
	margin-bottom: 10px;
}

.contact-info div {
	height: 32px;
	line-height: 32px;
	margin: 16px 0 -6px;
}

.contact-info div p {
	font-size: 24px;
	color: #0e65e1;
}

.contact-info div span {
	float: left;
	margin-right: 12px;
}

/*加入西辰*/
.join-box {
	margin: 70px 0 80px;
}

.join-box h4 {
	color: #2a2a2a;
	font-size: 40px;
	font-weight: 500;
	margin-bottom: 20px;
}

.join-box p {
	text-indent: 2em;
}

.zw-list a {
	width: 96%;
	color: #606266;
	padding: 30px 4% 30px 0;
	display: block;
	background: url(../img/dashed-line.png) no-repeat left bottom;
	background-size: 100% 1px;
}

.zw-list a:last-child {
	background: none;
}

.zw-list .cir {
	font-size: 20px;
	float: left;
	margin-right: 20px;
	color: #c2c2c2;
}

.zw-text {
	overflow: hidden;
}

.zw-text h5 {
	font-size: 20px;
}

.zw-text span {
	margin: 14px 0;
	color: #909399;
	display: block;
}

/*西辰风采*/
.view-item {
	width: 362px;
	height: 241px;
	display: block;
	float: left;
	margin: 0 0 46px 57px;
	position: relative;
	overflow: hidden;
}

.view-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all .4s linear;
}

.view-item:hover img {
	transform: scale(1.1);
}

.view-item:nth-child(3n+1) {
	margin-left: 0;
}

.view-item p {
	width: calc(100% - 40px);
	height: 39px;
	background: rgba(1, 8, 15, .5);
	color: #fff;
	line-height: 39px;
	padding: 0 20px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	bottom: 0;
	left: 0;
	position: absolute;
}

/*渠道合作*/
.cpon-item {
	margin-top: 40px;
	text-align: left;
}

.cpon-item h4 {
	color: #303133;
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 30px;
}

.cpon-info label {
	color: #909399;
	margin-right: 10px;
}

.cpon-info span {
	margin-right: 20px;
}

.cpon-item div {
	margin: 12px 0;
}

/*售后服务*/
.after-svs-item h4 {
	color: #2a2a2a;
	font-size: 22px;
	margin: 50px 0 30px;
	font-weight: 500;
}

.after-svs-item table {
	border-left: 1px solid #c5cbd4;
	border-top: 1px solid #c5cbd4;
	width: 100%;
}

.after-svs-item table td {
	border-right: 1px solid #c5cbd4;
	border-bottom: 1px solid #c5cbd4;
}

.after-svs-item table td:first-child {
	text-align: center;
}

.after-svs-item table td:last-child {
	padding: 25px 45px 7px;
}

.after-svs-item table td div {
	margin-bottom: 18px;
}

.after-svs-item .address-info a img {
	vertical-align: middle;
	margin: -2px 0 0 14px;
}

.blue-text {
	color: #448aec;
}

.blue-text:hover {
	color: #357fe8;
}

/*产品线*/
.product-line-list {
	margin-top: 90px;
}
.line-item {
	width: 280px;
	height: 291px;
	overflow: hidden;
	border: 1px solid #dcdfe6;
	float: left;
	box-sizing: border-box;
	margin: 0 0 30px 30px;
	position: relative;
}

.line-item:nth-child(3n+1) {
	margin-left: 0;
}

.line-item img {
	width: 280px;
	margin: 0 auto;
	height: 180px;
	object-fit: cover;
}

.line-item .line-text {
	padding: 0 24px;
	color: #909399;
}

.line-item .line-text h4 {
	font-size: 18px;
	margin: 10px 0;
	text-align: center;
	color: #303133;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.line-item p {
	font-size: 13px;
	line-height: 20px;
	text-indent: 2em;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.show-box {
	width: 280px;
	height: 291px;
	position: absolute;
	z-index: 2;
}

.hide-box {
	width: 100%;
	box-sizing: border-box;
	height: 291px;
	padding: 0 24px;
	position: absolute;
	z-index: 3;
	top: 291px;
	text-align: center;
	color: #fff;
	background: #5893e7;
	transition: all .4s linear;
}

.hide-box img {
	width: 90px;
	height: auto;
	margin-top: 35px;
}

.hide-box h4 {
	font-size: 16px;
	margin: 10px 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.hide-box a {
	display: block;
	width: 142px;
	height: 32px;
	line-height: 32px;
	border-radius: 16px;
	font-size: 13px;
	color: #0e65e1;
	background: #fff;
	margin: 16px auto;
}

.line-item:hover .hide-box {
	transform: translateY(-291px);
}




.line-wrapper {
	margin-top: 30px;
}

.line-wrapper .line-tab {
	width: 260px;
	margin-right: 40px;
	border-right: 1px solid #dadfe6;
	box-sizing: border-box;
}

.line-wrapper .line-tab ul li {
	line-height: 60px;
	cursor: pointer;
	padding-left: 30px;
	position: relative;
	user-select:none;
	
}
.line-wrapper .line-tab ul li.act{
	background-color: #0e65e1;
	color: #ffffff;
}
.line-wrapper .line-tab ul li:hover::after{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 4px;
	background-color: #0e65e1;
}
.line-wrapper .child-main,.line-wrapper .child-main1 {
	margin-left: 300px;
}

.line-wrapper .line-list-title{
	line-height: 1;
	font-size: 24px;
	color: #313335;
	font-weight: bold;
	margin-bottom: 40px;
}

/*产品详情*/
.product-lt-box {
	width: 269px;
	height: auto;
	padding: 10px 0 230px;
	background: url(../img/product-logo.png) no-repeat left bottom #f5f8ff;
	float: left;
}

.product-lt-box h4 {
	font-size: 20px;
	color: #0e65e1;
	line-height: 60px;
	border-bottom: 1px solid #0e65e1;
	text-align: center;
}

.product-lt-box a {
	display: inline-block;
	text-align: center;
	color: #606266;
	margin-top: 22px;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}

.product-lt-box a:hover {
	color: #448aec;
}

.product-lt-box a.act {
	font-weight: 700;
	color: #448aec;
}

.product-lt-box a.act:before {
	width: 4px;
	height: 4px;
	background: #448aec;
	position: absolute;
	content: "";
	left: -14px;
	top: calc(50% - 2px);
}

.product-rt-box {
	width: 883px;
	float: right;
}

.product-rt-box .news-title h4 {
	margin: 0 20px 25px;
}

/*.product-rt-box div{line-height: 40px;}
.product-rt-box span{margin-left: 20px;width: 200px;display: inline-block;}
.product-rt-box img{width: 100%;height: auto;margin-top: 36px;}*/

/*职位详情*/
.job-email {
	width: 96%;
	height: 60px;
	line-height: 60px;
	padding: 0 2%;
	outline: 1px dashed #0e65e1;
	color: #0e65e1;
	font-size: 18px;
	background: #eaf3ff;
}

.job-email.mobile {
	display: none;
}

.job-box h4 {
	color: #2a2a2a;
	font-size: 32px;
	margin: 50px 0;
	font-weight: 400;
}

.job-info {
	margin-bottom: 20px;
}

.job-info .job-icon {
	font-size: 16px;
	color: #c2c2c2;
	float: left;
	margin-right: 20px;
}

.job-detail {
	overflow: hidden;
}

.job-detail h5 {
	font-size: 20px;
	margin-bottom: 10px;
}

.job-detail p span {
	margin-right: 20px;
}

.submit-btn {
	width: 120px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 20px;
	color: #fff;
	background: #0e65e1;
	display: block;
	margin: 70px auto 20px;
}

.submit-btn:hover {
	background: #0b5dd2;
}

@media (max-width: 1199px) {

	html,
	body {
		font-size: 14px;
		line-height: 26px;
	}

	.body {
		/* padding-bottom: 40px; */
	}

	.header {
		display: none;
	}

	.mobile-header {
		display: block;
	}

	.fix-box {
		display: none;
	}

	.main {
		max-width: 764px;
		width: 100%;
	}

	.com-tie {
		padding: 20px 0;
	}

	.com-tie h2 {
		font-size: 20px;
	}

	.com-tie i {
		margin: 6px auto;
	}

	.com-tie p {
		font-size: 14px;
	}


	.product-web{
		display: block;
	}
	.product-mobile{
		display: none;
	}
	.product-box {
		padding-bottom: 60px;
		box-sizing: border-box;
	}
	.product-box .productBox{
		width: 1000px;
		background-color: #ffffff;
		border: solid 1px #dadfe6;
		border-radius: 10px;
		overflow: hidden;
		margin-left: -118px;
	}
	.product-box .productBox .product-tab-box .product-tab{
		width: 200px;
		height: 100px;
		background-color: #fafdff;
		border: solid 1px #dadfe6;
	
		font-size: 20px;
		font-weight: 700;
		font-stretch: normal;
		letter-spacing: 0px;
		color: #8b9199;
	}
	.product-box .productBox .product-tab-box .product-tab-car{
		background-color: #fff !important;
		border: none !important;
		color: #313335;
	}
	.product-box .productBox .product-tab-box .product-tab-car + div {
		border-radius:0 0 0 10px;
	}
	.product-box .productBox .product-tab-box .product-tab img{
		width: 40px;
		height: 40px;
		margin-right: 15px;
	}
	.product-box .productBox .product-con-box{
		flex-wrap: wrap;
	}
	.product-box .productBox .product-con-box .product-con{
		width: 333px;
		padding: 40px 10px 20px 30px;
		box-sizing: border-box;
	}
	.product-box .productBox .product-con-box .product-con:hover .product-con-tit{
		color: #448aec;
	}
	.product-box .productBox .product-con-box .product-con:hover .product-con-con{
		color: #313335;
	}
	.product-box .productBox .product-con-box .product-con-tit{
		font-size: 20px;
		font-weight: 700;
		letter-spacing: 0px;
		color: #313335;
		line-height: 1;
	}
	.product-box .productBox .product-con-box .product-con-tit img{
		width: 7px;
		height: 12px;
		margin-left: 10px;
	}
	.product-box .productBox .product-con-box .product-con-con{
		font-size: 16px;
		font-weight: normal;
		line-height: 30px;
		letter-spacing: 0px;
		color: #909399;
		margin-top: 20px;
	}
	.product-box .productBox .product-more{
		width: 1000px;
		font-size: 16px;
		font-weight: normal;
		font-stretch: normal;
		letter-spacing: 0px;
		color: #448aec;
		margin-top: 20px;
		padding-bottom: 40px;
		box-sizing: border-box;
	}
	.product-box .productBox .product-more img{
		width: 6px;
		height: 8px;
		margin-left: 6px;
	}
	

	/* .product-box .product-item {
		width: 1200px;
		height: 280px;
		margin: 0 0 9px 9px;
		margin-bottom: 40px;
	}

	.product-box .product-item.lg {
		width: 760px;
		height: 280px;
	}

	.product-box .product-item img {
		width: 30px;
	} */

	.pdt-cont {
		padding: 50px 12px 0;
	}

	.pdt-cont h4 {
		font-size: 16px;
		margin: 4px 0;
	}

	.atge-box {
		height: 450px;
	}

	.atge-item {
		width: 240px;
		margin-left: 22px;
	}

	.atge-item .atge-icon {
		width: 140px;
		height: 162px;
		line-height: 162px;
		background: url(../img/atge-item-bg.png);
		margin: auto;
		background-size: 100% 100%;
	}

	.atge-item:hover .atge-icon {
		background: url(../img/atge-item-bg-act.png);
		background-size: 100% 100%;
	}

	.atge-item .atge-icon img {
		width: 58px;
	}

	.atge-item h4 {
		font-size: 20px;
	}

	.atge-item p {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
	}

	.news-box {
		width: 326px;
		height: 300px;
	}

	.news-box .hd {
		height: 6px;
		bottom: 66px;
	}

	.news-box .hd ul li {
		width: 6px;
		height: 6px;
	}

	.news-box .hd ul li.on {
		width: 16px;
	}

	.news-box .bd img {
		width: 326px;
		height: 300px;
		object-fit: cover;
	}

	.news-box .news-text {
		width: 296px;
		height: 46px;
		padding: 10px 15px;
		font-size: 12px;
	}

	.news-box .news-text div {
		line-height: 20px;
		height: 20px;
	}

	.news-box .news-text div h4 {
		font-size: 14px;
		width: 150px;
	}

	.news-list {
		width: 420px;
	}

	.news-list ul {
		margin-bottom: 18px;
	}

	.news-list li {
		height: 40px;
		padding: 0 20px;
	}

	.news-list li.act {
		height: 95px;
	}

	.news-list li .news-title {
		height: 40px;
		line-height: 40px;
	}

	.news-list li .news-title h4 {
		font-size: 15px;
		width: 284px;
	}

	.news-list li p {}

	.news-list .more {
		width: 110px;
		height: 36px;
		border-radius: 18px;
		font-size: 14px;
		line-height: 36px;
	}

	.footer {
		height: 260px;
	}

	.footer .footer-main {
		height: 220px;
	}

	.footer .lt-box {
		width: 320px;
		height: 192px;
		padding-top: 28px;
	}

	.footer .lt-item img {
		width: 26px;
	}

	.footer .lt-item p {
		font-size: 12px;
	}

	.footer .lt-item {
		height: auto;
		margin-bottom: 16px;
	}

	.footer .mid-box {
		width: 310px;
	}

	.footer .footer-menu {
		margin-left: 50px;
	}

	.footer .footer-menu ul {
		margin-right: 11px;
		float: initial;
	}

	.footer .footer-menu p {
		font-size: 16px;
		margin-bottom: 14px;
	}

	.footer .footer-menu li {
		margin-bottom: 10px;
		font-size: 12px;
	}

	.footer .ewm {
		width: 100px;
		height: 100px;
	}

	.footer .ewm img {
		width: 80px;
	}

	.child-banner {
		height: 240px;
	}

	.child-banner img {
		height: 240px;
	}

	.bread-crumbs {
		margin: 20px 0;
	}

	.line-tab,.line-list-title{
		display: none;
	}
	.child-menu {
		display: block;
		width: 100%;
		height: 48px;
		border-bottom: 1px solid #dcdfe6;
	}
	.line-wrapper .child-main{
		margin-left: 0;
	}
	.child-menu ul{display: -webkit-box; overflow-x: auto;-webkit-overflow-scrolling:touch;}
	.child-menu ul li{line-height: 47px;float: initial;font-size: 16px;margin-right: 40px;}
	.child-menu ul li a{line-height: 47px;}

	.about-title {
		font-size: 22px;
		margin-bottom: 30px;
	}

	section {
		padding: 60px 0 0;
	}

	.histary-bg {
		height: 250px;
	}

	.histary-bg .about-title {
		margin-top: 60px;
	}

	.histary-body .time-item {
		width: 48%;
		margin: 0 1%;
	}

	.histary-body .time-item:first-child {
		margin-left: 1%;
	}

	.histary-tab li .cir-bg {
		width: 25px;
		height: 25px;
		margin: 10px auto 0;
	}

	.histary-tab li .cir-bg .cir {
		width: 17px;
		height: 17px;
		margin: 4px;
	}

	.histary-tab {
		margin: 40px auto 0;
		background: url(../img/history-line.png) no-repeat center 47px;
		background-size: calc(100% - 180px) 2px;
	}

	.culture-box .culture-text {
		padding-top: 0;
	}

	.culture-box .culture-img {
		width: 365px;
		float: right;
		margin-left: 20px;
	}

	.quality-item {
		width: 246px;
		float: left;
		margin-left: 12px;
		text-align: center;
	}

	.quality-item .quality-bk {
		width: 246px;
		height: 180px;
		border: 1px solid #dcdfe6;
	}

	.quality-item .quality-bk img {
		width: 216px;
		height: 170px;
		margin: 5px 15px;
	}

	.quality-item p {
		margin: 10px 0;
	}

	.quality-page p {
		float: left;
		margin: 0 16px;
		font-size: 20px;
	}

	.contact-map {
		width: 100%;
	}

	.join-box {
		margin: 30px 0;
	}

	.join-box h4 {
		font-size: 32px;
	}

	.zw-list a {
		width: 98%;
		padding: 15px 2% 15px 0;
	}

	.zw-text h5 {
		font-size: 18px;
	}

	.zw-text span {
		margin: 8px 0;
	}

	.pages {
		font-size: 12px;
	}

	.pages input {
		padding: 3px 0;
	}

	.zw-list .cir {
		font-size: 12px;
		margin-right: 12px;
	}

	.view-item {
		margin: 0 0 7px 7px;
		width: 250px;
		height: 210px;
	}

	.after-svs-item h4 {
		font-size: 20px;
		margin: 40px 0 20px;
	}

	.news-tie-time {
		padding-bottom: 10px;
		margin-bottom: 20px;
	}

	.news-tie-time h4 {
		font-size: 26px;
		line-height: 38px;
		margin: 0 120px 15px;
	}

	.cpon-item {
		margin-top: 30px;
	}

	.cpon-item h4 {
		margin-bottom: 20px;
		font-size: 18px;
	}

	.cpon-item div {
		margin: 8px 0;
	}

	.news-item {
		width: 250px;
		margin-left: 7px;
	}

	.news-item .news-img {
		width: 250px;
		height: 150px;
	}

	.news-item .news-img img {
		width: 250px;
		height: 150px;
	}

	.news-item.anli .fixed-icon {
		top: 108px;
		right: 0;
		width: 90px;
		height: auto;
	}

	.news-item .news-text {
		padding: 10px 10px 0;
	}

	.news-item .news-text h6 {
		font-size: 15px;
		margin-bottom: 12px;
	}

	.news-item .news-text h6 span {
		font-size: 12px;
		color: #0e65e1
	}

	.news-item .news-text h5 {
		font-size: 18px;
	}

	.news-item .news-text p {
		margin: 8px 0 12px;
		line-height: 22px;
	}

	.news-item .news-text span {
		font-size: 12px;
	}

	.news-show-box {
		margin-bottom: 40px;
	}

	.news-display-list a {
		width: 98%;
		padding: 25px 2% 25px 0;
	}

	.news-display-list .news-data {
		width: 92px;
		height: 74px;
		padding: 18px 0 0;
		font-size: 18px;
		margin-right: 30px;
	}

	.news-data .day {
		font-size: 32px;
		margin-bottom: 8px;
	}

	.news-display-list .cir {
		font-size: 16px;
	}

	.news-rt-text {
		overflow: hidden;
	}

	.news-rt-text h4 {
		font-size: 18px;
		margin-bottom: 18px;
	}

	.news-rt-text h5 {
		font-size: 24px;
	}

	.news-rt-text span {
		margin: 14px 0;
		font-size: 16px;
		display: block;
	}

	.product-lt-box {
		width: 200px;
		padding: 4px 0 140px;
		background: url(../img/product-logo.png) no-repeat left bottom #f5f8ff;
		background-size: 100px auto;
	}

	.product-lt-box h4 {
		font-size: 17px;
		line-height: 38px;
	}

	.product-lt-box a {
		margin-top: 12px;
	}

	.product-rt-box {
		width: 550px;
	}

	/*.product-rt-box h4{font-size: 18px;line-height: 54px;margin-bottom: 10px;}
	.product-rt-box div{line-height: 36px;}
	.product-rt-box span{margin-left: 20px;width: 180px;}
	.product-rt-box img{width: 100%;height: auto;margin-top: 28px;}*/

	.product-line-list {
		margin-top: 50px;
	}

	.line-item {
		width: 248px;
		height: 226px;
		border: 1px solid #dcdfe6;
		margin: 0 0 7px 7px;
	}

	.line-item img {
		width: 248px;
		height: 130px;
	}

	.line-item .line-text {
		padding: 0 8px;
	}

	.line-item .line-text h4 {
		font-size: 16px;
		margin: 2px 0 4px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	.line-item p {
		font-size: 12px;
		line-height: 18px;
	}

	.show-box {
		width: 248px;
		height: 226px;
	}

	.hide-box {
		width: 232px;
		height: 226px;
		padding: 0 8px;
		top: 226px;
	}

	.hide-box img {
		width: 70px;
		height: auto;
		margin-top: 18px;
	}

	.hide-box h4 {
		font-size: 14px;
		margin: 2px 0 8px;
		line-height: 18px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	.hide-box a {
		width: 128px;
		height: 28px;
		line-height: 28px;
		border-radius: 14px;
		font-size: 12px;
		margin: 12px auto;
	}

	.line-item:hover .hide-box {
		transform: translateY(-226px);
	}

	.job-email {
		height: 52px;
		line-height: 52px;
		font-size: 16px;
	}

	.job-box h4 {
		font-size: 28px;
		margin: 40px 0;
	}

	.job-info .job-icon {
		font-size: 14px;
		margin-right: 15px;
	}

	.job-detail h5 {
		font-size: 18px;
		margin-bottom: 8px;
	}

	.submit-btn {
		width: 100px;
		height: 36px;
		line-height: 36px;
		border-radius: 18px;
	}
}

@media (max-width: 414px) {

	html,
	body {
		font-size: 12px;
		line-height: 24px;
	}

	.main {
		width: 92%;
	}

	.com-tie {
		padding: 18px 0 10px;
	}

	.com-tie h2 {
		font-size: 18px;
	}

	.com-tie i {
		margin: 6px auto 3px;
	}

	.com-tie p {
		font-size: 12px;
	}

	.bread-crumbs img {
		height: 12px;
	}
	.product-bg{
		background-color: #f1f6f9;
	}
	.product-web{
		display: none !important;
	}
	.product-mobile{
		display: block !important;
	}
	.product-box {
		padding-bottom: 60px;
		box-sizing: border-box;
	}
	.product-box .productBox{
		width: 1200px;
		overflow: hidden;
		background-color: #f1f6f9;
		border: none;
		margin-left: 0;
	}
	.product-box .productBox .product-tab-box{
		width: 32vw;
		height: 60vw;
		background-color: #fff;
	}
	.product-box .productBox .product-tab-box .product-tab{
		width: 32vw;
		height: 12vw;
		background-color: #f1f6f9;
		border: none;
		font-size: 3.8vw;
		font-weight: normal;
		font-stretch: normal;
		letter-spacing: 0px;
		color: #5f6266;
	}
	.product-box .productBox .product-tab-box .product-tab-car{
		background-color: #fff !important;
		border: none !important;
		border-radius:3vw 0 0 3vw !important;
		color: #313335;
	}
	.product-box .productBox .product-tab-box .product-tab-car + div {
		border-radius: 0 3vw 0 0;
	}
	.product-box .productBox .product-tab-box .product-tab img{
		width: 7vw;
		height: 7vw;
		margin-right: 2vw;
	}
	.product-box .productBox .product-con-box {
		height: 80vw;
		overflow-y: scroll;
		overflow-x: auto;
		flex-wrap: nowrap;

		background-color: #fff;
		padding: 0 4vw 0 4vw;
		box-sizing: border-box;
		border-radius:0 10px 10px 0;
	}
	.product-box .productBox .product-con-box .product-con{
		width: 52vw;
		padding: 4vw 0 4vw 0;
		box-sizing: border-box;
		border-bottom: 1px solid #dfe3e5;
	}
	.product-box .productBox .product-con-box .product-con:hover .product-con-tit{
		color: #448aec;
	}
	.product-box .productBox .product-con-box .product-con:hover .product-con-con{
		color: #313335;
	}
	.product-box .productBox .product-con-box .product-con-tit{
		font-size: 3.8vw;
		font-weight: 700;
		letter-spacing: 0px;
		color: #313335;
		line-height: 1;
	}
	.product-box .productBox .product-con-box .product-con-tit img{
		width: 1vw;
		height: 2vw;
	}
	.product-box .productBox .product-con-box .product-con-con{
		font-size: 3vw;
		font-weight: normal;
		line-height: 4vw;
		letter-spacing: 0px;
		color: #909399;
		margin-top: 3vw;
	}

	.pdt-cont {
		padding: 32px 12px 0;
	}

	.pdt-cont h4 {
		font-size: 15px;
		margin: 0 0 -5px;
	}

	.atge-box {
		height: auto;
	}

	.atge-list {
		display: none;
	}

	.atge-item {
		width: 80%;
		padding: 0 10% 20px;
		float: initial;
	}

	.atge-item .atge-icon {
		width: 90px;
		height: 104px;
		line-height: 104px;
	}

	.atge-item .atge-icon img {
		width: 36px;
	}

	.atge-item h4 {
		font-size: 16px;
		margin: 8px 0 6px;
	}

	.atge-swiper {
		width: 100%;
		height: 240px;
		display: block;
	}

	.atge-swiper .swiper-container {
		width: 100%;
		height: 240px;
		position: relative;
	}

	.atge-swiper .swiper-slide {
		width: 100%;
		height: 220px;
	}

	.news-box {
		width: 100%;
		height: 165px;
	}

	.news-box .hd {
		height: 6px;
		bottom: 45px;
	}

	.news-box .hd ul li {
		width: 6px;
		height: 6px;
	}

	.news-box .hd ul li.on {
		width: 16px;
	}

	.news-box .bd img {
		width: 100%;
		height: 165px;
		object-fit: cover;
	}

	.news-box .news-text {
		padding: 10px 15px;
		height: 20px;
		font-size: 12px;
		width: calc(96vw - 30px);
	}

	.news-box .news-text div {
		line-height: 20px;
		height: 20px;
	}

	.news-box .news-text div h4 {
		font-size: 14px;
		width: 150px;
	}

	.news-box .news-text p {
		display: none;
	}

	.news-list li {
		padding: 0 10px;
	}

	.news-list li .news-title h4 {
		width: 60vw;
	}

	.news-list {
		width: auto;
		padding: 15px 0;
	}

	.news-list .more {
		width: 80px;
		height: 28px;
		border-radius: 14px;
		line-height: 28px;
		font-size: 12px;
		margin: auto;
	}

	.footer {
		height: auto;
	}

	.footer .footer-main {
		height: auto;
		display: flex;
		flex-wrap: wrap;
		padding: 0 10px 15px;
		box-sizing: border-box;
		justify-content: space-between;
	}

	.footer .lt-box {
		background: none;
		padding: 15px 0;
		height: auto;
	}

	.footer .lt-item {
		height: auto;
		margin-bottom: 10px;
	}

	.footer .mid-box {
		padding: 0;
		width: auto;
	}

	.footer .footer-menu {
		margin-left: 0;
		margin-right: 15px;
	}

	.footer .footer-menu p {
		margin-bottom: 10px;
	}

	.footer .footer-menu li {
		margin-bottom: 8px;
	}

	.footer .ewm {
		width: 80px;
		height: 80px;
		padding: 5px;
		margin: 30px 0 0;
	}

	.footer .ewm img {
		width: 80px;
	}

	.footer .beian {
		height: 32px;
		line-height: 32px;
		font-size: 12px;
	}

	.child-banner {
		height: 150px;
	}

	.child-banner img {
		height: 150px;
	}

	.bread-crumbs {
		margin: 16px 0;
	}

	.child-menu{height: 42px;}
	.child-menu ul li{line-height: 41px;font-size: 14px;margin: 0 15px;}
	.child-menu ul li a{line-height: 41px;}

	section {
		padding: 46px 0 0;
	}

	.intro-box {
		padding: 0 15px;
	}

	.histary-bg {
		height: 160px;
	}

	.about-title {
		font-size: 20px;
	}

	.histary-bg .about-title {
		margin: 46px 0 20px;
	}

	.histary-tab li {
		width: 80px;
	}

	.histary-tab li .cir-bg {
		width: 20px;
		height: 20px;
		margin: 4px auto 0;
	}

	.histary-tab li .cir-bg .cir {
		width: 12px;
		height: 12px;
		margin: 4px;
	}

	.histary-tab {
		margin: 0 auto;
		background: url(../img/history-line.png) no-repeat center 38px;
		background-size: calc(100% - 80px) 2px;
	}

	.histary-body .time-item .time-year {
		font-size: 18px;
		margin: 10px 0;
	}

	.culture-box .culture-img {
		width: 100%;
	}

	.culture-box .culture-text {
		padding: 0 10px;
	}

	.quality-box {
		margin: 20px 0;
	}

	.quality-item {
		width: 48%;
		float: left;
		margin: 0 1%;
	}

	.quality-item:nth-child(3n+1) {
		margin-left: 1%;
	}

	.quality-item .quality-bk {
		width: 100%;
		height: 150px;
		outline: 1px solid #dcdfe6;
		border: none;
	}

	.quality-item .quality-bk img {
		width: 90%;
		height: 140px;
		margin: 5px 5%;
	}

	.quality-item p {
		margin: 10px 0;
		font-size: 14px;
	}

	.quality-page p {
		margin: 3px 16px;
		font-size: 18px;
	}

	.contact-lt-box h6 {
		font-size: 18px;
	}

	.contact-lt-box {
		padding: 0 5px;
		width: calc(100% - 10px);
	}

	.address-info label {
		width: 70px;
	}

	.address-info p {
		overflow: hidden;
	}

	.contact-item {
		margin-bottom: 20px;
	}

	.address-info.link {
		display: flex;
		justify-content: space-between;
	}

	.address-info a {
		margin-right: initial;
	}

	.join-box h4 {
		font-size: 26px;
	}

	.zw-text h5 {
		font-size: 17px;
	}

	.pages a {
		margin: 0 2px;
		padding: 2.5px 9px;
	}

	.pages a:nth-child(5),
	.pages a:nth-child(6),
	.pages span,
	.pages a:last-child {
		display: none;
	}

	.view-item {
		margin: 0 0 7px 7px;
		width: 48%;
		height: 150px;
		margin: 0 1% 12px 1%;
	}

	.view-item:nth-child(3n+1) {
		margin-left: 1%;
	}

	.view-item p {
		height: 32px;
		line-height: 32px;
		width: calc(100% - 24px);
		padding: 0 12px;
	}

	.after-svs-item h4 {
		margin: 20px 0 10px;
		font-size: 18px;
	}

	.after-svs-item .address-info a {
		margin-right: 30px;
	}

	.after-svs-item table td div {
		margin-bottom: 10px;
	}

	.after-svs-item table td:first-child {
		padding: 0 10px;
	}

	.after-svs-item table td:last-child {
		padding: 10px 10px 0;
	}

	.cpon-item {
		margin-top: 25px;
	}

	.cpon-item h4 {
		font-size: 16px;
		margin-bottom: 14px;
	}

	.news-show-box {
		display: -webkit-box;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		margin-bottom: 25px;
	}

	.news-show-box::-webkit-scrollbar {
		display: none;
	}

	.news-show-box .news-item {
		float: initial;
	}

	.news-item .news-text h5 {
		font-size: 16px;
	}

	.news-item {
		width: 240px;
	}

	.news-item .news-img {
		width: 240px;
		height: 140px;
	}

	.news-item .news-img img {
		width: 240px;
		height: 140px;
	}

	.news-display-list .news-data {
		width: 84px;
		height: 68px;
		padding: 12px 0 0;
		font-size: 16px;
		margin-right: 20px;
	}

	.news-item.anli .fixed-icon {
		top: 104px;
		width: 78px;
	}

	.news-item.anli {
		box-shadow: none;
		border: 1px solid #E0E0E0;
		padding-bottom: 10px;
	}

	.news-data .day {
		font-size: 26px;
	}

	.news-display-list a {
		padding: 18px 2% 18px 0;
	}

	.news-display-list .cir {
		font-size: 10px;
		margin-right: 10px;
	}

	.news-rt-text {
		overflow: hidden;
	}

	.news-rt-text h4 {
		font-size: 16px;
		margin-bottom: 10px;
	}

	.news-rt-text h5 {
		color: #606266;
		font-size: 24px;
	}

	.news-rt-text span {
		margin: 14px 0;
		color: #909399;
		font-size: 16px;
		display: block;
	}

	.cpon-info label {
		font-size: 8px;
	}

	.histary-body .time-item span {
		font-size: 8px;
	}

	.zw-list .cir {
		font-size: 8px;
	}

	.address-info span {
		margin: 0 10px 0 2px;
	}

	.news-item .news-text h6 span {
		font-size: 8px;
	}

	.news-tie-time h4 {
		font-size: 20px;
		line-height: 32px;
		margin: 0 20px 12px;
	}

	.news-datail img {
		margin: 10px 0;
	}

	.culture-box .culture-text p {
		font-size: 16px;
		margin: 10px 0 4px;
	}

	.culture-box .culture-img img {
		margin-bottom: 15px;
	}

	.product-lt-box {
		display: none;
	}

	.product-rt-box {
		width: 100%;
	}

	/*.product-rt-box h4{font-size: 16px;line-height: 32px;margin-bottom: 0;}
	.product-rt-box div{line-height: 32px;}
	.product-rt-box span{margin-left: 10px;width: 140px;}
	.product-rt-box img{margin-top: 16px;}*/

	.product-line-list {
		margin-top: 30px;
	}

	.line-item {
		width: 48%;
		height: 185px;
		outline: 1px solid #dcdfe6;
		border: none;
		margin: 0 1% 8px;
	}

	.line-item:nth-child(3n+1) {
		margin-left: 1%;
	}

	.line-item img {
		width: 100%;
		height: 100px;
	}

	.line-item .line-text {
		padding: 0 8px;
	}

	.line-item .line-text h4 {
		font-size: 14px;
		margin: 5px 0 2px;
	}

	.show-box {
		width: 100%;
		height: 185px;
	}

	.hide-box {
		width: 98%;
		height: 185px;
		padding: 0 1%;
		top: 185px;
	}

	.hide-box img {
		width: 50px;
		height: auto;
		margin-top: 18px;
	}

	.hide-box h4 {
		font-size: 14px;
		margin: 2px 0 8px;
		line-height: 18px;
	}

	.hide-box a {
		width: 80px;
		height: 24px;
		line-height: 24px;
		border-radius: 12px;
		font-size: 10px;
		margin: 12px auto;
	}

	.line-item:hover .hide-box {
		transform: translateY(-185px);
	}

	.contact-info {
		width: 45%;
		height: 80px;
		padding: 5px 2%;
		background: #f3f6fb;
		float: left;
		margin-right: 2%;
	}

	.contact-info div {
		height: 24px;
		line-height: 24px;
		margin: 2px 0;
	}

	.contact-info div p {
		font-size: 15px;
	}

	.contact-info div span {
		margin-right: 6px;
	}

	.job-email.pc {
		display: none;
	}

	.job-email.mobile {
		display: block;
	}

	.job-email {
		height: auto;
		line-height: 26px;
		font-size: 14px;
		padding: 10px 2%;
	}

	.job-box h4 {
		font-size: 24px;
		margin: 30px 0;
	}

	.job-info .job-icon {
		font-size: 8px;
		margin-right: 10px;
	}

	.job-detail h5 {
		font-size: 16px;
		margin-bottom: 6px;
	}

	.submit-btn {
		width: 80px;
		height: 28px;
		line-height: 28px;
		border-radius: 14px;
		margin: 40px auto 0;
	}
}

@media (max-width: 320px) {
	.mobile-header .mobile-logo {
		height: 24px;
		width: auto;
		margin: 13px 0;
		float: left;
	}

	.mobile-header .mobile-tel {
		height: 12px;
		margin: 19px 0;
		float: right;
		margin-right: 20px;
	}

	.address-info p span {
		display: block;
	}

	.footer .ewm {
		width: 58px;
		height: 58px;
		margin: 35px 0 0;
	}
}


/* 7.1新增banner */
.banner .bg6 {
	background: url(../img/banner6.png)no-repeat;
	background-size: cover;
	background-position: center;
}
.banner .bg6 .main {
	height: 600px;
	position: relative;
}
.banner .bg6 .main img {
	position: absolute;
	top: 100%;
	opacity: 0;
	transition: top ease 1s, opacity ease 1s;
}
.banner .bg6 .main img.active {
	opacity: 1;
	top: 174px;
}

/* 2021/12/7 登录页 */
.login {
	font-size: 0.833vw
}

.login-header {
	height: 8.15vh;
	line-height: 8.15vh;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 2.083vw;
}

.login-header div,
.login-header ul {
	display: flex;
}

.login-header img {
	width: 18.698vw;
}

.login-header .time {
	color: #909399;
	margin-right: 5px;
}

.login-header ul li a {
	color: #0e65e1;
	margin: 0 5px;
}

.login-container {
	height: 83.7vh;
	background-color: #d6eaff;
	background-image: url(../img/login-bg.png);
	background-repeat: no-repeat;
	background-size: auto 100%;
	position: relative;
	color: #303133;
}

.login-footer {
	height: 8.15vh;
	padding-left: 0.833vw;
	line-height: 12vh;
	color: #909399;
}

.login-footer span {
	margin-left: 0.521vw;
}

.login-footer a {
	color: #303133;
	margin-left: 0.260vw;
}

.login-form {
	position: absolute;
	right: 11.458vw;
	top: 50%;
	transform: translateY(-50%);
}

.login-form .title {
	font-size: 1.250vw;
}

.login-form-item {
	margin-top: 2.604vw;
	position: relative;
}

.login-form-item img {
	position: absolute;
	right: 1.250vw;
	top: 50%;
	width: 1.042vw;
	cursor: pointer;
	transform: translateY(-50%);
	
}

.login-form input,
.login-form button {
	width: 20.833vw;
	height: 4.630vh;
	border: none;
	outline: none;
	border-radius: 0.521vw;
	box-sizing: border-box;
}

.login-form input {
	font-size: 0.938vw;
	padding: 0 1.042vw;
}

.login-form button {
	margin-top: 5.556vh;
	background-color: #0e65e1;
	color: #ffff;
	font-size: 1.250vw;
}

.login-form .forget_password {
	text-align: center;
	margin-top: 0.463vh;
	font-size: 0.938vw;
}

.login-form .forget_password a {
	color: #0e65e1;

}


.location {
	display: inline-block;
}

.location-value {
	color: #fff;
	font-size: 18px;
	margin-left: 40px;
	display: flex;
	align-items: center;
	cursor: pointer;
}

.location-value span {
	margin-left: 8px;
	margin-right: 5px;
}

.location-value .arrow {
	transition:transform .3s ;
	transform: rotate(180deg);
}
.location-value img:nth-child(1),.location-value img:nth-child(4){
	display: none;
}
.header.hove .location-value,.header.act .location-value {
	color: #0e65e1;
}
.header.hove .location-value img:nth-child(1),
.header.hove .location-value img:nth-child(4),
.header.act .location-value img:nth-child(1),
.header.act .location-value img:nth-child(4){
	display: unset;
}
.header.hove .location-value img:nth-child(2),
.header.hove .location-value img:nth-child(3),
.header.act .location-value img:nth-child(2),
.header.act .location-value img:nth-child(3){
	display: none;
}
.location .location-box {
	position: absolute;
	width: 100%;
	display: none;
	background: #fff;
	z-index: 10;
	font-weight: 400;
	top: 100px;
	left: 0;
	z-index: 11;
	border-top: 1px solid #dddee1;
	padding: 30px 0;
	line-height: 1;
}

.location .allCity {
	color: #606266;
	font-size: 18px;
	cursor: pointer;
}

.location-box .main{
	padding-left: 25px;
	box-sizing: border-box;
}
.location-item {
	margin-top: 30px;
}
.location-item:first-child{
	margin-top: 0;
}
.location-box .city {
	color: #303133;
	font-size: 18px;
}
.location-item .county-list span{
	margin-top: 10px;
	display: inline-block;
	margin-right: 15px;	cursor: pointer;
}
.location-item .county-list span:hover{
	color: #0e65e1;
}
.location-box .act{
	color: #0e65e1;
	font-weight: bold;
}

.loginNav {
	display: flex;
	align-items: center;
}
.loginNav button{
	width: 70px;
	height: 28px;
	line-height: 28px;
	border: 1px  solid #0e65e1;
	border-radius: 14px;
	margin-left: 30px;
	background-color: #fff;
	color: #0e65e1;
	font-size: 16px;
	cursor: pointer;
	
}
.loginNav button:hover{
	background-color:#0e65e1 ;
	color: #fff;
}

/* flex布局 */
/* 横向排列 */
.flex-r {
	display: flex;
	flex-direction: row;
}
/* 纵向排列 */
.flex-c {
	display: flex;
	flex-direction: column;
}
/* 垂直居中 */
.flex-a {
	display: flex;
	align-items: center;
}
/* 水平居中 */
.flex-j {
	display: flex;
	justify-content: center;
}
/* 两端对齐 */
.flex-sb {
	display: flex;
	justify-content: space-between;
}