@charset "UTF-8";

.text-center {

	text-align: center;
}



.text-left {

	text-align: left;
}



.box {

	max-width: 1200px;

	margin: auto;
}



body {

	min-width: 320px;
}



.fl {

	float: left;
}



.fr {

	float: right;
}



.cl:after {

	content: "";

	height: 0;

	display: block;

	clear: both;

	visibility: hidden;
}



.none {

	display: none;
}



input {

	-webkit-appearance: none;
}



.wp100 {

	width: 100%;
}



.bgWhite {

	background-color: #fff;
}



body {

	min-width: 320px;

	background-color: #fff;
}



.header {

	z-index: 1000;

	width: 100%;

	background-color: #fff;
}

.header .top {

	color: #e0e0e0;
}

.header .top .right {

	color: #003780;

	font-weight: bolder;
	
	padding-top: 20px;
}

.header .top .right .icon-phone {

	padding-right: 10px;
}

.header .header-nav {

	border-bottom: 1px solid #eee;

	position: relative;
}

.header .header-nav .nav-box li {

	text-align: center;

	position: relative;
}

.header .header-nav .nav-box li.act .title,
.header .header-nav .nav-box li:hover .title {

	color: #e27830;
}

.header .header-nav .nav-box li .title {

	color: #333;

	font-size: 16px;

	width: 100%;

	line-height: 12px;

	display: inline-block;

	box-sizing: border-box;
}

.header .header-nav .nav-box li .secondeNav {

	background-color: #fff;

	position: absolute;

	width: 100%;

	display: none;

	z-index: 10000;
}



.header .header-nav .nav-box li .secondeNav a {

	color: #858b9a;

	font-size: 14px;

	/*width: 100%;*/

	display: block;
	line-height: 24px;
	padding: 5px;
	border-bottom: #ddd dashed 1px
}

.header .header-nav .nav-box li .secondeNav a:hover {

	color: #e27830;
}

.header.act .mbNav-box {

	display: block;
}



.banner {

	width: 100%;
}

.banner img {

	width: 100%;
}

.banner .swiper-pagination-bullet {

	width: 8px;

	height: 4px;

	background-color: #ffffff;

	border-radius: 2px;

	opacity: 0.5;
}

.banner .swiper-pagination-bullet.swiper-pagination-bullet-active {

	transition: width 0.6s;

	width: 30px;

	height: 4px;

	background-color: #ffffff;

	border-radius: 2px;

	opacity: 1;
}



.mainTitle {

	font-size: 30px;

	color: #f89432;

	padding: 50px 0;

	text-align: center;
	font-weight: bold
}



.serviceBox {

	background-attachment: fixed;

	background-repeat: no-repeat;

	background-position: left top;

	background-size: 100% 100%;
}

.serviceBox .nameNav {

	text-align: center;

	cursor: pointer;
}

.serviceBox .nameBox {

	cursor: pointer;

	color: #fff;
}

.serviceBox .nameBox a {

	display: -webkit-box;

	/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */

	display: -moz-box;

	/* 老版本语法: Firefox (buggy) */

	display: -ms-flexbox;

	/* 混合版本语法: IE 10 */

	display: -webkit-flex;

	/* 新版本语法: Chrome 21+ */

	display: flex;

	/* 新版本语法: Opera 12.1, Firefox 22+ */

	flex-direction: column;
}

.serviceBox .nameBox.act a {

	color: #f89432;

	min-height: 58px;
}

.serviceBox .nameBox.act .linesDefult {

	display: none;
}

.serviceBox .nameBox.act .lines-act {

	display: block;
}

.serviceBox .nameBox.act .nameImgDefult {

	display: none;
}

.serviceBox .nameBox.act .nameImg-act {

	display: block;
}

.serviceBox .nameBox .name {

	display: -webkit-box;

	/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */

	display: -moz-box;

	/* 老版本语法: Firefox (buggy) */

	display: -ms-flexbox;

	/* 混合版本语法: IE 10 */

	display: -webkit-flex;

	/* 新版本语法: Chrome 21+ */

	display: flex;

	/* 新版本语法: Opera 12.1, Firefox 22+ */

	-webkit-box-pack: center;

	-moz-justify-content: center;

	-webkit-justify-content: center;

	justify-content: center;

	-webkit-box-align: center;

	-moz-align-items: center;

	-webkit-align-items: center;

	align-items: center;

	height: 100%;
}

.serviceBox .nameBox .name .nameImg {

	max-width: 160px;

	max-height: 30px;
}

.serviceBox .nameNav {

	display: -webkit-box;

	/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */

	display: -moz-box;

	/* 老版本语法: Firefox (buggy) */

	display: -ms-flexbox;

	/* 混合版本语法: IE 10 */

	display: -webkit-flex;

	/* 新版本语法: Chrome 21+ */

	display: flex;

	/* 新版本语法: Opera 12.1, Firefox 22+ */

	-webkit-box-pack: center;

	-moz-justify-content: center;

	-webkit-justify-content: center;

	justify-content: center;

	font-weight: bold;
}

.serviceBox .nameNav a {

	color: #fff;
}

.serviceBox .serviceCon .cell {

	cursor: pointer;

	display: inline-block;

	text-align: center;
}

.serviceBox .serviceCon .cell:hover .pic img {

	transform: scale(1.2);

	-webkit-transform: scale(1.2);

	-ms-transform: scale(1.2);

	-o-transform: scale(1.2);
}

.serviceBox .serviceCon .cell:hover .title {

	color: #f89432;
}

.serviceBox .serviceCon .cell .pic {

	width: 100%;

	background-color: #fff;

	position: relative;

	overflow: hidden;
}

.serviceBox .serviceCon .cell .pic img {

	max-width: 100%;

	max-height: 100%;

	position: absolute;

	left: 0;

	right: 0;

	top: 0;

	bottom: 0;

	margin: auto;

	transition: 0.6s;

	-webkit-ransition: 0.6s;

	-ms-transition: 0.6s;

	-o-transition: 0.6s;
}

.serviceBox .serviceCon .cell .title {

	color: #fff;

	display: inline-block;

	-webkit-line-clamp: 1;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	overflow: hidden;
}



.development {

	position: relative;
}

.development .btn-prev {

	position: absolute;

	left: 0;

	top: 50px;

	cursor: pointer;

	width: 30px;

	height: 30px;
}

.development .btn-next {

	position: absolute;

	right: 0px;

	top: 50px;

	cursor: pointer;

	width: 30px;

	height: 30px;
}



.developBox {

	width: 80%;
}

.developBox .swiper-slide {

	text-align: center;
}

.developBox .swiper-slide:after {

	display: block;

	content: "";

	width: 20%;

	height: 20px;

	background: url(../img/line.png) center/100% 100% no-repeat;

	position: absolute;

	top: 55%;

	left: -7%;

	margin: auto;
}

.developBox .swiper-slide:nth-child(1):after {

	display: none;
}

.developBox .active .time {

	background-color: #f89432;
}

.developBox .active .name {

	color: #f89432;
}

.developBox .active .tip {

	width: 65px;

	height: 65px;

	display: inline-block;

	position: absolute;

	border-radius: 50%;

	background-color: rgba(248, 148, 50, 0.6);

	animation: colors infinite 1.2s linear;

	left: 0;

	top: 0;
}

.developBox .timeBox {

	width: 65px;

	height: 65px;

	position: relative;

	cursor: pointer;

	margin: auto;
}

.developBox .time {

	color: #fff;

	background-color: #ccd0d5;

	display: inline-block;

	border-radius: 50%;

	text-align: center;

	width: 48px;

	height: 48px;

	line-height: 48px;

	position: absolute;

	left: 0;

	right: 0;

	top: 0;

	bottom: 0;

	margin: auto;

	z-index: 2;
}

.developBox .name {

	display: inline-block;

	margin-bottom: 16px;

	color: #ccd0d5;
}



.developMsg .list .pic img {

	width: 100%;
}

.developMsg .list .detail {

	box-sizing: border-box;
}

.developMsg .list .detail .title .ch {

	color: #333;
}

.developMsg .list .detail .title .en {

	color: #999;
}

.developMsg .list .detail .des {

	color: #999;
}

.developMsg .list .detail .des p,

.developMsg .list .detail .des span {

	color: #999 !important;
}



.pageBox {

	margin: 60px 0;
}

.pageBox .prev {

	background-color: #fff;

	float: left;

	font-size: 12px;

	padding: 6px 10px;
}

.pageBox .next {

	background-color: #fff;

	float: right;

	font-size: 12px;

	padding: 6px 10px;
}



.pageBox ul {

	-webkit-box-align: center;

	-ms-flex-align: center;

	-webkit-align-items: center;

	align-items: center;

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	-webkit-justify-content: center;

	justify-content: center;
}



.pageBox ul::after {

	content: "";

	height: 0;

	display: block;

	clear: both;

	visibility: hidden;
}



.pageBox li a {

	float: left;

	width: 30px;

	height: 30px;

	border: solid 1px #f0f3f8;

	text-align: center;

	line-height: 30px;

	font-size: 14px;

	color: #000;
}



.pageBox li a:hover {

	background-color: #79c802;

	color: #fff;
}



.pageBox li.active {

	background-color: #79c802;
}

.pageBox li.active a {

	color: #fff;
}



.featureBox {

	background-color: #f0f2f7;
}

.featureBox .list {

	cursor: pointer;
}

.featureBox .list .pic {

	width: 100%;

	position: relative;

	overflow: hidden;

	background-color: #fff;
}

.featureBox .list .pic .mainImg {

	width: 100%;

	height: 100%;

	/* opacity: 0; */

	position: absolute;

	left: 0;

	top: 0;

	transition: 1s;

	-webkit-transition: 1s;
}

.featureBox .list .pic .mask {

	width: 100%;

	height: 100%;

	background-color: rgba(248, 148, 50, 0.8);

	position: absolute;

	left: 0;

	top: 0;

	display: none;
}

.featureBox .list .pic .iconBox {

	position: relative;

	color: #f89432;

	height: 100%;

	flex-direction: column;

	display: -webkit-box;

	/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */

	display: -moz-box;

	/* 老版本语法: Firefox (buggy) */

	display: -ms-flexbox;

	/* 混合版本语法: IE 10 */

	display: -webkit-flex;

	/* 新版本语法: Chrome 21+ */

	display: flex;

	/* 新版本语法: Opera 12.1, Firefox 22+ */

	-webkit-box-pack: center;

	-moz-justify-content: center;

	-webkit-justify-content: center;

	justify-content: center;

	-webkit-box-align: center;

	-moz-align-items: center;

	-webkit-align-items: center;

	align-items: center;
}

.featureBox .list .pic .iconBox .tip {

	display: inline-block;
}

.featureBox .list .pic .iconBox .icon {

	transition: 0.6s;

	-webkit-transition: 0.6s;

	-moz-transition: 0.6s;

	-o-transition: 0.6s;
}

.featureBox .list .pic .icon-default {

	display: block;
}

.featureBox .list .pic .icon-act {

	display: none;
}

.featureBox .list .pic .numBox {

	position: absolute;

	top: 0;

	right: 0;

	width: 0;

	height: 0;

	border-top: 18px solid #f89432;

	border-right: 18px solid #f89432;

	border-left: 18px solid transparent;

	border-bottom: 18px solid transparent;
}

.featureBox .list .pic .num {

	position: absolute;

	top: 0;

	right: 0;

	color: #fff;

	font-size: 12px;
}

.featureBox .list.act,
.featureBox .list:hover {

	color: #f89432;
}

.featureBox .list.act .pic .icon-default,
.featureBox .list:hover .pic .icon-default {

	display: none;
}

.featureBox .list.act .pic .icon-act,
.featureBox .list:hover .pic .icon-act {

	display: block;
}

.featureBox .list.act .pic .icon,
.featureBox .list:hover .pic .icon {

	transform: rotate(360deg);

	-webkit-transform: rotate(360deg);
}

.featureBox .list.act .pic .mask,
.featureBox .list:hover .pic .mask {

	display: block;
}

.featureBox .list.act .pic .mainImg,
.featureBox .list:hover .pic .mainImg {

	display: block;

	transform: scale(1.4);

	-webkit-transform: scale(1.4);

	-ms-transform: scale(1.4);

	-o-transform: scale(1.4);

	opacity: 1;
}

.featureBox .list.act .pic .iconBox,
.featureBox .list:hover .pic .iconBox {

	color: #fff;
}

