html,body {margin:0;height:100%;font-family:"Myriad Set Pro","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;background:#1e2633;}

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

a {text-decoration:none;color:#000;}
.link{
	display:block;
}
/*=============百度地图api  logo隐藏===========*/
.anchorBL{
	display: none;
}
.BMap_cpyCtrl anchorBL{
	display: none;
}
img {border:0;}
hr {height:0;margin-top:10px;margin-bottom:10px;border:0;border-top:solid 1px #353c48;}
#header {background:rgba(0,0,0,.9);position:fixed;top:0;left:0;right:0;z-index:20;}

.brand {display:block;overflow:hidden;width:101px;height:32px;margin:9px 0;text-indent:-999px;background:url("../images/logo.png") no-repeat center;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;}
@media print, only screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-resolution: 144dpi), screen and (min-resolution: 144dppx){
	.brand {background-image:url("../images/logo2x.svg");}
}

.navbar-toggle {float:right;width:40px;height:32px;margin:9px 0;border:0;padding:5px 9px;background:none;cursor:pointer; border: none;outline: none;}
.navbar-toggle .icon-bar {display:block;width:22px;height:2px;background:#fff;-webkit-transition: 0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55);transition: 0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55);}
.navbar-toggle .icon-bar + .icon-bar {margin-top:4px;}

.navbar-toggle.active .icon-bar {position:absolute;margin:0;}
.navbar-toggle.active .icon-bar:nth-child(1) {-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.navbar-toggle.active .icon-bar:nth-child(2) {opacity:0;}
.navbar-toggle.active .icon-bar:nth-child(3) {-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}

.navbar {display:none;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, .5);box-shadow:inset 0 1px 0 rgba(255, 255, 255, .5);}
.nav {margin:5px 0;padding-left:0;}
.nav li {list-style:none;border-top:solid 1px rgba(255,255,255,.2);position:relative;}
.nav li:first-child {border-top:0;}
.nav li a {display:block;padding:10px 15px;font-size:16px;color:#fff;}
.nav li a:hover {background:rgba(255,255,255,.1);border-radius: 20px;}
.nav li.active a {background:rgba(255,255,255,.9);line-height:13px;border-radius:20px; margin-top: 13px; color:#000;}
.collapse {display:block;overflow:hidden;overflow-y:auto;visibility:visible;
	-webkit-transition-timing-function: ease;
	transition-timing-function: ease;
	-webkit-transition-duration: .35s;
	transition-duration: .35s;
	-webkit-transition-property: height, visibility;
	transition-property: height, visibility;}

.sub-nav {display:none;width:100%;}
.sub-nav ul {margin:0;padding-left:20px;}
.sub-nav li {float:left;list-style:none;}
.sub-nav li a {display:block;margin:6px 15px;line-height:25px;font-size:15px;}
.sub-nav li.active {}
.sub-nav li.active a {font-size:16px;color: #297ABB;text-align: center; padding-bottom:4px;border-bottom:solid 2px #297ABB}

.full-size {
   width: 100%;
   height: 100%;
}
.full-abs {
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
}
.flex-wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
    display: flex;
}
.flex-item {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex:1;
	position: relative;
}
.flex-vertical {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column;
	flex-flow: column;
}

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

.align-start {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.align-end {
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}

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

.justify-start {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.justify-end {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.justify-between {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.flex-all-center {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.flex-direction{
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.button{
	padding: 8px 25px;
	background-color: #fff;
	border-radius:30px;
}
.title1{
	color: #fff;
	font-size: 60px;
	font-weight:500;
}
.title2{
	color: #fff;
	font-size: 48px;
	font-weight:400;
}
.text{
	color: #fff;
	font-size:18px;
}

@media (min-width: 768px) {
	#header {position:fixed;top:0;left:0;right:0;
		background-color:transparent;background-repeat:repeat-x;
		-webkit-transition:all .5s;transition:all .5s;
		background-image: -webkit-linear-gradient(top, rgba(0,0,0,.9), rgba(0,0,0,0));
		background-image:      -o-linear-gradient(top, rgba(0,0,0,.9), rgba(0,0,0,0));
		background-image:         linear-gradient(to bottom, rgba(0,0,0,.9), rgba(0,0,0,0));}
	.global-nav {margin:60px 0;-webkit-transition:all .5s;transition:all .5s;}
	.brand {float:left;margin:0;width:190px;height:60px;-webkit-transition:all .5s;transition:all .5s;}
	.navbar-toggle {display:none;}
	.navbar {float:right;display:block;margin-right:-15px;border-top:0;-webkit-box-shadow:none;box-shadow:none;}
	.nav {margin:0;}
	.nav li {float:left;border:0;}
	.nav li a {padding:10px 15px;margin-top:8px;font-weight:bold;-webkit-transition:all .5s;transition:all .5s;}
	.nav li a:hover {-webkit-transition: all 0.4s;transition: all 0.4s;}
	.shrink-nav#header {background:rgba(0,0,0,.9);}
	.shrink-nav .global-nav {margin:0;}
	.shrink-nav .brand {margin:10px 0;width:190px;height:40px; background-position: 100% 30%;}
	.shrink-nav .nav li.active a {color:#333;background:rgba(255,255,255,.95);}

	.sub-nav {display:block;height:55px;background:rgba(255,255,255,.95);}
	.sub-nav li {margin:9px 0;}

	.sticky-nav .sub-nav {border-bottom:solid 1px #297abb;position:fixed;top:60px;left:0;z-index:20;}
	.sticky-nav #about-intro, .sticky-nav #about-top {margin-top:0;}
}

.right {float:right;}

.clearfix:before, .clearfix:after,
.container:before, .container:after,
.row:before, .row:after,
.nav:before, .nav:after,
.global-nav:before, .global-nav:after,
.box-txt:before, .box-txt:after
{display:table;content:" ";clear:both;}

.container {margin-right:auto;margin-left:auto;padding-right:15px;padding-left:15px;}

@media (min-width: 768px) {
	.container {
		width:760px;
	}

	.row {margin-left:-15px;margin-right:-15px;}
	.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12 {float:left;min-height:1px;padding-left:15px;padding-right:15px;position:relative;}
	.col-12 {width:100%;}
	.col-11 {width:91.66666667%;}
	.col-10 {width:83.33333333%;}
	.col-9 {width:75%;}
	.col-8 {width:66.66666667%;}
	.col-7 {width:58.33333333%;}
	.col-6 {width:50%;}
	.col-5 {width:41.66666667%;}
	.col-4 {width:33.33333333%;}
	.col-3 {width:25%;}
	.col-2 {width:16.66666667%;}
	.col-1 {width:8.33333333%;}
}
@media (min-width: 992px) {.container {width:970px;}}
@media (min-width:1200px) {.container {width:1170px;}}

@-ms-viewport {
	width: device-width;
}
@media screen and (min-width: 768px) and (max-width: 959px) {
	@-ms-viewport { width: 760px; }
}

/* Home Page */
.carousel {width:100%;width:100%;min-height:300px;position:relative;}
.carousel-indicators {padding-left:0;width:60%;margin-left:-30%;text-align:center;position:absolute;bottom:3%;left:50%;z-index:1;}
.carousel-indicators li {display:inline-block;width:12px;height:12px;margin:1px 4px;border-radius:50%;box-sizing:content-box;text-indent:-999px;background-color:#fff;cursor:pointer;}
.carousel-indicators li.active {margin:0 3px;border:solid 1px #fff;background-color:transparent;}
.carousel-inner {display:table;width:100%;min-height:300px;position:relative;}
.carousel-inner .item {display:table-cell;vertical-align:bottom;background-position:center 55%;position:relative;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;-webkit-transition:.6s ease-in-out left;}
.carousel-inner .item.active {}
.carousel-inner img {width:100%;}
.carousel-inner .title {margin:0 auto;padding:20px 0 60px 0;text-align:center;color:#fff;font-size:24px;}
.carousel-inner .hima {margin:0 auto;padding:20px 0 10px 0;text-align:center;color:#fff;font-size:24px;}
.carousel-inner .text {margin:0 auto;padding:0 0 50px 0;text-align:center;color:#fff;font-size:15px;}




.banner {width:100%;width:100%;min-height:300px;position:relative; overflow: hidden}
.banner-dot {padding-left:0;width:60%;margin-left:-30%;text-align:center;position:absolute;bottom:3%;left:50%;z-index:1;}
.banner-dot li {display:inline-block;width:12px;height:12px;margin:1px 4px;border-radius:50%;box-sizing:content-box;text-indent:-999px;background-color:#fff;cursor:pointer;}
.banner-dot li.active {margin:0 3px;border:solid 1px #fff;background-color:transparent;}
.banner-pic {display:table;width:100%;min-height:300px;position:relative;}
.banner-pic .item {display:table-cell;vertical-align:bottom;background-position:center 55%;position:relative;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;-webkit-transition:.6s ease-in-out left;}
.banner-pic .item.active {}
.banner-pic img {width:100%;}


#greenx {padding-top:10px;padding-bottom:10px;background:#ffffff;}
#greenx .greenx-head{font-family:"微软雅黑";font-size:18px;color:#252525;text-align:center;line-height:40px;}
#greenx .intro {font-family: "微软雅黑";font-size:14px;color:#252525;text-align:center;line-height:25px;}
#greenx .item {width:100%;height:auto;background:#fff;position:relative;}
#greenx .item img {width:100%;height:100%;}
#greenx .item h2 {text-align:center;font-size:16px;color:#2d3746;}


#philosophy {padding:20px 0;background:#fff;background-color:#f0f5f9;}
#philosophy {text-align:center;}
#philosophy h2 {margin:0;line-height:67px;font-size:28px;color:#212121;}
#philosophy .title{
	font-size: 28px;
}
#philosophy .inner{
	font-size: 18px;
}
#philosophy p {font-size:18px;color:#585858;}

@media print, only screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-resolution: 144dpi), screen and (min-resolution: 144dppx) {
	#greenx .greenx-head {font-size:18px;font-weight:bold;}
}

@media (min-width: 768px) {
	.carousel {width:100%;height:100%;min-height:100%;position:relative;}
	.carousel-inner {display:table;width:100%;height:100%;min-height:100%;position:relative;}
	.carousel-inner .item {display:table-cell;vertical-align:bottom;background-position:center 55%;position:relative;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;-webkit-transition:.6s ease-in-out left;}
	.carousel-inner .item.active {}
	.carousel-inner img {width:100%;}
	.carousel-inner .title {margin:0 auto;padding:20px 0 130px 0;text-align:center;color:#fff;font-size:60px;}
	.carousel-inner .title2{text-shadow:6px 6px 6px #AAAAAA;}
	.carousel-inner .hima {margin:0 auto;padding:20px 0 10px 0;text-align:center;color:#fff;font-size:60px;}
	.carousel-inner .text {margin:0 auto;padding:10px 0 110px 0;text-align:center;color:#fff;font-size:28px;}

	.banner {width:100%;height:100%;min-height:100%;position:relative; overflow: hidden}
	.banner-pic {display:table;width:100%;height:100%;min-height:100%;position:relative;}
	.banner-pic .item {height: 100%; display:table-cell;vertical-align:bottom;background-position:center 55%;position:relative;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;-webkit-transition:.6s ease-in-out left;}
	.banner-pic .item.active {}
	.banner-pic img {width:100%;}

	#greenx .greenx-head{font-family:"微软雅黑";font-size: 28px;color:#252525;text-align:center;line-height:40px; font-weight:bolder;}
	#greenx .intro {fontfamily: "微软雅黑";font-size:16px;color:#252525;text-align:center;line-height:25px;}
	#greenx .item h2 {text-align:center;font-size:18px;color:#2d3746;}
	#philosophy {padding:80px 0;background:#fff;background-color:#f0f5f9;}
	#philosophy h2 {margin:0;line-height:67px;font-size:48px;color:#212121;}
	#philosophy .title{
		font-size: 60px;
	}
	#philosophy .inner{
		font-size: 32px;
	}
}

#footer {padding:20px 0;background:#1e2633;color: #FFFFFF;}
#footer .item{
	width: 100%;
	height: auto;
}
#footer a {display:block;font-size:14px;color:#64676e;}
#footer .tel{
	position: relative;
	top: -3px;
}
#footer a:hover {color:#fff;}
#footer .title{font-size:14px;color:#FFFFFF;text-align:left; padding:10px 0; overflow: hidden;border-bottom: solid 1px #666;}
#footer .title span{
	display: block; float: right;
	width: 14px;
	height:14px;
	transition: all .5s;
	transform: rotateZ(90deg);
	background: url("../images/arrow.svg")  no-repeat center center;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;
}

#footer ul{text-align:left;padding:0;margin:0;line-height:25px; min-height:100px;}
#footer ul li{list-style:none;color:#64676e;text-align:left;line-height:40px;font-size:14px;}
#footer span{display:block;text-align:center}
#footer .more{margin:15px 0;font-size:14px;color:#64676e;text-align:center;}
#footer  span img{width:80px;height:80px;}
#footer .copy {display:block;margin:0 5px;text-align:center;line-height:1.8;font-size:12px;color:#64676e;}
#footer .copy span {display:block;}

#footer .foot-list{
	float: right;
}
@media (min-width: 768px) {
	#footer a {display:block;line-height:40px;font-size:14px;color:#64676e;}
	.partner-list li {width:16.6666%;height:80px;}
	#footer .title{font-size:16px;color:#FFFFFF;text-align:left;border: none;}
	#footer .title span{
		display:none;
	}
	#footer .last{
		display:flex;
		justify-content: space-between;
		align-items: flex-end;
		flex-direction: column;
		min-height: 205px;
	}
	#footer ul{text-align:left;padding:0;margin:0;margin-top:20px;line-height:25px;display: block;min-height:180px;}
	#footer ul li{list-style:none;color:#64676e;text-align:left;font-size:14px;}
	#footer .more{margin:20px 0 10px 0;font-size:14px;color:#64676e;text-align:left;}
	#footer  span img{display:block;width:100px;height:100px;text-align:left;}
	#footer .copy {text-align:left; font-size:12px;}
	#footer .copy span {display:inline;text-align:left}
}
/* About us */

#com-profile {background:#fff url("../images/about-1.jpg") no-repeat center center;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;}
#com-profile .box-txt {margin-right:-15px;margin-left:-15px;padding:80px 15px;color:rgba(255,255,255,.8);background:rgba(15,46,65,.8)}
#com-profile .box-txt h2 {text-align:center;font-size:48px;}
#com-profile .box-txt p {line-height:1.8;font-size:18px;}

#com-philosophy {padding:80px 0;background:#fff url("../images/about-2.jpg") no-repeat center center;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;}
#com-philosophy {text-align:center;}
#com-philosophy h2 {margin:0;line-height:1.4;font-size:48px;color:#1e2633;}
#com-philosophy p {line-height:1.5;font-size:18px;color:#585858;}

#com-team {padding:40px 0;background:#2d82c7 url("../images/about-3.jpg") no-repeat center center;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;}
#com-team h2 {margin:40px 0;text-align:center;line-height:100px;font-weight:normal;font-size:48px;color:#fff;}
.team-list {margin:0;padding:0;color:#fff;}
.team-list li {list-style:none;margin-bottom:20px;padding-left:120px;position:relative;}
.team-list h3 {margin:0;padding-left:20px;line-height:1.8;font-weight:normal;font-size:20px;position:absolute;top:0;left:0;}
.team-list h3 span {display:block;width:13px;height:13px;border:solid 2px #92bddf;border-radius:50%;position:absolute;top:12px;left:0;}
.team-list p {margin:0;line-height:1.8;font-size:18px;}

#com-citizen {padding:80px 0;background:#aeaeae url("../images/about-4.jpg") no-repeat center center;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;position:relative;}
#com-citizen h2 {text-align:center;font-size:48px;color:#fff;}
#com-citizen p {line-height:1.8;font-size:18px;color:#fff;}
.citizen-pic .item {margin:20px 0;}
.citizen-pic .item img {width:100%;}
.citizen-seal {margin:0 0 0 -75px;width:150px;height:150px;position:absolute;bottom:20px;left:50%;background:url("../images/about-seal.png") no-repeat center center;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;}

#com-glories {padding:60px 0;background:#ba957e url("../images/about-5.jpg") no-repeat center center;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;}
#com-glories h2 {text-align:center;font-size:48px;}
#com-glories .glories-txt {padding:0;list-style:none;text-align:center;line-height:1.6;font-size:20px;color:#fff;}
#com-glories .glories-pic {text-align:center;}
#com-glories .glories-pic img {width:130px;margin:0 10px;}

@media (min-width: 768px) {


	#com-profile {height:800px;}
	#com-profile .box-txt {float:right;width:55%;background:none;}
	#com-profile .box-txt h2 {text-align:left;}

	/*#com-team {height:1000px;position:relative;}*/
	#com-team {height:1680px;position:relative;}
	#com-team .box-arrow {height:100%;overflow:hidden;position:absolute;top:0;left:0;}
	#com-team .arrowhead {width:0;border-right:solid 150px transparent;border-left:solid 150px transparent;border-bottom:solid 180px #e9f1f8;margin-left:-50%;}
	#com-team .arrowshaft {width:64px;height:90%;background:#e9f1f8;}
	/*.team-list li {margin-left:80px;}*/
	.team-list li i {display:block;width:100%;height:1px;background:#92bddf;position:absolute;top:18px;left:-100%;}
	#com-citizen {height:800px;position:relative;}
	#com-citizen p {width:70%;margin:20px auto;text-align:center;}
	.citizen-pic {margin:50px -15px 0 -15px;}
	.citizen-pic .item {float:left;width:50%;padding:0 15px;}
	.citizen-seal {bottom:20px;left:50%;margin-left:-75px;}

	#com-glories {height:600px;}
	#com-glories h2 {margin:40px auto 90px auto;}
	/*#com-glories .box-txt {width:80%;margin:0 auto;}*/
	#com-glories .box-txt {width:80%;margin:-30px auto;}
	/*#com-glories .glories-txt {float:left;width:50%;text-align:left;font-size:24px;}*/
	#com-glories .glories-txt {float:left;width:50%;text-align:left;font-size:24px;margin-top:-10px;}
	#com-glories .glories-pic {float:left;width:50%;text-align:right;}
	#com-glories .glories-pic img {width:165px;margin:0 10px;}
}

/* Services */



#about-area {padding:60px 0;background:#5b8ed7;}
#about-area .container {position:relative;}
#about-area .area-map {width:100%;padding-top:200px;}
#about-area .area-map img {width:100%;}
#about-area .box-txt {width:90%;position:absolute;top:0;right:0;}
#about-area h2 {margin:20px 0;font-size:48px;color:#fff;}
#about-area dl {padding-left:45px;}
#about-area dt {line-height:1.5;font-size:20px;}
#about-area dd {display:inline;margin:0;line-height:1.5;font-size:14px;}
#about-area .ser-com, #about-area .ser-pro {background:url("../images/services-map-i.png") no-repeat 4px 4px;}
#about-area .ser-com {color:#fff;}
#about-area .ser-pro {color:#fff;background-position:4px -96px;}





#ser-biz {padding:60px 0;background:#fafef5 url("../images/services-5.png") no-repeat center bottom;-moz-background-size:100% auto;-webkit-background-size:100% auto;background-size:100% auto;}
#ser-biz h2 {text-align:center;font-size:48px;}
.biz-list {width:100%;margin-right:-15px;margin-left:-15px;}


@media print, only screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-resolution: 144dpi), screen and (min-resolution: 144dppx) {
	#about-area .ser-com, #about-area .ser-pro {background-image:url("../images/services-map-i@2x.png");background-size:29px 148px;}
}

@media (min-width: 768px) {


	#about-area {overflow:hidden;background-position:-20px -40px;-moz-background-size:780px 720px;-webkit-background-size:780px 720px;background-size:780px 720px;}
	#about-area .container {height:700px;}
	#about-area .box-txt {right:0;}
	#about-area dt {font-size:24px;}
	#about-area dd {font-size:16px;}
	#about-area .box-txt {width:360px;float:right;top:inherit;bottom:0;}
	#about-area .area-map {width:840px;height:775px;margin-left:-150px;padding-top:0;}


	#about-partner {background-position: center center}

}


.box-txt .more {display:inline-block;padding:5px 15px;line-height:32px;color:#fff;background:rgba(0,0,0,.5);}

@media (min-width: 768px) {
	#pro-intro h1 {font-size:80px;}

	#sub-park {height:400px;}
	#sub-park h2 {margin:0;font-size:48px;}
	#sub-park .box-txt {width:50%;line-height:1.5;font-size:18px;}

	#sub-interact {height:400px;}
	#sub-interact h2 {margin:0;font-size:48px;}
	#sub-interact .box-txt {width:50%;line-height:1.5;font-size:18px;}

	#sub-green{height:400px;}
	#sub-green .box-txt {width:65%;}
	#sub-green h2 {margin:0;font-size:48px;}
	#sub-green p {margin:10px 0;line-height:1.5;font-size:22px;}

	#sub-number {height:400px;}
	#sub-number h2 {margin:0;font-size:48px;}
	#sub-number .box-txt {width:50%;line-height:1.5;font-size:18px;}

	#sub-intelligent {height:400px;}
	#sub-intelligent h2 {margin:0;font-size:48px;}
	#sub-intelligent .box-txt {width:50%;line-height:1.5;font-size:18px;}

	#sub-well {height:400px;}
	#sub-well h2 {margin:0;font-size:48px;}
	#sub-well .box-txt {width:50%;line-height:1.5;font-size:18px;}

	#sub-chen {height:720px;}
	#sub-chen h2 {margin:0;font-size:48px;color:#fff;}
	#sub-chen .box-txt {width:50%;line-height:1.5;font-size:18px;}

	#sub-visitor, #sub-showroom, #sub-shipping, #sub-shipping1, #sub-shipping17, #sub-sinochem, #sub-jinmao, #sub-star,#sub-cecep, #sub-museum, #sub-jin, #sub-sun, #sub-color, #sub-xu, #sub-mao, #sub-jindi, #sub-zhang, #sub-yizhuang, #sub-haihe, #sub-xijiao,#sub-wanjin,#sub-shangdong,#sub-tech,#sub-green{padding:80px 0;}
	#sub-visitor .container, #sub-showroom .container, #sub-shipping .container, #sub-shipping1 .container, #sub-shipping17 .container, #sub-sinochem .container, #sub-jinmao .container, #sub-star .container,#sub-cecep .container, #sub-museum .container, #sub-jin .container, #sub-sun .container, #sub-color .container, #sub-xu .container, #sub-mao .container, #sub-jindi .container , #sub-zhang .container, #sub-yizhuang .container, #sub-haihe .container, #sub-xijiao .container,#sub-wanjin .container,#sub-shangdong .container,#sub-tech .container{height:720px;position:relative;}

	#sub-visitor .container, #sub-showroom .container, #sub-star .container, #sub-jinmao .container, #sub-museum .container, #sub-color.container, #sub-xu .container, #sub-mao .container, #sub-jindi .container, #sub-zhang .container, #sub-yizhuang .container, #sub-haihe .container, #sub-xijiao .container, #sub-wanjin .container,#sub-shangdong .container,#sub-tech .container,#sub-green .container  {background:none;}

	#sub-visitor .box-txt {width:65%;}
	#sub-visitor h2 {margin:0;font-size:48px;}
	#sub-visitor p {margin:10px 0;line-height:1.5;font-size:22px;}

	#sub-showroom h2 {margin:0;text-align:center;font-size:48px;}
	#sub-showroom p {margin:10px 0;text-align:center;line-height:1.5;font-size:22px;}

	#sub-showroom .box-txt,#sub-shipping .box-txt, #sub-shipping1 .box-txt, #sub-shipping17 .box-txt,#sub-jin .box-txt,#sub-sun .box-txt,#sub-color .box-txt,#sub-jindi .box-txt{width:80%;margin:0 auto;}
	#sub-shipping h2, #sub-shipping1 h2, #sub-shipping17 h2, #sub-jin h2, #sub-sun h2, #sub-color h2, #sub-jindi h2{margin:0;text-align:center;font-size:48px;}
	#sub-shipping p, #sub-shipping1 p, #sub-shipping17 p, #sub-jin p, #sub-sun p, #sub-color p, #sub-jindi p{margin:10px 0;text-align:center;line-height:1.5;font-size:22px;}

	#sub-sinochem h2 {margin:0;text-align:right;font-size:48px;}
	#sub-sinochem p {margin:10px 0;text-align:right;line-height:1.5;font-size:22px;}

	#sub-jinmao .box-txt {width:70%;position:absolute;bottom:0;}
	#sub-jinmao h2 {margin:0;font-size:48px;}
	#sub-jinmao p {margin:10px 0;line-height:1.5;font-size:22px;}


	#sub-xu .box-txt {width:70%;position:absolute;bottom:0;}
	#sub-xu h2 {margin:0;font-size:48px;}
	#sub-xu p {margin:10px 0;line-height:1.5;font-size:22px;}

	#sub-color .box-txt {width:70%;position:absolute;bottom:0;}
	#sub-color h2 {margin:0;font-size:48px;}
	#sub-color p {margin:10px 0;line-height:1.5;font-size:22px;}

	#sub-mao .box-txt {width:70%;position:absolute;bottom:0;}
	#sub-mao h2 {margin:0;font-size:48px;}
	#sub-mao p {margin:10px 0;line-height:1.5;font-size:22px;}

	#sub-zhang .box-txt {width:70%;position:absolute;bottom:0;}
	#sub-zhang h2 {margin:0;font-size:48px;}
	#sub-zhang p {margin:10px 0;line-height:1.5;font-size:22px;}

	#sub-yizhuang .box-txt {width:70%;position:absolute;bottom:0;}
	#sub-yizhuang h2 {margin:0;font-size:48px;}
	#sub-yizhuang p {margin:10px 0;line-height:1.5;font-size:22px;}

	#sub-haihe .box-txt {width:70%;position:absolute;bottom:0;}
	#sub-haihe h2 {margin:0;font-size:48px;}
	#sub-haihe p {margin:10px 0;line-height:1.5;font-size:22px;}

	#sub-xijiao .box-txt {width:70%;position:absolute;bottom:0;}
	#sub-xijiao h2 {margin:0;font-size:48px;}
	#sub-xijiao p {margin:10px 0;line-height:1.5;font-size:22px;}

	#sub-wanjin .box-txt {width:70%;position:absolute;bottom:0;}
	#sub-wanjin h2 {margin:0;font-size:48px;}
	#sub-wanjin p {margin:10px 0;line-height:1.5;font-size:22px;}

	#sub-shangdong .box-txt {width:70%;position:absolute;bottom:0;}
	#sub-shangdong h2 {margin:0;font-size:48px;}
	#sub-shangdong p {margin:10px 0;line-height:1.5;font-size:22px;}

	#sub-tech .box-txt {width:70%;position:absolute;bottom:0;}
	#sub-tech h2 {margin:0;font-size:48px;}
	#sub-tech p {margin:10px 0;line-height:1.5;font-size:22px;}


	#sub-star .box-txt {width:80%;margin:0 auto;}
	#sub-star h2 {margin:0;font-size:48px;}
	#sub-star p {margin:10px 0;line-height:1.5;font-size:22px;}

	#sub-museum .box-txt {width:80%;}
	#sub-museum h2 {margin:0;font-size:48px;}
	#sub-museum p {margin:10px 0;line-height:1.5;font-size:22px;}

	#sub-cecep .box-txt {width:80%;margin:0 auto;}
	#sub-cecep h2 {margin:0;font-size:48px;}
	#sub-cecep p {margin:10px 0;line-height:1.5;font-size:22px;}
}
/* News */
#news-intro {background:url("../images/news-intro.jpg") no-repeat center center;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;}
#news-list {background:#e3e6e8;}
#news-list .item {margin:40px 0;padding:72% 15px 15px 15px;background:#fff;border-bottom:solid 2px #d1d4d6;position:relative;}
#news-list .item h2 {font-size:18px;}
#news-list .item p {line-height:1.5;font-size:14px;color:#666;}
#news-list .item a {overflow:hidden;width:100%;height:100%;text-indent:-999px;position:absolute;top:0;left:0;z-index:1;}
#news-list .item img {width:100%;position:absolute;top:0;left:0;}
#news-list .more {display:block;margin-bottom:40px;padding:20px;border-bottom:solid 2px #d1d4d6;background:#fff;text-align:center;font-size:16px;}
#news-list .more:hover {background:#f9fafa;}
@media (min-width: 768px) {
	#news-intro {height:100px;min-height:100%;}
	#news-list {padding:40px 0;}
	#news-list .item {height:272px;padding:40px 60px 40px 460px;}
	#news-list .item h2 {font-size:24px;}
	#news-list .item img {width:390px;height:270px;}
}

#news-detail-intro {height:50px;background:url("../images/news-detail-intro.jpg") no-repeat center center;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;}
#topic {border-bottom:solid 1px #eee;padding:10px 0;color:#333;background:#f6f6f6;}
#topic .col-6 {float:left;width:50%;}
#topic a {line-height:50px;}
#topic h1 {margin:0;line-height:50px;font-size:24px;font-weight:normal;}
#news-detail {padding:20px 0;background:#fff;}
#news-detail .heading {padding:0 15px 30px 15px;border-bottom:solid 1px #eee;text-align:center;font-size:32px;color:#2ba606;}
#news-detail .date {display:block;margin-bottom:30px;text-align:center;color:#999;font-size:14px;}

#news-detail p {line-height:1.6;text-indent:2em;font-size:16px;color:#666;}
@media (min-width: 768px) {
	#news-detail {padding:40px 0;}
	#news-detail-intro {height:60px;}
	#news-detail .detail {padding:0 40px;}
}
/* Contact us */
#beijing {padding:60px 0;background:#fff;}
.pic-bj {margin-bottom:30px;}
.pic-bj figure {height:200px;margin:0;padding:0;background:url("../images/address.jpg") no-repeat center center;-webkit-background-size:cover;background-size:cover;}
.txt-bj {padding:0 15px;}
.txt-bj h2 {font-size:18px;padding-bottom:30px;}
.txt-bj .address {padding-bottom:30px;}
.txt-bj p {line-height:1.5;font-size:12px; margin:0;}
.txt-bj .address p{
	font-size:14px;
	line-height:30px;
}
.map {width:100%;height:440px;}
@media (min-width: 768px) {
	.map {height:640px;}
	.pic-bj {margin:0;}
	.pic-bj figure {width:100%;height:300px;}
	.pic-bj {float:left;width:60%;padding:0 15px;}
	.txt-bj {float:left;width:40%;padding:0 15px;}
	.txt-bj h2 {
		font-size:28px;
		margin: 0;
		padding-bottom:30px;
	}
	.txt-bj .address {padding-bottom:25px;}

	.txt-bj p{
		font-size:14px;
		width: 400px;
		line-height:30px;
	}
	.txt-bj .address p{
		font-size:16px;
		width: 400px;
		line-height:30px;
	}
}

/* Jobs */
#jobs-intro {height:600px;min-height:600px;background:#d6eaff url("../images/jobs-intro.jpg") no-repeat center center;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;}
#jobs-intro h1 {font-size:80px;color:#1E2633;}

#jobs-list {padding:0 0;background:#fff;}
#jobs-list img{
	width: 100%;
}
#jobs-list .pd{
	padding-bottom: 60px;
}
#jobs-list h2 {margin:40px 0;text-align:center;font-size:36px;}
#jobs-list .box-txt {line-height:1.5;}
.jobs-box {margin:5px 0;border:solid 1px #ccc;}
.jobs-title {line-height:23px;padding:8px 15px;font-weight:bold;font-size:16px;cursor:pointer;}
.jobs-content {display:none;border-top:solid 1px #ccc;padding:0 20px 30px 20px;line-height:1.5;font-size:14px;}
.jobs-content h3 {margin:30px 0 10px 0;color:#333;}
.jobs-content p {margin:5px 20px;color:#333;}


.dialog {display:none;width:100%;height:100%;min-height:100%;position:fixed;top:0;left:0;z-index:1000;-webkit-transition:all .5s;transition:all .5s;}
.dialog-inner {display:table-cell;vertical-align:middle;height:100%;min-height:100%;margin:0 auto;}
.dialog-container {max-width:600px;width:80%;height:60%;margin:0 auto;box-shadow:0 0 16px rgba(0,0,0,.4);background:#fff;background:rgba(255,255,255,.95);position:relative;-webkit-transition:all .5s;transition:all .5s;}
.dialog-heading {padding:15px 20px;}
.dialog-heading .close {width:30px;height:30px;display:block;border:solid 1px #e02b2b;border-radius:50%;padding:13px 6px;background:#ff5753;position:absolute;top:-15px;right:-15px;-webkit-transition:all .5s;transition:all .5s;z-index:1;}
.dialog-heading .close:hover {-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}
.dialog-heading .close span {display:block;width:17px;height:2px;background:#fff;cursor:pointer;}
.dialog-heading .close span:nth-child(1) {-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.dialog-heading .close span:nth-child(2) {margin-top:-2px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
.dialog-body {height:100%;padding:5px 20px;overflow:hidden;overflow-y:auto;line-height:1.5;position:absolute;top:0;right:0;bottom:0;left:0;}
.dialog-backdrop {display:none;opacity:.5;background-color:#000;position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;}

.modal-open {overflow:hidden;}
.modal-open .dialog {display:table;}
.modal-open .dialog-backdrop {display:block;}



#about-top{
	margin-top: -55px;
}
/*===========通用組件========*/
ul{
	margin: 0;
	padding: 0;
}
.act_main{
	background-color: #FFFFFF;
	overflow:hidden;
}
.act_main .act_nav{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
			-webkit-box-pack: justify;
			-ms-flex-pack: justify;
			justify-content: space-around;
}
.act_main .act_nav li{
	list-style: none;
	width: 240px;
	height: 240px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
			-webkit-box-pack: center;
			-ms-flex-pack: center;
			justify-content: center;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				-ms-flex-flow: column;
				flex-direction: column;
	position: relative;
}
.act_main .act_nav li img{
	width: 120px;
	height: 120px;
}
/*.act_main .act_nav li .txt{*/
/*	margin:0;*/
/*	margin-bottom:15px;*/
/*}*/
.act_main .act_nav i{
	background:url("../images/bj.svg")  no-repeat center center;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;
	width: 24px;
	height: 12px;
	position: absolute;
	bottom:-11px;
	left: 110px;
	display: none;
}

.act_main .act_nav .img2{
	display:none;
}
.act_main .act_ph .act_item{
	display:none;
	background:#F0F0F0;
	padding:40px 0;
}
.act_main .act_ph .act_item .inner{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-around;
			-webkit-box-align: center;
			-ms-flex-align: center;
			align-items: center;
	width: 70%;
	margin: 0 auto;
}
.act_main .act_ph .item .inner{
	flex-direction: column;
	width: 80%;
	margin: 0 auto;
}
.act_main .act_ph .item .inner .inner2{
	margin-left: 500px;
}
.act_main .act_ph .act_item .inner .box{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-around;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			-ms-flex-direction: column;
			flex-direction: column;
	text-align: left;
	padding: 0 40px;
}
.act_main .act_ph .act_item .inner .box img{
	width: 240px;
	height: 427px;
}
.act_main .act_ph .act_item .inner .box .right{
	text-align: right;
}

.row{
	width: 100%;
	margin:0 auto;
}
.all-box{
	width: 100%;
	height: 100%;
}
.all-box-h{
	width: 100%;
	height: 100%;
}
.pic-box {
	width: 100%;
	height:100%;
	text-align: center;
	position: relative;
	top: 0;
	left: 0;
}
.pic-box img {
	width:100%;
	height:100%;
}
.pic-box .txt-box{
	color: #fff;
	z-index:18;
	padding:0 30px;
}
.pic-box  .title1{
	font-size: 60px;
}
.pic-box  .title2{
	font-size: 48px;
}
.pic-box .title3{
	color: #FFFFFF;
	font-size:30px;
	font-weight:500;
}
.pic-box .title4{
	color: #FFFFFF;
	font-size:18px;
	font-weight:400;
}
.pic-box .text1{
	color: #FFFFFF;
	font-size:16px;
}
.pic-box .text{
	font-size: 18px;
	padding-bottom: 30px;
	max-width:790px;
	margin: 0 auto;
}

.pic-box .play-video{
	display: block;
	width: 60px;
	height: 60px;
	margin: 0 auto;
	margin-top: 40px;
}
.pic-box .play-video img{
	width: 100%;
	height: 100%;
}
.pic-box .hr{
	width: 30px;
	height: 2px;
	background: #fff;
	margin: 0 auto;
}
.pic-box  .button{
	font-size: 18px;
}
.pic-box .title-top{
	font-size: 48px;
	padding-top: 80px;
	color: #252525;
	min-width: 760px;
}
#details-top .title-top{
	font-size: 48px;
	padding-top: 200px;
	color: #252525;
}

.all-box-h .pic-box .inner2{
	width: 58%;
	margin: 100px auto;
	text-align: left;
}


#about-top{
	background: url("../images/services-intro.jpg")  no-repeat center center;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;
}
#about-top .title-2{
	font-size: 40px;
	color:#FFFFFF;
	font-weight:400;
}
#about-intro{
	background: url("../images/company-intro.jpg")  no-repeat center center;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;
}
#about-biz{
	background: url("../images/digitization.jpg")  no-repeat center center;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;
}
#about-omo{
	background: url("../images/omo.jpg")  no-repeat center center;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;
}
#product-top{
	background: url("../images/product.jpg")  no-repeat center center;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;
}

#partner-top{
	background: url("../images/partner.jpg")  no-repeat center center;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;
}
#hima-top{
	background: url("../images/hima1.jpg")  no-repeat center center;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;
}

#news1-top{
	background: url("../images/slideshow4.jpg")  no-repeat center center;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;
}
#news2-top{
	background: url("../images/news2.jpg")  no-repeat center center;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;
}
#news3-top{
	background: url("../images/news3_1.jpg")  no-repeat center center;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;
}
#house-top{
	background: url("../images/house.jpg")  no-repeat center center;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;
}
#iLiveDetail-top{
	background: url("../images/slideshow6.jpg")  no-repeat center center;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;
}
#exh-top{
	background: url("../images/exh1.jpg")  no-repeat center center;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;
}
#exh-banner{
	background: url("../images/exh3.jpg")  no-repeat center center;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;
	height:520px;
}
#exh-banner h2{
	font-size: 36px;
	font-weight: 600;
	padding-bottom: 20px;
}
#exh-banner .pic-box img{
	width: 120px;
	height: 38px;
}
#exh-banner1{
	background: url("../images/exh5.jpg")  no-repeat center center;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;
}
#exh-banner2{
	background: url("../images/exh6.jpg")  no-repeat center center;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;
}
#exh-banner3{
	background: url("../images/exh7.jpg")  no-repeat center center;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;
}
#exh-banner4{
	background: url("../images/exh8.jpg")  no-repeat center center;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;
}