.featureBox .list.act .pic .numBox,
.featureBox .list:hover .pic .numBox {

	border-top: 18px solid #fff;

	border-right: 18px solid #fff;
}

.featureBox .list.act .pic .num,
.featureBox .list:hover .pic .num {

	color: #f89432;
}

.featureBox .list.act .des,
.featureBox .list:hover .des {

	color: #f89432;
}



.solutionBox .left .cell.act .tip-act {

	display: block;
}

.solutionBox .left .cell.act .tip-default {

	display: none;
}

.solutionBox .left .cell.act .main:after {

	display: none;
}

.solutionBox .left .cell.act .main:before {

	background-color: #f89432;

	display: block;
}

.solutionBox .left .cell.act .nav {

	display: block;
}

.solutionBox .left .cell .tip-act {

	display: none;
}

.solutionBox .left .cell .main {

	font-weight: bold;

	width: 100%;

	display: inline-block;

	position: relative;

	cursor: pointer;
}

.solutionBox .left .cell .main:before {

	width: 14px;

	height: 2px;

	background-color: #999;

	content: '';

	display: block;

	position: absolute;

	right: 20px;

	top: 10px;

	transition-property: margin, -webkit-transform;

	-webkit-transition-property: margin, -webkit-transform;

	transition-property: margin, transform;

	transition-property: margin, transform, -webkit-transform;

	transition-duration: 300ms;

	-webkit-transition-duration: 300ms;
}

.solutionBox .left .cell .main:after {

	width: 2px;

	height: 14px;

	background-color: #999;

	content: '';

	display: block;

	position: absolute;

	right: 26px;

	top: 4px;

	transition-property: margin, -webkit-transform;

	-webkit-transition-property: margin, -webkit-transform;

	transition-property: margin, transform;

	transition-property: margin, transform, -webkit-transform;

	transition-duration: 300ms;

	-webkit-transition-duration: 300ms;
}

.solutionBox .left .cell .nav a {

	display: inline-block;

	width: 100%;

	color: #757575;
}

.solutionBox .left .cell .nav a:hover {

	color: #f89432;
}

.solutionBox .right .block .inner {

	display: none;
}

.solutionBox .right .block .inner.act {

	display: block;
}

.solutionBox .right .rightImg img {

	width: 100%;
}



.cooperationBox .navBox {

	text-align: center;

	line-height: 32px;

	display: -webkit-box;

	/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */

	display: -moz-box;

	/* 老版本语法: Firefox (buggy) */

	display: -ms-flexbox;

	/* 混合版本语法: IE 10 */

	display: -webkit-flex;

	/* 新版本语法: Chrome 21+ */

	display: flex;

	/* 新版本语法: Opera 12.1, Firefox 22+ */

	-webkit-box-pack: center;

	-moz-justify-content: center;

	-webkit-justify-content: center;

	justify-content: center;
}

.cooperationBox .navBox span {

	border: solid 1px #ccd0d5;

	font-size: 14px;

	display: inline-block;

	cursor: pointer;

	width: 122px;

	text-align: center;
}

.cooperationBox .navBox span.act {

	background-color: #f89432;

	border: none;
}

.cooperationBox .navBox span.act a {

	color: #fff;
}

.cooperationBox .list {

	position: relative;
}

.cooperationBox .list._secondBox {

	display: none;
}

.cooperationBox .list .prev,

.cooperationBox .list ._prev {

	position: absolute;

	left: 0;

	top: 0;

	bottom: 0;

	margin: auto;

	cursor: pointer;

	z-index: 10;
}

.cooperationBox .list .next,

.cooperationBox .list ._next {

	position: absolute;

	right: 0;

	top: 0;

	bottom: 0;

	margin: auto;

	cursor: pointer;

	z-index: 10;
}

.cooperationBox .cooperation {

	padding-top: 60px;

	width: 90%;

	margin: auto;
}

.cooperationBox .cooperation .swiper-slide {

	cursor: pointer;
}

.cooperationBox .cooperation .swiper-slide .pic img {

	width: 100%;
}

.cooperationBox .cooperation .swiper-slide:hover .des .detail,

.cooperationBox .cooperation .swiper-slide:hover .des .name {

	color: #fff;

	transform: translateY(-14px);
}

.cooperationBox .cooperation .swiper-slide:hover .des .mask {

	opacity: 1;
}

.cooperationBox .cooperation .swiper-slide .des {

	text-align: center;

	position: relative;

	padding: 20px 0;
}

.cooperationBox .cooperation .swiper-slide .des .main {

	position: relative;

	z-index: 100;
}

.cooperationBox .cooperation .swiper-slide .des .name {

	color: #333;

	font-size: 16px;

	display: inline-block;

	transition: 0.6s;

	-webkit-transition: 0.6s;

	-ms-transition: 0.6s;

	-o-transition: 0.6s;
}

.cooperationBox .cooperation .swiper-slide .des .detail {

	color: #999;

	font-size: 13px;

	transition: 1.2s;

	-webkit-transition: 1.2s;

	-ms-transition: 1.2s;

	-o-transition: 1.2s;
}

.cooperationBox .cooperation .swiper-slide .des .mask {

	width: 100%;

	height: 100%;

	position: absolute;

	left: 0;

	bottom: 0;

	opacity: 0;

	background-color: #f89432;

	transition: opacity 0.6s;
}



.newsBox .news .cell .tip {

	display: inline-block;

	width: 100%;

	color: #333;

	font-size: 15px;

	position: relative;
}

.newsBox .news .cell .tip .main {

	padding-left: 16px;
	font-size: 16px;
	font-weight: bold
}

.newsBox .news .cell .tip .more {

	font-size: 13px;

	float: right;
}

.newsBox .news .cell .tip:before {

	content: "";

	display: block;

	width: 10px;

	height: 2px;

	background-color: #f89432;

	border-radius: 1px;

	position: absolute;

	top: 0;

	bottom: 0;

	margin: auto;
}

.newsBox .news .cell .pic {

	margin: 16px 0;
}

.newsBox .news .cell .pic img {

	width: 100%;
}

.newsBox .news .cell .listBox li .list {

	display: inline-block;

	width: 100%;

	position: relative;

	box-sizing: border-box;

	transition: 0.6s;

	-webkit-transition: 0.6s;

	border-bottom: 1px solid #ebebeb;
}

.newsBox .news .cell .listBox li .list:before {

	content: "";

	display: block;

	width: 10px;

	height: 2px;

	background-color: #666;

	border-radius: 1px;

	position: absolute;

	top: 0;

	bottom: 0;

	margin: auto;
}

.newsBox .news .cell .listBox li .list .des {

	color: #666;

	font-size: 13px;

	float: left;

	padding-left: 16px;

	-webkit-line-clamp: 1;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	overflow: hidden;

	width: calc(100% - 50px);
}

.newsBox .news .cell .listBox li .list .time {

	color: #999;

	font-size: 12px;

	float: right;
}

.newsBox .news .cell .listBox li .list:hover {

	padding-left: 16px;
}

.newsBox .news .cell .listBox li .list:hover .des {

	color: #f89432;
}

.newsBox .news .cell .listBox li .list:hover:before {

	background-color: #f89432;
}



.footer {

	background-color: #29303c;
}

.footer .inner .link {

	border-bottom: 1px solid #434954;
}

.footer .inner .link .tip {

	color: #f0f2f7;

	font-size: 14px;
}

.footer .inner .link .list a {

	color: #91959e;

	display: inline-block;
}

.footer .inner .link .list a:hover {

	color: #fff;
}

.footer .inner .bottom {

	color: #91959e;

	font-size: 13px;
}

.footer .inner .title {

	color: #f0f2f7;

	display: block;
}

.footer .inner .nav a {

	color: #91959e;
}



.break-nav {

	font-size: 12px;

	padding: 16px 0;
}

.break-nav a.act {

	color: #fbb947;
}



.produtBox {

	background-color: #f3f4f5;
}



.rightList._newList .block .cell {

	display: none;
}

.rightList._newList .block .cell.act {

	display: block;
}



.content {

	padding-bottom: 40px;
}

.content .leftNav .title {

	position: relative;

	background-color: #fbb947;
}

.content .leftNav .title .img {

	max-width: 100%;
}

.content .leftNav .cooperationCus {

	margin-bottom: 12px;

	display: inline-block;

	width: 100%;

	box-sizing: border-box;
}

.content .leftNav .cooperationCus .name .ch {

	color: #333;
}

.content .leftNav .cooperationCus.active .name .ch {

	color: #fff;
}

.content .leftNav .navCell .cell {

	background-color: #fff;
}

.content .leftNav .navCell .cell .tip {

	color: #fbb947;

	font-size: 16px;

	border-top: 2px solid #fbb947;

	border-bottom: 2px solid #fbb947;

	position: relative;
}

.content .leftNav .navCell .cell .tip:before {

	content: "";

	display: block;

	border-radius: 50%;

	background-color: #fbb947;

	width: 6px;

	height: 6px;

	position: absolute;

	top: -4px;
}

.content .leftNav .navCell .cell .tip:after {

	content: "";

	display: block;

	border-radius: 50%;

	background-color: #fbb947;

	width: 6px;

	height: 6px;

	position: absolute;

	bottom: -4px;
}

.content .leftNav .navCell .cell .tip span {

	display: block;

	width: 100%;

	position: relative;

	padding: 0 8%;

	box-sizing: border-box;
	font-size: 16px;
	font-weight: bold
}

.content .leftNav .navCell .cell .tip span:after {

	width: 14px;

	height: 2px;

	top: 0;

	bottom: 0;

	right: 10%;

	margin: auto;

	content: "";

	display: block;

	background-color: #fbb947;

	position: absolute;
}

.content .leftNav .navCell .cell .secondList {

	box-sizing: border-box;
}

.content .leftNav .navCell .cell .secondList li {

	cursor: pointer;

	position: relative;
}

.content .leftNav .navCell .cell .secondList li:after {

	width: 8px;

	height: 1px;

	transform: rotateZ(135deg);

	content: "";

	display: block;

	background-color: #999;

	position: absolute;

	top: 6px;

	bottom: 0;

	margin: auto;

	right: 0;
}

.content .leftNav .navCell .cell .secondList li:before {

	width: 8px;

	height: 1px;

	transform: rotateZ(-135deg);

	content: "";

	display: block;

	background-color: #999;

	position: absolute;

	top: -6px;

	bottom: 0;

	margin: auto;

	right: 0;
}

.content .leftNav .navCell .cell .secondList li a {

	color: #757575;

	display: inline-block;

	width: 100%;
}

.content .leftNav .navCell .cell .secondList li:hover a {

	color: #fbb947;
}

.content .leftNav .navCell .cell .secondList li:hover:before,
.content .leftNav .navCell .cell .secondList li:hover:after {

	background-color: #fbb947;
}

.content .rightList .mainPro {

	background-color: #fff;

	cursor: pointer;

	overflow: hidden;
}

.content .rightList .mainPro .btn-more-1 img {

	max-width: 90%;
}

.content .rightList .mainPro._mainProOne .btn-more img {

	max-width: 90%;
}

.content .rightList .mainPro._mainProOne:hover .detail {

	transform: translateX(-100%);

	-webkit-transform: translateX(-100%);
}

.content .rightList .mainPro .cusMain {

	width: 50%;

	height: 100%;

	float: left;

	position: relative;

	box-sizing: border-box;
}

.content .rightList .mainPro .cusMain img {

	max-width: 90%;

	max-height: 90%;

	position: absolute;

	left: 0;

	right: 0;

	top: 0;

	bottom: 0;

	margin: auto;
}

.content .rightList .mainPro .proImg {

	width: 50%;

	height: 100%;

	float: left;

	background-color: #fff;

	position: relative;
}

.content .rightList .mainPro .proImg img {

	max-width: 90%;

	max-height: 90%;

	position: absolute;

	left: 0;

	right: 0;

	top: 0;

	bottom: 0;

	margin: auto;
}

.content .rightList .mainPro .detail {

	width: 50%;

	float: left;

	box-sizing: border-box;

	height: 100%;

	background-color: #fff;

	transition: 0.6s;

	-webkit-transition: 0.6s;

	-moz-transition: 0.6s;

	-o-transition: 0.6s;

	display: -webkit-box;

	/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */

	display: -moz-box;

	/* 老版本语法: Firefox (buggy) */

	display: -ms-flexbox;

	/* 混合版本语法: IE 10 */

	display: -webkit-flex;

	/* 新版本语法: Chrome 21+ */

	display: flex;

	/* 新版本语法: Opera 12.1, Firefox 22+ */

	-webkit-box-direction: normal;

	-webkit-box-orient: vertical;

	-moz-flex-direction: column;

	-webkit-flex-direction: column;

	flex-direction: column;

	-webkit-box-pack: center;

	-moz-justify-content: center;

	-webkit-justify-content: center;

	justify-content: center;
}

.content .rightList .mainPro .detail .name {

	-webkit-line-clamp: 1;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	overflow: hidden;

	color: #333;
}

.content .rightList .mainPro .detail .des {

	color: #666;

	font-size: 12px;

	-webkit-line-clamp: 3;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	overflow: hidden;
}

.content .rightList .proList.cooperationList .list a .pic {

	overflow: hidden;
}

.content .rightList .proList.cooperationList .list a .pic img {

	max-height: 100%;

	max-width: 100%;

	width: 100%;
}

.content .rightList .proList.solutionList .list {

	overflow: hidden;

	position: relative;
}

.content .rightList .proList.solutionList .list .detail {

	transition: 0.6s;

	-webkit-transition: 0.6s;

	-moz-transition: 0.6s;

	-o-transition: 0.6s;

	text-align: center;
}

.content .rightList .proList.solutionList .list .new {

	width: 100%;

	height: 100%;

	transition: 0.6s;

	-webkit-transition: 0.6s;

	-moz-transition: 0.6s;

	-o-transition: 0.6s;

	position: absolute;

	left: 0;

	top: -100%;
}

.content .rightList .proList.solutionList .list .pic {

	overflow: hidden;
}

.content .rightList .proList.solutionList .list .pic img {

	width: 100%;

	height: 100%;

	max-width: 100%;

	max-height: 100%;
}

.content .rightList .proList.solutionList .list:hover .pic img {

	transform: scale(1);

	-webkit-transform: scale(1);
}

.content .rightList .proList.solutionList .list:hover .new {

	top: 0;
}

.content .rightList .proList.solutionList .list:hover .detail {

	transform: translateY(100%);

	-webkit-transform: translateY(100%);
}

.content .rightList .proList .list {

	float: left;

	background-color: #FFFFFF;
}

.content .rightList .proList .list a {

	width: 100%;

	display: inline-block;
}

.content .rightList .proList .list a:hover .pic img {

	transform: scale(1.2);
}

.content .rightList .proList .list a:hover .detail .des {

	color: #fbb947;
}

.content .rightList .proList .list a .pic {

	width: 100%;

	position: relative;

	overflow: hidden;
}

.content .rightList .proList .list a .pic img {

	max-width: 90%;

	max-height: 90%;

	position: absolute;

	left: 0;

	bottom: 0;

	right: 0;

	top: 0;

	margin: auto;

	transition: 0.6s;

	-webkit-transition: 0.6s;

	-moz-transition: 0.6s;

	-o-transition: 0.6s;
}

.content .rightList .proList .list a .detail {

	padding: 0 10px;

	box-sizing: border-box;

	border-top: 1px solid #eee;
}

.content .rightList .proList .list a .detail .tip {

	color: #333;

	font-size: 14px;

	-webkit-line-clamp: 1;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	overflow: hidden;

	margin: 10px 0;
}

.content .rightList .proList .list a .detail .des {

	color: #666;

	font-size: 12px;

	-webkit-line-clamp: 2;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	overflow: hidden;
}



.pageBox {

	border: 1px dashed #ddd;

	padding: 10px;

	box-sizing: border-box;

	background-color: #f3f4f5;
}

.pageBox .num {

	background-color: #fff;

	line-height: 30px;

	font-size: 12px;

	color: #333;

	float: left;

	padding: 0 10px;

	box-sizing: border-box;
}

.pageBox .list {

	float: right;

	text-align: right;
}

.pageBox .list::after {

	content: "";

	height: 0;

	display: block;

	clear: both;

	visibility: hidden;
}

.pageBox .list a,

.pageBox .list span {

	background-color: #fff;

	display: inline-block;

	/* width: 40px;*/

	height: 30px;

	color: #333;

	font-size: 12px;

	text-align: center;

	line-height: 30px;

	float: left;

	margin-left: 4px;
	padding: 0 10px
}



.pageBox .list span {
	background-color: #FF6600;
	color: #FFFFFF
}



.produtBox .top .searchForm {

	background-color: #fff;

	color: #999;

	font-size: 12px;

	line-height: 38px;

	height: 38px;

	width: 216px;

	padding-left: 16px;

	box-sizing: border-box;

	margin-left: auto;
}

.produtBox .top .searchForm .ipt {

	color: #999;

	font-size: 12px;

	border: none;

	background-color: #fff;
}

.produtBox .top .searchForm .btn-submit {

	width: 50px;

	height: 24px;

	border: none;

	border-left: 1px solid #eee;

	cursor: pointer;
}



.tipName {

	border-bottom: 1px solid #e0e0e0;

	line-height: 50px;
}

.tipName .sign {

	display: inline-block;

	position: relative;
	
	font-size: 16px;
	
	font-weight: bold;
}

.tipName .sign:before {

	content: "";

	display: block;

	width: 100%;

	height: 2px;

	background-color: #fbb947;

	position: absolute;

	bottom: 0;
}



.proDetail {

	background-color: #fff;
}

.proDetail .proMain .pic .bigImg {

	position: relative;

	/* border: 1px solid #e0e0e0; */
}

.proDetail .proMain .pic .bigImg img {

	max-width: 100%;

	max-height: 100%;

	position: absolute;

	left: 0;

	right: 0;

	top: 0;

	bottom: 0;

	margin: auto;
}

.proDetail .proMain .pic .smallImg {

	width: 100%;

	display: -webkit-box;

	/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */

	display: -moz-box;

	/* 老版本语法: Firefox (buggy) */

	display: -ms-flexbox;

	/* 混合版本语法: IE 10 */

	display: -webkit-flex;

	/* 新版本语法: Chrome 21+ */

	display: flex;

	/* 新版本语法: Opera 12.1, Firefox 22+ */
}

.proDetail .proMain .pic .smallImg li {

	flex: 1;

	-webkit-flex: 1;

	text-align: center;

	border: 1px solid #e0e0e0;

	margin: 10px;

	cursor: pointer;
}

.proDetail .proMain .pic .smallImg li.act {

	border: 2px solid #fbb947;
}

.proDetail .proMain .pic .smallImg li img {

	max-width: 80%;

	max-height: 90%;
}

.proDetail .proMain .detail .name {

	color: #333;
}

.proDetail .proMain .detail .mainDes {

	color: #666;

	font-size: 13px;
}

.proDetail .proMain .detail .freeConsult {

	background-color: #ea0e29;

	border-radius: 4px;

	text-align: center;

	display: inline-block;

	color: #fff;

	font-size: 13px;
}

.proDetail .proMsg .detail {

	color: #666;

	font-size: 16px;

	line-height:38px;
}

.proDetail .proMain .detail table {
	width: 100% !important;
	height: auto !important
}





.proDetail .proMsg .detail p,

.proDetail .proMsg .detail span {

	/* color: #999 !important; */
	line-height:30px!important;
}

.proDetail .proMsg .detail img {

	max-width: 100%;
}

.proDetail .proMsg .detail iframe {

	width: 100% !important;

	margin: 30px 0;
}



.proRecommand .proRecommand-inner {

	background-color: #fff;

	box-sizing: border-box;
}

.proRecommand .proRecommand-inner .recommandList .list {

	display: inline-block;
}

.proRecommand .proRecommand-inner .recommandList .list:hover .pic img {

	transform: scale(1.2);

	-webkit-transform: scale(1.2);

	-ms-transform: scale(1.2);
}

.proRecommand .proRecommand-inner .recommandList .list:hover .des .name,

.proRecommand .proRecommand-inner .recommandList .list:hover .des .detail {

	color: #fbb947;
}

.proRecommand .proRecommand-inner .recommandList .list .pic {

	position: relative;

	overflow: hidden;
}

.proRecommand .proRecommand-inner .recommandList .list .pic img {

	max-width: 90%;

	max-height: 90%;

	position: absolute;

	left: 0;

	right: 0;

	top: 0;

	bottom: 0;

	margin: auto;

	transition: 0.6s;

	-webkit-transition: 0.6s;

	-moz-transition: 0.6s;

	-o-transition: 0.6s;
}

.proRecommand .proRecommand-inner .recommandList .list .des {

	width: 90%;

	margin: auto;

	border-top: 1px solid #e0e0e0;
}

.proRecommand .proRecommand-inner .recommandList .list .des .name {

	-webkit-line-clamp: 1;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	overflow: hidden;

	color: #333;

	font-size: 16px;

	padding: 10px 0;
}

.proRecommand .proRecommand-inner .recommandList .list .des .detail {

	-webkit-line-clamp: 2;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	overflow: hidden;

	color: #666;

	font-size: 12px;
}



iframe {

	width: 100%;
}



.solutionDetail {

	background-color: #fff;

	box-sizing: border-box;
}

.solutionDetail .tip {

	border-bottom: 1px solid #eee;
}

.solutionDetail .tip .title {

	color: #333;
}

.solutionDetail .tip .time {

	color: #666;

	font-size: 12px;
}

.solutionDetail .msgContent {

	color: #999;

	font-size: 12px;

	line-height: 26px;
}

.solutionDetail .msgContent img {

	max-width: 100%;
}

.solutionDetail .msgContent p,

.solutionDetail .msgContent span {

	color: #444 ;

	font-size: 12px ;

	line-height:30px;
}



.newsList {

	background-color: #FFFFFF;
}

.newsList li {

	transition: 0.6s;

	-webkit-transition: 0.6s;

	-moz-transition: 0.6s;

	-o-transition: 0.6s;

	border-bottom: 1px solid #eee;
}

.newsList li:hover {

	padding-left: 20px;

	box-sizing: border-box;
}

.newsList li:hover .detail .name {

	color: #fbb947;
}

.newsList li a {

	display: -webkit-box;

	/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */

	display: -moz-box;

	/* 老版本语法: Firefox (buggy) */

	display: -ms-flexbox;

	/* 混合版本语法: IE 10 */

	display: -webkit-flex;

	/* 新版本语法: Chrome 21+ */

	display: flex;

	/* 新版本语法: Opera 12.1, Firefox 22+ */

	-webkit-box-align: center;

	-moz-align-items: center;

	-webkit-align-items: center;

	align-items: center;
}

.newsList li a .pic {

	float: left;
}

.newsList li a .pic img {

	width: 100%;
}

.newsList li a .detail {

	float: left;

	padding: 0 12px;

	box-sizing: border-box;
}

.newsList li a .detail .name {

	-webkit-line-clamp: 1;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	overflow: hidden;

	font-size: 14px;

	color: #333;
}

.newsList li a .detail .des {

	-webkit-line-clamp: 2;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	overflow: hidden;

	color: #666;

	font-size: 12px;

	margin: 10px 0;
}

.newsList li a .detail .time {

	color: #666;

	font-size: 12px;
}



.aboutNav {

	background-color: #f5f5f5;
}

.aboutNav a {

	display: inline-block;

	text-align: center;

	font-size: 14px;

	color: #333;
}

.aboutNav a.act {

	background-color: #fbb947;

	color: #fff;
}



.first .title {

	text-align: center;

	display: inline-block;

	color: #fbb947;

	position: relative;

	left: 50%;

	transform: translateX(-50%);

	-ms-transform: translateX(-50%);

	-webkit-transform: translateX(-50%);

	max-width: 600px;
}



.second .inner .pic img {

	width: 100%;
	height: 100%;
}

.second .inner .companyMsg {

	display: -webkit-box;

	/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */

	display: -moz-box;

	/* 老版本语法: Firefox (buggy) */

	display: -ms-flexbox;

	/* 混合版本语法: IE 10 */

	display: -webkit-flex;

	/* 新版本语法: Chrome 21+ */

	display: flex;

	/* 新版本语法: Opera 12.1, Firefox 22+ */

	-webkit-box-pack: center;

	-moz-justify-content: center;

	-webkit-justify-content: center;

	justify-content: center;

	-webkit-box-direction: normal;

	-webkit-box-orient: vertical;

	-moz-flex-direction: column;

	-webkit-flex-direction: column;

	flex-direction: column;

	box-sizing: border-box;
}

.second .inner .companyMsg .sign {

	width: 144px;

	height: auto;
}

.second .inner .companyMsg .des {

	color: #333;

	font-size: 12px;
}