#interactive-top{
	background: url("../images/Interactive.jpg")  no-repeat center center;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;
}
#interactive-top .text{
	width: 60%;
	margin: 0 auto;
}
#interactive-box{
	background: url("../images/111.jpg")  no-repeat center center;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;
}

#ar-top{
	background: url("../images/ar1.jpg")  no-repeat center center;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;
}
#iLive-top{
	background: url("../images/slideshow6.jpg")  no-repeat center center;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;
}
#join-top{
	background: url("../images/join.jpg")  no-repeat center center;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;
}
#ar-imgbox1{
	height: 100%;
	background: #FFFFFF;
}
#ar-imgbox2{
	height:580px;
	background: #FFFFFF;
}
#ar-imgbox1 .ar_img{
	background: url("../images/ar5.jpg")  no-repeat center center;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;
	margin-right:1%;
	width:65.5%;
}

#ar-imgbox2 .ar_img{
	background: url("../images/ar8.jpg")  no-repeat center center;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;
	margin-right:1%;
	width:49%;
}


.ar-mar{
	width: 100%;
	height: 20px;
	background-color: #FFFFFF;
}
#ar-imgbox2 .ar_intro{
	background: url("../images/ar9.jpg")  no-repeat center center;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;
	width:50%;
}
#ar-imgbox1 .ar_intro .img1{
	background: url("../images/ar6.jpg")  no-repeat center center;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;
	height:57%;
	margin-bottom:3%;
}
#ar-imgbox1 .ar_intro .img2{
	background: url("../images/ar7.jpg")  no-repeat center center;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;
	height: 40%;
}