.advBox .main .pic img {

	width: 100%;
}

.advBox .main .advMsg {

	box-sizing: border-box;

	display: -webkit-box;

	/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */

	display: -moz-box;

	/* 老版本语法: Firefox (buggy) */

	display: -ms-flexbox;

	/* 混合版本语法: IE 10 */

	display: -webkit-flex;

	/* 新版本语法: Chrome 21+ */

	display: flex;

	/* 新版本语法: Opera 12.1, Firefox 22+ */

	-webkit-box-pack: center;

	-moz-justify-content: center;

	-webkit-justify-content: center;

	justify-content: center;

	-webkit-box-direction: normal;

	-webkit-box-orient: vertical;

	-moz-flex-direction: column;

	-webkit-flex-direction: column;

	flex-direction: column;
}

.advBox .main .advMsg .tip {

	color: #333;
}

.advBox .main .advMsg .des {

	color: #666;

	/* font-size: 12px !important; */
}

.advBox .main .advMsg .des p,

.advBox .main .advMsg .des span {

	color: #666 !important;

	font-size: 12px !important;
}

.advBox .advList li .pic img {

	width: 100%;
}

.advBox .advList li .des {

	padding: 10px;

	box-sizing: border-box;
}

.advBox .advList li .des .name {

	color: #333;
}

.advBox .advList li .des .msg {

	color: #666;

	font-size: 14px;
	
	line-height: 30px;
}



.cooperationCom {

	padding: 40px 0;
}



.aboutSecondNav {

	border-bottom: 1px solid #eee;

	text-align: center;
}

.aboutSecondNav a {

	color: #333;

	font-size: 14px;

	padding: 10px;

	display: inline-block;

	margin: 0 10px;
}

.aboutSecondNav a.act {

	border-bottom: 2px solid #fbb947;
}



.bigPic {

	width: 100%;

	height: 100%;

	position: fixed;

	left: 0;

	top: 0;

	background-color: rgba(0, 0, 0, 0.8);

	display: none;

	z-index: 1001;
}

.bigPic .big {

	max-width: 90%;

	max-height: 100%;

	position: absolute;

	left: 0;

	right: 0;

	top: 80px;

	bottom: 0;

	margin: auto;

	width: 80%;
}

.bigPic .btn-close {

	color: #FFFFFF;

	position: absolute;

	right: 0;

	cursor: pointer;

	left: 0;

	margin: auto;

	width: 40px;

	top: 5%;
}



.picList li,

.certificateList li {

	text-align: center;

	cursor: pointer;
}

.picList li .pic img,

.certificateList li .pic img {

	width: 100%;
}

.certificateList li .pic {

	height: 300px;
	
	height: 240px;

	overflow: hidden;

}

.certificateList li .pic img {

	width: auto;

	max-width: 100%;

	max-height: 100%;

}

.picList li .detail .name,

.certificateList li .detail .name {

	color: #666;

	-webkit-line-clamp: 1;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	overflow: hidden;
}

.picList li .detail .msg,

.certificateList li .detail .msg {

	color: #666;

	-webkit-line-clamp: 1;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	overflow: hidden;
}



.contactBox #map {

	width: 100%;
}

.contactBox .contact .contactMsg .tip {

	font-weight: bold;

	color: #fbb947;
}

.contactBox .contact .contactMsg .sign {

	color: #8f9199;
}

.contactBox .contact .contactMsg .phone {

	color: #fbb947;

	font-weight: bold;
}

.contactBox .contact .contactMsg .address {

	color: #8f9199;

	font-size: 13px;

	margin: 30px 0;
}

.contactBox .contact .contactMsg .btn-contact {

	background-color: #ea0e29;

	display: inline-block;

	color: #fff;

	text-align: center;

	font-size: 14px;
}

.contactBox .contact .contactForm input {

	border: none;

	background-color: #f5f5f5;
}

.contactBox .contact .contactForm .ipt {

	width: 100%;

	color: #8f9199;

	margin-bottom: 10px;

	font-size: 14px;

	padding: 0 10px;

	box-sizing: border-box;
}

.contactBox .contact .contactForm .code {

	margin-bottom: 10px;

	font-size: 14px;

	padding: 0 10px;

	box-sizing: border-box;
}

.contactBox .contact .contactForm textarea {

	width: 100%;

	color: #8f9199;

	font-size: 14px;

	padding: 0 10px;

	box-sizing: border-box;

	resize: none;

	background-color: #f5f5f5;

	border: none;
}

.contactBox .contact .contactForm .form-submit {

	font-size: 14px;

	background-color: #fbb947;

	color: #fff;

	width: 100%;
}



.aboutBox .bg {

	width: 100%;
}

.aboutBox .aboutMsg {

	position: relative;
}

.aboutBox .aboutMsg .tip-1 {

	position: absolute;

	left: 0;

	top: 10%;

	max-width: 180px;
}

.aboutBox .aboutMsg .center {

	max-width: 580px;

	height: 100%;
}

.aboutBox .aboutMsg .center .tip {

	position: relative;
	color: #FFF
}

.aboutBox .aboutMsg .center .companyMsg .msg {

	color: #fff;

	-webkit-line-clamp: 4;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	overflow: hidden;
}

.aboutBox .aboutMsg .center .companyMsg .btn-more {

	color: #fff;

	display: inline-block;
}

.aboutBox .aboutMsg .center .companyMsg .btn-more:hover {

	color: #000;
}

.aboutBox .aboutMsg .center .companyMsg .link a {

	border: 1px solid #FFFFFF;

	padding: 6px 10px;

	font-size: 13px;

	color: #fff;

	margin-right: 10px;
}

.aboutBox .aboutMsg .center .companyMsg .link a:hover {

	background-color: #fbb947;
}

.aboutBox .video {

	position: relative;

	cursor: pointer;
}

.aboutBox .video .play {

	width: 54px;

	height: 54px;

	position: absolute;

	left: 0;

	top: 0;

	right: 0;

	bottom: 0;

	margin: auto;
}

.aboutBox .video .diaologBox {

	position: fixed;

	width: 100%;

	height: 100%;

	background-color: rgba(0, 0, 0, 0.6);

	z-index: 1000000;

	top: 0;

	left: 0;

	display: none;
}

.aboutBox .video .diaologBox .btn-close {

	width: 40px;

	left: 0;

	right: 0;

	position: absolute;

	margin: auto;
}

.aboutBox .video .diaologBox iframe,
.aboutBox .video .diaologBox video {

	width: 90%!important;

	margin: auto;

	height: 80%!important;

	left: 0;

	right: 0;

	margin: auto;

	position: absolute;

	top: 0;

	bottom: 0;
}



.searchBox .form {

	width: 244px;

	height: 38px;

	background-color: #ffffff;
	margin: auto;
	margin-bottom: 30px
}

.searchBox .form input[type=text] {

	background-color: #fff;

	border: none;

	width: 188px;

	height: 38px;

	font-size: 12px;

	padding: 0 10px;

	color: #999;
}

.searchBox .form input[type=submit] {

	border: none;

	height: 40px;
}



@keyframes colors {

	0% {

		transform: scale(0.9);

		-webkit-transform: scale(0.9);

		opacity: 0;
	}

	20% {

		opacity: 1;
	}

	80% {

		transform: scale(1);

		-webkit-transform: scale(0.9);

		opacity: 0;
	}

	100% {

		transform: scale(1);

		-webkit-transform: scale(0.9);

		opacity: 0;
	}
}

@-webkit-keyframes colors {

	0% {

		transform: scale(0.9);

		-webkit-transform: scale(0.9);

		opacity: 0;
	}

	20% {

		opacity: 1;
	}

	80% {

		transform: scale(1);

		-webkit-transform: scale(0.9);

		opacity: 0;
	}

	100% {

		transform: scale(1);

		-webkit-transform: scale(0.9);

		opacity: 0;
	}
}

@media screen and (min-width: 1200px) {

	.aboutBox {

		margin: 50px 0;

		display: -webkit-box;

		/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */

		display: -moz-box;

		/* 老版本语法: Firefox (buggy) */

		display: -ms-flexbox;

		/* 混合版本语法: IE 10 */

		display: -webkit-flex;

		/* 新版本语法: Chrome 21+ */

		display: flex;

		/* 新版本语法: Opera 12.1, Firefox 22+ */
	}

	.aboutBox .aboutMsg {

		flex: 1;

		-webkit-flex: 1;
	}

	.aboutBox .aboutMsg .tip-1 {

		top: 10%;

		max-width: 180px;
	}

	.aboutBox .aboutMsg .center {

		position: absolute;

		top: 0;

		right: 0;

		max-width: 580px;

		height: 100%;

		display: -webkit-box;

		/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */

		display: -moz-box;

		/* 老版本语法: Firefox (buggy) */

		display: -ms-flexbox;

		/* 混合版本语法: IE 10 */

		display: -webkit-flex;

		/* 新版本语法: Chrome 21+ */

		display: flex;

		/* 新版本语法: Opera 12.1, Firefox 22+ */

		-webkit-box-direction: normal;

		-webkit-box-orient: vertical;

		-moz-flex-direction: column;

		-webkit-flex-direction: column;

		flex-direction: column;

		-webkit-box-pack: center;

		-moz-justify-content: center;

		-webkit-justify-content: center;

		justify-content: center;
	}

	.aboutBox .aboutMsg .center .tip {

		font-size: 20px;

		margin-bottom: 20px;
	}

	.aboutBox .aboutMsg .center .companyMsg .msg {

		font-size: 14px;

		line-height: 28px;
		width: 90%
	}

	.aboutBox .aboutMsg .center .companyMsg .btn-more {

		margin: 30px 0;
	}

	.aboutBox .aboutMsg .center .companyMsg .link a {

		padding: 6px 10px;

		font-size: 13px;

		margin-right: 10px;
	}

	.aboutBox .video {

		flex: 1;

		-webkit-flex: 1;
	}

	.aboutBox .video .play {

		width: 54px;

		height: 54px;

		position: absolute;

		left: 0;

		top: 0;

		right: 0;

		bottom: 0;

		margin: auto;
	}

	.aboutBox .video .diaologBox .btn-close {

		width: 40px;

		left: 0;

		right: 0;

		position: absolute;

		margin: auto;

		top: 3%;
	}
}

@media screen and (min-width: 992px) and (max-width: 1200px) {

	.aboutBox {

		margin: 30px 0;

		display: -webkit-box;

		/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */

		display: -moz-box;

		/* 老版本语法: Firefox (buggy) */

		display: -ms-flexbox;

		/* 混合版本语法: IE 10 */

		display: -webkit-flex;

		/* 新版本语法: Chrome 21+ */

		display: flex;

		/* 新版本语法: Opera 12.1, Firefox 22+ */
	}

	.aboutBox .aboutMsg {

		flex: 1;

		-webkit-flex: 1;
	}

	.aboutBox .aboutMsg .tip-1 {

		display: none;
	}

	.aboutBox .aboutMsg .center {

		position: absolute;

		top: 0;

		right: 0;

		width: 100%;

		height: 100%;

		padding: 0 10px;

		box-sizing: border-box;

		display: -webkit-box;

		/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */

		display: -moz-box;

		/* 老版本语法: Firefox (buggy) */

		display: -ms-flexbox;

		/* 混合版本语法: IE 10 */

		display: -webkit-flex;

		/* 新版本语法: Chrome 21+ */

		display: flex;

		/* 新版本语法: Opera 12.1, Firefox 22+ */

		-webkit-box-direction: normal;

		-webkit-box-orient: vertical;

		-moz-flex-direction: column;

		-webkit-flex-direction: column;

		flex-direction: column;

		-webkit-box-pack: center;

		-moz-justify-content: center;

		-webkit-justify-content: center;

		justify-content: center;
	}

	.aboutBox .aboutMsg .center .tip {

		font-size: 18px;

		margin-bottom: 10px;
	}

	.aboutBox .aboutMsg .center .companyMsg .msg {

		font-size: 14px;

		line-height: 24px;
	}

	.aboutBox .aboutMsg .center .companyMsg .btn-more {

		margin: 10px 0;
	}

	.aboutBox .aboutMsg .center .companyMsg .link a {

		padding: 6px 10px;

		font-size: 13px;

		margin-right: 10px;
	}

	.aboutBox .video {

		flex: 1;

		-webkit-flex: 1;
	}

	.aboutBox .video .play {

		width: 54px;

		height: 54px;

		position: absolute;

		left: 0;

		top: 0;

		right: 0;

		bottom: 0;

		margin: auto;
	}

	.aboutBox .video .diaologBox .btn-close {

		width: 40px;

		left: 0;

		right: 0;

		position: absolute;

		margin: auto;

		top: 3%;
	}
}