/*===============inviron.html=================*/
#inviron-top{
	background: url("../images/inviron1.jpg")  no-repeat center center;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;
}

#inviron-imgbox1{
	height: 100%;
	background: #FFFFFF;
}

#inviron-imgbox1 .inviron_img{
	background: url("../images/inviron2.jpg")  no-repeat center center;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;
	margin-right:1%;
	width:65.5%;
}

#inviron-imgbox1 .inviron_intro .img1{
	background: url("../images/inviron3.jpg")  no-repeat center center;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;
	height:57%;
	margin-bottom:3%;
}
#inviron-imgbox1 .inviron_intro .img2{
	 background: url("../images/inviron4.jpg")  no-repeat center center;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;
	 height: 40%;
 }

#details-box1{
	background-color:#f0f5f9;
	height: auto;
	min-height: 100%;
}
#details-box2{
	background-color: #FFFFFF;
	height: auto;
	min-height: 100%;
}
#details-box3{
	background-color:#f0f5f9;
	height: auto;
	min-height: 100%;
}
#details-top{
	background-color: #FFFFFF;
	height: auto;
	min-height: 100%;
}
.flex{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
}
.flex .img11{
	  min-width: 800px;
	  height: auto;
}
.flex .img22{
	display: none;
}
.flex .inner-content{
	min-width:760px;
	padding: 0 20px;
	height: auto;
	text-align: left;
	color: #252525;
	font-size: 18px;
}