@media screen and (min-width: 768px) and (max-width: 992px) {

	.header .top {

		color: #e0e0e0;

		display: -webkit-box;

		/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */

		display: -moz-box;

		/* 老版本语法: Firefox (buggy) */

		display: -ms-flexbox;

		/* 混合版本语法: IE 10 */

		display: -webkit-flex;

		/* 新版本语法: Chrome 21+ */

		display: flex;

		/* 新版本语法: Opera 12.1, Firefox 22+ */

		-webkit-box-pack: justify;

		-moz-justify-content: space-between;

		-webkit-justify-content: space-between;

		justify-content: space-between;

		padding: 30px 0;
	}

	.header .top .logo-1 {

		padding-right: 18px;

		width: 160px;
	}

	.header .top .logo-2 {

		padding-left: 18px;

		width: 270px;
	}

	.header .top .right {

		font-size: 20px;
	}

	.header .top .right .icon-phone {

		padding-right: 10px;
	}

	.header .header-nav .line {

		position: absolute;

		height: 2px;

		background-color: #e27830;

		top: -2px;
	}

	.header .header-nav .nav-box {

		display: -webkit-box;

		/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */

		display: -moz-box;

		/* 老版本语法: Firefox (buggy) */

		display: -ms-flexbox;

		/* 混合版本语法: IE 10 */

		display: -webkit-flex;

		/* 新版本语法: Chrome 21+ */

		display: flex;

		/* 新版本语法: Opera 12.1, Firefox 22+ */
	}

	.header .header-nav .nav-box li {

		line-height: 48px;

		flex: 1;

		-webkit-flex: 1;
	}

	.header .header-nav .nav-box li .tip {

		width: 16px;

		position: absolute;

		top: -2px;

		left: 0;

		display: none;
	}

	.header .header-nav .nav-box li.act .tip,
	.header .header-nav .nav-box li:hover .tip {

		display: block;
	}

	.header .header-nav .nav-box li .title:not(last-child) {

		border-right: 1px solid #e0e0e0;
	}



	.mainTitle {

		font-size: 30px;

		padding: 30px 0 20px 0;

		text-align: center;
		font-weight: bold
	}



	.serviceBox {

		padding-bottom: 110px;
	}

	.serviceBox .nameNav {

		margin-bottom: 40px;
	}

	.serviceBox .nameBox:not(:last-child) {

		margin-right: 20px;
	}

	.serviceBox .nameNav {

		font-size: 18px;
	}

	.serviceBox .nameNav a {

		color: #fff;
	}

	.serviceBox .nameNav a:not(:last-child) {

		margin-right: 20px;
	}

	.serviceBox .serviceCon .cell {

		float: left;

		width: 32%;
		
		margin-right: 1%;
	}

	/* .serviceBox .serviceCon .cell:nth-child(2) {

		margin: 0 2%;
	} */

	.serviceBox .serviceCon .cell .pic {

		height: 250px;
	}

	.serviceBox .serviceCon .cell .title {

		padding-top: 10px;
	}



	.advantageTitle {

		margin: auto;

		max-width: 1200px;

		margin-top: -60px;
	}



	.featureBox {

		padding-bottom: 40px;
	}

	.featureBox .inner {

		padding: 0 10px;

		box-sizing: border-box;
	}

	.featureBox .list {

		width: 45%;

		float: left;
	}

	.featureBox .list:nth-child(2n) {

		margin: 0 5%;
	}

	.featureBox .list .pic .iconBox .tip {

		padding-top: 16px;
	}

	.featureBox .list .des {

		padding: 10px 6px 20px;

		font-size: 14px;

		color: #666;
	}



	.solutionBox {

		padding: 0 10px;

		box-sizing: border-box;
	}

	.solutionBox .left {

		width: 240px;

		float: left;
	}

	.solutionBox .left .cell {

		font-size: 14px;
	}

	.solutionBox .left .cell .nav a {

		line-height: 32px;
	}

	.solutionBox .right {

		width: calc(100% - 240px);

		float: left;
	}

	.solutionBox .right .block .inner .list {

		display: -webkit-box;

		/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */

		display: -moz-box;

		/* 老版本语法: Firefox (buggy) */

		display: -ms-flexbox;

		/* 混合版本语法: IE 10 */

		display: -webkit-flex;

		/* 新版本语法: Chrome 21+ */

		display: flex;

		/* 新版本语法: Opera 12.1, Firefox 22+ */
	}

	.solutionBox .right .leftImg {

		width: 62%;

		margin: 0 2% 0 6%;
		
		height: 342px;
		
		overflow: hidden;
		
		
	}

	.solutionBox .right .leftImg img {

		width: 100%;
		height: 100%;
	}

	.solutionBox .right .rightImg {

		display: -webkit-box;

		/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */

		display: -moz-box;

		/* 老版本语法: Firefox (buggy) */

		display: -ms-flexbox;

		/* 混合版本语法: IE 10 */

		display: -webkit-flex;

		/* 新版本语法: Chrome 21+ */

		display: flex;

		/* 新版本语法: Opera 12.1, Firefox 22+ */

		-webkit-box-pack: justify;

		-moz-justify-content: space-between;

		-webkit-justify-content: space-between;

		justify-content: space-between;

		flex-direction: column;

		width: 30%;
	}

	.solutionBox .right .rightImg a:nth-child(2n) {

		margin-top: 5%;
	}

	.solutionBox .right .rightImg>div {

		height: 100%;

		display: -webkit-box;

		/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */

		display: -moz-box;

		/* 老版本语法: Firefox (buggy) */

		display: -ms-flexbox;

		/* 混合版本语法: IE 10 */

		display: -webkit-flex;

		/* 新版本语法: Chrome 21+ */

		display: flex;

		/* 新版本语法: Opera 12.1, Firefox 22+ */

		-webkit-box-pack: justify;

		-moz-justify-content: space-between;

		-webkit-justify-content: space-between;

		justify-content: space-between;

		-webkit-box-direction: normal;

		-webkit-box-orient: vertical;

		-moz-flex-direction: column;

		-webkit-flex-direction: column;

		flex-direction: column;
	}



	.content {

		padding-bottom: 30px;
	}

	.content .leftNav {

		width: 280px;

		float: left;
	}

	.content .leftNav .title {

		padding: 16px;
	}

	.content .leftNav .title .name {

		text-align: right;

		color: #fff;

		position: absolute;

		right: 15px;

		top: 0;

		bottom: 0;

		margin: auto;

		display: -webkit-box;

		/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */

		display: -moz-box;

		/* 老版本语法: Firefox (buggy) */

		display: -ms-flexbox;

		/* 混合版本语法: IE 10 */

		display: -webkit-flex;

		/* 新版本语法: Chrome 21+ */

		display: flex;

		/* 新版本语法: Opera 12.1, Firefox 22+ */

		-webkit-box-pack: center;

		-moz-justify-content: center;

		-webkit-justify-content: center;

		justify-content: center;

		-webkit-box-direction: normal;

		-webkit-box-orient: vertical;

		-moz-flex-direction: column;

		-webkit-flex-direction: column;

		flex-direction: column;
	}

	.content .leftNav .title .name .en {

		font-size: 20px;

		display: block;
	}

	.content .leftNav .title .name .ch {

		font-size: 18px;
	}

	.content .leftNav .navCell {

		display: block !important;
	}

	.content .leftNav .navCell .cell {

		margin-top: 20px;
	}

	.content .leftNav .navCell .cell .tip {

		line-height: 54px;
	}

	.content .leftNav .navCell .cell .secondList {

		padding: 2% 10%;
	}

	.content .leftNav .navCell .cell .secondList li a {

		font-size: 14px;

		line-height: 36px;
	}

	.content .rightList {

		float: right;

		width: calc(100% - 310px);
	}

	.content .rightList .mainPro {

		height: 260px;
	}

	.content .rightList .mainPro .detail {

		padding: 0 2%;
	}

	.content .rightList .mainPro .detail .name {

		font-size: 18px;
	}

	.content .rightList .mainPro .detail .des {

		font-size: 12px;

		margin: 20px 0;
	}

	.content .rightList .proList.cooperationList .list a .pic {

		height: 160px;
	}

	.content .rightList .proList.solutionList .list a .pic {

		height: 150px;
	}

	.content .rightList .proList .list {

		margin-top: 3%;

		width: 48.5%;
	}

	.content .rightList .proList .list:nth-child(2n) {

		margin-left: 3%;
	}

	.content .rightList .proList .list a .pic {

		height: 220px;
	}

	.content .rightList .proList .list a .detail {

		padding: 0 10px;

		height: 88px;
	}

	.content .rightList .proList .list a .detail .tip {

		font-size: 14px;

		-webkit-line-clamp: 1;

		text-overflow: ellipsis;

		display: -webkit-box;

		-webkit-box-orient: vertical;

		overflow: hidden;
	}

	.content .rightList .proList .list a .detail .des {

		font-size: 12px;
	}



	.aboutBox {

		margin: 20px 0;
	}

	.aboutBox .aboutMsg .tip-1 {

		display: none;
	}

	.aboutBox .aboutMsg .center {

		position: absolute;

		top: 0;

		right: 0;

		left: 0;

		margin: auto;

		width: 100%;

		height: 100%;

		padding: 0 10px;

		box-sizing: border-box;

		display: -webkit-box;

		/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */

		display: -moz-box;

		/* 老版本语法: Firefox (buggy) */

		display: -ms-flexbox;

		/* 混合版本语法: IE 10 */

		display: -webkit-flex;

		/* 新版本语法: Chrome 21+ */

		display: flex;

		/* 新版本语法: Opera 12.1, Firefox 22+ */

		-webkit-box-direction: normal;

		-webkit-box-orient: vertical;

		-moz-flex-direction: column;

		-webkit-flex-direction: column;

		flex-direction: column;

		-webkit-box-pack: center;

		-moz-justify-content: center;

		-webkit-justify-content: center;

		justify-content: center;
	}

	.aboutBox .aboutMsg .center .tip {

		font-size: 18px;

		margin-bottom: 10px;
	}

	.aboutBox .aboutMsg .center .companyMsg .msg {

		font-size: 14px;

		line-height: 24px;
	}

	.aboutBox .aboutMsg .center .companyMsg .btn-more {

		margin: 10px 0;
	}

	.aboutBox .aboutMsg .center .companyMsg .link a {

		padding: 6px 10px;

		font-size: 13px;

		margin-right: 10px;
	}

	.aboutBox .video .play {

		width: 54px;

		height: 54px;

		position: absolute;

		left: 0;

		top: 0;

		right: 0;

		bottom: 0;

		margin: auto;
	}

	.aboutBox .video .diaologBox .btn-close {

		width: 40px;

		left: 0;

		right: 0;

		position: absolute;

		margin: auto;

		top: 3%;
	}
}