#detail-top{
	background: url("../images/detail1.jpg")  no-repeat center center;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;
}
#himadetail-top{
	background: url("../images/himadetail1.jpg")  no-repeat center center;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;
}
#himadetail-top .text{
	padding-top: 20px;
	padding-bottom:20px;
}
#himadetail-box1{
	background: #FFFFFF url("../images/himadetail2.jpg")  no-repeat center center;-moz-background-size:contain;-webkit-background-size:contain;background-size:contain;
}
#himadetail-box1 .title2{
	position: absolute;
	top:50px;
	left:80px;
}
#himadetail-box2{
	background: #FFFFFF;
	height: 300px;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
			-webkit-box-pack: center;
			-ms-flex-pack: center;
			justify-content: center;
				-webkit-box-align: center;
				-ms-flex-align: center;
				align-items: center;
						-webkit-box-orient: vertical;
						-webkit-box-direction: normal;
						-ms-flex-direction: column;
						-webkit-flex-direction: column;
						flex-direction: column;
}
#himadetail-box2 h2{
	font-size: 48px;
	text-align: center;
}
#himadetail-box2 p{
	font-size: 18px;
	text-align: center;
}
#himadetail-box1 .text{
	position: absolute;
	top: 150px;
	left: 400px;
}

.himadetail-box3{
	position: relative;
}

.himadetail-box3 .box1-a{
	height:430px;
	background: #D82421;
}
.himadetail-box3 .box1-b{
	height:1200px;
	background: #FFFFFF;
}
.himadetail-box3 .box1-c{
	width: 100%;
	position: absolute;
	top:80px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.himadetail-box3 .box1-c .intro{
	width: 70%;
	overflow: hidden;
	margin: 0 auto;
}
.himadetail-box3 .box1-c .intro img{
	width:33%;
	min-height: 540px;
	float: left;
}
.himadetail-box3 .box1-c .intro div{
	padding-left: 80px;
	padding-top: 220px;
	width: 60%;
	float: left;
}

.himadetail-box3 .box1-c .intro div h2{
	font-size: 48px;
	color: #FFFFFF;
	text-align: left;
}
.himadetail-box3 .box1-c .intro div p{
	font-size: 24px;
	text-align: left;
	font-weight: bold;
}

.himadetail-box3 .box1-d{
	width: 100%;
	position: absolute;
	bottom:20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack:center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.himadetail-box3 .box1-d .intro{
	width: 70%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack:justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.himadetail-box3 .box1-d .intro img{
	width: 300px;
	height: 600px;
}
.himadetail-box3 .box1-d .intro div{
	padding-right: 80px;
}

/*.himadetail-box3 .box1-d .intro img{*/
/*	height: 700px;*/
/*}*/
.himadetail-box3 .box1-d .intro div h2{
	font-size: 48px;
	text-align: left;
}
.himadetail-box3 .box1-d .intro div p{
	font-size: 20px;
	text-align: left;
	font-weight: bold;
	position: relative;
	padding-left: 30px;
}
.himadetail-box3 .box1-d .intro div p:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 15px;
	height: 20px;
	background: url("../images/before.svg")  no-repeat center center;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;
}

.himadetail-box4 .bottom{
	max-width: 970px;
	width: 80%;
	margin: 0 auto;
}
.himadetail-box5{
	background-color: #FFFFFF;
	padding: 120px 0;
}
.himadetail-box5 .box{
	width:60%;
	margin: 0 auto;
}
.himadetail-box5 .box img{
	width: 35%;
	/*min-height:520px;*/
}
.himadetail-box5 .box .intro-box{
	width: 50%;
	padding-left: 40px;
	color:#252525;
}

.himadetail-box6{
	min-height: 100%;
	background-color: #f5f5f5;
	overflow: hidden;
	padding: 150px 200px;
}
.himadetail-box6 h1{
	font-size: 48px;
	color: #252525;
}
.himadetail-box6 h2{
	font-size: 24px;
	color: #252525;
}
.himadetail-box6 p{
	font-size:18px;
	color: #252525;
}
.himadetail-box7{
	overflow: hidden;
}
.himadetail-box7 .foot-intro .pic{
	width: 80%;
	margin: 0 auto;
	overflow: hidden;
}
.himadetail-box7 .foot-intro .pic img{
	float: left;
	padding:10px;
	/*width: 33%;*/
}
.himadetail-box7 .foot-intro .intro{
	width: 80%;
	margin: 0 auto;
}
.himadetail-box7 .foot-intro .pic2{
	background: #D82421;
	min-height: 450px;
	height:auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack:justify;
	-ms-flex-pack: justify;
	justify-content: space-around;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.himadetail-box7 .foot-intro .pic2 .pic2-box{
	background: #D82421;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack:center;
	-ms-flex-pack: center;
	justify-content:center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
}
.himadetail-box7 .foot-intro .pic2 .pic2-cl{
	padding-top: 24px;
}
.himadetail-box7 .foot-intro .pic2 .pic2-box h5{
	color: #FFFFFF;
	font-size:18px;
}
.himadetail-box7 .foot-intro .pic2 .pic2-box p{
	color: #FFFFFF;
	font-size:16px;
	margin: 0;
	line-height:30px;
}
.himadetail-box7 .foot-intro .pic2 .pic2-box img{
	width: 100px;
	height: 100px;
}
.himadetail-box7 .foot-intro .pic2 .pic2-box .refresh{
	width: 90px;
	height: 90px;
}
#detail-top{
	overflow: hidden;
}
#detail-top .title1{
	padding-top:120px;
}
#detail-top .wid{
	width:65%;
	margin: 0 auto;
}
#detail-top .intro-box{
	padding-top:320px;
	width: 50%;
}
#detail-top .cl2{
	padding-top: 340px;
}
#detail-top .intro-box .top{
	height:300px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
#detail-top .intro-box .img1{
	 background: url("../images/detail2.jpg")  no-repeat center center;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;
 }
#detail-top .intro-box .img2{
	background: url("../images/detail3.jpg")  no-repeat center center;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;
}
#detail-top .intro-box .top img{
	width:500px;

	margin: 0 auto;
}

#detail-top .intro-box .txt{
	text-align:left;
	width:80%;
	margin: 0 auto;
	font-size:16px;
	color: #FFFFFF;
	padding:0 20px;
}
/*=================exhibition==============*/
#exh-top{
	overflow: hidden;
	min-height: 100%;
	height: auto;
	min-height: 100%;
	height: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
#exh-top .pic-box{
	min-height: 100%;
	height: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack:justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
}
#exh-top .title2{
	padding-top: 200px;
}
#exh-top .row{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack:justify;
	-ms-flex-pack: justify;
	justify-content: space-around;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
#exh-top .intro-box{
	padding-top: 5%;
}
#exh-top .cl1{
	padding-left: 10%;
}

#exh-top .intro-box .top{
	overflow:hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	max-width: 600px;
	margin: 0 auto;
}
#exh-top .intro-box .inner{
	max-width:600px;
	margin: 0 auto;
}
#exh-top .intro-box .top img{
	float: left;
	width: 100px;
	height: 100px;
}
#exh-top .intro-box .top h5{
	float: left;
	font-size: 20px;
	color: #FFFFFF;
}
#exh-top .intro-box .txt{
	text-align:left;
	width:80%;
	font-size:16px;
	color: #FFFFFF;
	padding:0 20px;
}


.exh-box1{
	height: 900px;
	overflow: hidden;
	background: #FFFFFF;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack:center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.exh-box1 .exh-intro{
	float: left;
	width: 60%;
	text-align: left;
	margin-left: 12%;
}
.exh-box1 .exh-intro .inner{
	/*margin:0 auto;*/
	padding: 0 40px 40px 40px;
}
.exh-box1 .exh-intro .inner h3{
	font-size:36px;
}
.exh-box1 .exh-intro .inner .zx{
	padding-top: 60px;
}
.exh-box1 .exh-intro .inner .hr{
	width: 60px;
	height: 4px;
	background: #000;
}
.exh-box1 .exh-intro .inner p{
	font-size:18px;
	color: #252525;
	line-height:40px;
}
.exh-box1 .exh-img{
	float: left;
	width: 40%;
}
.exh-box1 .exh-img img{;
	min-height: 100%;
	margin-top: 0;
}