@media screen and (min-width: 320px) and (max-width: 768px) {

	body,

	html {

		font-size: 14px;
	}



	.proDetail .proMsg .detail iframe {

		height: 20rem !important;
	}



	.header .top {

		color: #e0e0e0;

		box-sizing: border-box;

		padding: 1rem 10px;
	}

	.header .top .logo-1 {

		padding-right: 12px;

		width: 6rem;
	}

	.header .top .logo-2 {

		display: none;
	}

	.header .top .sign {

		display: none;
	}

	.header .top .right {

		display: none;
	}

	.header .top .phone_nav {

		display: block;
	}

	.header .top .phone_nav_one {

		background: #231815;

		transition-delay: 0s;

		-webkit-transition-delay: 0s;
	}

	.header .top .phone_nav .nav_but_box {

		display: block;

		position: absolute;

		width: 30px;

		height: 30px;

		right: 20px;

		top: 10px;

		z-index: 1;

		transition: all 0.7s;

		-webkit-transition: all 0.7s;
	}

	.header .top .phone_nav .nav_but {

		display: inline-block;

		position: relative;

		width: 20px;

		height: 2px;

		z-index: 2;

		margin: 13px 0 0 5px;

		background: #996633;

		-webkit-transition-property: background-color, -webkit-transform;

		transition-property: background-color, -webkit-transform;

		transition-property: background-color, transform;

		transition-property: background-color, transform, -webkit-transform;

		-webkit-transition-duration: 300ms;

		transition-duration: 300ms;
	}

	.header .top .phone_nav .nav_but:before,

	.header .top .nav_but:after {

		content: '';

		display: block;

		width: 20px;

		height: 2px;

		position: absolute;

		background: #996633;

		transition-property: margin, -webkit-transform;

		-webkit-transition-property: margin, -webkit-transform;

		transition-property: margin, transform;

		transition-property: margin, transform, -webkit-transform;

		transition-duration: 300ms;

		-webkit-transition-duration: 300ms;
	}

	.header .top .phone_nav .nav_but:before {

		margin-top: -5px;
	}

	.header .top .phone_nav .nav_but:after {

		margin-top: 5px;
	}

	.header .phone_nav.phone_nav_one .nav_but:before {

		margin-top: 0;

		transform: rotate(45deg);

		-webkit-transform: rotate(45deg);
	}

	.header .phone_nav.phone_nav_one .nav_but:after {

		margin-top: 0;

		transform: rotate(-45deg);

		-webkit-transform: rotate(-45deg);
	}

	.header .header-nav .line {

		position: absolute;

		height: 2px;

		background-color: #e27830;

		top: -2px;
	}

	.header .header-nav .nav-box {

		display: none;
	}

	.header .header-nav .mbNav-box {

		padding: 0 10px;

		box-sizing: border-box;

		background-color: #f9f7f8;

		top: 3.6rem;

		bottom: 0;

		overflow-y: scroll;

		position: fixed;

		width: 100%;

		left: 0;
	}

	.header .header-nav .mbNav-box li {

		width: 100%;

		position: relative;

		border-bottom: 1px solid #ddd;

		line-height: 3.2rem;
	}

	.header .header-nav .mbNav-box li a {

		padding-left: 15px;

		box-sizing: border-box;

		display: inline-block;

		width: 100%;
	}

	.header .header-nav .mbNav-box li._sec .title:before {

		content: "";

		display: block;

		width: 10px;

		height: 2px;

		background-color: #858b9a;

		border-radius: 1px;

		position: absolute;

		top: 1.6rem;

		margin: auto;

		right: 0;
	}

	.header .header-nav .mbNav-box li._sec .title:after {

		content: "";

		display: block;

		width: 10px;

		height: 2px;

		background-color: #858b9a;

		border-radius: 1px;

		position: absolute;

		top: 1.6rem;

		margin: auto;

		right: 0;

		transform: rotate(90deg);

		-webkit-transform: rotate(90deg);
	}

	.header .header-nav .mbNav-box li.active a {

		color: #e27830;
	}

	.header .header-nav .mbNav-box li .secondeNav {

		padding-left: 1rem;

		box-sizing: border-box;

		display: none;
	}

	.header .header-nav .mbNav-box li .secondeNav a {

		display: block;

		color: #858b9a;

		font-size: 12px;
	}



	.mainTitle {

		font-size: 1.4rem;

		padding: 3rem 0 2rem;
	}



	.serviceBox {

		padding-bottom: 2rem;
	}

	.serviceBox .nameNav {

		margin-bottom: 0.8rem;
	}

	.serviceBox .nameBox:not(:last-child) {

		margin-right: 20px;
	}

	.serviceBox .nameBox .lines,

	.serviceBox .nameBox .lines.lines-act,

	.serviceBox .nameBox .nameImg,

	.serviceBox .nameBox .nameImg-act {

		display: none !important;
	}

	.serviceBox .nameBox .name {

		flex-direction: column;
	}

	.serviceBox .nameNav {

		font-size: 1rem;
	}

	.serviceBox .nameNav a {

		color: #fff;
	}

	.serviceBox .nameNav a:not(:last-child) {

		margin-right: 10px;
	}

	.serviceBox .serviceCon {

		padding: 0 10px;

		box-sizing: border-box;
	}

	.serviceBox .serviceCon .cell {

		width: 100%;
	}

	.serviceBox .serviceCon .cell .pic {

		height: 17rem;
	}

	.serviceBox .serviceCon .cell .title {

		padding: 6px 0;

		font-size: 12px;
	}



	.developMsg {

		padding: 0 10px;

		box-sizing: border-box;

		margin: 2rem;
	}

	.developMsg .list .pic {

		width: 100%;
	}

	.developMsg .list .detail {

		width: 100%;
	}

	.developMsg .list .detail .title {

		margin: 10px 0;

		text-align: center;
	}

	.developMsg .list .detail .title .ch {

		font-size: 1.2rem;
	}

	.developMsg .list .detail .title .en {

		font-size: 1rem;
	}

	.developMsg .list .detail .des {

		font-size: 14px;

		line-height: 26px;
	}

	.developMsg .list .detail .des p,

	.developMsg .list .detail .des span {

		font-size: 14px !important;
	}



	.featureBox {

		padding-bottom: 2rem;
	}

	.featureBox .inner {

		padding: 0 10px;

		box-sizing: border-box;
	}

	.featureBox .list {

		width: 100%;

		float: left;
	}

	.featureBox .list .pic {

		height: 18rem !important;
	}

	.featureBox .list .pic .iconBox .tip {

		padding-top: 16px;
	}

	.featureBox .list .des {

		padding: 10px 4px 1rem;

		font-size: 12px;

		color: #666;

		box-sizing: border-box;
	}



	.solutionBox {

		padding: 0 10px;

		box-sizing: border-box;
	}

	.solutionBox .left {

		width: 100%;

		margin-bottom: 2rem;
	}

	.solutionBox .left .cell {

		font-size: 14px;

		margin-bottom: 2rem;
	}

	.solutionBox .left .cell img {

		display: none !important;
	}

	.solutionBox .left .cell .nav {

		padding: 0 6px;

		box-sizing: border-box;
	}

	.solutionBox .left .cell .nav a {

		font-size: 13px;

		line-height: 3.2rem;

		border-bottom: 1px solid #eee;
	}

	.solutionBox .right {

		width: 100%;
	}

	.solutionBox .right .leftImg {

		width: 100%;
	}

	.solutionBox .right .leftImg img {

		width: 100%;

		height: 100%;
	}

	.solutionBox .right .rightImg {

		width: 100%;
	}

	.solutionBox .right .rightImg img {

		width: 100%;
	}



	.navBoxCom {

		margin-top: 2rem;
	}



	.cooperationBox .cooperation {

		padding-top: 2rem;
	}

	.cooperationBox .list .next,

	.cooperationBox .list ._next {

		top: -26%;
	}

	.cooperationBox .list .prev,

	.cooperationBox .list ._prev {

		top: -26%;
	}



	.newsBox .news {

		padding: 0 10px;

		box-sizing: border-box;

		margin-bottom: 4rem;
	}

	.newsBox .news .cell {

		margin-bottom: 1rem;

		width: 100%;
	}

	.newsBox .news .cell .listBox .list {

		line-height: 3rem;
	}



	.footer {

		padding: 0 10px;

		box-sizing: border-box;
	}

	.footer .inner .link {

		padding: 2rem 0;
	}

	.footer .inner .link .tip {

		font-size: 14px;
	}

	.footer .inner .link .list a {

		padding-right: 20px;

		font-size: 12px;
	}

	.footer .inner .bottom {

		padding: 2rem 0 4rem;

		font-size: 12px;
	}

	.footer .inner .bottom .contact,

	.footer .inner .bottom .attention {

		margin-bottom: 1rem;
	}

	.footer .inner .title {

		font-size: 14px;

		margin-bottom: 1rem;
	}



	.produtBox .top {

		padding: 1rem 10px;

		box-sizing: border-box;
	}

	.produtBox .top .searchForm {

		margin-left: auto;
	}



	.break-nav {

		display: none;
	}



	.content {

		padding-bottom: 2rem;
	}

	.content .leftNav {

		width: 100%;

		position: relative;
	}

	.content .leftNav .title {

		text-align: center;

		margin: 0.6rem 0;
	}

	.content .leftNav .title.cooperationCus {

		margin: 0;

		margin-bottom: 0;

		font-size: 1rem;
	}

	.content .leftNav .title.cooperationCus .ch:after {

		display: none !important;
	}

	.content .leftNav .title.act .name .ch:after {

		transform: rotate(180deg);

		-webkit-transform: rotate(180deg);

		top: 0;
	}

	.content .leftNav .title .img {

		display: none;
	}

	.content .leftNav .title .name {

		color: #fff;

		line-height: 3.4rem;

		font-size: 1.1rem;
	}

	.content .leftNav .title .name .ch {

		position: relative;
	}

	.content .leftNav .title .name .ch:after {

		content: "";

		display: block;

		width: 0;

		height: 0;

		border-top: 6px solid #fff;

		border-bottom: 6px solid transparent;

		border-left: 6px solid transparent;

		border-right: 6px solid transparent;

		position: absolute;

		right: -16px;

		top: 8px;
	}

	.content .leftNav .navCell {

		display: none;

		position: absolute;

		width: 100%;

		background-color: #fff;

		z-index: 10;
	}

	.content .leftNav .navCell .cell .tip {

		line-height: 3rem;
	}

	.content .leftNav .navCell .cell .tip span {

		font-size: 1rem;

		padding: 0 10px;
	}

	.content .leftNav .navCell .cell .tip span:after {

		right: 10px;
	}

	.content .leftNav .navCell .cell .secondList {

		padding: 0 10px;
	}

	.content .leftNav .navCell .cell .secondList li a {

		font-size: 12px;

		line-height: 2.8rem;
	}

	.content .rightList {

		width: 100%;
	}

	.content .rightList .mainPro {

		height: 220px;
	}

	.content .rightList .mainPro._mainProOne .detail .btn-more img {

		max-width: 90%;

		width: auto;
	}

	.content .rightList .mainPro .detail {

		padding: 0 10px;
	}

	.content .rightList .mainPro .detail .name {

		font-size: 1.1rem;
	}

	.content .rightList .mainPro .detail .des {

		font-size: 12px;

		margin: 14px 0;
	}

	.content .rightList .mainPro .detail .btn-more img {

		width: 8rem;
	}

	.content .rightList .proList.cooperationList .list a .pic {

		height: 120px;
	}

	.content .rightList .proList.solutionList .list a .pic {

		height: 120px;
	}

	.content .rightList .proList .list {

		margin-top: 2%;

		width: 49%;
	}

	.content .rightList .proList .list:nth-child(2n) {

		margin-left: 2%;
	}

	.content .rightList .proList .list a .pic {

		height: 180px;
	}

	.content .rightList .proList .list a .detail {

		height: 80px;
	}

	.content .rightList .proList .list a .detail .tip {

		font-size: 14px;

		margin: 6px 0;
	}

	.content .rightList .proList .list a .detail .des {

		font-size: 12px;
	}



	.pageBox .num {

		display: none;
	}

	.pageBox .list {

		text-align: center;

		float: none;
	}



	.proRecommand {

		margin-top: 2rem;

		padding-bottom: 2rem;
	}

	.proRecommand .proRecommand-inner {

		padding: 10px;
	}

	.proRecommand .proRecommand-inner .recommandList .list {

		width: 50%;

		float: left;

		margin-bottom: 10px;
	}

	.proRecommand .proRecommand-inner .recommandList .list .pic {

		height: 200px;
	}

	.proRecommand .proRecommand-inner .recommandList .list .des .detail {

		height: 35px;
	}



	.proDetail {

		padding: 10px;
	}

	.proDetail .proMain .pic .bigImg {

		height: 250px;
	}

	.proDetail .proMain .pic .bigImg img {
		max-height: 100%;
	}

	.proDetail .proMain .pic .smallImg li {

		height: 65px;

		margin: 4px;
	}

	.proDetail .proMain .detail {

		margin-top: 10px;
	}

	.proDetail .proMain .detail .name {

		font-size: 1.2rem;
	}

	.proDetail .proMain .detail .mainDes {

		font-size: 1rem;

		margin: 10px 0;
	}

	.proDetail .proMain .detail .freeConsult {

		height: 45px;

		line-height: 45px;

		font-size: 12px;

		padding: 0 10px;

		margin: auto;
	}



	.solutionDetail {

		padding: 10px;
	}

	.solutionDetail .tip {

		padding-bottom: 10px;

		margin-bottom: 10px;
	}

	.solutionDetail .tip .title {

		font-size: 1.1rem;
	}

	.solutionDetail .msgContent {

		font-size: 12px;

		line-height: 26px;
	}

	.solutionDetail .msgContent p,

	.solutionDetail .msgContent span {

		/*font-size: 12px !important;

		line-height: 26px !important;*/
	}



	.aboutNav {

		line-height: 45px;

		display: -webkit-box;

		/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */

		display: -moz-box;

		/* 老版本语法: Firefox (buggy) */

		display: -ms-flexbox;

		/* 混合版本语法: IE 10 */

		display: -webkit-flex;

		/* 新版本语法: Chrome 21+ */

		display: flex;

		/* 新版本语法: Opera 12.1, Firefox 22+ */
	}

	.aboutNav a {

		flex: 1;

		-webkit-flex: 1;

		font-size: 12px;
	}



	.first {

		margin-top: 2rem;
	}

	.first .title {

		padding: 10px 20px;
	}

	.first .title .tip-1 {

		font-size: 1.2rem;
	}

	.first .title .tip-2 {

		font-size: 1.1rem;
	}

	.first .inner {

		margin-top: -1rem;
	}

	.first .video {

		margin: 2rem 0;

		height: 3rem;
	}

	.first .video iframe {

		height: 20rem;
	}



	.second .inner .companyMsg {

		padding: 10px 15px;
	}

	.second .inner .companyMsg .sign {

		margin-bottom: 10px;

		margin: auto;
	}

	.second .inner .companyMsg .des {

		line-height: 24px;
	}



	.advBox .main {

		margin: 1rem 0;
	}

	.advBox .main .pic {

		width: 100%;
	}

	.advBox .main .advMsg {

		padding: 0 10px;
	}

	.advBox .main .advMsg .tip {

		font-size: 1.2rem;
	}

	.advBox .main .advMsg .des {

		line-height: 24px !important;
	}

	.advBox .main .advMsg .des p,

	.advBox .main .advMsg .des span {

		line-height: 24px !important;
	}

	.advBox .advList li {

		float: left;

		width: 50%;
	}

	.advBox .advList li .des .msg {

		height: 38px;
	}



	.picList.certificateList {

		margin-top: 2rem;
	}

	.picList.certificateList li {

		float: left;

		margin-bottom: 3%;

		width: 49%;
	}

	.picList.certificateList li:nth-child(2n) {

		margin-left: 2%;
	}

	.picList.certificateList li .detail .name {

		font-size: 1rem;
	}

	.picList.certificateList li .detail .msg {

		font-size: 0.8rem;
	}



	.certificateList {

		margin-top: 2rem;
	}

	.certificateList li {

		float: left;

		margin-bottom: 3%;

		width: 48.5%;
	}

	.certificateList li:nth-child(2n) {

		margin-left: 3%;
	}

	.certificateList li .detail .name {

		font-size: 1rem;
	}



	.contactBox #map {

		width: 100%;

		height: 16rem;
	}

	.contactBox .contact {

		margin: 2rem 0;

		padding: 0 10px;
	}

	.contactBox .contact .contactMsg {

		width: 100%;
	}

	.contactBox .contact .contactMsg .tip {

		font-size: 1.1rem;
	}

	.contactBox .contact .contactMsg .sign {

		font-size: 12px;

		margin: 1rem 0;
	}

	.contactBox .contact .contactMsg .phone {

		color: #fbb947;

		font-weight: bold;
	}

	.contactBox .contact .contactMsg .address {

		font-size: 13px;

		margin: 1rem 0;
	}

	.contactBox .contact .contactMsg .btn-contact {

		width: 120px;

		height: 42px;

		line-height: 42px;

		font-size: 12px;
	}

	.contactBox .contact .contactForm {

		width: 100%;

		margin-top: 1rem;
	}

	.contactBox .contact .contactForm input {

		line-height: 30px;

		height: 30px;

		font-size: 12px !important;
	}

	.contactBox .contact .contactForm textarea {

		height: 100px;
	}

	.contactBox .contact .contactForm .form-submit {

		height: 40px;
	}



	.aboutBox {

		margin: 2rem 0;
	}

	.aboutBox .aboutMsg .tip-1 {

		display: none;
	}

	.aboutBox .aboutMsg .left {

		position: absolute;

		height: 100%;
	}

	.aboutBox .aboutMsg .center {

		padding: 2rem 10px;

		width: 100%;

		height: 100%;

		position: relative;

		box-sizing: border-box;
	}

	.aboutBox .aboutMsg .center .tip {

		font-size: 1.1rem;

		margin-bottom: 10px;
	}

	.aboutBox .aboutMsg .center .companyMsg .msg {

		font-size: 12px;
	}

	.aboutBox .aboutMsg .center .companyMsg .btn-more {

		margin: 10px 0;
	}

	.aboutBox .aboutMsg .center .companyMsg .link a {

		padding: 6px 4px;

		font-size: 12px;

		margin-right: 10px;
	}

	.aboutBox .video .play {

		width: 54px;

		height: 54px;

		position: absolute;

		left: 0;

		top: 0;

		right: 0;

		bottom: 0;

		margin: auto;
	}

	.aboutBox .video .diaologBox .btn-close {

		width: 30px;

		left: 0;

		right: 0;

		position: absolute;

		margin: auto;

		top: 2%;
	}



	.newsList {

		margin: 2rem 0;

		padding: 1rem 0;
	}

	.newsList li {

		margin-bottom: 10px;

		padding-bottom: 10px;
	}

	.newsList li a {

		display: -webkit-box;

		/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */

		display: -moz-box;

		/* 老版本语法: Firefox (buggy) */

		display: -ms-flexbox;

		/* 混合版本语法: IE 10 */

		display: -webkit-flex;

		/* 新版本语法: Chrome 21+ */

		display: flex;

		/* 新版本语法: Opera 12.1, Firefox 22+ */

		-webkit-box-align: center;

		-moz-align-items: center;

		-webkit-align-items: center;

		align-items: center;
	}

	.newsList li a .pic {

		float: left;

		width: 40%;
	}

	.newsList li a .detail {

		float: left;

		width: 60%;

		padding: 0 12px;
	}
}

@media screen and (min-width: 320px) and (max-width: 992px) {

	body,

	html {

		font-size: 14px;
	}
}

@media screen and (min-width: 992px) {

	.header .top {

		color: #e0e0e0;

		display: -webkit-box;

		/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */

		display: -moz-box;

		/* 老版本语法: Firefox (buggy) */

		display: -ms-flexbox;

		/* 混合版本语法: IE 10 */

		display: -webkit-flex;

		/* 新版本语法: Chrome 21+ */

		display: flex;

		/* 新版本语法: Opera 12.1, Firefox 22+ */

		-webkit-box-pack: justify;

		-moz-justify-content: space-between;

		-webkit-justify-content: space-between;

		justify-content: space-between;

		padding: 30px 0;
	}

	.header .top .logo-1 {

		padding-right: 22px;
	}

	.header .top .logo-2 {

		padding-left: 22px;
	}

	.header .top .right {

		font-size: 28px;
	}

	.header .top .right .icon-phone {

		padding-right: 10px;
	}

	.header .header-nav .line {

		position: absolute;

		height: 2px;

		background-color: #e27830;

		top: -2px;
	}

	.header .header-nav .nav-box {

		display: -webkit-box;

		/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */

		display: -moz-box;

		/* 老版本语法: Firefox (buggy) */

		display: -ms-flexbox;

		/* 混合版本语法: IE 10 */

		display: -webkit-flex;

		/* 新版本语法: Chrome 21+ */

		display: flex;

		/* 新版本语法: Opera 12.1, Firefox 22+ */
	}

	.header .header-nav .nav-box li {

		line-height: 48px;

		flex: 1;

		-webkit-flex: 1;
	}

	.header .header-nav .nav-box li .tip {

		position: absolute;

		top: -2px;

		left: 0;

		display: none;
	}

	.header .header-nav .nav-box li.act .tip,
	.header .header-nav .nav-box li:hover .tip {

		display: block;
	}

	.header .header-nav .nav-box li .title:not(last-child) {

		border-right: 1px solid #e0e0e0;
	}



	.serviceBox {

		padding-bottom: 100px;
	}

	.serviceBox .nameNav {

		margin-bottom: 60px;
	}

	.serviceBox .nameBox:not(:last-child) {

		margin-right: 24px;
	}

	.serviceBox .nameNav {

		font-size: 18px;
	}

	.serviceBox .nameNav a {

		color: #fff;
	}

	.serviceBox .nameNav a:not(:last-child) {

		margin-right: 24px;
	}

	.serviceBox .serviceCon .cell {

		float: left;

		width: 32%;
		margin-right: 2%;
		margin-bottom: 2%;
	}

	.serviceBox .serviceCon .cell:nth-child(3n) {
		margin-right: 0;

		/* margin: 0 2%; */
	}

	.serviceBox .serviceCon .cell .pic {

		height: 300px;
	}

	.serviceBox .serviceCon .cell .title {

		padding-top: 16px;
	}



	.advantageTitle {

		margin: auto;

		max-width: 1200px;

		margin-top: -80px;
	}



	.featureBox {

		padding-bottom: 80px;
	}

	.featureBox .inner {

		display: -webkit-box;

		/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */

		display: -moz-box;

		/* 老版本语法: Firefox (buggy) */

		display: -ms-flexbox;

		/* 混合版本语法: IE 10 */

		display: -webkit-flex;

		/* 新版本语法: Chrome 21+ */

		display: flex;

		/* 新版本语法: Opera 12.1, Firefox 22+ */

	}

	.featureBox .inner .list {

		flex: 1;

		-webkit-flex: 1;

	}

	.featureBox .list:not(:last-child) {

		margin-right: 70px;
	}

	.featureBox .list .pic .iconBox .tip {

		padding-top: 16px;
	}

	.featureBox .list .pic .numBox {

		position: absolute;

		top: 0;

		right: 0;

		width: 0;

		height: 0;

		border-top: 18px solid #f89432;

		border-right: 18px solid #f89432;

		border-left: 18px solid transparent;

		border-bottom: 18px solid transparent;
	}

	.featureBox .list .des {

		padding: 16px 6px 0;

		font-size: 14px;

		color: #666;
	}
    
	.featureBox .list .des h1{ font-size: 16px; line-height: 30px; color: #333; font-weight: normal;}
	.featureBox .list.act .pic .numBox,
	.featureBox .list:hover .pic .numBox {

		border-top: 18px solid #fff;

		border-right: 18px solid #fff;
	}



	.solutionBox .left {

		float: left;

		width: 240px;
	}

	.solutionBox .left .cell {

		font-size: 14px;
	}

	.solutionBox .left .cell .nav a {

		line-height: 32px;
	}

	.solutionBox .right {

		width: calc(100% - 240px);

		float: left;
	}

	.solutionBox .right .block .inner .list a {

		display: inline-block;
	}

	.solutionBox .right .leftImg {

		width: 58%;

		margin: 0 2% 0 10%;

		float: left;
		
		height: 342px;
		
		overflow: hidden;
	}

	.solutionBox .right .leftImg img {

		width: 100%;
		/* height: 100%; */
	}

	.solutionBox .right .rightImg {

		width:22%;

		float: right;
	}

	.solutionBox .right .rightImg a:nth-child(2n) {

		margin-top: 6%;
	}



	.content {

		padding-bottom: 30px;
	}

	.content .leftNav {

		width: 320px;

		float: left;
	}

	.content .leftNav .title {

		padding: 16px;
	}

	.content .leftNav .title .name {

		text-align: right;

		color: #fff;

		position: absolute;

		right: 15px;

		top: 0;

		bottom: 0;

		margin: auto;

		display: -webkit-box;

		/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */

		display: -moz-box;

		/* 老版本语法: Firefox (buggy) */

		display: -ms-flexbox;

		/* 混合版本语法: IE 10 */

		display: -webkit-flex;

		/* 新版本语法: Chrome 21+ */

		display: flex;

		/* 新版本语法: Opera 12.1, Firefox 22+ */

		-webkit-box-pack: center;

		-moz-justify-content: center;

		-webkit-justify-content: center;

		justify-content: center;

		-webkit-box-direction: normal;

		-webkit-box-orient: vertical;

		-moz-flex-direction: column;

		-webkit-flex-direction: column;

		flex-direction: column;
	}

	.content .leftNav .title .name .en {

		font-size: 20px;

		display: block;
	}

	.content .leftNav .title .name .ch {

		font-size: 18px;
	}

	.content .leftNav .navCell {

		display: block !important;
	}

	.content .leftNav .navCell .cell {

		margin-top: 20px;
	}

	.content .leftNav .navCell .cell .tip {

		line-height: 54px;
	}

	.content .leftNav .navCell .cell .secondList {

		padding: 0 8%;
	}

	.content .leftNav .navCell .cell .secondList li a {

		font-size: 14px;

		line-height: 36px;
	}

	.content .rightList {

		float: right;

		width: calc(100% - 360px);
	}

	.content .rightList .mainPro {

		height: 260px;
	}

	.content .rightList .mainPro .detail {

		padding: 0 2%;
	}

	.content .rightList .mainPro .detail .name {

		font-size: 18px;
	}

	.content .rightList .mainPro .detail .des {

		font-size: 12px;

		margin: 20px 0;
	}

	.content .rightList .proList.solutionList .list .pic {

		height: 132px;
	}

	.content .rightList .proList.cooperationList .list .pic {

		height: 138px;
	}

	.content .rightList .proList .list {

		margin-top: 3%;

		width: 31.33%;
		
		margin-right: 3%;
	}

	.content .rightList .proList .list:nth-child(3n) {

		/* margin-left: 3%; */
		
		margin-right:0%;

	
	}
	
	.content .rightList .proList1 .list:nth-child(3n){margin-right: 0%!important;}
	/* .content .rightList .proList1 .list:nth-child(4n){margin-right: 0%!important;} */
	
    
	.content .rightList .solutionList .list:nth-child(3n){margin-right: 3%!important;}
	.content .rightList .solutionList .list:nth-child(4n){margin-right: 0%!important;}
	 
	.content .rightList .proList .list a .pic {

		height: 220px;
	}

	.content .rightList .proList .list a .detail {

		padding: 0 10px;

		height: 88px;
	}

	.content .rightList .proList .list a .detail .tip {

		font-size: 16px;

		-webkit-line-clamp: 1;

		text-overflow: ellipsis;

		display: -webkit-box;

		-webkit-box-orient: vertical;

		overflow: hidden;
	}

	.content .rightList .proList .list a .detail .des {

		font-size: 12px;
	}
}

@media screen and (min-width: 768px) {

	.proDetail .proMsg .detail iframe {

		height: 600px !important;
	}



	.header-nav {

		border-top: 2px solid #e0e0e0;
	}



	.developMsg {

		margin-top: 60px;

		margin-bottom: 80px;
	}

	.developMsg .list .pic {

		width: 40%;

		float: left;
	}

	.developMsg .list .detail {

		width: 60%;

		float: left;

		padding-left: 4%;
	}

	.developMsg .list .detail .title {

		margin-bottom: 26px;
	}

	.developMsg .list .detail .title .ch {

		font-size: 20px;
	}

	.developMsg .list .detail .des {

		font-size: 14px;

		line-height: 26px;
	}

	.developMsg .list .detail .des p,

	.developMsg .list .detail .des span {

		font-size: 14px !important;
	}



	.navBoxCom {

		margin-top: 60px;
	}



	.newsBox .news {

		margin-bottom: 80px;
	}

	.newsBox .news .cell {

		float: left;

		width: 32%;
	}

	.newsBox .news .cell:nth-child(2) {

		margin: 0 2%;
	}

	.newsBox .news .cell .listBox .list {

		line-height: 54px;
	}



	.footer .inner .link {

		padding: 40px 0;
	}

	.footer .inner .link .tip {

		font-size: 14px;

		float: left;
	}

	.footer .inner .link .list {

		float: right;

		width: calc(100% - 60px);
	}

	.footer .inner .link .list a {

		padding-right: 6px;

		font-size: 14px;
	}

	.footer .inner .bottom {

		display: -webkit-box;

		/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */

		display: -moz-box;

		/* 老版本语法: Firefox (buggy) */

		display: -ms-flexbox;

		/* 混合版本语法: IE 10 */

		display: -webkit-flex;

		/* 新版本语法: Chrome 21+ */

		display: flex;

		/* 新版本语法: Opera 12.1, Firefox 22+ */

		padding: 40px 0 0px;
	}

	.footer .inner .title {

		font-size: 16px;

		margin-bottom: 20px;
	}

	.footer .inner .contact {

		line-height: 26px;

		flex: 1;

		-webkit-flex: 1;
	}

	.footer .inner .attention {

		flex: 1;

		-webkit-flex: 1;

		text-align: center;
	}

	.footer .inner .bottomNav {

		flex: 1;

		-webkit-flex: 1;

		/*  text-align: right;*/
	}

	.footer .inner .bottomNav .nav {

		max-width: 500px;

		/*  float: right;*/
	}

	.footer .inner .bottomNav .nav li {

		float: left;

		margin-right: 10px
	}

	.footer .inner .bottomNav .nav li:nth-child(2n) {

		/* margin-left: 40px;*/
	}

	.footer .inner .chatImg {

		max-width: 140px;

		width: 120px;

		height: 120px;
	}



	.mbNav-box {

		display: none !important;
	}



	.pageBox .num {

		display: block !important;
	}



	.produtBox .top {

		display: -webkit-box;

		/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */

		display: -moz-box;

		/* 老版本语法: Firefox (buggy) */

		display: -ms-flexbox;

		/* 混合版本语法: IE 10 */

		display: -webkit-flex;

		/* 新版本语法: Chrome 21+ */

		display: flex;

		/* 新版本语法: Opera 12.1, Firefox 22+ */

		-webkit-box-pack: justify;

		-moz-justify-content: space-between;

		-webkit-justify-content: space-between;

		justify-content: space-between;

		-webkit-box-align: center;

		-moz-align-items: center;

		-webkit-align-items: center;

		align-items: center;
	}



	.proRecommand {

		margin-top: 30px;

		padding-bottom: 60px;
	}

	.proRecommand .proRecommand-inner {

		padding: 0px 40px 40px 40px;
	}

	.proRecommand .proRecommand-inner .recommandList .list {

		width: 25%;

		float: left;
	}

	.proRecommand .proRecommand-inner .recommandList .list .pic {

		height: 240px;
	}



	.proDetail {

		padding: 40px 40px;
	}

	.proDetail .proMain .pic {

		float: left;

		width: 48%;
		
		margin-bottom: 20px;
	
	}

	.proDetail .proMain .pic .bigImg {

		height: 370px;
	}

	.proDetail .proMain .pic .smallImg li {

		height: 90px;
	}

	.proDetail .proMain .detail {

		float: right;
		width: 50%;
		
		font-size: 16px;
		
		line-height: 2em;
	}

	.proDetail .proMain .detail table {
		width: 100% !important;
		height: auto !important
	}

	.proDetail .proMain .detail .name {

		font-size: 24px;
		font-weight: bold
	}

	.proDetail .proMain .detail .mainDes {

		font-size: 16px;

		margin: 20px 0;
	}

	.proDetail .proMain .detail .freeConsult {

		/* width:120px;*/

		height: 40px;

		line-height: 40px;

		font-size: 16px;
		padding: 0 10px
	}



	.solutionDetail {

		padding: 30px;
	}

	.solutionDetail .tip {

		padding-bottom: 15px;

		margin-bottom: 15px;
	}

	.solutionDetail .tip .title {

		font-size: 18px;
	}

	.solutionDetail .msgContent {

		font-size: 12px;

		line-height: 26px;
	}

	.solutionDetail .msgContent p,

	.solutionDetail .msgContent span {

		font-size: 12px ;

		line-height: 26px;
	}



	.aboutNav {

		line-height: 60px;
		margin-top: 30px
	}

	.aboutNav a {

		width: 122px;
	}



	.first {

		margin-top: 60px;
	}

	.first .title {

		padding: 10px 20px;
	}

	.first .title .tip-1 {

		font-size: 40px;
	}

	.first .title .tip-2 {

		font-size: 20px;
	}

	.first .inner {

		margin-top: -48px;
	}

	.first .video {

		margin: 60px 0;
		line-height: 30px;
	}

	.first .video iframe {

		height: 600px !important;
		
	}



	.second .inner {

		display: -webkit-box;

		/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */

		display: -moz-box;

		/* 老版本语法: Firefox (buggy) */

		display: -ms-flexbox;

		/* 混合版本语法: IE 10 */

		display: -webkit-flex;

		/* 新版本语法: Chrome 21+ */

		display: flex;

		/* 新版本语法: Opera 12.1, Firefox 22+ */
	}

	.second .inner .pic {

		flex: 1;

		-webkit-flex: 1;
	}

	.second .inner .companyMsg {

		flex: 1;

		-webkit-flex: 1;

		padding-left: 5%;
	}
     .second .inner .companyMsg .tip-1{font-size:24px; font-weight: bold; padding:30px 0 10px 0;}
	.second .inner .companyMsg .sign {

		margin-bottom: 12px;
	}

	.second .inner .companyMsg .des {
		line-height: 30px;
		font-size: 14px;
		padding-bottom:30px;
		
	}



	.advBox .main {

		display: -webkit-box;

		/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */

		display: -moz-box;

		/* 老版本语法: Firefox (buggy) */

		display: -ms-flexbox;

		/* 混合版本语法: IE 10 */

		display: -webkit-flex;

		/* 新版本语法: Chrome 21+ */

		display: flex;

		/* 新版本语法: Opera 12.1, Firefox 22+ */

		margin: 20px 0;
	}

	.advBox .main .pic {

		float: left;

		width: 45%;
	}

	.advBox .main .advMsg {

		float: left;

		width: 55%;

		padding-left: 5%;
	}

	.advBox .main .advMsg .tip {
		font-size: 28px;
	}

	.advBox .main .advMsg .des {
		line-height:26px;
		font-size: 14px;
		margin-top: 10px;
	}

	.advBox .main .advMsg .des p,

	.advBox .main .advMsg .des span {
		line-height: 26px !important;
	}

	.advBox .advList li {

		float: left;

		width: 25%;
	}

    .advBox .advList li .pic{ padding:10px;}

	.certificateList {

		margin-top: 30px;
	}

	.certificateList li {

		float: left;

		margin-bottom: 3%;

		width: 23.5%;
	}

	.certificateList li:not(:nth-child(4n-3)) {

		margin-left: 2%;
	}

	.certificateList li .detail .name {

		font-size: 16px;
	}

	.certificateList li .detail .msg {

		font-size: 13px;

		height: 20px;
	}



	.picList {

		margin-top: 30px;
	}

	.picList li {

		float: left;

		margin-bottom: 3%;

		width: 32%;
	}

	.picList li:nth-child(3n-1) {

		margin: 0 2%;
	}

	.picList li .detail .name {

		font-size: 16px;
	}

	.picList li .detail .msg {

		font-size: 13px;

		height: 20px;
	}



	.contactBox #map {

		width: 100%;

		height: 500px;
	}

	.contactBox .contact {

		margin: 80px 0;

		padding: 0 4%;
	}

	.contactBox .contact .contactMsg {

		float: left;

		width: 60%;
	}

	.contactBox .contact .contactMsg .tip {

		font-size: 22px;
	}

	.contactBox .contact .contactMsg .sign {

		font-size: 13px;

		margin: 30px 0;
	}

	.contactBox .contact .contactMsg .phone {

		font-size: 30px;
	}

	.contactBox .contact .contactMsg .address {

		font-size: 13px;

		margin: 30px 0;
	}

	.contactBox .contact .contactMsg .btn-contact {

		width: 150px;

		height: 50px;

		line-height: 50px;

		font-size: 14px;
	}

	.contactBox .contact .contactForm {

		width: 40%;

		float: left;
	}

	.contactBox .contact .contactForm input {

		line-height: 48px;

		height: 48px;
	}

	.contactBox .contact .contactForm textarea {

		height: 165px;
	}

	.contactBox .contact .contactForm .form-submit {

		height: 46px;
	}



	.newsList {

		margin: 30px 0;
	}

	.newsList li {

		margin-bottom: 20px;

		/* padding-bottom: 20px; */
	}

	.newsList li a {

		display: -webkit-box;

		/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */

		display: -moz-box;

		/* 老版本语法: Firefox (buggy) */

		display: -ms-flexbox;

		/* 混合版本语法: IE 10 */

		display: -webkit-flex;

		/* 新版本语法: Chrome 21+ */

		display: flex;

		/* 新版本语法: Opera 12.1, Firefox 22+ */

		-webkit-box-align: center;

		-moz-align-items: center;

		-webkit-align-items: center;

		align-items: center;
	}

	.newsList li a .pic {

		float: left;

		width: 250px;
	}

	.newsList li a .detail {

		float: left;

		width: calc(100% - 250px);

		padding: 0 12px;
	}
}



/*# sourceMappingURL=main.css.map */





table {
	width: 100% !important;
	height: auto !important
}