.exh-box2{
	overflow: hidden;
	background: #FFFFFF;
	height: auto;
	min-height: 900px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.exh-box2 div{
	float: left;
}
.exh-box2 .exh-img{
	width: 48%;
}
.exh-box2 .exh-img img{
	width: 100%;
	height: 100%;
}
.exh-box2 .exh-intro{
	width: 48%;
	margin-left: 4%;
}
.exh-box2 .exh-intro .inner{
	padding-bottom: 50px;
}
.exh-box2 .exh-intro h3{
	font-size: 36px;
	color: #252525;
	padding-bottom: 50px;
}
.exh-box2 .exh-intro p{
	font-size: 18px;
	color: #252525;
	line-height: 40px;
}
/*=============About.html=============*/
.core{
	background-color:#f0f5f9;
	overflow: hidden;
}
.core h2{
	font-size: 48px;
	font-weight: 400;
	text-align: center;
	margin: 60px 0 10px 0;
}
.core h3{
	font-size:18px;
	font-weight: 400;
	text-align: center;
	margin: 0;
}
.core .item{
	width: 100%;
	height: auto;
	padding: 70px 0;
}


.core .item img{
	width: 100%;
	height: 100%;
}
.core .num{
	padding-top:80px;
}
.himadetail-box4 .item{
	padding-top:100px;
}
.himadetail-box4 h3{
	font-size:24px;
	color: #252525;
	font-weight: bold;
}
.himadetail-box4 .bottom h2{
	margin: 0;
	font-size: 24px;
	color: #252525;
	font-weight: bold;
}
.himadetail-box4 .bottom p{
	margin: 0 auto;
	font-size: 18px;
	color: #252525;
	padding: 40px 0;
}

.himadetail-box7{
	overflow: hidden;
}
.himadetail-box7 .box{
	width: 80%;
	margin:0 auto;
}
.himadetail-box7 .box1{
	overflow: hidden;
}
.himadetail-box7 .box1 .intro h1{
	margin: 0;
}
.himadetail-box7 .box1 .intro p{
	padding:60px 0;
}

.himadetail-box7 .box2{
	overflow: hidden;
}

.himadetail-box7 .box3{
	overflow: hidden;
	padding:0 0 40px 0;
}

.himadetail-box7 .box img{
	width:40%;
	float: left;
	margin-left:100px;
}
.himadetail-box7 .box1  img{
	margin-top:60px;
}

.himadetail-box7 .box .pic{
	width:40%;
	float: left;
	margin-left:0;
	margin-right:100px;
}
.himadetail-box7 .box .intro{
	width: 40%;
	float: left;
	padding-top:120px;
	color: #252525;
}
.himadetail-box7 .box .intro h1{
	font-size: 48px;
}
.himadetail-box7 .box .intro h2{
	font-size: 24px;
}
.himadetail-box7 .box .intro p{
	font-size: 17px;
}

.dow .box2 .pic{
	width: 40%;
	margin-top: 80px;
}
.dow .box2 img{
	width:80%;
	margin-left: 50px;
}
.dow .box .box2 .intro{
	padding-top: 18%;
}
.dow .box .box3 .intro{
	width: 41%;
	margin-top: 10%;
}
.dow .box .box3 .pic{
	width: 40%;
}
.dow .box3 img{
	width:70%;
	margin-left: 200px;
	margin-top:80px;
}
.dow .box .box3 .intro p{
	position: relative;
	padding-left:24px;
}
.dow .box .box3 .intro p::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 15px;
	height: 20px;
	background: url("../images/before.svg")  no-repeat center center;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;
}
.core .mar{
	padding-top:80px;
}
.core .num{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: column;
}
.core .num img{
	width:100px;
	height: 100px;
	/*margin-left: 125px;*/
}
.core .item h4{
	text-align: center;
	font-size: 24px;
	color: #2d3746;
}
.core .item .text{
	color: #000;
	position: relative;
}
.core .item .tex{
	color: #000;
	position: relative;
	padding-left:18px;
	font-size: 16px;
}
.core .item .box-intro .tex::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 13px;
	height: 16px;
	background: url("../images/before.svg")  no-repeat center center;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;
}

#about-partner {background-color: #fff;overflow: hidden;}
#about-partner .title2{
	color: #000;
	font-size: 48px;
	font-weight: 400;
	text-align: center;
}
#about-partner .banner{
	margin:15px;
	width: 100%;
	max-width: 1170px;
	position:relative;
}
#about-partner .banner p{
	font-size:30px;
	color:#FFFFFF;
	font-weight:500;
	position:absolute;
	bottom:100px;
	left:100px;
}
#about-partner .banner img{
	width: 100%;
	height: auto;
}
#about-partner .partner-box{
	max-width: 1200px;
	margin: 10px auto;
	margin-bottom: 60px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
			-webkit-box-align: center;
			-ms-flex-align: center;
			align-items: center;
				-ms-flex-wrap: wrap;
				flex-wrap: wrap;
}

#about-partner .partner-box div{
	display:inline-block;
	width: 25%;
	text-align: center;
}
#about-partner .client div{
	display:inline-block;
	width: 22.5%;
	margin: 15px;
	text-align: center;
}
#about-partner .client div img{
	width: 100%;
}
#about-partner .client div p{
	margin: 0;
	padding:25px 0;
}

/*=============Solution.html=============*/
#product-hima{
	overflow: hidden;
}
#product-house{
	overflow: hidden;
}
.h_img{
	width: 67.4%;
	float: left;
	height:100%;
}
#product-hima .hima_img{
	background: url("../images/hima_2.jpg")  no-repeat center center;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;
}
#product-house .house_img{
	background: url("../images/house_2.jpg")  no-repeat center center;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;
}
.h_img .img1{
	display: block;
	height: 60%;
}
.h_img .img2{
	display: block;
	height: 40%;
}
 .h_intro{
	width: 32.6%;
    float: left;
	 height:100%;
}
#product-hima .hima_intro{
	background: url("../images/hima_1.jpg")  no-repeat center center;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;
}
#product-house .house_intro{
	background: url("../images/house_1.jpg")  no-repeat center center;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;
}
 .h_intro .title2{
	color: #000;
}
 .h_intro .text{
	color: #000;
	font-weight: bold;
}
 .h_intro .img1{
	 display: block;
	 height: 50%;
 }
.h_intro .img2{
	display: block;
	height: 50%;
}

#news1-top .shadow{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,0.2);
	z-index: 17;
}

#news1-top .txt-box .text{
	padding:0px;
}
#news1-icb{
	height:900px;
}
/*=====================house.html===============*/
.title-box{
	background-color: #FFFFFF;
	height: 300px;
	overflow: hidden;
	font-size: 38px;
	display: -webkit-box;
	display: -ms-flexbox;
	display:flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
			-webkit-box-align: center;
			-ms-flex-align: center;
			align-items: center;
}
.title-box h2{
	font-size: 48px;
	text-align: center;
}
#list-intro{
	overflow: hidden;
}
#list-intro .pic-box{
	width:20%;
	height:auto;
	float:left;
}
.data{
	background: #F0F5F9;
	width: 100%;
	min-height: 100%;
}
.data .data-box{
	width: 80%;
	min-height: 100%;
	margin: 0 auto;
	overflow:hidden;
}
.data .data-box .inner{
	width: 50%;
	height: 300px;
	float: left;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.data .data-box .inner img{
	width: 80px;
	height: 80px;
	float: left;
	display: -webkit-box;
	display: -ms-flexbox;
	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.data .data-box .inner .inner-intro{
	float: left;
	text-align: left;
	width: 384px;
	padding-left:25px;
}
.data .data-box .inner .inner-intro h4{
	font-size:24px;
}
.data .data-box .inner .inner-intro p{
	font-size:16px;
}
.framework{
	width:100%;
	overflow:hidden;
	background: #FFFFFF;
}
.framework .box{
	width:80%;
	margin: 0 auto;
}
.framework .box h2{
	text-align: center;
	font-size: 48px;
	font-weight:500;
}
.framework .box img{
	width: 100%;
}

#list-intro .pic-box .txt-box{
	padding:0 20px;
}

/*==================ar.html==============*/
.ar-list{
	background: #fff;
}
.ar-list  .row{
	width: 70%;
	margin: 0 auto;
}
.ar-list .item img {
	width: 100px;
	height: 100px;
	margin: 0 auto;
	display: block;
	text-align: center;
}

.swiper {
	background-color: #FFFFFF;
	/*height: 100%;*/
	position: relative;
	overflow: hidden;
}
.swiper .picture{
	margin:0 auto;
	/*width: 1200px;*/
	margin-top: 40px;
}
.swiper .picture img {
	display: none;
	width: 100%;
	max-width:900px;
	margin: 0 auto;
}

.swiper .prve{
	width: 70px;
	height: 90px;
	position: absolute;
	left:80px;
	top: 30%;
}
.swiper .prve img{
	width: 100%;
	height: 100%;
}
.swiper .next{
	width: 70px;
	height: 90px;
	position: absolute;
	top:30%;
	right:80px;
}
.swiper .next img{
	width: 100%;
	height: 100%;
}

.swiper .list {
	width:100%;
	margin:40px 0;
	background-color:#EDEDED;

}
.swiper .row {
	max-width:1200px;
	width: 100%;
	margin: 0 auto;

}

.swiper .list li {
	 height: 200px;
	 list-style:none;
	 margin-top:30px;
	 opacity: 0.6;
 }
.swiper .list li img{
	width: 100%;
	height: 100%;

}
.mark{
	display: none;
}
.mark .box{
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #000000;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.mark-video{
	display: none;
}
.mark-video .video-box{
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #000000;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

/*.mark .box .inner .close{*/
/*	position:absolute;*/
/*	top:20%;*/
/*	right:9%;*/
/*	color: #FFFFFF;*/
/*	font-size:24px;*/
/*}*/
.house-box{
	width: 80%;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.house-box .box{
	width: 18%;
	margin: 2%;
}
.house-box  .box .item h4{
	min-height: 70px;
}
.iLiveDetail-box h2{
	text-align: center;
	margin: 140px 30px 70px 30px;
	border-bottom: none;
	padding:0;
	font-size: 42px;
	font-weight: bold;
}

.iLiveDetail-box .item{
	padding: 0;
}
.iLiveDetail-box .item .box-intro{
	margin: 0 20px;
	min-height: 200px;
}
.iLiveDetail-box .item .box-intro .text{
	font-size: 16px;
}
.iLiveDetail-box .item:hover{
	box-shadow: 0 0 8px #bcbcbc;
}
.iLiveDetail-box .item .icon img{
	width:63px;
	height: 63px;
}
.iLiveDetail-box1 .container-box{
	min-height: 400px;
}

.iLiveDetail-box1 .container-box .num .box-intro{
	width: 462px;
}
.iLiveDetail-box1 .container-box .num .box-intro .text{
	text-align: center;
}
.iLiveDetail-box1 .col-sm-12{
	padding: 0;
}

.iLiveDetail-box4 .container-box{
	min-height: 400px;
}

.iLiveDetail-box4 .container-box .num .box-intro{
	width: 80%;
}
.iLiveDetail-box4 .container-box .num .box-intro .text{
	text-align: center;
}
.iLiveDetail-box4 .col-sm-12{
	padding: 0;
}
.iLiveDetail-box2 .box{
	width: 84%;
	margin: 0 auto;
	padding: 40px 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.iLiveDetail-box2 .box .intro{
	width: 462px;
	text-align: center;
}
.iLiveDetail-box2 .box .pic{
	width: 50%;
	margin-left: 10%;
}
.iLiveDetail-box2 .box .pic img{
	width: 90%;
}
.iLiveDetail-box2 .box .intro .inner h4{
	color: #2d3746;
	font-size: 24px;
}
.iLiveDetail-box2 .box .intro .inner .text{
	color: #252525;
	font-size: 16px;
}

.iLiveDetail-box3 .box{
	width: 90%;
	margin: 0 auto;
	padding: 40px 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.iLiveDetail-box3 .box .intro{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: column;
}
.iLiveDetail-box3 .box .intro .img1{
	width: 100%;
	display: block;
}
.iLiveDetail-box3 .box .intro .img2{
	width: 100%;
	display: none;
}
.iLiveDetail-box3 .box .intro .inner{
	min-height: 248px;
	margin: 40px 0;
	display: flex;
	align-items: center;
	justify-content:space-between;
	flex-direction: column;
}
.iLiveDetail-box3 .box .intro .inner .text{
	color: #252525;
	font-size: 16px;
}

.iLiveDetail-box4 .item .box-intro{
	margin: 0 20px;
	min-height: 170px;
}
.iLiveDetail-box5{
	position: relative;
}
.iLiveDetail-box5 .title-left{
	font-size: 60px;
	color: #fff;
	position: absolute;
	top: 380px;
	left: 80px;
	z-index: 15;
}


.iLiveDetail-box5 .banner{
	padding-top: 60px;
	width: 100%;
	position:relative;
}
.iLiveDetail-box5 .banner2{
	position: relative;
}
.iLiveDetail-box5 .title-left2{
	font-size: 60px;
	color: #fff;
	position: absolute;
	top: 130px;
	left: 80px;
	z-index: 100;
}
.iLiveDetail-box5 .banner .inner{
	color:#FFFFFF;
	width: 300px;
	height: 224px;
	position:absolute;
	top:30%;
	left:28%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.iLiveDetail-box5 .banner .inner h6{
	font-size: 28px;
	margin: 0;
	font-weight:400;
}
.iLiveDetail-box5 .banner .inner p{
	font-size: 16px;
	font-weight:300;
}
.iLiveDetail-box5 .banner img{
	width: 100%;
	height: auto;
}

.iLiveDetail-box5 .box1{
	width: 80%;
	margin: 0 auto;
	padding-top: 80px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
}
.iLiveDetail-box5 .title-right{
	font-size: 60px;
	color: #000;
	position: absolute;
	top: 20px;
	right: -50px;
	z-index: 15;
}
.iLiveDetail-box5 .box1 .img-box{
	width: 50%;
}
.iLiveDetail-box5 .box1 img{
	display: block;
	width: 300px;
	height: 620px;
}
.iLiveDetail-box5 .box1 .intro{
	width: 50%;
}
.iLiveDetail-box5 .box1 .intro h4{
	width: 50%;
	text-align: center;
	margin: 20px 0;
}
.iLiveDetail-box5 .box1 .intro p{
	 width: 50%;
	text-align: center;
	padding-bottom: 50px;
}
.iLiveDetail-box6{
	min-height: 1380px;
}
.iLiveDetail-box6 .dimension-box{
	width: 80%;
	margin: 0 auto;
	overflow: hidden;
	padding: 40px 0;
	box-shadow:0px 3px 6px rgba(0,0,0,0.16);
}
.iLiveDetail-box6 .mark-box{
	background: rgba(0,0,0,0.5);
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 60;
}
.iLiveDetail-box6 .mark-box .box{
	background: #fff;
	border-radius: 2%;
	width: 800px;
	height: 500px;
	margin: 200px auto;
	padding: 25px;
	position: relative;
}
.iLiveDetail-box6 .mark-box .box .closeMark{
	width: 40px;
	height: 40px;
	text-align: center;
	position:absolute ;
	top: 0;
	right: 0;
}
.iLiveDetail-box6 .mark-box .box .text{
	color: #000;
	text-align: center;
}
.iLiveDetail-box6 .dimension-box .dimension{
	width: 25%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: column;
	float: left;
	position: relative;
}
.iLiveDetail-box6 .dimension-box .dimension h4{
	font-size: 20px;
}

.iLiveDetail-box6 .dimension-box .dimension img{
	height: 32px;
}
.iLiveDetail-box6 .dimension-box .dimension .inner-box{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: column;
	width: 140px;
	height: 200px;
	background: #FFFFFF;
	overflow: hidden;
}

.iLiveDetail-box6 .dimension-box .dimension .inner-box .text{
	width: 140px;
	text-align: center;
	color: #000;
	font-size: 16px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.iLiveDetail-box6 .dimension-box .dimension  .more{
	width:118px;
	height:34px;
	line-height: 34px;
	text-align: center;
	color: #fff;
	background:rgba(29,134,255,1);
	box-shadow:2px 2px 3px rgba(0,0,0,0.16);
}
.iLiveDetail-box6 .dimension-box .dimension .height-box{
	display: none;
}
.iLiveDetail-box7{
	background:rgba(240,240,240,1);
}
.iLiveDetail-box7 .title-txt{
	font-size: 16px;
	text-align: center;
	padding: 20px 0;
}
.iLiveDetail-box7 .act_main{
	background:rgba(240,240,240,1);
	width: 80%;
	margin: 0 auto;
}
.iLiveDetail-box7 .act_main .act_nav li{
	width: 240px;
	height: 120px;
}
.iLiveDetail-box7 .act_main .act_nav li span{
	width: 60px;
	height: 4px;
	background: #1D86FF;
	display: none;
}
.iLiveDetail-box7 .act_main .act_nav li img{
	width: 60px;
	height: 60px;
}
.iLiveDetail-box7 .act_main .act_item img{
	width: 100%;
	height: 100%;
}
.iLiveDetail-box8 #main {
	width: 80%;
	margin: 0 auto;
	position: relative;
	padding: 40px 0;
}
#lb img {
	display: none;
	width: 100%;
}

#tag {
	overflow: hidden;
	width: 200px;
	display: flex;
	align-items: center;
	justify-content: center;
	position:absolute;
	bottom: 20px;
	left: calc(50% - 100px)
}

#tag li {
	list-style: none;
	border-radius: 50%;
	float: left;
	margin: 0 8px;
	width:8px;
	height:8px;
	background:#B2B2B2;
	opacity:1;
}
.iLiveDetail-box6 .mark-box .box .mark-txt{
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.iLiveDetail-box6 .mark-box .box .mark-txt .text{
	font-size: 14px;
	min-width: 120px;
}
/*===============================================================================================================*/
/*===============================================================================================================*/
/*===============================================================================================================*/
@media (max-width: 768px) {
    .dwz-fold-box.folded ul {display: none;}
	#footer .folded .title span{
		transform: rotateZ(0deg);
	}
	#about-top{
		margin-top:0;
	}
	#about-top .title-2{
		font-size:20px;
		color:#FFFFFF;
		font-weight:400;
	}
	/*===========通用組件========*/
	.row{
		width:auto;
	}
	.swiper {
		background-color: #FFFFFF;
		height:auto;
		position: relative;
		overflow: hidden;
	}
	.swiper .picture{
		background-color:#EDEDED;
		margin:0 auto;
		width: 90%;
		height:auto;
		min-height:auto;
		margin-top:10px;
	}
	.swiper .picture img {
		display: none;
		width: 100%;
		margin: 0 auto;
	}

	.swiper .prve{
		width:40px;
		height: 70px;
		position: absolute;
		left:20px;
		top: 30%;
	}
	.swiper .prve img{
		width: 100%;
		min-height: 100%;
	}
	.swiper .next{
		width:40px;
		height: 70px;
		position: absolute;
		top: 30%;
		right:20px;
	}
	.swiper .next img{
		width: 100%;
		height: 100%;
	}

	.swiper .list {
		width:100%;
		height:auto;
		min-height:auto;
		margin-top: 20px;
		background-color:#EDEDED;

	}
	.swiper .row {
		width:100%;
		margin: 0 auto;

	}

	.swiper .list li {
		float: left;
		width: 25%;
		margin: 0 auto;
		height:auto;
		list-style:none;
		margin-top:10px;
		opacity: 0.6;
	}

	.swiper .list li img{
		width: 100%;
	}
	.act_main .act_nav li{
		list-style: none;
		width:80px;
		height: 80px;
		display: -webkit-box;
		display: -ms-flexbox;
		display:flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			-ms-flex-direction: column;
			flex-direction: column;
		position: relative;
		overflow: hidden;
	}
	.act_main .act_nav li img{
		width: 60px;
		height: 60px;
	}
	.act_main .act_nav li .txt{
		margin: 0;
		font-size: 14px;
		width: 70px;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
		text-align: center;
	}
	.act_main .act_nav i{
		background:url("../images/bj.svg")  no-repeat center center;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;
		width: 14px;
		height: 10px;
		position: absolute;
		bottom:-11px;
		left:33px;
		display: none;
	}

	.act_main .act_ph .act_item{
		display:none;
		background:#F0F0F0;
		height:auto;
		padding:20px 0;
	}
	.act_main .act_ph .act_item .inner{
		display: -webkit-box;
		display: -ms-flexbox;
		display:flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		width: 90%;
		margin: 0 auto;
	}
	.act_main .act_ph .act_item .inner .box{
		display: -webkit-box;
		display: -ms-flexbox;
		display:flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-around;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		text-align: left;
		padding: 0 20px;
	}

	.act_main .act_ph .act_item .inner .box h2{
		font-size: 18px;
	}
	.act_main .act_ph .act_item .inner .box h3{
		font-size: 16px;
	}
	.act_main .act_ph .act_item .inner .box p{
		font-size: 14px;
	}
	.act_main .act_ph .item .inner{
		flex-direction: column;
		width: 90%;
		margin: 0 auto;
	}
	.act_main .act_ph .item .inner .inner2{
		margin-left:0px;
	}
	.act_main .act_ph .act_item .inner .box{
		display: -webkit-box;
		display: -ms-flexbox;
		display:flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-around;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		text-align: left;
		padding: 0 20px;
	}
	.act_main .act_ph .act_item .inner .box .right{
		text-align: right;
	}

	.all-box{
		width: 100%;
		height: auto;
		min-height: 300px;
	}
	.pic-box{
		text-align: center;
		overflow: hidden;
		height: auto;
		min-height: 300px;
	}
	.all-box-h{
		width: 100%;
		height: auto;
		min-height:420px;
	}
	.all-box-h .pic-box{
		text-align: center;
		overflow: hidden;
		min-height: 420px;
	}

	.pic-box .txt-box{
		padding:15px 20px 0 20px;
	}
    .pic-box .hr{
		width: 15px;
		height: 2px;
		background: #fff;
		margin: 0 auto;
	}
	.pic-box  .title1{
		font-size: 22px;
	}
	#news1-top .title1{
		margin-top:0;
	}
	.pic-box  .title2{
		font-size: 20px;
	}
	.pic-box .title3{
		font-size:15px;
	}
	.pic-box .title4{
		font-size:15px;
	}
	.pic-box .text1{
		font-size:12px;
	}
	.pic-box .text{
		font-size: 13px;
		padding-bottom:10px;
		max-width:100%;
		margin: 0 auto;

	}
	.pic-box .play-video{
		display: block;
		width: 30px;
		height: 30px;
		margin: 0 auto;
		margin-top: 20px;
	}
	.pic-box  .button{
		font-size: 13px;
		padding:5px 15px;
		display: inline;
	}

	.pic-box .title-top{
		min-width: 90%;
		font-size:18px;
		padding-top:10px;
		color: #252525;
	}

	.all-box-h .pic-box .top2{
		font-size:18px;
		padding-top:20px;
		color: #252525;
	}
	.all-box-h .pic-box .inner2{
		width: 90%;
		margin:20px auto;
		text-align: left;
	}
	.all-box-h .pic-box .inner2 .intro{
		/*display: none;*/
		text-align: left;
		margin: 0;
		color: #252525;
		font-size: 12px;
	}


	#about-omo .pic-box .text{
		padding-top:0;
	}
	#about-top{
		background: url("../images/iphone-about1.jpg")  no-repeat center center;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;
	}
	#about-intro{
		background: url("../images/iphone-about2.jpg")  no-repeat center center;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;
	}
	#about-biz{
		background: url("../images/iphone-about3.jpg")  no-repeat center center;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;
	}
	#about-omo{
		background: url("../images/iphone-about4.jpg")  no-repeat center center;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;
	}
	#product-top{
		background: url("../images/iphone-product1.jpg")  no-repeat center center;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;
	}
	#partner-top{
		background: url("../images/iphone-partner1.jpg")  no-repeat center center;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;
	}
	#exh-banner{
		background: url("../images/exh3.jpg")  no-repeat center center;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;
		height: auto;
		min-height: 420px;
	}
	#exh-banner .pic-box{
		min-height: 420px;
	}
	#exh-banner .pic-box h2{
		font-size: 24px;
	}
	#interactive-top .text{
		width: 100%;
		margin: 0 auto;
	}
	#himadetail-box1{
		background: #FFFFFF url("../images/iphone-himadetail2.jpg")  no-repeat center center;-moz-background-size:100%;-webkit-background-size:100%;background-size:100%;
	}
	#himadetail-box1 .pic-box{
		overflow: hidden;
	}
	#details-box1{
		background-color:#FFFFFF;
	}
	#details-box3{
		background-color:#FFFFFF;
	}
	#ar-imgbox1{
		height:300px;
	}
	#ar-imgbox2{
		height:300px;
	}
	#inviron-imgbox1{
		height:300px;
	}
	/*=============About.html=============*/
	.core{
		background-color:#f0f5f9;
		height: auto;
		overflow: hidden;
	}
	.core h2{
		font-size: 20px;
		font-weight:bold;
		text-align: center;
		margin: 20px 0 5px 0;
	}
	.core h3{
		font-size:14px;
		font-weight: 400;
		text-align: center;
	}
	.core .item{
		padding: 8px 0;
	}

	.core .item img{
		width: 100%;
		height: auto;
	}
	.core .item .icon{
		width: 100%;
		height: auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display:flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.core .item .icon img{
		width: 100px;
		height: 100px;

	}
	.core .num{
		padding-top:20px;
	}
	.himadetail-box4 h3{
		font-size:16px;
		color: #252525;
		font-weight: bold;
	}
	.himadetail-box4 .item{
		padding:8px 0
	}
	.himadetail-box4 h3{
		font-size:16px;
		color: #252525;
	}
	.himadetail-box4 .bottom h2{
		margin:20px 0;
		font-size:16px;
		color: #252525;
	}
	.himadetail-box4 .bottom p{
		width: 90%;
		font-size: 14px;
		color: #252525;
		padding: 0;
	}
	.core .mar{
		padding-top:10px;
	}
	.core .num img{
		margin-left: 0;
	}

	.core .item h4{
		font-size: 16px;
		color: #2d3746;
		margin: 8px 0;
	}
	.core .item .text{
		color: #000;
		font-size: 13px;
		text-align:left;
		margin:0;
		position: relative;
	}
	.core .item .text{
		color: #000;
		font-size: 13px;
		text-align:left;
		padding-left:20px;
		margin:0;
		position: relative;
	}
	.core .item .box-intro .tex::before{
		content: "";
		position: absolute;
		top: 0;
		left:5px;
		display: block;
		width: 9px;
		height: 13px;
		background: url("../images/before.svg")  no-repeat center center;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;
	}
	#about-ability .item h4{
		text-align: left;
		padding-left: 20px;
	}
	#hima-box1 .item h4{
		text-align: left;
		padding-left: 20px;
	}
	.himadetail-box4  .item h4{
		text-align: left;
		padding-left: 20px;
	}
	#about-partner {background-color: #fff;height:auto;overflow: hidden;}
	#about-partner .title2{
		color: #000;
		font-size: 20px;
		font-weight: bold;
		text-align: center;
	}

	#about-partner .partner-box{
		width: 100%;
		margin: 0 auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center ;
		-ms-flex-pack: center ;
		justify-content: center ;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	#about-partner .partner-box img{
		display:inline-block;
		width: 42%;
		height:auto;
		text-align: center;
	}

	#about-partner .client div{
		display:inline-block;
		width: 40%;
		height: auto;
		text-align: center;
	}
	#about-partner .banner{
		margin:10px;
		width: 100%;
		min-height: 200px;
	}
	#about-partner .banner p{
		font-size:18px;
		color:#FFFFFF;
		font-weight:500;
		position:absolute;
		bottom:20px;
		left: 20px;
	}
	#about-partner .banner img{
		width: 100%;
		min-height: 200px;
	}
	#about-partner .client div p{
		font-size: 12px;
		color: #252525;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	/*=============Solution.html=============*/
	#product-hima .txt-box{
		padding:5px;
	}
	#product-house .txt-box{
		padding:5px;
	}
	#product-hima .hima_img{
		background: url("../images/iphone-product2.jpg")  no-repeat center center;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;
	}
	#product-house .house_img{
		background: url("../images/iphone-product3.jpg")  no-repeat center center;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;
	}
	.h_img{
		height:300px;
	}
	.h_intro{
		height:300px;
	}
	.h_intro .text{
			color: #000;
			font-weight: 400;
	}


/*	===============*/
	#news1-top .pic-box{
		height: 375px;
	}
	#news1-icb{
		height:300px;
	}
/*	===============house.html======*/
	.title-box{
		height:120px;
	}
	.title-box h2{
		font-size:20px;
	}
	#list-intro{
		background: #FFFFFF;
	}
	#list-intro .pic-box{
		width:100%;
		/*height:180px;*/

	}
	#list-intro .pic-box img{
		display: none;
	}
	#list-intro  .z1{
		background: url("../images/z1.jpg")  no-repeat center center;-moz-background-size:95%;-webkit-background-size:95%;background-size:95%;
		min-height: 115px;
		margin-bottom: 5px;
	}
	#list-intro  .z2{
		background: url("../images/z2.jpg")  no-repeat center center;-moz-background-size:95%;-webkit-background-size:95%;background-size:95%;
		min-height: 115px;
		margin-bottom: 5px;;
	}
	#list-intro  .z3{
		background: url("../images/z3.jpg")  no-repeat center center;-moz-background-size:95%;-webkit-background-size:95%;background-size:95%;
		min-height: 115px;
		margin-bottom: 5px;
	}
	#list-intro .z4{
		background: url("../images/z4.jpg")  no-repeat center center;-moz-background-size:95%;-webkit-background-size:95%;background-size:95%;
		min-height: 115px;
		margin-bottom: 5px;
	}
	#list-intro .z5{
		background: url("../images/z5.jpg")  no-repeat center center;-moz-background-size:95%;-webkit-background-size:95%;background-size:95%;
		min-height: 115px;
		margin-bottom: 5px;
	}
	#list-intro .pic-box .txt-box{
		display: none;
	}
	.shadow{
		height: 300px;
	}

	.data{
		height: auto;
	}
	.data .data-box{
		width: 90%;
		height: auto;
	}
	.data .data-box .inner{
		width: 100%;
		height:150px;
		overflow: hidden;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.data .data-box .inner img{
		width: 40px;
		height: 40px;
		float: left;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.data .data-box .inner .inner-intro{
		float: left;
		text-align: left;
		padding-left:20px;
	}
	.data .data-box .inner .inner-intro h4{
		font-size:18px;
	}
	.data .data-box .inner .inner-intro p{
		font-size:12px;
	}

	.framework{
		min-height:300px;
		height: auto;
	}
	.framework .box{
		width:90%;
		height: 100%;
		margin: 0 auto;
	}
	.framework .box h2{
		font-size:20px;
		font-weight:bold;
	}
	.framework .box img{
		width: 100%;
		height: 100%;
	}

/*	==================exhibition===============*/
	#exh-top{
		overflow: hidden;
	}
	#exh .flex{

		display: block;
	}
	#exh-top .row{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack:center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	#exh-top .cl1{
		padding-left:15px;
	}
	#exh-top .cl2{
		padding-left: 15px;
	}
	#exh-top .intro-box{
		width:90%;
	}
	#exh-top .intro-box .inner{
		width:auto;
	}
	#exh-top .title2{
		padding-top:80px;
	}
	#exh-top .intro-box{
		padding-top:20px;
	}
	#exh-top .cl2{
		/*padding-top:75px;*/
	}
	#exh-top .intro-box .top{
		width: auto;
		overflow:hidden;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	#exh-top .intro-box .top img{
		float: left;
		width: 60px;
		height: 60px;
	}
	#exh-top .intro-box .top h5{
		float: left;
		font-size:16px;
		color: #FFFFFF;
	}
	#exh-top .intro-box .txt{
		text-align:left;
		width:100%;
		font-size:12px;
		color: #FFFFFF;
		padding:0 20px;
	}
	.exh-box1{
		height: auto;
		background: #FFFFFF;

	}
	.exh-box1 .exh-intro{
		text-align: left;
		width: 50%;
		min-height: 350px;
		margin: 0;
	}
	.exh-box1 .exh-intro .inner{
		width:100%;
		padding: 0;
	}
	.exh-box1 .exh-intro .inner h3{
		font-size:18px;
	}
	.exh-box1 .exh-intro .inner .hr{
		width: 30px;
		height: 2px;
		background: #000;
	}
	.exh-box1 .exh-intro .inner p{
		width:90%;
		font-size:12px;
		color: #252525;
		line-height: 1.5;
	}
	.exh-box1 .exh-img{
		float: left;
		width:40%;
		min-height:350px;
		margin-top: 80px;
	}
	.exh-box1 .exh-img img{;
		min-height: auto;
		height: 350px;
		margin-top: 0;
	}

	.exh-box2{
		padding: 10px;
		overflow: hidden;
		background: #FFFFFF;
		height: auto;
		min-height: 500px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.exh-box2 div{
		float: left;
	}
	.exh-box2 .exh-img{
		width: 48%;
	}
	.exh-box2 .exh-img img{
		width: 100%;
		height: 100%;
	}
	.exh-box2 .exh-intro{
		width: 48%;
		margin-left: 4%;
	}
	.exh-box2 .exh-intro .inner{
		padding-bottom: 30px;
	}
	.exh-box2 .exh-intro h3{
		font-size: 20px;
		color: #252525;
		padding-bottom: 30px;
	}
	.exh-box2 .exh-intro p{
		font-size: 14px;
		color: #252525;
		line-height: 25px;
	}
	.ar-list  .row{
		width: 100%
	}
	.ar-list .col-md-4{
		background: #fff;
	}

	.ar-list .item img {
		width: 100px;
		height: 100px;
		margin: 0 auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	#himadetail-box1 .title2{
		position: absolute;
		top:10px;
		left:15px;
		font-size: 16px;
		width: 100px;
	}
	#himadetail-box1{
		min-height:480px;
	}
	#himadetail-box1 .text{
		position: absolute;
		top: 68px;
		left: 15px;
		font-size: 12px;
		width: 100px;
	}
	#himadetail-box2{
		height: 150px;
	}
	#himadetail-box2 h2{
		font-size: 20px;
	}
	#himadetail-box2 p{
		font-size: 12px;
	}

	.himadetail-box3 .box1-a{
	    height:150px;
		background: #D82421;
	}
	.himadetail-box3 .box1-b{
		height:520px;
		background: #FFFFFF;
	}
	.himadetail-box3 .box1-c{
		width: 100%;
		position: absolute;
		top:15px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.himadetail-box3 .box1-c .intro{
		width:90%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack:justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.himadetail-box3 .box1-c .intro img{
		width: 170px;
		height: 300px;
		min-height: 300px;
	}
	.himadetail-box3 .box1-c .intro div{
		padding-left: 20px;
		padding-top:0;
	}


	.himadetail-box3 .box1-c .intro div h2{
		font-size:18px;
		color: #FFFFFF;
		text-align: left;
	}
	.himadetail-box3 .box1-c .intro div p{
		font-size: 14px;
		text-align: left;
		font-weight: normal;
		padding-top: 20px;
	}

	.himadetail-box3 .box1-d{
		width: 100%;
		position: absolute;
		bottom:10px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack:center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.himadetail-box3 .box1-d .intro{
		width: 90%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack:justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.himadetail-box3 .box1-d .intro div{
		padding-right:20px;
	}
	.himadetail-box3 .box1-d .intro img{
		width: 170px;
		height: 360px;
	}


	.himadetail-box3 .box1-d .intro div h2{
		font-size: 18px;
		text-align: left;
	}
	.himadetail-box3 .box1-d .intro div p{
		font-size: 12px;
		text-align: left;
		font-weight: bold;
		position: relative;
		padding-left: 20px;
	}

	.himadetail-box3 .box1-d .intro div p:before{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 12px;
		height: 18px;
		background: url("../images/before.svg")  no-repeat center center;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;
	}
	.himadetail-box5{
		height:auto;
		background-color: #FFFFFF;
		padding:10px 0;

	}
	.himadetail-box5 .box{
		width:90%;
		margin: 0 auto;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.himadetail-box5 .box .intro-box{
		width: 100%;
		padding-left: 20px;
		color:#252525;
	}
	.himadetail-box5 .box img{
		width: 150px;
		height: 270px;
		min-height: 270px;
	}
	.himadetail-box5 .box .intro-box h2{
		font-size: 18px;
		color:#252525;
	}
	.himadetail-box5 .box .intro-box p{
		font-size: 14px;
		color:#252525;
	}

	.himadetail-box6{
		height:auto;
		overflow: hidden;
		padding: 20px 20px;
	}
	.himadetail-box6 h1{
		font-size:20px;
		color: #252525;
	}
	.himadetail-box6 h2{
		font-size:16px;
		color: #252525;
	}
	.himadetail-box6 p{
		font-size:14px;
		color: #252525;
	}

	.himadetail-box7{
		overflow: hidden;
	}
	.himadetail-box7 .box{
		width: 90%;
		margin:0 auto;
	}
	.himadetail-box7 .box1{
		overflow: hidden;
	}
	.himadetail-box7 .box1 .intro h1{
		margin: 0;
	}
	.himadetail-box7 .box1 .intro p{
		padding:20px 0;
	}

	.himadetail-box7 .box2{
		overflow: hidden;
	}
	.himadetail-box7 .box3{
		overflow: hidden;
		padding:0 0 30px 0;
	}

	.himadetail-box7 .box img{
		width:40%;
		float: left;
		margin-left:25px;
	}
	.himadetail-box7 .box1  img{
		margin-top:70px;
	}
	.himadetail-box7 .box2  img{
		margin-top:45px;
	}
	.himadetail-box7 .box3  img{
		margin-top:45px;
	}
	.himadetail-box7 .box .pic{
		width:40%;
		float: left;
		margin-left:0px;
		margin-right:25px;
	}
	.himadetail-box7 .box .intro{
		width: 40%;
		float: left;
		margin:0 4%;
		padding-top:25px;
		color: #252525;
	}
	.himadetail-box7 .box .intro h1{
		font-size:20px;
	}
	.himadetail-box7 .box .intro h2{
		font-size: 18px;
	}
	.himadetail-box7 .box .intro p{
		font-size: 14px;
	}
	.himadetail-box7 .foot-intro .pic{
		width: 90%;
		margin: 0 auto;
		overflow: hidden;
	}
	.himadetail-box7 .foot-intro .pic img{
		width: 100%;
		padding: 0;
	}
	.himadetail-box7 .foot-intro .intro h2{
		font-size:18px;

	}
	.himadetail-box7 .foot-intro .intro p{
		font-size:14px;
	}
	.dow .box2 .pic{
		width: 40%;
		margin-top: 30px;
	}
	.dow .box2 img{
		width:90%;
		margin-left: 30px;
	}
	.dow .box .box2 .intro{
		padding-top:15%;
	}
	.dow .box .box3 .intro{
		width: 40%;
		margin-top:0;
		margin-left:0;
	}
	.dow .box .box3 .pic{
		width: 40%;
	}
	.dow .box3 img{
		width:80%;
		margin-left: 30px;
		margin-top: 150px;
	}
	.dow .box .box3 .intro p{
		position: relative;
		padding-left:15px;
	}
	.dow .box .box3 .intro p::before{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 9px;
		height: 13px;
		background: url("../images/before.svg")  no-repeat center center;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;
	}
	.himadetail-box7 .foot-intro .pic2{
		background: #D82421;
		min-height: 450px;
		height:auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.himadetail-box7 .foot-intro .pic2 .pic2-box img{
		width: 60px;
		height: 60px;
	}
	.himadetail-box7 .foot-intro .pic2 .pic2-box .refresh{
		width: 50px;
		height: 50px;
	}
	.himadetail-box7 .foot-intro .pic2 .pic2-box{
		padding-top: 40px;
	}
	.himadetail-box7 .foot-intro .pic2 .pic2-box h5{
		color: #FFFFFF;
		font-size:16px;
	}
	.himadetail-box7 .foot-intro .pic2 .pic2-box p{
		color: #FFFFFF;
		font-size:12px;
		margin: 0;
		line-height:30px;
	}

	.flex  .img11{
		display: none;
	}
	.flex .img22{
		display: block;
		min-width: 90%;
		height: auto;
	}
	.flex .inner-content{
		min-width: 90%;
		height: auto;
		font-size: 14px;
	}
	#details-top .title-top{
		font-size: 20px;
		padding-top:60px;
		color: #252525;
	}
	#details-box1{
		background-color:#FFFFFF;
		height: auto;
		min-height:500px;
	}
	#details-box2{
		background-color: #FFFFFF;
		height: auto;
		min-height: 500px;
	}
	#details-box3{
		background-color:#FFFFFF;
		height: auto;
		min-height: 500px;
	}
	#details-top{
		background-color: #FFFFFF;
		height: auto;
		min-height:500px;
	}

	.iLiveDetail-box h2{
		text-align: start;
		margin: 20px 30px 5px 30px;
		border-bottom: solid  2px #2183D8;
		padding:8px 0;
	}
	.iLiveDetail-box .item{
		width:60%;
		align-items: flex-start;
	}

	.iLiveDetail-box .item h4{
		padding-left: 0;
		font-size: 16px;
	}
	.iLiveDetail-box .item{
		padding: 0;
		margin: 20px  0;
		min-height: 0;
	}

	.iLiveDetail-box .item .box-intro .text{
		padding-left: 0;
		font-size: 14px;
	}
	.iLiveDetail-box .item .box-intro{
		margin: 0;
		min-height: 0;
	}
	.iLiveDetail-box .item .icon img{
		width: 32px;
		height: 32px;
		position: absolute;
		top: 30px;
		right: 30px;
	}

	.iLiveDetail-box1 .container-box{
		min-height: 100%;
	}
	.iLiveDetail-box1 .container-box .item{
		width: 100%;
	}
	.iLiveDetail-box1 .container-box .num{
		margin: 20px 30px 5px 30px;
	}
	.iLiveDetail-box1 .container-box .num .box-intro{
		padding-right: 30px;
		width: 80%;
	}
	.iLiveDetail-box1 .container-box .num .box-intro .text{
		text-align: left;
	}

	.iLiveDetail-box4 .container-box{
		min-height: 100%;
	}
	.iLiveDetail-box4 .container-box .item{
		width: 100%;
	}
	.iLiveDetail-box4 .container-box .num{
		margin: 20px 30px 5px 30px;
	}
	.iLiveDetail-box4 .container-box .num .box-intro{
		padding-right: 30px;
		width: 70%;
	}
	.iLiveDetail-box4 .container-box .num .box-intro .text{
		text-align: left;
	}
	.iLiveDetail-box2 .box{
		background: url("../images/iphone-ilive4.png") no-repeat center;
		background-size: contain;
		padding:0;
	}
	.iLiveDetail-box2 .box .intro{
		width: 100%;
		text-align: left;
	}
	.iLiveDetail-box2 .box .pic{
		width: 50%;
		margin-left: 10%;
		display: none;
	}
	.iLiveDetail-box2 .box .pic img{
		width: 90%;
	}
	.iLiveDetail-box2 .box .intro .inner h4{
		color: #2d3746;
		font-size: 16px;
	}
	.iLiveDetail-box2 .box .intro .inner .text{
		color: #252525;
		font-size: 14px;
	}

	.iLiveDetail-box3 .box{
		width: 90%;
	}
	.iLiveDetail-box3 .box .intro{
		display: flex;
		align-items: center;
		justify-content: flex-start;
		flex-direction: row;
	}
	.iLiveDetail-box3 .box .intro .img1{
		width: 100%;
		display:none;
	}
	.iLiveDetail-box3 .box .intro .img2{
		width: 60px;
		display: block;
	}
	.iLiveDetail-box3 .box .intro .inner{
		width: 100%;
		min-height: 0;
		margin: 20px 0;
		padding-left: 15px;
		display: flex;
		align-items: flex-start;
		justify-content:space-between;
		flex-direction:row;
	}
	.iLiveDetail-box3 .box .intro .inner .text{
		color: #252525;
		font-size: 13px;
	}
	.iLiveDetail-box5 .title-left{
		font-size: 19px;
		color: #000;
		position: initial;
		padding-top: 30px;
	}

	.iLiveDetail-box5 .title-right{
		width: 100px;
		font-size: 19px;
		color: #000;
		position: absolute;
		top: -20px;
		left: calc(50% - 50px);
	}
	.iLiveDetail-box5 .title-left2{
		width: 100px;
		font-size: 19px;
		color: #000;
		position: absolute;
		top: -50px;
		left: calc(50% - 50px);
		z-index: 100;
		padding-top: 60px;
	}
	.iLiveDetail-box5 .banner{
		padding-top: 10px;
		width: 86%;
		min-height: 180px;
		margin: 0 auto;
		position:relative;
	}
	.iLiveDetail-box5 .banner .inner{
		color:#FFFFFF;
		width: 182px;
		height: 93px;
		position:absolute;
		top:20%;
		left:7%;
		display: flex;
		align-items: flex-start;
		justify-content: center;
		flex-direction: column;
	}
	.iLiveDetail-box5 .banner .inner h6{
		font-size: 14px;
		margin: 0;
		font-weight:400;
	}
	.iLiveDetail-box5 .banner .inner p{
		font-size: 11px;
		font-weight:300;
	}
	.iLiveDetail-box5 .banner img{
		width: 100%;
		height: 147px;
	}
	.iLiveDetail-box5 .banner2{
		padding-top: 60px;
	}
	.iLiveDetail-box5 .banner2 .inner{
		color:#FFFFFF;
		width: 182px;
		height: 93px;
		position:absolute;
		top:45%;
		left:7%;
		display: flex;
		align-items: flex-start;
		justify-content: center;
		flex-direction: column;
	}
	.iLiveDetail-box5 .banner2 img{
		width: 100%;
		height: 177px;
	}

	.iLiveDetail-box5 .box1{
		width: 90%;
		margin: 10px auto;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding-top: 20px;
	}
	.iLiveDetail-box5 .box1 .img-box{
		width: 50%;
	}
	.iLiveDetail-box5 .box1 img{
		display: block;
		width: 100%;
		height: 368px;
	}
	.iLiveDetail-box5 .box1 .intro{
		width: 50%;
	}
	.iLiveDetail-box5 .box1 .intro h4{
		width: 100%;
		margin: 20px auto;
		text-align: center;
		font-size: 16px;
	}
	.iLiveDetail-box5 .box1 .intro p{
		width: 100%;
		margin: 10px auto;
		text-align: center;
		font-size: 14px;
		padding-left: 10px;
		padding-bottom: 20px;
	}
	.iLiveDetail-box6{
		min-height: 0;
	}
	.iLiveDetail-box6 .dimension-box{
		width: 84%;
		margin: 30px auto;
		overflow: hidden;

	}
	.iLiveDetail-box6 .dimension-box .dimension{
		width: 25%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-direction: column;
		float: left;
		position: relative;
	}

	.iLiveDetail-box6 .dimension-box .dimension .inner-box{
		display: flex;
		align-items: center;
		justify-content: space-around;
		flex-direction: column;
		width: 70px;
		background: #FFFFFF;
		overflow: hidden;
	}
	.iLiveDetail-box6 .dimension-box .dimension  h4{
		color: #000;
		font-size: 16px;
	}
	.iLiveDetail-box6 .dimension-box .dimension img{
		width: 24px;
		height: 24px;
	}
	.iLiveDetail-box6 .dimension-box .dimension .inner-box .text{
		color: #000;
		font-size: 12px;
		width: 60px;
	}
	.iLiveDetail-box6 .dimension-box .dimension  .more{
		width:60px;
		height:21px;
		line-height: 21px;
		text-align: center;
		font-size: 12px;
		color: #fff;
		background:rgba(29,134,255,1);
		box-shadow:2px 2px 3px rgba(0,0,0,0.16);
	}
	.iLiveDetail-box6 .dimension-box .dimension .height-box{
		display: none;
	}

	.iLiveDetail-box6 .mark-box .box{
		background: #fff;
		border-radius: 2%;
		width: 80%;
		margin: 80px auto;
		padding: 25px;
		position: relative;
	}
	.iLiveDetail-box6 .mark-box .box .mark-txt{
		font-size: 14px;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		flex-wrap: wrap;
	}
	.iLiveDetail-box6 .mark-box .box .mark-txt .text{
		font-size: 12px;
		padding: 0 20px;
		min-width: 100px;
	}
	.iLiveDetail-box6 .mark-box .box .closeMark{
		position:absolute ;
		top: 10px;
		right: 20px;
	}

	.iLiveDetail-box7{
		background: #FFFFFF;
	}
	.iLiveDetail-box7 .title-txt{
		font-size: 14px;
		text-align:left;
		padding: 10px 30px;
	}
	.iLiveDetail-box7 .act_main{
		background:#fff;
		width: 90%;
		margin: 0 auto;
	}
	.iLiveDetail-box7 .act_main .act_nav li{
		width: 25%;
		height: auto;
	}
	.iLiveDetail-box7 .act_main .act_nav li span{
		width: 30px;
		height: 1px;
		background: #1D86FF;
		display: none;
	}
	.iLiveDetail-box7 .act_main .act_nav li img{
		width: 24px;
		height: 24px;
	}
	.iLiveDetail-box7 .act_main .act_item{
		background: #fff;
		padding: 10px 0;
	}
	.iLiveDetail-box7 .act_main .act_item img{
		width: 100%;
		height: 100%;
	}
	.iLiveDetail-box8 #main {
		width: 86%;
		min-height: 270px;
		margin: 0 auto;
		position: relative;
		padding: 40px 0;
	}
	#tag li {
		list-style: none;
		border-radius: 50%;
		float: left;
		margin: 0 8px;
		width:5px;
		height:5px;
		background:#B2B2B2;
		opacity:1;
	}
	.house-box{
		width: 80%;
		margin: 0 auto;
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.house-box .box{
		width: 100%;
		margin: 2%;
	}
	.house-box  .box .item h4{
		min-height: 0;
	}
}
.mark .box  .close{
	top: 5%;
	color: #FFFFFF;
	font-size:14px;
}