.header{
	height: 60px;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 999;
	background: #dbefe4;
	box-shadow: 0 0 9px rgba(0,0,0,.1);
}

.name1 .header{
	
}

.fixed{
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999;
	background: #FFFFFF;
	box-shadow: 0 0 9px rgba(0,0,0,.1);
}



.nav-height{
	height: 60px;
}



.header .box{
	max-width: 1920px;
	margin: 0 auto;
}

.logo{
	width: 470px;
	height: 60px;
	float: left;
	background: #dbefe4;
	position: relative;
	z-index: 9;
}

.logo a{
	padding: 8px 20px 0 20px;
	display: block;
}

.logo img{
	height: 55px;
	display: block;
	margin-left: 200px;
	width: 440px;
}


.con-box{
	width: 850px;
	float: left;
	background: #dbefe4;
}

.menu-box{
	float: left;
	width: 80%;
	margin-left: 500px;
	background: #dbefe4;
}

.menu-icon{
	float: right;
}

.menu-icon a{
	width: 80px;
	height: 60px;
	display: block;
	border-left: 1px solid #f2f2f2;
	float: left;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	color: #3d9602;
}

.menu-icon i{
	text-align: center;
}

.menu-icon em{
	display: block;
}

.menu-icon a:hover{
	background: #3d9602;
	color: #FFFFFF;
}

.menu-icon a img{
	display: block;
}

.menu-icon a img:last-child{
	display: none;
}

.menu-icon a:hover img:first-child{
	display: none;
}

.menu-icon a:hover img:last-child{
	display: block;
}



/*菜单*/

nav {
}

#starlist {
	padding-left: 2%;
}

#starlist li {
	float: left;
	text-align: center;
	margin-left: 3.5%;
}



#starlist li>a {
	color: #333;
	font-size: 18px;
	letter-spacing: initial;
	display: block;
	height: 60px;
	line-height: 60px;
	position: relative;
	z-index: 9;
	transition: initial;
	font-weight: bold;
}

#starlist li.active>a {
	color: #3d9602;
}

#starlist li.active>a:after {
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	background: #3d9602;
	position: absolute;
	bottom: 0;
}

/*.name1 .fixed #starlist li.active>a{
	color: #3d9602;
}

.name1 .header:hover #starlist li.active>a {
    color: #3d9602;
}*/

#starlist li:hover>a {
	color: #3d9602;
}


/*.name1 .header #starlist li.active>a:after {
    background: #fff;
}

.name1 .header:hover #starlist li.active>a:after {
    background: #3d9602;
}

.name1 .header.fixed #starlist li.active>a:after {
    background: #3d9602;
}*/

#starlist ul {}


#starlist li .sub {
	position: absolute;
	right: 0;
	top: -100px;
	width: 850px;
	background-color: rgba(255, 255, 255, .9);
	opacity: 0;
	z-index: -1;
	box-shadow: 0 1px 5px rgba(0,0,0,.1);
}

#starlist li:hover .sub {
	opacity: 1;
	top: 60px;
	padding: 14px 0;
}


#starlist ul.sub {
	text-align: center;
}

#starlist ul.sub li {
	float: initial;
	display: inline-table;
	width: auto;
	text-align: center;
	margin: 0 12px;
}

#starlist ul.sub li a {
	color: #333;
	font-size: 15px;
	height: initial;
	line-height: 30px;
	font-weight: initial;
}


#starlist ul.sub li:hover a {
	color: #3d9602;
	background: initial;
}

#starlist ul.sub li:hover a:after {
	display: none;
}

.menu span,
.menu:before {
	display: none;
}

.menu:before {
	position: absolute;
	content: "";
	top: 25px;
	right: 5px;
	background-image: url(../images/jt.png);
	background-position: center center;
	background-size: 100%;
	width: 20px;
	height: 11px;
	-ms-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.menu:hover:before {
	transform: rotate(180deg)
}

#mnavh {
	display: none;
	margin: 28px 0 0 0;
	width: 18px;
	height: 28px;
	float: right;
	text-align: center;
	padding: 0 2% 0 0;
	right: 3%;
}
/*
.name1 .navicon{
	background-color: #FFFFFF;
}

.name1 .open .navicon {
    background: none;
}

.name1 .header.fixed .open .navicon {
    background: none;
}

.name1 .navicon:before,.name1 .navicon:after {
	background: #FFFFFF;
}

.name1 .header:hover .open .navicon {
    background: none;
}


.name1 .header:hover .navicon{
	background-color: #666;
}

.name1 .header:hover .navicon:before,.name1 .header:hover .navicon:after {
	background: #666;
}

.name1 .header.fixed .navicon{
	background-color: #666;
}

.name1 .header.fixed .navicon:before,.name1 .header.fixed .navicon:after {
	background: #666;
}*/


.navicon {
	display: block;
	position: relative;
	width: 28px;
	height: 3px;
	background-color: #666;
	bottom: -10px;
	cursor: pointer;
}

.navicon:before,
.navicon:after {
	content: '';
	display: block;
	width: 28px;
	height: 3px;
	position: absolute;
	background: #666;
	-webkit-transition-property: margin, -webkit-transform;
	transition-property: margin, -webkit-transform;
	transition-property: margin, transform;
	transition-property: margin, transform, -webkit-transform;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
}

.navicon:before {
	margin-top: -10px;
}

.navicon:after {
	margin-top: 10px;
}

.open .navicon {
	background: none
}

.open .navicon:before {
	margin-top: 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.open .navicon:after {
	margin-top: 0;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.open .navicon:before,
.open .navicon:after {
	content: '';
	display: block;
	width: 28px;
	height: 3px;
	position: absolute;
	background: #666;
}


#from1 .news-banner{
	margin-top: 0px;
}


.con-lab-list{
	padding: 60px 0 100px 0;
}

.con-lab-list ul li{
	width: 18.8%;
    height: 36px;
    float: left;
    margin-top: 20px;
    text-align: center;
    margin-left: 1.5%;
    border-radius: 18px;
}

.con-lab-list ul li:nth-child(5n+1){
    margin-left: 0;
}

.con-lab-list ul li a{
	color: #333333;
	font-size: 16px;
	line-height: 34px;
	height: 34px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	width: 90%;
	overflow: hidden;
	border: 1px solid #ddd;
	padding: 0 5%;
}

.con-lab-list ul li a:hover{
	color: #007347;
	border: 1px solid #007347;
}



.news-banner{
	margin-top: 60px;
	position: relative;
}


.container{
	max-width: 1640px;
	margin: 0 auto;
}

.news-banner .title{
	line-height: 36px;
	position: absolute;
	bottom: 120px;
}

.news-banner .title i{
	font-size: 18px;
	color: #FFFFFF;
}

.news-banner .title p{
	font-size: 28px;
	font-weight: bold;
	color: #FFFFFF;
}


.curmbs{
	position: absolute;
	bottom: 0;
	width: 100%;
	background-color: rgba(0,0,0,.5);
}



.curmbs a{
	line-height: 50px;
	font-size: 14px;
	color: #FFFFFF;
	position: relative;
	padding-left: 30px;
	background: url(../images/curmbs_sj.png) 8px center no-repeat;
}

.curmbs a:first-child:before{
	position: absolute;
	left: 0;
	top: 1px;
	content: "";
	display: block;
	background: url(../images/curmbs_icon.png) center top no-repeat;
	background-size: auto 100%;
	width: 15px;
	height: 15px;
}





/*资讯列表*/

.news-qj{
	padding: 110px 0 120px 0;
	background: #F8F8F8;
}

.news-qj .title h2{
	font-weight: bold;
	font-size: 30px;
	color: #3d9602;
	line-height: 36px;
}

.news-con-box{
	width: 72.26%;
	float: left;
}


.recommend{
	margin-top: 30px;
}

#bootstrap-touch-slider{
	width: 66.66%;
	float: left;
}

.rec-hot{
	width: 31.83%;
	float: right;
}

.rec-hot .item{
	position: relative;
}

.rec-hot .item:last-child{
	margin-top: 20px;
}

.rec-hot .item img{
	display: block;
}

.rec-hot .item .title{
	position: absolute;
	bottom: 0;
	width: 90%;
	padding: 16px 5%;
	background: url(../images/news_hot_bg.png) center bottom no-repeat;
	background-size: 100% 100%;
}

.rec-hot .item .title i{
	font-size: 18px;
	color: #ffffff;
	line-height: 28px;
	max-height: 56px;
	overflow: hidden;
	display: block;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}






.more-case{
	margin-top: 20px;
	text-align: center;
}

.more-case a{
	font-size: 14px;
	color: #666666;
	line-height: 26px;
}

.more-case a:hover{
	color: #3d9602;
}

.news-tj-case{
	
}

.news-tj-case .case-list{
	margin-top: 45px;
	position: relative;
	box-shadow: 0 0 5px #EEEEEE;
	background: #FFFFFF;
}

.news-tj-case .case-tp{
	width: 66.66%;
	float: left;
	height: 380px;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.news-tj-case .case-tp img{
	width: 100%;
	display: block;
}

.news-tj-case .case-text{
	float: right;
	width: 33.33%;
}

.news-tj-case .case-text .box{
	padding: 50px 40px;
}

.news-tj-case .case-text .title{
	font-size: 22px;
	line-height: 30px;
	max-height: 60px;
	font-weight: bold;
	color: #333333;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin-top: 20px;
}

.news-tj-case .case-text .classify{
	margin-top: 10px;
}

.news-tj-case .case-text .classify i{
	background: #3d9602;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 24px;
	text-align: center;
	border-radius: 3px;
	padding: 5px 10px;
}



.news-tj-case .case-text .text{
	margin-top: 16px;
}

.news-tj-case .case-text .text p{
	color: #666666;
	font-size: 14px;
	line-height: 28px;
	max-height: 56px;
	letter-spacing: 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	
}

.news-tj-case .case-text .details{
	font-size: 12px;
	color: #999999;
	line-height: 20px;
	display: block;
	position: absolute;
	bottom: 50px;
}




.project{
	margin-top: 30px;
}

.project img{
	display: block;
}

.bs-slider{
    overflow: hidden;
   
    position: relative;
}

.bs-slider .bs-slider-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.40);
}

.bs-slider > .carousel-inner > .item > img,
.bs-slider > .carousel-inner > .item > a > img {
    margin: auto;
    width: 100% !important;
    display: block;
}

/********************
*****Slide effect
**********************/

.fade {
    opacity: 1;
}
.fade .item {
    top: 0;
    z-index: 1;
    opacity: 0;
    width: 100%;
    position: absolute;
    left: 0 !important;
    display: block !important;
    -webkit-transition: opacity ease-in-out 1s;
    -moz-transition: opacity ease-in-out 1s;
    -ms-transition: opacity ease-in-out 1s;
    -o-transition: opacity ease-in-out 1s;
    transition: opacity ease-in-out 1s;
}
.fade .item:first-child {
    top: auto;
    position: relative;
}
.fade .item.active {
    opacity: 1;
    z-index: 2;
    -webkit-transition: opacity ease-in-out 1s;
    -moz-transition: opacity ease-in-out 1s;
    -ms-transition: opacity ease-in-out 1s;
    -o-transition: opacity ease-in-out 1s;
    transition: opacity ease-in-out 1s;
}



/*---------- LEFT/RIGHT ROUND CONTROL ----------*/
.control-round .carousel-control {
    top: 47%;
    opacity: 0;
    width: 45px;
    height: 45px;
    z-index: 100;
    color: #ffffff;
    display: block;
    font-size: 24px;
    cursor: pointer;
    overflow: hidden;
    line-height: 43px;
    text-shadow: none;
    position: absolute;
    font-weight: normal;
    background: transparent;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    
}
.control-round:hover .carousel-control{
    opacity: 1;
}
.control-round .carousel-control.left {
    left: 1%;
}
.control-round .carousel-control.right {
    right: 1%;
}
.control-round .carousel-control.left:hover,
.control-round .carousel-control.right:hover{
    color: #fdfdfd;
    background: rgba(0, 0, 0, 0.5);
    border: 0px transparent;
}
.control-round .carousel-control.left>span:nth-child(1){
    left: 45%;
}
.control-round .carousel-control.right>span:nth-child(1){
    right: 45%;
}


/*---------- INDICATORS CONTROL ----------*/
.indicators-line > .carousel-indicators{
	position: absolute;
    right: 30px;
    bottom: 35px;
    left: auto;
    height: 8px;
    font-size: 0;
    overflow-x: auto;
    text-align: right;
    overflow-y: hidden;
    white-space: nowrap;
}
.indicators-line > .carousel-indicators li{
    padding: 0;
    width: 8px;
    height: 8px;
    float: left;
    text-indent: 0;
    overflow: hidden;
    text-align: left;
    position: relative;
    background: rgb(158, 158, 158);
    -webkit-font-smoothing: antialiased;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-right: 10px;
    /*-webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);
    transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);*/
    z-index: 10;
    cursor:pointer;
}
.indicators-line > .carousel-indicators li:last-child{
    margin-right: 0;
}
.indicators-line > .carousel-indicators .active{
    background-color: transparent;
    width: 16px;
    height: 8px;
    background-color: rgba(255,255,255,1);
    border-radius: 5px;
    position: relative;
    -webkit-transition: box-shadow 0.6s ease;
    -moz-transition: box-shadow 0.6s ease;
    -o-transition: box-shadow 0.6s ease;
    transition: box-shadow 0.6s ease;
    -webkit-transition: background-color 0.6s ease;
    -moz-transition: background-color 0.6s ease;
    -o-transition: background-color 0.6s ease;
    transition: background-color 0.6s ease;

}




/*---------- SLIDE CAPTION ----------*/

.carousel-inner a{
	display: block;
}


.tj-zx-text {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: url(../images/news_hot_bg.png) center bottom no-repeat;
	background-size: 100% auto;
}


.tj-zx-text i{
	position: absolute;
	bottom: 28px;
	left: 30px;
	display: block;
	font-size: 18px;
	color: #ffffff;
	line-height: 24px;
	width: 80%;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}




.con-news-list{
	padding-top: 40px;
	text-align: center;
}

.con-list-box{
	background: #FFFFFF;
	margin-bottom: 30px;
	padding: 15px;
	position: relative;
}

.con-list-box .tp{
	width: 31.8%;
	float: left;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.con-list-box .tp img{
	max-width: initial;
	height: 222px;
	display: block;
}


.con-list-box .xw-text{
	width: 68%;
	float: left;
}

.xw-text .box{
	padding: 15px 0 10px 25px;
}

.xw-text .subtitle{
	text-align: left;
	
}

.xw-text .subtitle a{
	display: block;
	font-size: 20px;
	color: #333333;
	line-height: 24px;
	max-height: 24px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.xw-text .text{
	margin-top: 16px;
}


.xw-text .text p{
	color: #858585;
	line-height: 24px;
	font-size: 14px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	height: 48px;
	overflow: hidden;
	text-align: left;
}

.xw-detail{
	position: absolute;
	bottom: 30px;
	color: #999999;
	font-size: 14px;
}

.xw-detail a{
	color: #999999;
	margin-right: 20px;
}

.xw-detail a:hover{
	color: #3d9602;
}

.news-list{
	padding-bottom: 20px;
}

.viewMore{
	color: #333;
	font-size: 18px;
	position: relative;
	padding-right: 25px;
}

.viewMore:before{
	content: "";
	display: block;
	width: 14px;
	height: 14px;
	background: url(../images/more_icon.png) left top no-repeat;
	background-size: auto 100%;
	position: absolute;
	right: 0;
	top: 6px;
}

.viewMore:hover{
	color: #3d9602;
}





.news-submenu-box{
	width: 25%;
	float: right;
}

.news-submenu-box .region{
	background: #FFFFFF;
	box-shadow: 0 0 5px #EEEEEE;
	padding: 25px 0;
	margin-top: 28px;
}

.region .title{
	padding: 0 25px;
}

.region .title i{
	font-size: 18px;
	color: #333333;
	font-weight: bold;
	position: relative;
	display: block;
	padding-left: 14px;
	float: left;
}

.region .title i:after{
	position: absolute;
	content: "";
	display: block;
	width: 3px;
	height: 18px;
	border-radius: 3px;
	background: #3d9602;
	top: 4px;
	left: 0;
}

.region .title a{
	font-size: 14px;
	line-height: 24px;
	color: #666;
	display: block;
	float: right;
}

.region .title a:hover{
	color: #006633;
}

.region .region-list{
	padding: 6px 20px 0 20px;
	
}

.region .region-list ul li{
	width: 25%;
	height: 22px;
	float: left;
	margin-top: 14px;
	text-align: center;
}

.region .region-list ul li a{
	min-width: 68px;
	max-width: 100%;
	color: #666666;
	font-size: 12px;
	line-height: 22px;
	background: #eeeeee;
	border-radius: 3px;
	text-align: center;
	display: inline-block;
	padding: 0 7px;
	letter-spacing: 0;
}

.region .region-list ul li a:hover{
	color: #FFFFFF;
	background: #3d9602;
}


.news-submenu-box .region.design{
	/*margin-top: 53px;*/
}

.region.train-tp-link{
	padding: 0;
	margin-top: 54px;
}

.region.train-tp-link img{
	display: block;
}

.design .region-list{
	padding: 6px 25px 0 25px;
}

.design .region-list ul li{
	width: initial;
	height: 22px;
	float: left;
	margin-top: 14px;
	overflow: hidden;
	text-align: center;
	margin-right: 10px;
}

.design .region-list ul li a{
	min-width: initial;
	max-width: initial;
	color: #666666;
	font-size: 12px;
	line-height: 22px;
	background: #eeeeee;
	border-radius: 3px;
	text-align: center;
	display: block;
	padding: 0 7px;
	letter-spacing: 0;
}



.hot-case{
	margin-top: 28px;
}



.hot-case-list{
	margin: 0 25px;
	padding-top: 5px;
}

.hot-case-list .item{
	margin-top: 10px;
	position: relative;
}

.hot-case-list .item img{
	display: block;
}

.hot-case-list .item .text i{
	font-size: 16px;
	line-height: 28px;
	max-height: 56px;
	color: #333333;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	background: #FFFFFF;
	width: 100%;
	padding: 12px 0;
}


.hot-news{
	margin-top: 28px;
}

.hot-news .hot-case-list .item{
	position: initial;
}

.hot-news .hot-case-list .item .text i{
	position: initial;
	padding: 14px 0;
}







.case-lb-more{
	text-align: center;
	margin-bottom: 120px;
	margin-top: 60px;
	
}


/*底部*/

.foot{
	background: #191c1a;
	padding: 75px 0 20px 0;
}

.foot-box{
	
}

.foot-data{
	float: left;
	width: 25%;
	color: #FFFFFF;
}

.foot-tel{
	
}

.foot-tel i{
	font-size: 16px;
	line-height: 32px;
}

.foot-tel b{
	font-size: 30px;
	line-height: 36px;
	display: block;
}

.foot-tel a{
	width: 110px;
	font-size: 14px;
	line-height: 32px;
	height: 32px;
	border-radius: 3px;
	display: block;
	color: #FFFFFF;
	text-align: center;
	background:#3d9602 url(../images/foot_rel.png) 13px center no-repeat;
	margin-top: 16px;
}

.foot-tel a span{
	margin-right: -28px;
}

.foot-id{
	margin-top: 18px;
}

.foot-id i{
	font-size: 16px;
	line-height: 28px;
}

.foot-id p{
	font-size: 14px;
	line-height: 24px;
}

.foot-rwm{
	margin-top: 25px;
}

.foot-rwm img{
	height: 90px;
}


.foot-menu{
	float: right;
	width: 68%;
}


.foot-menu ul li{
	float: left;
	width: 14.28%;
	line-height: 36px;
}

.foot-menu ul li i{
	color: #FFFFFF;
	font-size: 16px;
}

.foot-menu ul li a{
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
}

.foot-menu ul li ul li{
	width: 100%;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	max-height: 28px;
}

.foot-menu ul li ul{
	
}

.foot-menu ul li ul li a{
	color: #999999;
	font-size: 14px;
	font-weight: initial;
}

.foot-menu ul li ul li a:hover{
	color: #fff;
}


.foot-cpy{
	color: #858585;
	font-size: 14px;
	margin-top: 30px;
}

.con-cpy{
	float: left;
}

.conjszc{
	float: right;
}

.con-cpy a{
	color: #858585;
}

.con-cpy a:hover{
	color: #FFFFFF;
}

.foot-link{
	background: #191c1a;
	font-size: 14px;
	color: #858585;
}

.foot-link .container{
	padding: 15px 0;
	border-top: 1px solid #474948;
}

.foot-link i{
	color: #858585;
}

.foot-link a{
	color: #858585;
}

.foot-link a:hover{
	color: #FFFFFF;
}




.news-page{
	background: #f8f8f8;
	padding: 95px 0 0 0;
}

.newstitle{
	
}

.newstitle h2{
	font-size: 30px;
	line-height: 36px;
	color: #333333;
}

.newstitle .art-info{
	margin-top: 25px;
	font-size: 14px;
	color: #666666;
}

.newstitle .art-info span{
	color: #cccccc;
	margin: 0 20px;
}



.news-box-con{
	margin-top: 40px;
}

.news-box{
	width: 72.66%;
	padding: 50px 0 70px 0;
	border-top: 1px solid #dddddd;
	float: left;
	font-size: 16px;
	line-height: 28px;
	color: #333333;
}


.news-ori{
	width: 25%;
	float: right;
	background: #FFFFFF;
}


.news-ori .hot-news{
	margin-top: 20px;
}


.news-paging{
	margin-top: ;
	font-size: 16px;
	line-height: 36px;
	color: #333333;
	padding-bottom: 30px;
	border-bottom: 1px solid #dddddd;
}


.news-paging a{
	color: #666;
}

.news-paging a:hover{
	color: #3d9602;
}


.news-recom{
	margin: 52px 0 60px 0;
}

.news-recom .title:after{
	display: block;
	content: "";
	clear: both;
}

.news-recom .title i{
	float: left;
	display: block;
	font-size: 30px;
	color: #333333;
}

.news-recom .title a{
	float: right;
	display: block;
	font-size: 16px;
	color: #3d9602;
	margin-top: 18px;
}


.recom-list{
	 
}

.recom-list .item{
	float: left;
	width: 49%;
	margin-left: 2%;
	background: #FFFFFF;
	margin-top: 30px;
}

.recom-list .item:nth-child(2n+1){
	margin-left: 0;
}

.recom-list .box{
	margin: 20px;
	position: relative;
}

.recom-list .text{
	float: left;
	width: 55%;
	padding-left: 1%;
}

.recom-list .text i{
	font-size: 20px;
	max-height: 24px;
	color: #333333;
	margin-top: 12px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.recom-list .text p{
	font-size: 14px;
	line-height: 24px;
	max-height: 48px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	color: #666666;
	margin-top: 22px;
}

.recom-list .text .detime{
	position: absolute;
	bottom: 10px;
	font-size: 12px;
	color: #999999;
	width: 55%;
}

.recom-list .text .detime a{
	color: #999999;
	display: block;
	float: left;
}

.recom-list .text .detime span{
	float: right;
	display: block;
}

.recom-list .tp{
	float: right;
	width: 40.6%;
	overflow: hidden;
}

.recom-list .tp img{
	display: block;
}

.recom-list .item .text .detime a:hover,.recom-list .item .text i:hover{
	color: #3d9602;
}


.recom-list .box:after{
	display: block;
	content: "";
	clear: both;
}


.news-recom.news-case{
	margin: 70px 0 0px 0;
	padding-bottom: 170px;
}


.brand-case-list{
	
}

.brand-case-list .item{
	margin-top: 27px;
	width: 24%;
	float: left;
	margin-left: 1.33%;
	position: relative;
}

.brand-case-list .item:first-child{
	margin-left: 0;
}

.brand-case-list .tp{
	position: relative;
	z-index: 1;
}

.brand-case-list .tp img{
	display: block;
    height: 220px;
}

.brand-case-list .text{
	background: #FFFFFF;
	padding: 16px 20px 25px 20px;
	position: initial;
	top: initial;
	z-index: 9;
}

.brand-case-list .text i{
	font-size: 20px;
	max-height: 26px;
	color: #333333;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.brand-case-list .text p{
	font-size: 12px;
	line-height: 24px;
	max-height: 44px;
	color: #858585;
	margin-top: 12px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.brand-case-list .text img{
	display: block;
	margin-top: 15px;
}

/*
.name1{
	background: #F8F8F8;
}

.name1 .header{
	border-bottom: 1px solid rgba(255,255,255,.6);
	background: initial;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
}

.name1 .header:hover{
	border-bottom: initial;
	background: #FFFFFF;
}

.name1 .menu-icon a{
	border-left: 1px solid rgba(255,255,255,.6);
}

.name1 .header:hover .menu-icon a{
	border-left: 1px solid #eee;
}

.name1 .menu-icon a:hover{
	background: #3d9602;
}



.name1 .menu-icon a img{
	display: none;
}

.name1 .menu-icon a img:last-child{
	display: block;
}

.name1 .header:hover .menu-icon a img{
	display: block;
}

.name1 .header:hover .menu-icon a img:last-child{
	display: none;
}

.name1 .menu-icon a:hover img:first-child{
	display: none;
}

.name1  .menu-icon a:hover img:last-child{
	display: block;
}

.name1 .header:hover .menu-icon a:hover img:first-child{
	display: none;
}

.name1 .header:hover .menu-icon a:hover img:last-child{
	display: block;
}

.name1 #starlist li:hover>a {
	color: #3d9602;
}


.name1 .header:hover #starlist li:hover>a {
	color: #3d9602;
}

.name1 #starlist li>a {
	color: #fff;
}

.name1 .header:hover #starlist li>a{
	color: #333;
}

.name1 #starlist ul.sub li a {
	color: #333;
}*/

.name1 .fixed{
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999;
	background: #dbefe4;
}



.name1 .fixed{
	border-bottom: initial;
	background: #dbefe4;
}

/*
.name1 .fixed .menu-icon a{
	border-left: 1px solid #eee;
}

.name1 .fixed .menu-icon a img{
	display: block;
}

.name1 .fixed .menu-icon a img:last-child{
	display: none;
}


.name1 .fixed #starlist li:hover>a {
	color: #3d9602;
}

.name1 .fixed #starlist li>a{
	color: #333;
}
*/


.name1 .nav-height{
	height: 0;
}


/*banner*/

.slide-main {
	width: 100%;
	height: 100vh;
	overflow: hidden;
	position: relative;
	
}

.slide-box,.slide-info {
	width: 100%;
	height: 100%;
}

.slide-info {
	display: none;
}

.slide-info video{
	object-fit:cover;
	width:100%;
	height:100vh;
	display: block;
}

.slide-info a {
	
}

.homepc{
	width: 100%;
	height: 100vh;
	display: block;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.homephone {
	width: 100%;
	height: 100vh;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	display: none;
}

.slide-main:hover .prev2,.slide-main:hover .next2{
	opacity: .5;
}

.prev2,.next2{
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -25px;
	transition: .9s;
	-moz-transition: .9s;
	-webkit-transition: .9s;
	opacity: 0;
}

.slide-main:hover .prev2:hover,.slide-main:hover .next2:hover{
	opacity: 1;
}


.prev2{
	left: 70px;
}

.next2{
	right: 70px;
}

/*banner翻页圆点*/

.slide-main .item1 {
	width: 100%;
	position: absolute;
	z-index: 8;
	bottom: 50px;
	left: 0;
	text-align: center;
}

.slide-main .item1 a {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 4px;
	position: relative;
	border-radius: 50%;
	background: #FFFFFF;
	border: 1px solid #FFFFFF;
}

.slide-main .item1 a.cur {
	border: 1px solid #3d9602;
	background: #3d9602;
	width: 10px;
}

.slide-main .item1 a.cur:before {
	border: 1px solid #3d9602;
	background: #3d9602;
	width: 10px;
}

.slide-main .item1 a:hover {
	width: 10px;
	border: 1px solid #3d9602;
	background-color: #3d9602;
}


/* banner end */



.home-fun{
	background: #FFFFFF;
}

.home-fun .container{
	background: #f8f8f8;
	position: relative;
}

.home-fun .container:before{
	background: #3d9602;
	display: block;
	content: "";
	height: 10px;
	width: 100%;
	position: absolute;
	top: -10px;
}

.home-fun ul li{
	float: left;
	width: 25%;
	text-align: center;
	padding: 60px 0;
}

.home-fun ul li .box{
	border-right: 1px solid #eee;
}

.home-fun ul li:last-child .box{
	border-right: initial;
}

.home-fun ul li i{
	font-size: 24px;
	line-height: 24px;
	font-weight: bold;
	color: #333333;
}

.home-fun ul li p{
	font-size: 18px;
	line-height: 18px;
	margin-top: 15px;
	color: #666;
}




.home-product {
	padding-top: 65px;
	background: #dbefe4;
}

.home-product .index-title{
	text-align: center;
}


.lb-box {
  width: 100%;
  height: 800px;
  margin-top: 55px;
  position: relative;
  overflow: hidden;
}

.lb-content {
  width: 100%;  
  height: 100%;
}

.lb-item {
  width: 100%;  
  height: 100%;
  display: none;
  position: relative;   
}

.lb-item > a {
  width: 100%;
  height: 100%;
  display: block;
}


.lb-item .pro-tp {
	width: 100%;
  	height: 100%;
  	background: url(../images/pro_bg.jpg) center top no-repeat;
  	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.pro-trait{
	position: absolute;
	left: 5%;
	top: 50%;
	margin-top: -250px;
}

.pro-trait ul li{
	margin-top: 20px;
	position: relative;
}

.pro-trait ul li img{
	position: relative;
	z-index: 1;
}

.pro-trait ul li i{
	position: absolute;
	left: 50px;
	top: 24px;
	width: 240px;
	height: 40px;
	line-height: 40px;
	color: #FFFFFF;
	font-size: 16px;
	background: #333333;
	border-radius: 20px;
	z-index: 0;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.pro-trait ul li i span{
	margin-left: 50px;
}


.pro-text{
	position: absolute;
	top: 110px;
	right: 5%;
	text-align: right;
}

.pro-text i{
	font-size: 60px;
	color: #333333;
	font-weight: bold;
}

.pro-text p{
	font-size: 20px;
	margin: 26px 0 88px 0;
	color: #333333;
}


.lb-sign {
  position: absolute;
  right: 0px;
  bottom: 0px;
  background-color: #3d9602;
  width: 50%;
}

.pro-item{
	
}

.lb-sign li {
  width: 70%;
   height: 140px;
  display: none;
}

.lb-sign li.active {
	display: block; 
}

.pro-item{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	padding: 52px 0 0 70px;
}

.pro-item i{
	font-size: 24px;
	line-height: 24px;
	margin-left: 6%;
	padding-left: 6%;
	 color: #fff;
	border-left: 1px solid #80ba9b;
}

.lb-item.active {
  display: block;
  left: 0%;
}
.lb-item.active.left {
  left: -100%;
}
.lb-item.active.right {
  left: 100%;
}

/*  */
.lb-item.next,
.lb-item.prev {
  display: block;
  position: absolute;
  top: 0px;
}
.lb-item.next {
  left: 100%;
}
.lb-item.prev {
  left: -100%;
}
.lb-item.next.left,
.lb-item.prev.right {
  left: 0%;
}


.lb-ctrl {
  position: absolute;
  bottom: 34px;
  transform: translateY(-50%);
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.1s linear;
  opacity: .5;
  width: 31px;
  height: 31px;
}
.lb-ctrl.left {
  right: 110px; 
  background: url(../images/pro_left.png) center center no-repeat;
  background-size: 100% 100%;
}
.lb-ctrl.right {
  right: 60px;
  background: url(../images/pro_right.png) center center no-repeat;
  background-size: 100% 100%;
}
.lb-ctrl.left:hover {
  opacity: 1;
}
.lb-ctrl.right:hover {
  opacity: 1;
}






.home-com{
	
}

.home-com .container{
	background: #FFFFFF;
}


.con-com-text{
	float: left;
	width: 50%;
}

.con-com-text .box{
	padding: 100px 80px;
	background: url(../images/com_icon_bg.jpg) center 50px no-repeat;
}

.index-title{
	text-align: center;
}

.index-title i{
	font-size: 38px;
	color: #3d9602;
	font-weight: bold;
}

.index-title span{
	display: block;
	font-size: 18px;
	color: #858585;
	margin-top: 8px;
	text-transform: uppercase;
}


.home-about-text .com-int{
	font-size: 18px;
	color: #333333;
	line-height: 36px;
	margin-bottom: 18px;
}

.home-about-text .com-int span{
	display: block;
}

.con-com-text .com-des{
	border-top: 1px solid #3d9602;
	margin-top: 20px;
	padding-top: 22px;
	font-size: 16px;
	line-height: 32px;
	color: #666666;
}

.con-com-text .com-des p{
	text-align: justify;
	letter-spacing: 1.5px;
}

.con-com-text .com-trait{
	margin-top: 88px;
}

.con-com-text .com-trait ul li{
	float: left;
	width: 25%;
}

.con-com-text .com-trait ul li i{
	font-size: 28px;
	font-weight: bold;
	color: #3d9602;
}

.con-com-text .com-trait ul li p{
	font-size: 16px;
	line-height: 32px;
	color: #333;
}


.con-com-tp{
	float: left;
	width: 50%;
}

.con-com-tp img{
	display: block;
}



.home-adv{
	background: url(../images/adv_bg_j.jpg) center top no-repeat;
	padding: 115px 0 110px 0;
}

.home-adv .index-title{
	text-align: center;
}

.home-adv .index-title i{
	color: #fff;
	font-weight: bold;
}

.home-adv .index-title span{
	color: #fff;
	text-transform: uppercase;
}



.adv-icon{
	margin-top: 150px;
}

.adv-icon ul li{
	margin-bottom: 80px;
	height: 86px;
}

.adv-icon-left{
	float: left;
	width: 26%;
}

.adv-icon-left ul li .tp{
	float: right;
	width: 18%;
	text-align: right;
}

.adv-icon-left ul li .box{
	float: right;
	width: 75%;
	text-align: right;
	margin-right: 5%;
}

.adv-icon-left ul li .box span,.adv-icon-right ul li .box span{
	display: block;
}

.adv-icon-left ul li .box i,.adv-icon-right ul li .box i{
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	display: block;
	margin-top: 2px;
}

.adv-icon-left ul li .box p,.adv-icon-right ul li .box p{
	font-size: 14px;
	line-height: 26px;
	color: #fff;
	margin-top: 12px;
}

.adv-icon-right{
	float: right;
	width: 28%;
}

.adv-icon-right ul li .tp{
	float: left;
	width: 18%;
	text-align: left;
}

.adv-icon-right ul li .box{
	float: left;
	width: 75%;
	text-align: left;
	margin-left: 5%;
}



.home-solut{
	padding: 80px 0 90px 0;
	background: #f8f8f8;
}




.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.owl-carousel {
	display: none;
	position: relative;
	margin-top: 60px;
	width: 100%;
	-ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper {
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
	overflow: hidden;
	position: relative;
	width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
	text-align: center;
	float: left;
}

.owl-carousel .owl-item .item-content{
	padding: 0 5px;
}


.owl-controls .owl-page,
.owl-controls .owl-buttons div {
	cursor: pointer;
}

.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.grabbing {
	cursor: url(../images/grabbing.png) 8 8, move;
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
}

.owl-theme .owl-controls {
	text-align: center;
}

.owl-theme .owl-controls .owl-buttons .owl-prev {
	position: absolute;
	top: 50%;
	margin-top: -22px;
	left: -60px;
	width: 44px;
	height: 44px;
	font-size: 0;
	background: #ddd url(../images/solut_left_jt.png) left top no-repeat;
	border-radius: 50%;
}

.owl-theme .owl-controls .owl-buttons .owl-next {
	position: absolute;
	top: 50%;
	margin-top: -22px;
	right: -60px;
	width: 44px;
	height: 44px;
	font-size: 0;
	background: #ddd url(../images/solut_right_jt.png) left top no-repeat;
	border-radius: 50%;
}


.owl-theme .owl-controls.clickable .owl-buttons div:hover {
	filter: Alpha(Opacity=100);
	/*IE7 fix*/
	text-decoration: none;
	background-color: #3d9602;
}


.owl-item.loading {
	display: none;
	min-height: 150px;
	/*background: url(../images/AjaxLoader.gif) no-repeat center center*/
}

.owl-pagination{
	display: none;
}





.item-content{
	overflow: hidden;
	position: relative;
}
.item-content a{
	display: block;
	width: 100%;
	height: auto;
	text-decoration: none;
}
.item-content a .img-wrapper{
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.item-content .text{
	color: #FFFFFF;
	position: absolute;
	top: 65px;
	left: 5%;
	width: 90%;
	text-align: center;
}

.item-content .text i{
	font-size: 30px;
}

.item-content .text p{
	font-size: 16px;
	max-height: 36px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	margin: 8px 0;
}

.item-content .text span{
	font-size: 14px;
	opacity: .6;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
}

.item-content:hover .text span{
	opacity: 1;
}


.rvc {
	margin-bottom: 80px;
}

.rvc .rvc-wrapper ul li{
	float: left;
	background: #FFFFFF;
	position: relative;
}
.rvc .rvc-wrapper ul li a{
	display: block;
	width: 100%;
	height: auto;
	text-decoration: none;
}
.rvc .rvc-wrapper ul li a .img-wrapper{
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center; 
}

.rvc .rvc-wrapper ul li .text{
	color: #FFFFFF;
	position: absolute;
	top: 65px;
	left: 5%;
	width: 90%;
	text-align: center;
}

.rvc .rvc-wrapper ul li .text i{
	font-size: 30px;
}

.rvc .rvc-wrapper ul li .text p{
	font-size: 16px;
	max-height: 36px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	margin: 8px 0;
}

.rvc .rvc-wrapper ul li .text span{
	font-size: 14px;
	opacity: .6;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
}

.rvc .rvc-wrapper ul li:hover .text span{
	opacity: 1;
}



.home-case{
	padding: 75px 0 70px 0;
	background: #dbefe4;
}

.home-case .index-title,.home-news .index-title,.home-solut .index-title{
	text-align: center;
	text-transform: uppercase;
}

.home-case-list{
	margin-top: 15px;
}

.home-case-list .item{
	width: 24.1075%;
	margin-left: 1.19%;
	float: left;
	margin-top: 20px;
	overflow: hidden;
	position: relative;
}

.home-case-list .item:nth-child(4n+1){
	margin-left: 0;
}

.home-case-list .item .tp{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	width: 100%;
}

.home-case-list .item img{
	display: block;
	height: 394px;
	max-width: initial;
}

.home-case-list .item .text{
	position: absolute;
	bottom: 0;
	color: #FFFFFF;
	background: url(../images/case_list_bg.png) center bottom no-repeat;
	background-size: 100% 100%;
	height: 40%;
	width: 100%;
}

.home-case-list .item .text .box{
	position: absolute;
	bottom: 28px;
	left: 0;
	width: 86%;
	padding: 0 7%;
	color: #FFFFFF;
}

.home-case-list .item .text .box i{
	font-size: 24px;
	line-height: 30px;
	max-height: 30px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.home-case-list .item .text .box p{
	font-size: 16px;
	line-height: 28px;
	max-height: 28px
	margin-top: 6px;
	color: #dddddd;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}



.case-more{
	margin-top: 40px;
}

.case-more a{
	display: block;
	width: 158px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	border: 1px solid #dddddd;
	font-size: 14px;
	color: #858585;
	margin: 0 auto;
}

.case-more a i{
	background: url(../images/case_icon.png) right center no-repeat;
	background-size: 10px 10px;
	padding-right: 22px;
}

.case-more a:hover{
	border: 1px solid #3d9602;
	background: #3d9602;
	color: #FFFFFF;
}

.case-more a:hover i{
	background: url(../images/case_icon_a.png) right center no-repeat;
}





.home-video{
	background: url(../images/home_video_bg.jpg) center top no-repeat;
	background-size: auto 100%;
	height: 720px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.home-video .show{
	margin-top: -200px;
	cursor:pointer;
}

.home-video .show i{
	color: #FFFFFF;
	font-size: 30px;
	line-height: 60px;
	padding-left: 90px;
	letter-spacing: 6px;
	background: url(../images/home_video_icon.png) left center no-repeat;
	display: block;
}

.videos-bg{
	
}

.videos-bg #video{
	position: fixed;
	left: 0;
	top: 0;
	text-align: center;
	z-index: 999999;
	height: 80vh;
	width: 80%;
	margin: 10vh 10%;
}

.vclose-box{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	background: #000;
	z-index: 99999;
	cursor: pointer;
}

.vclose-box .vclose{
	position: fixed;
	right: 40px;
	top: 40px;
	z-index: 9999999;
	cursor: pointer;
}



.home-news{
	padding: 70px 0 70px 0;
	background: #dbefe4;
}


.home-news-list{
	margin-top: 35px;
}


.home-news-item{
	width: 49%;
	float: left;
	overflow: hidden;
	position: relative;
}

.home-news-item .tp{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	width: 100%;
}

.home-news-item img{
	display: block;
	max-width: initial;
	height: 486px;
}

.home-news-item .text{
	position: absolute;
	bottom: 0;
	color: #FFFFFF;
	background: url(../images/case_list_bg.png) center bottom no-repeat;
	background-size: 100% 100%;
	height: 50%;
	width: 100%;
}

.home-news-item .text .box{
	position: absolute;
	bottom: 30px;
	left: 4%;
	margin: 0;
	width: 92%;
}

.home-news-item .text .box i{
	color: #FFFFFF;
	font-size: 24px;
	max-height: 36px;
	display: block;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	margin-top: 0;
}

.home-news-item .text .box p{
	font-size: 14px;
	line-height: 24px;
	margin-top: 10px;
	color: #dddddd;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.home-news-list.recom-list .item{
	margin-top: 32px;
}

.home-news-list.recom-list .item:nth-child(2) {
    margin-top: 0;
}


.home-news-list.recom-list .item:nth-child(3),.home-news-list.recom-list .item:nth-child(5) {
    margin-left: 2%;
}

.home-news-list.recom-list .item:nth-child(4) {
    clear: both;
    margin-left: 0;
}





.case-banner {
	position: relative;
}

.case-banner .tp{
	height: 900px;
	background-image: url(../images/case_banner.jpg);
	background-position: center top; 
	background-repeat: no-repeat;
	background-size: auto 100%;
	position: relative;
}



.al-sic{
	padding: 0 0 120px 0;
	background: #F8F8F8;
}

.case-title{
	text-align: center;
}

.case-title i{
	font-size: 36px;
	color: #333333;
}

.case-title span{
	font-size: 18px;
	color: #cccccc;
	font-weight: initial;
	display: block;
	margin-top: 10px;
	text-transform: uppercase;
}



.an_omk ul li{
	float: left;
	width: 23.5%;
	margin-right: 2%;
}

.an_omk ul li:last-child{
	margin-right: 0;
}

.an_omk ul li i{
	float: left;
	width: 26.6%;
}

.an_omk ul li p{
	float: right;
	width: 67%;
	height: 100px;
	border-bottom: 1px solid #b7b7b7;
}

.an_omk ul li b{
	font-size: 16px;
	line-height: 28px;
	max-height: 28px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	color: #333333;
	font-weight: bold;
	display: block;
	margin-bottom: 10px;
}

.an_omk ul li span{
	font-size: 14px;
	line-height: 24px;
	max-height: 48px;
	color: #858585;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}



.al-exc{
	background: #FFFFFF;
	padding: 115px 0;
}

.exc-title-box{
	position: relative;
}

.exc-title-box .case-title{
	text-align: left;
	float: left;
	padding-left: 20px;
	border-left: 2px solid #3d9602;
}

.exc-title-box .case-title i{
	line-height: 36px;
}


.al-exc-menu{
	position: absolute;
	right: 0;
	bottom: 0;
}

.al-exc-menu a{
	font-size: 16px;
	color: #666666;
	margin: 0 5px;
	padding: 0 15px;
	line-height: 36px;
	display: block;
	float: left;
	border-radius: 4px;
}

.al-exc-menu a:hover{
	color: #FFFFFF;
	background: #3d9602;
}

.al-exc-menu a.active{
	color: #FFFFFF;
	background: #3d9602;
}

.al-exc-menu a:last-child{
	margin: 0 0 0 5px;
}







.al-exc-item.home-case-list{
	
}


.al-more{
	text-align: center;
	margin-top: 50px;
}

.al-news{
	background: #F8F8F8;
	padding: 85px 0 95px 0;
}

.al-news .news-recom {
	margin: 0;
}

.al-news .news-recom .title i{
	font-size: 16px;
	color: #333333;
}
.al-news .news-recom .title a{
	margin-top: 0;
}


/*案例滚动*/
.slider2 {
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 50px;
}
.slides {
	height: auto;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	-webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
.slide-item {
	height: auto;
	float: left;
	clear: none;
	background: #FFFFFF;
}
.slider-arrows {
}


.slider-arrow {
	position: absolute;
	display: block;
	width: 60px;
	height: 60px;
	font-size: 0;
}
.slider-arrow--right {
	bottom: 0;
	left: 65.66%;
	background: url(../images/topicarrow.jpg) right top no-repeat;
}
.slider-arrow--left {
	bottom: 0;
	left: 65.66%;
	margin-left: -60px;
	background: url(../images/topicarrow.jpg) left top no-repeat;
}

.slider-arrow--right:hover{
	background: url(../images/topicarrow_hover.jpg) right top no-repeat;
}
.slider-arrow--left:hover {
	background: url(../images/topicarrow_hover.jpg) left top no-repeat;
}

.slider-nav {
	position: absolute;
	bottom: 30px;
}

.slider-nav__item { 
	display: none;
}


.al-sic-tp{
	height: 530px;
	width: 66%;
	float: left;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.al-sic-tp img{
	display: block;
	width: 100%;
}

.al-sic-text{
	width: 34%;
	float: right;
}

.al-sic-text .box{
	padding: 60px 50px;
}

.al-sic-text .title i{
	font-size: 28px;
	line-height: 32px;
	color: #333333;
	font-weight: bold;
	display: block;
	margin-bottom: 25px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	max-height: 64px;
}

.al-sic-text .title span{
	font-size: 14px;
	color: #FFFFFF;
	padding: 8px 15px;
	border-radius: 4px;
	background: #3d9602;
	width: auto;
}

.al-sic-text .text p{
	font-size: 16px;
	line-height: 32px;
	color: #666666;
	margin-top: 45px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	max-height: 96px;
}

.al-sic-text .details{
	position: absolute;
	bottom: 110px;
}

.al-sic-text .details a{
	font-size: 14px;
	color: #999999;
}

.al-sic-text .details a:hover{
	color: #3d9602;
	text-decoration: underline;
}


.case-con-box{
	background: #F8F8F8;
	padding: 120px 0 130px 0;
}

.case-con-tp{
	float: left;
	width: 58.4%;
}

.case-con-text{
	float: right;
	width: 39%;
	background: #FFFFFF;
}

.case-con-text .box{
	padding: 40px;
}


.case-con-text h2{
	font-size: 24px;
	line-height: 30px;
	color: #333333;
}

.case-con-text .art-info{
	margin-top: 15px;
	font-size: 14px;
	color: #666666;
}

.case-con-text .art-info span{
	color: #cccccc;
	margin: 0 15px;
}

.case-con-text .title span{
	font-size: 14px;
	color: #999;
	display: block;
	margin-top: 10px;
}

.case-con-text .chara{
	margin-top: 30px;
	background: #f6f7fa;
}

.case-con-text .chara ul{
	padding: 15px 30px;
}

.case-con-text .chara.case-chara{
	background: initial;
}

.case-con-text .chara.case-chara ul{
	padding: 0;
}


.case-con-text .chara ul li{
	line-height: 48px;
	background: url(../images/case_ch_line.png) center bottom repeat-x;
	font-size: 16px;
	color: #666666;
	overflow: hidden;
}

.case-con-text .chara.case-chara ul li:first-child{
	border-top: 1px solid #e5e5e5;
}

.case-con-text .chara ul li:last-child{
	background: initial;
}

.case-con-text .chara ul li i{
	float: left;
	display: block;
	width: 20%;
	color: #999;
	overflow: hidden;
}

.case-con-text .chara ul li span{
	float: right;
	width: 70%;
	text-align: right;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}


.case-con-text .self{
	margin-top: 30px;
	color: #666;
	font-size: 14px;
	line-height: 26px;
}

.case-con-text .self i{
	font-weight: bold;
}

.case-con-text .self p{
	margin-top: 8px;
}



.case-sult{
	margin-top: 40px;
}

.case-sult a{
	display: inline-block;
	padding: 0 20px;
	margin-right: 8px;
	background: #3d9602;
	color: #FFFFFF;
	font-size: 16px;
	line-height: 40px;
	text-align: center;
}

.case-sult a:first-child{
	font-weight: bold;
}

.case-sult p{
	color: #333;
	font-size: 18px;
	line-height: 28px;
	margin-top: 12px;
}

.case-sult p span{
	color: #3d9602;
}


.slider-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
  background-color: #444;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.slider {
  position: relative;
  width: 9999px;
}
.slider:before,
.slider:after {
  display: table;
  content: ' ';
}
.slider:after {
  clear: both;
}
.slider__item {
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  height: 100%;
}
.slider__item img {
  display: block;
  max-width: 100%;
  height: auto;
}
.slider__switch span {
  color: #fff;
  display: block;
  width: 32px;
  height: 32px;
} 
/* Arrows */
.slider__switch {
  position: absolute;
  top: 50%;
  margin-top: -20px;
  padding: 10px 5px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
       -o-user-select: none;
          user-select: none;
  border-radius: 1px;
  background: #000;
  opacity: .3;
  transition: opacity .15s ease;
  fill: #fff;
}
.slider__switch--prev {
  left: 10px;
}
.slider__switch--next {
  right: 10px;
}

.slider__switch:hover {
  opacity: .85;
}
.slider__switch[disabled] {
  visibility: hidden;
  opacity: 0;
}
.slider-nav {
  line-height: 30px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30px;
  margin: 0;
  padding: 0;
  text-align: center;
  z-index: 99999;
  filter: alpha(opacity=90); /* ie8 */
}
.slider-nav__control {
  display: none;
}

.slider.has-touch {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor:    -moz-grabbing;
}

		.preview {
			margin-top: 15px;
		    text-align: center;
		    padding: 10px;
		    background: #FFFFFF;
		}
		.preview a {
		  display: inline-block;
		  margin: 5px;
		}
		.preview img {
		  display: block;
		  width: 120px;
		  height: auto;
		}
		.preview .active {
		  outline: 3px solid #3d9602;
		}
		
		
		
.al-video-box{
	background: #FFFFFF;
}

.al-video-box video{
	width:66.66%;
	display: block;
	float: left;
}

.al-video-box .text{
	width:33.33%;
	float: right;
}

.al-video-box .text .box{
	padding: 70px 50px;
}

.al-video-box .text i{
	font-size: 28px;
	color: #333333;
	line-height: 42px;
	max-height: 84px;
	font-weight: bold;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.al-video-box .text span{
	font-size: 16px;
	line-height: 18px;
	color: #FFFFFF;
	background: #3d9602;
	padding: 7px 14px;
	display: inline-block;
	border-radius: 4px;
	margin-bottom: 20px;
}

.al-video-box .text p{
	font-size: 16px;
	line-height: 32px;
	margin-top: 32px;
	color: #333333;
}

.case-page.news-page .news-box-con{
	margin-top: 0;
}

.case-page .news-box{
	width: 72.66%;
	padding: 0;
	border-top: initial;
	float: left;
	font-size: 18px;
	line-height: 36px;
	background: #FFFFFF;
}

.case-page .news-box .box{
	padding: 60px 50px;
}


.case-page .region .title i{
	float: left;
	display: block;
}

.case-page .region .title a{
	font-size: 12px;
	line-height: 18px;
	color: #999999;
	float: right;
}



.case-con-consult{
	background: url(../images/case_con_bg.jpg) center top no-repeat;
	background-size: auto 100%;
	padding: 95px 0;
	text-align: center;
}

.case-con-consult .title{
	color: #FFFFFF;
}

.case-con-consult .title span{
	font-size: 72px;
	line-height: 72px;
	font-weight: bold;
	color: rgba(255,255,255,.1);
	letter-spacing: 5px;
}

.case-con-consult .title i{
	font-size: 48px;
	display: block;
	font-weight: bold;
	margin-top: -40px;
	letter-spacing: 2px;
}

.case-con-consult .title p{
	font-size: 20px;
	margin-top: 15px;
}


.case-con-consult .sult-but{
	margin-top: 40px;
}

.case-con-consult .sult-but a{
	width: 140px;
	height: 44px;
	line-height: 44px;
	font-size: 16px;
	display: block;
	color: #FFFFFF;
	background: #00a44f;
	border-radius: 22px;
	margin: 0 auto;
}




.plan-banner img{
	display: block;
	margin: 0 auto;
}

.plan-banner .phone{
	display: none;
}

.plan-list{
	padding: 160px 0 115px 0;
}

.plan-menu{
	text-align: center;
}
.plan-menu a{
	font-size: 16px;
	color: #666666;
	margin: 10px 5px;
	padding: 0 14px;
	line-height: 36px;
	display: inline-block;
	border-radius: 4px;
	background: #F8F8F8;
}

.plan-menu a:hover{
	color: #FFFFFF;
	background: #007347;
}

.plan-menu a.active{
	color: #FFFFFF;
	background: #007347;
}



.plan-box .rvc{			
	max-width: 1640px;
	position: relative;
	margin: auto;
	margin-top: 40px;
}

.plan-box .rvc .rvc-wrapper ul li{
	width: 32.66%;
	margin-left: 1.01%;
	margin-top: 20px;
}

.plan-box .rvc .rvc-wrapper ul li:nth-child(3n+1){
	margin-left: 0;
}





.school-banner{
	margin-top: 60px;
	position: relative;
}

.school-banner .container{ 
	position: absolute;
	top: 0;
}

.school-banner .box{
	width: 33%;
	padding-left: 7%;
	padding-top: 160px;
}

.school-banner .title{
	
}

.school-banner .title i{
	font-size: 36px;
	color: #333333;
	font-weight: bold;
	float: left;
}

.schvideo{
	float: left;
	cursor: pointer;
	margin-left: 40px;
	padding-left: 48px;
	background: url(../images/school_icon.png) left center no-repeat;
}

.schvideo span{
	display: inline-block;
	line-height: 48px;
}

.school-banner .text{
	font-size: 16px;
	color: #333333;
	line-height: 32px;
	margin-top: 20px;
	padding-bottom: 40px;
}


.sch-solution{
	padding: 95px 0 105px 0;
}

.school .container{
	max-width: 1400px;
	padding: 0 120px;
}

.sch-title{
	color: #3d9602;
	font-size: 20px;
	text-align: center;
	font-weight: bold;
	position: relative;
}

.sch-title i{
	background: #FFFFFF;
	padding: 0 15px;
	position: relative;
	z-index: 9;
}

.sch-title span{
	margin-left: 15px;
	font-weight: initial;
}

.sch-title:after{
	position: absolute;
	top: 50%;
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background: #3d9602;
}

.sch-sol-con{
	margin-top: 60px;
}


.sch-sol-con .tp{
	width: 50%;
	float: left;
}

.sch-sol-con .text{
	width: 47%;
	float: right;
}

.sch-pro-ana{
	margin-bottom: 38px;
}

.sch-pro-ana .subtitle{
	width: 100%;
	background: #eeeeee;
	line-height: 38px;
	color: #878787;
	font-size: 16px;
}

.sch-pro-ana .subtitle span{
	font-size: 14px;
}

.sch-pro-ana p{
	font-size: 16px;
	line-height: 32px;
	color: #333333;
	margin-top: 16px;
}

.sch-pro-ana .subtitle i{
	margin-right: 15px;
	padding-left: 34px;
	margin-left: 15px;
	background: url(../images/school_icon1.png) left center no-repeat;
}

.sch-pro-ana:last-child .subtitle i{
	background: url(../images/school_icon2.png) left center no-repeat;
}



.sch-apply{
	background: url(../images/school_bg1.jpg) center bottom no-repeat;
	padding-bottom: 100px;
}

.sch-apply .text{
	float: left;
	width: 50%;
}

.sch-apply .text span{
	display: inline-block;
	text-align: center;
	line-height: 38px;
	border: 1px solid #3d9602;
	padding: 0 18px;
	font-size: 20px;
	color: #3d9602;
	border-radius: 4px;
}

.sch-apply .text i{
	display: block;
	font-size: 20px;
	line-height: 40px;
	font-weight: bold;
	color: #3d9602;
	margin-top: 20px;
	margin-bottom: 15px;
}

.sch-apply .text p{
	font-size: 16px;
	line-height: 30px;
	color: #333;
}


.sch-apply .apply-plan{
	float: right;
	width: 47%;
	background-color: rgba(238,238,238,.4);
}

.sch-apply .apply-plan .box{
	padding: 45px 35px;
}

.sch-apply .apply-plan .item{
	margin-top: 35px;
}

.sch-apply .apply-plan .item:first-child{
	margin-top: 0;
}

.sch-apply .apply-plan i{
	font-weight: bold;
	color: #444444;
	font-size: 20px;
}

.sch-apply .apply-plan p{
	color: #333333;
	font-size: 16px;
	line-height: 32px;
	margin-top: 10px;
}


.sch-ple-con{
	margin-top: 50px;
}

.section{
	background: #3d9602 url(../images/school_data_bg.jpg) center top no-repeat;
	background-size: auto 100%;
}

.index-coredata {position: relative;}
.index-coredata .main {position: absolute;left: 0;z-index: 20;top: 0;width: 100%;height: 100%;text-align: center;}
.index-coredata .title{color: #fff;margin-top: 5%;}
.index-coredata .title h2{
	color: #fff;
	font-size: 38px;
}

.index-coredata .text{font-size: 16px;line-height: 32px; color: #cbdcd1;margin-top: 30px;}
.index-coredata .text span{display: block;}
.coredata {}
.coredata .item{color: #fff;position: relative;position: absolute;}
.coredata .item h6{font-size: 14px;margin: 0;font-weight: normal;}
.coredata .item h2{font-size: 60px;margin: 0;font-weight: normal;}
.coredata .item h4{font-size: 16px;margin: 0;font-weight: normal;opacity: .5;}
.coredata .item i{}
.coredata .item.item1{text-align: right;left:22%;top: 40%;}
.coredata .item.item2{text-align: left;right:22%;top: 40%;}
.coredata .item.item3{text-align: right;left:37%;bottom: 20%;}
.coredata .item.item4{text-align: left;right:29.5%;bottom: 20%;}

.mt-number-animate {  font-size: 60px;line-height:60px; height: 60px;overflow: hidden; display: inline-block; position: relative; }
.mt-number-animate .mt-number-animate-dot{ width: 20px;line-height: 60px; float: left; text-align: center;}
.mt-number-animate .mt-number-animate-dom{ width: 34px;text-align: center; float: left; position: relative; top: 0;}
.mt-number-animate .mt-number-animate-dom .mt-number-animate-span{ width: 100%;float: left;}

.canvasearthring {width: 100%;height:100%;overflow: hidden;position: absolute;left:0;top:0;z-index: 11;}
#earth{background-image: url("../images/school_data.png");background-position: center;background-repeat: no-repeat;width: 136px;height: 136px;position: absolute;top: 50%;margin-left: -50px;left: 50%;margin-top: -55px;z-index:1;-webkit-animation-name: spin;-webkit-animation-duration: 90000ms;-webkit-animation-iteration-count: infinite;-webkit-animation-timing-function: linear;-moz-animation-name: spin;-moz-animation-duration: 90000ms;-moz-animation-iteration-count: infinite;-moz-animation-timing-function: linear;-ms-animation-name: spin;-ms-animation-duration:90000ms;-ms-animation-iteration-count: infinite;-ms-animation-timing-function: linear;animation-name: spin;animation-duration: 90000ms;animation-iteration-count: infinite;animation-timing-function: linear;}



@-ms-keyframes spin {from { -ms-transform: rotate(360deg); }to { -ms-transform: rotate(0deg); }}
@-moz-keyframes spin {from { -moz-transform: rotate(360deg); }to { -moz-transform: rotate(0deg); }}
@-webkit-keyframes spin {from { -webkit-transform: rotate(360deg); }to { -webkit-transform: rotate(0deg); }}




.sch-adv-con{
	margin-top: 30px;
}

.sch-adv-con ul li{
	width: 48.5%;
	float: left;
	margin-left: 3%;
	margin-top: 40px;
}

.sch-adv-con ul li:nth-child(2n+1){
	margin-left: 0;
}

.sch-adv-con ul li img{
	display: block;
}

.sch-solution.sch-case{
	padding-top: 0;
}




.sch-pro-con{
	margin-top: 60px;
}

.sch-pro-con ul li{
	text-align: center;
	padding:30px 30px 45px 30px;
}

.sch-pro-con ul a{
	display: block;
	width: 23.65%;
	float: left;
	margin-left: 1.8%;
	box-shadow: 0 0 10px #eee;
	background: #FFFFFF;
}

.sch-pro-con ul a:first-child{
	margin-left: 0;
}

.sch-pro-con ul li img{
	display: inline-block;
}

.sch-pro-con ul li i{
	font-size: 18px;
	color: #333333;
	font-weight: bold;
	margin-bottom: 8px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	max-height: 30px;
	margin-top: 10px;
}

.sch-pro-con ul a:hover {
	margin-top: -10px;
	box-shadow: 0 0 15px #ccc;
}

.sch-pro-con ul a:hover li i{
	color: #3d9602;
}

.sch-pro-con ul li span{
	font-size: 14px;
	color: #999999;
}



.sch-case-con{
	margin-top: 80px;
}



.plan-submit{
	padding: 125px 0;
	background: #3d9602 url(../images/school_contact_bg.jpg) center top no-repeat;
	background-size: auto 100%;
}

.plan-submit .container{
	position: relative;
}

.plan-submit .text{
	float: left;
	width: 46%;
}

.plan-submit .title i{
	font-size: 48px;
	color: #ffffff;
	line-height: 68px;
	font-weight: bold;
}

.plan-submit .title i span{
	display: block;
}

.plan-submit .title p{
	font-size: 24px;
	color: #ffffff;
	margin-top: 30px;
}

.plan-submit .tel {
	position: absolute;
	bottom: 0;
}

.plan-submit .tel span{
	font-size: 18px;
	line-height: 30px;
	color: #cbdbd1;
	padding-left: 35px;
	background: url(../images/plan_tel_icon.png) left center no-repeat;
}


.plan-submit .tel i{
	font-size: 48px;
	line-height: 48px;
	color: #ffffff;
	display: block;
	margin-top: 6px;
}


.plan-submit .mit{
	float: right;
	width: 42%;
}

.plan-submit .mit input{
	width: 94%;
	padding: 0 3%;
	font-size: 16px;
	color: #666666;
	height: 50px;
	line-height: 50px;
	border: initial;
	border-radius: 4px;
	margin-bottom: 20px;
}

.plan-submit .mit textarea{
	width: 94%;
	padding: 10px 3%;
	font-size: 16px;
	line-height: 28px;
	color: #666666;
	border: initial;
	border-radius: 4px;
	height: 140px;
}

.submit-anniu {
	margin-top: 20px;
}

.submit-anniu a{
	display: block;
	width: 100%;
	color: #FFFFFF;
	background: #008e43;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border-radius: 4px;
	font-size: 18px;
}




.page-banner img{
	display: block;
	margin: 0 auto;
}

.page-banner .pc{
	display: block;
}

.page-banner .phone{
	display: none;
}




.product-menu{
	background: #FFFFFF;
	box-shadow: 0 0 10px #EEEEEE;
	padding: 70px 0;
}

.product-menu ul li{
	width: 20%;
	float: left;
	text-align: center;
}

.product-menu ul li img{
	display: block;
	margin: 0 auto;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
}

.product-menu ul li .def{
	
}

.product-menu ul li .dis{
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	opacity: 0;
}

.product-menu ul li:hover .def{
	opacity: 0;
}

.product-menu ul li:hover .dis{
	opacity: 1;
}

.product-menu ul li.active .def{
	opacity: 0;
}

.product-menu ul li.active .dis{
	opacity: 1;
}

.product-menu ul li.active i{
	color: #3d9602;
}

.product-menu ul li i{
	font-size: 18px;
	max-height: 24px;
	color: #333333;
	margin-top: 16px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.product-menu ul li:hover i{
	color: #3d9602;
}

.product-menu ul li a{
	display: block;
	border-left: 1px solid #eeeeee;
	position: relative;
}

.product-menu ul li:first-child a{
	border-left: initial;
}



.screen{
	background: #F8F8F8;
}

#box {
	width: 100%;
	background: rgb(255, 255, 255);
	box-shadow: 0 0 10px rgba(73,66,66,.1);
	margin: 50px auto 0px auto;
	padding: 15px 0;
		}

		#box dl {
			height: 60px;
			line-height: 60px;
			border-bottom: 1px dashed #dadada;
			margin: 0 30px;
			font-size: 16px;
			overflow: hidden;
		}
		
		#box dl:last-child {
			border-bottom: none;
		}

		#box dt {
			float: left;
			color: #858585;
		}

		#box dd {
			float: left;
			color: #333333;
			margin: 0 16px;
			cursor: pointer;
		}

		#box dd.active {
	color: #3d9602;
	font-weight: bold;
		}

		#box dl.select {
			background: #efefef;
			margin: 0;
			padding: 0 20px;
			display: none;
		}

		/*#box dl.select dd{
	border: 1px solid #c4284d;
	height: 25px;
	line-height: 25px;
	margin-top: 13px;
	padding: 0 2px 0 10px;
	border-radius: 3px;background-color: #fff;
		}
		#box dl.select dd span{
			width: 20px;
			height: 20px;
			display: inline-block;
			text-align: center;
			line-height: 20px;
			background: #c4284d;
			color: #fff;
			margin-left: 10px;
			cursor: pointer;border-radius: 5px;
		}*/

.fixed-menu.fixed{
	position: initial;
	box-shadow: initial;
    top: initial;
    width: initial;
    z-index: initial;
}

/*.fixed-menu.subcase.fixed{
	display: block;
}*/
		
.fixed-menu{
	margin-top: 60px;
	background: #FFFFFF;
	box-shadow: initial;
	padding: 20px 0;
	transition: all 0.3s;
	position: relative;
	border-top: 1px solid #eee;
}

.fixed-menu.subcase ul{
	width: 100%;
	padding-left: initial;
	text-align: center;
}

.fixed-menu.subcase ul li{
	width: auto;
	margin: 0 10px;
	float: initial;
	display: inline-block;
}

.fixed-menu.subcase ul li:first-child{
	position: initial;
	left: initial;
	width: auto;
	float: initial;
}

.fixed-menu.subplan{
	display: none;
}

/*.fixed-menu.subplan.fixed{
	display: block;
}*/

.fixed-menu.subplan ul{
	width: 81.6%;
	padding-left: initial;
}

.fixed-menu.subplan ul li:first-child{
	position: initial;
	left: initial;
	width: 20%;
}

.fixed-menu ul{
	width: 50%;
	margin: 0 auto;
	position: relative;
	padding-left: 10%;
}

.fixed-menu ul li:first-child{
	float: left;
	position: absolute;
	left: 0;
	width: initial;
}

.fixed-menu ul li{
	margin: 5px 0;
	width: 20%;
	float: left;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	max-height: 30px;
}

.fixed-menu ul li a{
	color: #333;
	font-size: 16px;
	letter-spacing: 0;
}

.fixed-menu ul li a:hover{
	color: #3d9602;
}

.fixed-menu ul li.active a{
	color: #3d9602;
}


.pro-list {
	background: #F8F8F8;
	padding-bottom: 130px;
}

.pro-list .sch-pro-con{
	margin-top: 0px;
}

.pro-list .sch-pro-con ul a{
	margin-top: 30px;
}

.pro-list .sch-pro-con ul a:nth-child(4n+1){
	margin-left: 0;
}

.pro-list .sch-pro-con ul a:hover li i{
	color: #3d9602;
}

.pro-page-con{
	background: #F8F8F8;
	padding: 110px 0;
	text-align: center;
}



.rel-pro{
	margin: 100px 0 110px 0;
}



.rel-pro .sch-pro-con{
	margin-top: 40px;
}


.pro-page-banner {
	min-height: 720px;
	background: url(../images/pro_page_bg.jpg) center center no-repeat;
}

.pro-page-banner .container{
	position: relative;
}


.pro-page-banner .left{
	position: absolute;
	left: 0;
	top: 100px;
}

.pro-page-banner .tit h2{
	font-size: 36px;
	color: #333333;
	position: relative;
	padding-left: 15px;
}

.pro-page-banner .tit h2:before{
	position: absolute;
	left: 0;
	top: 8px;
	content: "";
	height: 36px;
	width: 3px;
	background: #3d9602;
	display: block;
}

.pro-page-banner .tit span{
	font-size: 18px;
	color: #333333;
	display: block;
	margin-top: 15px;
}

.pro-page-banner .model{
	margin-top: 40px;
	font-size: 20px;
	color: #333333;
}

.pro-page-banner .right{
	position: absolute;
	right: 0;
	top: 100px;
	color: #3d9602;
	cursor: pointer;
	z-index: 99;
}

.pro-page-banner .right span{
	position: relative;
	color: #3d9602;
	font-size: 16px;
	line-height: 32px;
	padding-left: 35px;
}

.pro-page-banner .right .a_view:before{
	position: absolute;
	left: 0;
	top: 3px;
	content: "";
	display: block;
	width: 28px;
	height: 18px;
	background: url(../images/pro_icon_01.png) center top no-repeat;
	background-size: 100% 100%;
}

.pro-page-banner .right .a_view.click:before{
	background: url(../images/pro_icon_02.png) center top no-repeat;
	background-size: auto 100% ;
}

.pro-page-banner .pic{
	padding-top: 60px;
	text-align: center;
}


.pro-con-list{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
	opacity: 0;
}

.pro-con-list .container{
	
}

.pro-con-list .slider-container{
	background: #FFFFFF;
}

.pro-con-list .slider__item img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}


		.pro-con-list .preview {
			margin-top: 0;
		    background: #FFFFFF;
		}
		.pro-con-list .preview img {
		  width: 60px;
		}
		.pro-con-list .preview .active {
		  outline: 2px solid #3d9602;
		}
		



/*产品内容页*/

.product_details{
	margin-top: 60px;
}

.product_details .curmbs{
	position: initial;
	bottom: initial;
	background-color: initial;
	padding-top: 20px;
}

.product_details .curmbs a{
	color: #333;
	background: url(../images/curmbs_sj_h.png) 8px center no-repeat;
}

.product_details .curmbs a:first-child:before{
	background: url(../images/curmbs_icon_h.png) center top no-repeat;
}

.product_details {
	width: 100%;
	background-color: rgb(240, 241, 244);
	position: relative;
	padding: 20px 0 80px 0;
}

.pro-con-tp {
	width: 50%;
	float: left;
	margin-top: 40px;
}

.pro-con-tp .slider-container{
	background: initial;
}

.pro-con-tp .preview{
	background: initial;
	margin-top: 10px;
}

.pro-con-tp .preview img{
	width: 80px;
}

.pro-con-tp .preview .active {
    outline: 2px solid #3d9602;
}

.pro-con-tp .slider__item img{
	display: block;
	height: 520px;
	margin: 0 auto;
}

.product_details_textbox {
	width: 40%;
	float: right;
	padding-top: 50px;
}

.product_details_textbox .title h2{
	font-size: 30px;
	color: #333333;
	margin-bottom: 15px;
}

.product_details_textbox .title p{
	font-size: 14px;
	line-height: 24px;
	color: #333333;
}


.pro-chara{
	margin-top: 15px;
}

.pro-chara i{
	padding: 3px 6px;
	border: 1px solid #d51414;
	color: #d51414;
	font-size: 12px;
	display: inline-block;
	margin-right: 3px;
	margin-top: 10px;
}

.pro-chara i:nth-child(2n+1){
	border: 1px solid #3d9602;
	color: #3d9602;
}



.product_details_textbox .chara{
	margin-top: 50px;
	background: #f6f7fa;
}

.product_details_textbox .chara ul{
	padding: 15px 30px;
}


.product_details_textbox .chara ul li{
	line-height: 48px;
	height: 48px;
	background: url(../images/case_ch_line.png) center bottom repeat-x;
	font-size: 16px;
	color: #666666;
	overflow: hidden;
}

.product_details_textbox .chara ul li:last-child{
	background: initial;
}

.product_details_textbox .chara ul li i{
	float: left;
	display: block;
	width: 25%;
	color: #999;
	overflow: hidden;
}

.product_details_textbox .chara ul li span{
	float: right;
	width: 65%;
	text-align: right;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}




.product_tab_container {
	margin: 0 auto;
}

.product_tab_container .tabs {
	width: 100%;
	border-bottom: 1px solid #eee;
}

.product_tab_container ul.tabs li {
	padding: 0 50px;
	height: 90px;
	line-height: 90px;
	font-size: 18px;
	text-align: center;
	cursor: pointer;
	display: block;
	float: left;
}

.product_tab_container ul.tabs li a {
	color: #333;
}

.product_tab_container ul.tabs li.active_a {
	border-bottom: 3px solid #3d9602;
}

.product_tab_container ul.tabs li.active_a a {
	color: #3d9602;
	font-weight: bold;
}





.contact-banner{
	margin-top: 60px;
	position: relative;
}

.contact-banner .title{
	line-height: 36px;
	position: absolute;
	bottom: 150px;
}

.contact-banner .title i{
	font-size: 36px;
	font-weight: bold;
	color: #333;
	display: block;
	margin-bottom: 8px;
}

.contact-banner .title span{
	font-size: 18px;
	color: #999;
}




.contact-wel{
	padding: 110px 0 120px 0;
}

.contact-wel .title{
	padding-bottom: 40px;
	border-bottom: 1px solid #dddddd;
	background: url(../images/contact_eng.jpg) right top no-repeat;
}

.contact-wel .title i{
	font-size: 30px;
	color: #3d9602;
	font-weight: bold;
	display: block;
	margin-bottom: 12px;
}

.contact-wel .title span{
	font-size: 18px;
	color: #333333;
}


.con-wel-box{
	margin-top: 80px;
}

.con-wel-box .map{
	width: 62.66%;
	float: left;
}

.con-wel-box .text{
	width: 33%;
	float: right;
}

.con-wel-box .item{
	padding-bottom: 25px;
	margin-bottom: 25px;
	border-bottom: 1px solid #e6e6e6;
}

.con-wel-box .item:last-child{
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: initial;
}


.con-wel-box .item i{
	height: 35px;
	line-height: 35px;
	font-size: 18px;
	color: #333333;
	font-weight: bold;
	display: block;
	padding-left: 50px;
	margin-bottom: 5px;
	background: url(../images/contact_icon1.jpg) left center no-repeat;
	background-size: auto 100%;
}

.con-wel-box .item:nth-child(2) i{
	background: url(../images/contact_icon2.jpg) left center no-repeat;
}

.con-wel-box .item:nth-child(3) i{
	background: url(../images/contact_icon3.jpg) left center no-repeat;
}

.con-wel-box .item:nth-child(4) i{
	background: url(../images/contact_icon4.jpg) left center no-repeat;
}

.con-wel-box .item p{
	line-height: 28px;
	color: #333333;
	font-size: 16px;
}



.path{
	padding: 100px 0 110px 0;
	background: #f8f8f8;
}


.path .title{
	color: #333333;
}

.path .title i{
	font-size: 30px;
	font-weight: bold;
	margin-right: 10px;
}

.path .title span{
	font-size: 18px;
}


.path-box{
	padding-top: 30px;
}

.path-box .item{
	background: #FFFFFF;
	margin-top: 30px;
	padding: 50px 60px;
}

.path-box .item .tp{
	float: left;
	width: 8%;
}

.path-box .item .text{
	float: right;
	width: 90%;
}

.path-box .item .text i{
	font-size: 20px;
	font-weight: bold;
	display: block;
	color: #3d9602;
	margin-bottom: 8px;
}

.path-box .item .text p{
	font-size: 16px;
	color: #333333;
	line-height: 32px;
}



.message{
	padding: 100px 0;
}

.message .title{
	padding-bottom: 35px;
	border-bottom: 1px solid #dddddd;
}

.message .title i{
	display: block;
	float: left;
	font-weight: bold;
	font-size: 36px;
	color: #3d9602;
}

.message .title span{
	display: block;
	float: right;
	font-weight: bold;
	font-size: 36px;
	color: #eeeeee;
}


.mes-box{
	margin-top: 20px;
}

.mes-box .item{
	float: left;
	width: 48.5%;
	margin-left: 3%;
	margin-top: 30px;
}

.mes-box .item:nth-child(2n+1){
	margin-left: 0;
}

.mes-box .item i{
	font-size: 16px;
	color: #000000;
	display: block;
	margin-bottom: 16px;
}

.mes-box .item span{
	color: #E33744;
}


.mes-box .item input{
	width: 95%;
	height: 48px;
	color: #666;
	font-size: 16px;
	border: 1px solid #ddd;
	padding: 0 2.5%;
}


.mes-box .item select {
	width: 32%;
	height: 48px;
	color: #666;
	font-size: 16px;
	border: 1px solid #ddd;
	padding: 0 2%;
	margin-left: 2%;
}

.mes-box .item #s_province {
	margin-left: 0;
}

.mes-box .item #msg_demand{
	width: 100%;
	height: 48px;
	color: #666;
	font-size: 16px;
	border: 1px solid #ddd;
	padding: 0 2%;
	margin-left: 0;
}


.mes-box .textarea{
	margin-top: 35px;
}


.mes-box .textarea i{
	font-size: 16px;
	color: #000000;
	display: block;
	margin-bottom: 16px;
}

.mes-box .textarea textarea{
	width: 98%;
	color: #666;
	font-size: 16px;
	line-height: 32px;
	border: 1px solid #ddd;
	padding: 5px 1%;
	height: 128px;
}


.mes-box .submit a{
	width: 220px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	color: #FFFFFF;
	font-size: 18px;
	display: block;
	margin: 0 auto;
	background: #3d9602;
	border-radius: 4px;
	margin-top: 40px;
}




.honor .container{
	max-width: 1400px;
	padding: 160px 0;
}


.honor-title{
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
}

.honor-title span{
	font-size: 50px;
	line-height: 50px;
	color: #eeeeee;
	font-family: arial;
}

.honor-title i{
	font-size: 30px;
	line-height: 30px;
	color: #3d9602;
	display: block;
	margin-top: 15px;
}




.hon-list-box{
	margin-top: 60px;
}

.hon-classify{
	text-align: center;
}

.hon-classify a{
	display: inline-block;
	height: 48px;
	line-height: 48px;
	padding: 0 40px;
	font-size: 18px;
	color: #333333;
	background: #eeeeee;
	border-radius: 5px;
	margin: 0 10px;
	letter-spacing: 2px;
}

.hon-classify a:hover{
	color: #FFFFFF;
	background: #3d9602;
	font-weight: bold;
}

.hon-classify a.active{
	color: #FFFFFF;
	background: #3d9602;
	font-weight: bold;
}


.hon-list{
	margin-top: 20px;
}

.hon-list ul li{
	border-radius: 5px;
	overflow: hidden;
	text-align: center;
	float: left;
	width: 22.3%;
	margin-left: 3.6%;
	margin-top: 40px;
}

.hon-list ul li:nth-child(4n+1){
	margin-left: 0;
	clear: both;
}

.hon-list ul li .box{
	border: 1px solid #eeeeee;
}

.hon-list ul li i{
	display: block;
	height: 48px;
	line-height: 48px;
	font-size: 16px;
	color: #333333;
}



.culture{
	background: #FFFFFF;
}

.culture .container{
	max-width: 1400px;
	padding: 120px 0;
}


.cul-title{
	text-align: left;
}


.cul-title span{
	display: block;
}

.cul-title i{
	
}

.cul-item{
	margin-top: 60px;
}

.cul-item.inter{
	background: url(../images/culture_bg_1.jpg) center center no-repeat;
	background-size: 100% 100%;
}

.cul-item.manage{
	background: url(../images/culture_bg_2.jpg) center center no-repeat;
	background-size: 100% 100%;
}

.cul-item.purpose{
	background: url(../images/culture_bg_3.jpg) center center no-repeat;
	background-size: 100% 100%;
}

.cul-item.vision{
	background: url(../images/culture_bg_4.jpg) center center no-repeat;
	background-size: 100% 100%;
}



.cul-item .box{
	padding: 105px 100px;
}

.cul-item.vision .box{
	padding: 65px 100px;
}

.cul-item .subtit i{
	line-height: 32px;
	font-size: 20px;
	color: #FFFFFF;
	background: #3d9602;
	border-radius: 3px;
	padding: 0 10px;
	display: inline-block;
}

.cul-item .subtit span{
	line-height: 32px;
	font-size: 18px;
	margin-left: 20px;
	color: rgba(255,255,255,.5);
	text-transform: uppercase;
}


.cul-item .text p{
	font-size: 45px;
	line-height: 48px;
	color: #FFFFFF;
	letter-spacing: 15px;
	font-weight: bold;
	margin-top: 17px;
}


.cul-item.vision .text p{
	font-size: 42px;
	letter-spacing: 2px;
	line-height: 60px;
	margin-top: 10px;
}

.cul-item .text p span{
	display: block;
}


.culture.charity{
	background: #F8F8F8;
}



.cha-box .title{
	width: 36%;
	float: left;
	font-weight: bold;
	text-transform: uppercase;
}

.cha-box .title span{
	display: block;
}

.cha-box .title i{
	font-size: 60px;
	color: #e0e0e0;
	line-height: 60px;
}

.cha-box .title p{
	font-size: 40px;
	color: #3d9602;
	line-height: 56px;
	margin: 20px 0 28px 0;
}

.cha-box .title em{
	font-size: 20px;
	color: #333;
}

.cha-box .tp{
	width: 62.66%;
	float: right;
}

.cha-box .tp img{
	display: block;
}


.cha-award{
	
}

.cha-award .tp{
	width: 37.33%;
	float: left;
}

.cha-award .tp img{
	display: block;
}

.cha-award .tp i{
	text-align: center;
	display: block;
	margin-top: 15px;
	font-size: 16px;
	color: #333333;
}

.cha-award .text{
	width: 62.66%;
	float: right;
}

.cha-award ul{
	padding: 65px 0 0 65px;
}

.cha-award ul li{
	margin-top: 32px;
	line-height: 32px;
}

.cha-award ul li:first-child{
	margin-top: 0;
}

.cha-award ul li i{
	font-size: 18px;
	color: #333333;
	font-weight: bold;
}

.cha-award ul li p{
	font-size: 16px;
	color: #858585;
	letter-spacing: 0;
}


.cha-list{
	margin-top: 72px;
}

.cha-list ul li{
	width: 32.33%;
	float: left;
	margin-left: 1.5%;
}

.cha-list ul li:first-child{
	margin-left: 0;
}

.cha-list ul li i{
	text-align: center;
	display: block;
	margin-top: 15px;
	font-size: 16px;
	color: #333333;
}





.swiper-container {
    position: relative;
    overflow: hidden;
    z-index: 1;
    max-width: 1400px;
    margin: 0 auto 100px auto;
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.swiper-container-android .swiper-slide,.swiper-wrapper {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate(0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.swiper-container-multirow>.swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
}

.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-transition-property: -webkit-transform,height;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform,height
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next,.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 90px;
    right: auto;
}

.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 90px;
    left: auto;
}

.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0,-50%,0);
    -moz-transform: translate3d(0,-50%,0);
    -o-transform: translate(0,-50%);
    -ms-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 5px 0;
    display: block
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px
}

.swiper-pagination-progress {
    background: rgba(0,0,0,.25);
    position: absolute
}

.swiper-pagination-progress .swiper-pagination-progressbar {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progress {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-vertical>.swiper-pagination-progress {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-progress.swiper-pagination-white {
    background: rgba(255,255,255,.5)
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
    background: #fff
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
    background: #000
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: -o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper {
    -ms-perspective: 1200px
}

.swiper-container-cube,.swiper-container-flip {
    overflow: visible
}

.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-slide {
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,.1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -moz-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12,end) infinite;
    -moz-animation: swiper-preloader-spin 1s steps(12,end) infinite;
    animation: swiper-preloader-spin 1s steps(12,end) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    -webkit-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

body {
	background: #dbefe4;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #000;
	margin: 0;
	padding: 0;
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}

.layer-mask {
	width: 100%;
	height: 100%;
	opacity: 0.7;
	transition: all 0.5s;
	background-color: #3e3e3e;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
}

.swiper-slide-active .layer-mask {
	display: none;
}

.pc-banner {
	width: 100%;
	float: left;
}

@media screen and (max-width: 668px) {
	.pc-banner {
		background-size: auto 100%;
	}
}


@media screen and (max-width: 668px) {
	.swiper-container {
		margin: 20px 0 15px;
	}
}

.swiper-slide {
	-webkit-transition: transform 1.0s;
	-moz-transition: transform 1.0s;
	-ms-transition: transform 1.0s;
	-o-transition: transform 1.0s;
	-webkit-transform: scale(0.85);
	/* margin: 1px; */
	transform: scale(0.85);
	margin-top: 70px;
	margin-bottom: 70px;
}

@media screen and (max-width: 668px) {
	.swiper-slide {
		-webkit-transform: scale(0.97);
		transform: scale(0.97);
	}
}

.swiper-slide-active,.swiper-slide-duplicate-active {
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
	z-index: 1002;
}

@media screen and (max-width: 668px) {
	.swiper-slide-active,.swiper-slide-duplicate-active {
		-webkit-transform: scale(0.97);
		transform: scale(0.97);
	}
}

.none-effect {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
}

.swiper-slide a {
	background: #fff;
	display: block;
	border-radius: 2px;
}

@media screen and (min-width: 668px) {
	.swiper-slide a:after {
		position: absolute;
		top: 0px;
		left: 0;
		display: block;
		box-sizing: border-box;
		content: "";
		width: 100%;
		height: 100%;
		border-radius: 2px;
		box-shadow: 0 2px 6px rgba(0,0,0,0.3);
		box-shadow: 0 4px 20px 0 rgba(0,0,0,0.3);
	}

	.swiper-slide-active a:before {
		position: absolute;
		top: 410px;
		left: 0;
		display: block;
		box-sizing: border-box;
		content: "";
		width: 100%;
		height: 100%;
		border-radius: 2px;
		/* box-shadow: 0 2px 6px rgba(0,0,0,0.3); */
		/* box-shadow: 0 4px 20px 0 rgba(0,0,0,0.3); */
		z-index: 10002;
	}
}

.swiper-slide-active a:after {
	background: none;
}

@media screen and (max-width: 668px) {
	.swiper-slide a {
		padding: 5px;
		border-radius: 2px;
	}
}

.swiper-slide img {
	width: 100%;
	border-radius: 5px;
	display: block;
	height: 100%;
	border: none;
}

@media screen and (max-width: 668px) {
	.swiper-slide img {
		border-radius: 2px;
	}
}

.swiper-pagination {
	position: relative;
	margin-bottom: 30px;
}

.swiper-pagination-bullet {
	background: #00a0e9;
	margin-left: 4px;
	margin-right: 4px;
	width: 17px;
	height: 17px;
	opacity: 1;
	margin-bottom: 4px;
}

.swiper-pagination-bullet-active {
	width: 13px;
	height: 13px;
	background: #FFF;
	margin-bottom: 0;
}

@media screen and (max-width: 668px) {
	.swiper-pagination {
		position: relative;
		margin-bottom: 20px;
	}

	.swiper-pagination-bullet {
		background: #00a0e9;
		margin-left: 2px;
		margin-right: 2px;
		width: 8px;
		height: 8px;
		margin-bottom: 2px;
	}

	.swiper-pagination-bullet-active {
		width: 6px;
		height: 6px;
		background: #FFF;
		border: 3px solid #00a0e9;
		margin-bottom: 0;
	}
}

.button {
	width: 100%;
	margin: 0 auto;
	top: -290px;
	position: relative;
	z-index: 1002;
}

@media screen and (max-width: 1105px) {
	.button {
		width: 100%;
		top: -240px;
		z-index: 1002;
		position: relative;
	}
}

@media screen and (max-width: 800px) {
	.button {
		width: 100%;
		top: -200px;
		z-index: 1002;
		position: relative;
	}
}

.button div:hover {
	background-color: #333;
	opacity: 0.8;
	cursor: pointer;
}

.swiper-button-prev {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l4.2%2C4.2L8.4%2C22l17.8%2C17.8L22%2C44L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #000000 center 50%/50% 50% no-repeat;
	opacity: 0.5;
	background-size: 15px;
	cursor: pointer;
}

.swiper-button-next {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L5%2C44l-4.2-4.2L18.6%2C22L0.8%2C4.2L5%2C0z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #000000 center 50%/50% 50% no-repeat;
	opacity: 0.5;
	background-size: 15px;
	cursor: pointer;
}

@media screen and (max-width: 668px) {
	.button div {
		width: 28px;
		height: 28px;
	}
}




.data .container{
	max-width: 1400px;
	padding: 110px 0;
}

.video-title-box{
	position: relative;
}


.data .title{
	
}

.data .title i{
	font-size: 30px;
	color: #3d9602;
	font-weight: bold;
}

.data .title span{
	font-size: 18px;
	color: #999;
	font-family: arial;
	display: block;
	text-transform: uppercase;
	margin-top: 10px;
}

.data .al-exc-menu{
	
}



.data-list{
	margin-top: 30px;
}

.data-list ul li{
	float: left;
	width: 23.66%;
	margin-left: 1.73%;
	margin-top: 30px;
}

.data-list ul li:nth-child(4n+1){
	margin-left: 0;
}

.data-list ul li a{
	padding: 25px;
	display: block;
	position: relative;
	background: #FFFFFF;
	border-radius: 5px;
	box-shadow: 0 0 6px #ddd;
}

.data-list ul li a:before{
	position: absolute;
	right: 25px;
	bottom: 25px;
	display: block;
	content: "";
	background: url(../images/data_icon_1.png) center center no-repeat;
	width: 36px;
	height: 39px;
}

.data-list ul li i{
	font-size: 18px;
	height: 24px;
	color: #333333;
	display: block;
	margin-bottom: 18px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.data-list ul li span{
	font-size: 14px;
	color: #969696;
	line-height: 24px;
	display: block;
}




.data-list ul li a:hover{
	background: #3d9602;
	box-shadow: 0 0 6px #4f8d6c;
}

.data-list ul li a:hover:before{
	background: url(../images/data_icon_2.png) center center no-repeat;
}

.data-list ul li a:hover i{
	color: #FFFFFF;
}

.data-list ul li a:hover span{
	color: #FFFFFF;
}




.originator{
	background: url(../images/core_cha_tp.jpg) center center no-repeat;
	background-size: auto 100%;
}

.originator .container{
	max-width: 1400px;
	padding: 120px 0 290px 0;
}

.ori-tp{
	display: none;
}

.ori-con-box{
	width: 50%;
}

.ori-con-box .title{
	background: url(../images/signature.jpg) center top no-repeat;
}

.ori-con-box .title i{
	font-size: 40px;
	font-weight: bold;
	color: #3d9602;
	display: block;
	margin-bottom: 30px;
}

.ori-con-box .title p{
	font-size: 18px;
	font-weight: bold;
	color: #333;
	line-height: 32px;
}

.ori-con-box .text{
	margin-top: 42px;
}

.ori-con-box .text p{
	font-size: 14px;
	line-height: 28px;
	color: #666666;
	margin-top: 28px;
}



.mien{
	
}

.mien .container{
	max-width: 1400px;
	padding: 120px 0 100px 0;
}


.mien .title{
	border-bottom: 1px solid #EEEEEE;
	padding-bottom: 35px;
	margin-bottom: 60px;
}

.mien .title i{
	font-size: 40px;
	font-weight: bold;
	color: #3d9602;
	display: block;
	float: left;
}

.mien .title span{
	font-size: 50px;
	text-transform: uppercase;
	font-weight: bold;
	color: #eeeeee;
	display: block;
	float: right;
}


.mien-list .al-more{
	margin-top: 10px;
}

.mien-list ul li{
	float: left;
	width: 23%;
	margin-bottom: 30px;
	margin-left: 2.66%;
}

.mien-list ul li:nth-child(4n+1){
	margin-left: 0;
}


.mien-list ul li img{
	display: block;
}

.mien-list ul li i{
	display: block;
	text-align: center;
	font-size: 16px;
	color: #333333;
	margin-top: 14px;
}



.join-banner{
	height: 100vh;
	background: url(../images/join_banner.jpg) center top no-repeat;
	background-size: auto 100%;
}

.join-banner .text{
	padding-top: 210px;
	text-align: center;
}

.join-banner .text em{
	font-size: 180px;
	font-family: arial;
	font-weight: bold;
	color: rgba(255,255,255,.1);
	letter-spacing: 5px;
}

.join-banner .text i{
	font-size: 72px;
	font-weight: bold;
	color: rgb(255,255,255);
	display: block;
	text-shadow: rgba(73,140,216,.5) 2px 3px 5px;
	margin-top: -120px;
	letter-spacing: 5px;
}

.join-banner .text p{
	font-size: 30px;
	color: rgb(255,255,255);
	text-shadow: rgba(73,140,216,.5) 2px 3px 5px;
	letter-spacing: 2px;
	margin-top: 16px;
}

.join-banner .text span{
	font-size: 16px;
	line-height: 30px;
	color: rgba(255,255,255,.5);
	letter-spacing: 2px;
	margin-top: 45px;
	display: block;
	text-transform: uppercase;
}




.chance{
	padding: 110px 0 140px 0;
	background: url(../images/join_bg_1.jpg) center top no-repeat;
	background-size: auto 100%;
}

.join-title{
	text-align: center;
}

.join-title i{
	font-size: 40px;
	color: #3d9602;
	font-weight: bold;
}

.join-title span{
	color: #3d9602;
}

.join-title em{
	display: block;
	width: 30px;
	height: 3px;
	background: #3d9602;
	margin: 34px auto 20px auto;
}

.join-title p{
	font-size: 18px;
	line-height: 36px;
	color: #333333;
	margin-top: 8px;
}

.join-title b{
	font-size: 16px;
	margin-top: 10px;
	display: block;
	font-weight: initial;
	color: #999;
	text-transform: uppercase;
}

.join-title p b{
	font-weight: bold;
	color: initial;
	font-size: initial;
	display: inline-block;
	margin-top: initial;
}



.cha-con{
	margin-top: 70px;
}

.cha-con .item{
	width: 23%;
	margin-left: 2.66%;
	float: left;
	background: #FFFFFF;
	box-shadow: 0px 0px 5px #eee;
}

.cha-con .item:nth-child(4n+1){
	margin-left: 0;
}

.cha-con .item .box{
	padding: 65px 50px;
}

.cha-con .item .text{
	font-size: 18px;
	color: #333333;
	line-height: 32px;
	padding-bottom: 45px;
	border-bottom: 2px solid #cccccc;
}

.cha-con .item .text i{
	font-weight: bold;
}

.cha-con .item .text p{
	letter-spacing: .4px;
}


.cha-con .item .icon{
	padding-top: 40px;
}

.cha-con .item .icon i{
	font-size: 80px;
	color: #3d9602;
	font-weight: bold;
	font-family: arial;
	display: block;
}

.cha-con .item .icon span{
	font-size: 18px;
	color: #333333;
}


.security{
	padding: 110px 0 130px 0;
	background: #FFFFFF;
}

.sec-list{
	margin-top: 65px;
	padding: 0 140px;
}

.sec-list ul li{
	float: left;
	width: 20.8%;
	text-align: center;
	margin-left: -1%;
	
}

.sec-list ul li:first-child{
	margin-left: 0;
	
}


.sec-list ul li .box{
	border: 1px dashed #DDDDDD;
	border-radius: 50%;
	padding: 90px 0;
}

.sec-list ul li i{
	font-size: 48px;
	color: #3d9602;
	font-weight: bold;
}

.sec-list ul li span{
	font-size: 20px;
}

.sec-list ul li p{
	font-size: 18px;
	margin-top: 4px;
}


.security .text{
	margin-top: 75px;
	text-align: center;
}

.security .text p{
	display: inline-block;
	text-align: center;
	background: #3d9602;
	color: #FFFFFF;
	font-size: 24px;
	line-height: 70px;
	padding: 0 60px;
	border-radius: 35px;
}



.technology{
	padding: 110px 0 120px 0;
}

.technology .container{
	max-width: 1400px;
}

.technology .title{
	text-align: center;
}

.technology .title i{
	font-size: 40px;
	font-weight: bold;
}

.technology .title p{
	font-size: 18px;
	margin-top: 12px;
}


.tec-list{
	margin-top: 50px;
}

.tec-list ul li{
	width: 24%;
	margin-left: 1.33%;
	background: #FFFFFF;
	float: left;
	margin-top: 20px;
	text-align: center;
	padding: 50px 0 45px 0;
	box-shadow: 0 0 5px rgba(0,0,0,.1);
}

.tec-list ul li:nth-child(4n+1){
	margin-left: 0;
}

.tec-list ul li i{
	text-align: center;
	display: block;
	font-size: 24px;
	margin-top: 20px;
}

.tec-list ul li p{
	font-size: 16px;
	line-height: 28px;
	color: #858585;
	margin-top: 5px;
}


.series{
	padding-top: 100px;
	height: 750px;
	background: url(../images/join_product.jpg) center top no-repeat;
	background-size: auto 100%;
}

.series .case-more a{
	border-radius: 18px;
}


.join-introd{
	padding: 110px 0;
	background: #FFFFFF;
}

.join-introd .container{
	max-width: 1400px;
}

.introd-icon{
	margin-top: 70px;
	padding: 10px 70px;
	background: #3d9602;
}

.introd-icon ul li{
	float: left;
	width: 25%;
	line-height: 65px;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
}

.introd-icon .up{
	border-bottom: 1px solid #44966c;
}

.introd-list{
	margin-top: 60px;
}

.introd-list ul li{
	width: 24%;
	float: left;
	margin-left: 1.33%;
}

.introd-list ul li:nth-child(4n+1){
	margin-left: 0;
}


.store{
	background: #f8f8f8;
	padding: 110px 0 130px 0;
}

.store .container{
	max-width: 1400px;
}

.store-list{
	margin-top: 70px;
}

.store-left{
	width: 49%;
	float: left;
}

.store-right{
	width: 49%;
	float: right;
}

.join-introd .case-more a{
	border-radius: 18px;
}


.policy{
	padding: 110px 0;
	background: #f8f8f8;
}

.policy .container{
	max-width: 1400px;
}

.policy .title{
	text-align: center;
}

.policy .title i{
	font-size: 40px;
	font-weight: bold;
	color: #3d9602;
}

.policy .title p{
	font-size: 18px;
	margin-top: 12px;
	color: #333;
}


.policy-list{
	margin-top: 10px;
}

.policy-list .item{
	width: 18%;
	float: left;
	padding: 0 3.5%;
	text-align: center;
	margin-top: 50px;
}

.policy-list .item:nth-child(5){
	clear: both;
}

.policy-list .item:nth-child(5) p{
	letter-spacing: 0;
}

.policy-list .item .icon{
	height: 120px;
	width: 120px;
	line-height: 120px;
	border-radius: 50%;
	border: 1px solid #EEEEEE;
	margin: 0 auto 30px auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.policy-list .item:hover .icon{
	border: 1px solid #3d9602;
	background: #3d9602;
}

.policy-list .item:hover .icon img:last-child{
	display: inline-block;
}

.policy-list .item:hover .icon img:first-child{
	display: none;
}

.policy-list .item .icon img:last-child{
	display: none;
}

.policy-list .item i{
	font-size: 20px;
	color: #3d9602;
	font-weight: bold;
}

.policy-list .item p{
	font-size: 16px;
	line-height: 28px;
	color: #333333;
	margin-top: 12px;
	letter-spacing: 1px;
	text-align: justify;
}



.course{
	padding: 120px 0;
	background: #FFFFFF;
}

.course .container{
	max-width: 1400px;
}

.cou-title{
	text-align: left;
	padding-bottom: 40px;
	border-bottom: 1px solid #ddd;
}


.cou-list{
	margin-top: 100px;
}

.cou-list .item{
	width: 50%;
	margin-left: 50%;
	position: relative;
}

.cou-list .item:before{
	position: absolute;
	left: 0;
	content: "";
	display: block;
	height: 100%;
	width: 1px;
	background: #eeeeee;
}

.cou-list .item:after{
	position: absolute;
	left: -4px;
	top: 25px;
	content: "";
	display: block;
	height: 9px;
	width: 9px;
	border-radius: 50%;
	background: #a6a6a6;
}

.cou-list .item:hover:after{
	left: -7px;
	top: 22px;
	height: 9px;
	width: 9px;
	border: 3px solid #3d9602;
	background: #FFFFFF;
	animation: likes .8s linear infinite;
}

@keyframes likes {
  0% {
     transform: scale(.2);
  }
  100% {
   transform: scale(1);
  }
}

.cou-list .item:nth-child(2n+2){
	width: 50%;
	margin-left: 0%;
}

.cou-list .item:nth-child(2n+2):before{
	right: -1px;
	left: initial;
}

.cou-list .item:nth-child(2n+2):after{
	right: -5px;
	top: 23px;
	left: initial;
}

.cou-list .item:nth-child(2n+2):hover:after{
	right: -8px;
	top: 20px;
	left: initial;
}

.cou-list .item:nth-child(2n+2) .text{
	text-align: right;
	float: right;
	padding-right: 10%;
	padding-left: 0%;
}

.cou-list .item:nth-child(2n+2) .tp{
	float: left;
	text-align: left;
}

.cou-list .item:nth-child(2n+2) .text p{
	float: right;
}

.cou-list .item .text{
	width: 50%;
	float: left;
	padding-left: 10%;
}

.cou-list .item .text span{
	font-size: 50px;
	color: #3d9602;
	font-weight: bold;
	display: block;
	font-family: arial;
}

.cou-list .item .text i{
	font-size: 24px;
	color: #333333;
	font-weight: bold;
	display: block;
	margin-top: 5px;
}

.cou-list .item .text p{
	font-size: 16px;
	line-height: 28px;
	color: #333333;
	margin-top: 16px;
	width: 75%;
}

.cou-list .item .tp{
	width: 35%;
	float: right;
	text-align: right;
}



.advantage-banner {
	margin-top: 60px;
}

.advantage-banner .pc{
	height: 100vh; 
	background: url(../images/advantage_banner.jpg) center top no-repeat;
	background-size: auto 100%;
}

.advantage-banner .phone{
	display: none;
}


.parts{
	padding: 120px 0 140px 0;
	background: #f8f8f8;
}

.parts-title .title{
	float: left;
	width: 60%;
}

.parts-title .title span{
	display: inline-block;
	border: 1px solid #3d9602;
	height: 36px;
	line-height: 36px;
	padding: 0 15px;
	border-radius: 3px;
	font-size: 16px;
	color: #3d9602;
}

.parts-title .title i{
	font-size: 40px;
	display: block;
	font-weight: bold;
	color: #333333;
	line-height: 60px;
	margin-top: 20px;
}

.parts-title .title p{
	font-size: 20px;
	line-height: 40px;
	color: #333333;
}

.parts-title .eng{
	float: right;
	width: 40%;
	text-align: right;
	font-size: 24px;
	color: #e6e6e6;
	line-height: 36px;
	font-family: arial;
	font-weight: bold;
	text-transform: uppercase;
}

.parts-title .eng span{
	display: block;
}


.parts-con{
	margin-top: 70px;
	background: url(../images/adv_parts_bg.jpg) center center no-repeat;
	background-size: auto auto;
}


.parts-list.left{
	float: left;
	width: 24%;
}

.parts-list.left .item:nth-child(1):before{
	display: block;
	content: "";
	width: 366px;
	height: 354px;
	background: url(../images/adv_line_1.png) center center no-repeat;
	position: absolute;
	right: -380px;
	top: 76px;
}

.parts-list.left .item:nth-child(2):before{
	display: block;
	content: "";
	width: 198px;
	height: 10px;
	background: url(../images/adv_line_2.png) center center no-repeat;
	position: absolute;
	right: -212px;
	top: 76px;
}

.parts-list.left .item:nth-child(3):before{
	display: block;
	content: "";
	width: 480px;
	height: 282px;
	background: url(../images/adv_line_3.png) center center no-repeat;
	position: absolute;
	right: -494px;
	top: -195px;
}

.parts-list.right .item:nth-child(1):before{
	display: block;
	content: "";
	width: 342px;
	height: 223px;
	background: url(../images/adv_line_4.png) center center no-repeat;
	position: absolute;
	left: -356px;
	top: 76px;
}

.parts-list.right .item:nth-child(2):before{
	display: block;
	content: "";
	width: 260px;
	height: 121px;
	background: url(../images/adv_line_5.png) center center no-repeat;
	position: absolute;
	left: -274px;
	top: -30px;
}

.parts-list.right .item:nth-child(3):before{
	display: block;
	content: "";
	width: 207px;
	height: 165px;
	background: url(../images/adv_line_6.png) center center no-repeat;
	position: absolute;
	left: -221px;
	top: -85px;
}

.parts-list.right{
	float: right;
	width: 24%;
}

.parts-list .item{
	margin-top: 100px;
	position: relative;
}

.parts-list .item:first-child{
	margin-top: 0px;
}

.parts-list .tp{
	float: left;
	width: 50%;
}

.parts-list .text{
	float: right;
	width: 45%;
	text-align: right;
	line-height: 32px;
	color: #333333;
	padding-top: 60px;
}

.parts-list .text i{
	font-size: 18px;
	font-weight: bold;
}

.parts-list .text p{
	font-size: 16px;
}

.parts-list.right .tp{
	float: right;
	text-align: right;
	width: 50%;
}

.parts-list.right .text{
	float: left;
	text-align: left;
}


.contrast{
	padding: 110px 0 120px 0;
}


.contrast-con{
	margin-top: 100px;
}

.con-pro{
	width: 26%;
	float: left;
	background: #FFFFFF;
	border-bottom-left-radius: 20px;
	border-top-left-radius: 20px;
}

.con-pro i{
	font-size: 26px;
	line-height: 140px;
	color: #333333;
	font-weight: bold;
	text-align: center;
	display: block;
	border-bottom: 2px solid #e5e5e5;
}

.con-pro ul li{
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	color: #858585;
	line-height: 140px;
	border-bottom: 2px solid #e5e5e5;
}

.con-pro ul li:last-child{
	border-bottom: initial;
}

.cho-awty{
	width: 42%;
	float: left;
	background: #3d9602;
	border-radius: 20px;
	margin-top: -40px;
}

.cho-awty i{
	font-size: 30px;
	line-height: 140px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	display: block;
	border-bottom: 2px solid #66aa88;
	padding-top: 40px;
}

.cho-awty i span{
	position: relative;
}

.cho-awty i span:before{
	position: absolute;
	top: 0;
	left: -60px;
	display: block;
	content: "";
	width: 39px;
	height: 39px;
	background: url(../images/cho_awty_d.png) center top no-repeat;
}

.cho-awty ul li{
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	line-height: 140px;
	border-bottom: 2px solid #66aa88;
}

.cho-awty ul li:last-child{
	border-bottom: initial;
	padding-bottom: 40px;
}

.cho-ctcy{
	width: 32%;
	float: left;
	background: #FFFFFF;
	border-bottom-right-radius: 20px;
	border-top-right-radius: 20px;
}

.cho-ctcy i{
	font-size: 30px;
	line-height: 140px;
	color: #333;
	font-weight: bold;
	text-align: center;
	display: block;
	border-bottom: 2px solid #e5e5e5;
}

.cho-ctcy i span{
	position: relative;
}

.cho-ctcy i span:before{
	position: absolute;
	top: 0;
	left: -60px;
	display: block;
	content: "";
	width: 39px;
	height: 39px;
	background: url(../images/cho_ctcy_x.png) center top no-repeat;
	background-size: 100%;
}

.cho-ctcy ul li{
	font-size: 20px;
	text-align: center;
	color: #858585;
	line-height: 140px;
	border-bottom: 2px solid #e5e5e5;
}

.cho-ctcy ul li:last-child{
	border-bottom: initial;
}


.adv-tec{
	background: #FFFFFF;
	padding-top: 130px;
}


.adv-tec .title{
	
}

.adv-tec .title i{
	font-size: 40px;
	color: #333333;
	font-weight: bold;
}

.adv-tec .title span{
	font-size: 24px;
	color: #e6e6e6;
	font-weight: bold;
	font-family: arial;
	display: block;
	text-transform: uppercase;
	margin-top: 10px;
}


.rd-pat{
	background: #282e2b;
	padding: 75px 0 180px 0;
	margin-top: 75px;
}


.rd-pat .text{
	width: 50%;
	float: left;
}

.rd-pat .text .subtit i{
	font-size: 30px;
	color: #ffffff;
	font-weight: bold;
	display: block;
	margin-bottom: 20px;
}

.rd-pat .text .subtit span{
	font-size: 16px;
	border-radius: 4px;
	line-height: 30px;
	padding: 0 10px;
	color: #ffffff;
	font-weight: bold;
	display: inline-block;
	background: #0f7f44;
}

.rd-pat .text .subtext{
	font-size: 18px;
	color: #eeeeee;
	line-height: 40px;
	margin-top: 20px;
}

.rd-pat .text .subtext span{
	display: block;
}

.rd-pat .icon{
	margin-top: 52px;
}

.rd-pat .icon .item{
	float: left;
	width: 28.33%;
	margin-right: 5%;
	color: #17c970;
}

.rd-pat .icon .item p{
	font-size: 16px;
}

.rd-pat .num-con{
	margin-top: 14px;
}

.rd-pat .num-con .num-left{
	width: 36%;
	float: left;
	padding-right: 6%;
	border-right: 1px solid #17c970;
	margin-right: 8%;
}

.rd-pat .num-con .num-right{
	width: 36%;
	float: left;
}

.rd-pat .num-con i{
	font-size: 36px;
	line-height: 36px;
	font-weight: bold;
}

.rd-pat .num-con span{
	font-size: 14px;
	display: block;
	margin-top: 5px;
}

.rd-pat .tp{
	width: 40%;
	float: right;
	text-align: right;
}

.rd-pat .tp img{
	margin-top: -230px;
}


.tec-adv-list{
	padding-bottom: 120px;
}

.tec-adv-list ul li{
	float: left;
	width: 24%;
	margin-left: 1.33%;
	background: #FFFFFF;
	border-radius: 10px;
	text-align: center;
	margin-top: -140px;
	box-shadow: 0 0 5px #ddd;
}

.tec-adv-list ul li:first-child{
	margin-left: 0;
}

.tec-adv-list ul li .box{
	padding: 62px 50px;
}

.tec-adv-list ul li i{
	font-size: 20px;
	color: #3d9602;
	display: block;
	margin: 25px 0 10px 0;
	font-weight: bold;
}

.tec-adv-list ul li p{
	font-size: 16px;
	line-height: 32px;
	color: #333333;
	text-align: left;
}


.adv-low{
	height: 830px;
	background: url(../images/adv_tem_bg.jpg) center top no-repeat;
}

.adv-low .container{
	max-width: 1400px;
}

.adv-low .container .text{
	padding-top: 210px;
	text-align: center;
	display: inline-block;
}

.adv-low .container .text i{
	display: block;
	color: #FFFFFF;
	background: #3d9602;
	line-height: 66px;
	font-size: 40px;
	font-weight: bold;
	padding: 0 115px;
	position: relative;
}

.adv-low .container .text i:before{
	position: absolute;
	left: 30px;
	top: 33px;
	display: block;
	content: "";
	height: 1px;
	width: 48px;
	background: #80ba9b;
}

.adv-low .container .text i:after{
	position: absolute;
	right: 30px;
	top: 33px;
	display: block;
	content: "";
	height: 1px;
	width: 48px;
	background: #80ba9b;
}

.adv-low .container .text p{
	color: #333;
	line-height: 88px;
	font-size: 60px;
	padding-bottom: 10px;
	border-bottom: 4px solid #3d9602;
	margin-top: 15px;
}

.adv-low .container .text b{
	display: block;
}

.adv-low .container .text p span{
	color: #3d9602;
}

.adv-low .container .text em{
	display: block;
	color: #666666;
	line-height: 30px;
	font-size: 16px;
	margin-top: 15px;
	text-transform: uppercase;
}


.low-list-con{
	padding: 80px 0 115px 0;
	background: #FFFFFF;
}

.low-list-con .container{
	max-width: 1400px;
}


.low-list-con .title {
	text-align: center;
}

.low-list-con .title i{
	font-size: 36px;
	color: #333333;
	font-weight: bold;
}

.low-list-con .title i em{
	color: #3d9602;
}

.low-list-con .title span{
	font-size: 14px;
	color: #999999;
	text-transform: uppercase;
	display: block;
	margin-top: 10px;
}


.low-list{
}

.low-list ul li{
	width: 33.33%;
	float: left;
	text-align: center;
	margin-top: 70px;
}

.low-list ul li:nth-child(3n+1){
	clear: both;
}

.low-list ul li p{
	margin-top: 20px;
	font-size: 18px;
	color: #333333;
	line-height: 36px;
	padding: 0 30px; 
}


.comfort{
	background: url(../images/adv_comfort_bg.jpg) center top no-repeat;
	background-size: auto 100%;
}

.comfort .container{
	max-width: 1400px;
	height: 1066px;
	position: relative;
}

.comfort .title{
	padding-top: 225px;
	text-align: center;
}

.comfort .title i{
	font-size: 48px;
	color: #FFFFFF;
	font-weight: bold;
	display: block;
	margin-bottom: 15px;
}

.comfort .title span{
	font-size: 21px;
	color: #FFFFFF;
	position: relative;
}

.comfort .title span:before{
	position: absolute;
	left: -170px;
	top: 14px;
	background: #FFFFFF;
	width: 150px;
	height: 1px;
	display: block;
	content: "";
}

.comfort .title span:after{
	position: absolute;
	right: -170px;
	top: 14px;
	background: #FFFFFF;
	width: 150px;
	height: 1px;
	display: block;
	content: "";
}

.comfort .title p{
	font-size: 16px;
	color: #FFFFFF;
	margin-top: 18px;
}

.comfort .title p em{
	margin: 0 12px;
}


.comfort-con{
	position: absolute;
	bottom: 30px;
	width: 100%;
}

.comfort-left{ 
	float: left;
	width: 38%;
	background: #ba6f4a;
	position: relative;
}

.comfort-left:before{ 
	position: absolute;
	top: -148px;
	left: 50%;
	margin-left: -143.5px;
	width: 287px;
	height: 128px;
	background: url(../images/adv_comfort_mod1.png) center top no-repeat;
	display: block;
	content: "";
}

.comfort-left .box{ 
	padding: 30px 35px;
}

.comfort-left .tp{
	width: 20%;
	float: left;
}

.comfort-left .text{
	width: 72%;
	float: right;
}

.comfort-left .text i{
	font-size: 22px;
	color: #ffffff;
}

.comfort-left .text p{
	font-size: 14px;
	line-height: 26px;
	color: #ffffff;
	margin-top: 14px;
}

.comfort-right{
	float: right;
	width: 38%;
	background: #6aa4cb;
	position: relative;
}

.comfort-right:before{ 
	position: absolute;
	top: -148px;
	left: 50%;
	margin-left: -143.5px;
	width: 287px;
	height: 128px;
	background: url(../images/adv_comfort_mod2.png) center top no-repeat;
	display: block;
	content: "";
}

.comfort-right .box{ 
	padding: 30px 35px;
}


.comfort-right .tp{
	width: 20%;
	float: left;
}

.comfort-right .text{
	width: 72%;
	float: right;
}

.comfort-right .text i{
	font-size: 22px;
	color: #ffffff;
}

.comfort-right .text p{
	font-size: 14px;
	line-height: 26px;
	color: #ffffff;
	margin-top: 14px;
}


.unit{
	padding: 110px 0;
}

.unit_eng{
	height: 230px;
	background: #cce0d5;
	position: relative;
}

.unit_eng i{
	position: absolute;
	left: 100px;
	bottom: 0;
	font-size: 175px;
	line-height: 140px;
	color: #dae6df;
	font-weight: bold;
}

.unit_show{
	height: 550px;
	background: url(../images/unit_bg.jpg) center top no-repeat;
	padding: 0 120px;
}

.unit_show .text{
	padding-top: 50px;
	float: left;
}

.unit_show .text p{
	font-size: 34px;
	color: #333333;
	font-weight: bold;
	margin-top: 20px;
}

.unit_show .unit-list{
	float: right;
	width: 57%;
}

.unit_show .unit-list ul li{
	position: relative;
	top: -160px;
	width: 47%;
	float: left;
	margin-left: 5%;
}

.unit_show .unit-list ul li:first-child{
	margin-left: 0;
}

.unit_show .unit-list ul li i{
	color: #333333;
	font-size: 14px;
	line-height: 24px;
	margin-top: -80px;
	display: block;
	margin-left: 30px;
}

.unit_show .unit-list ul li i span{
	display: block;
}





.home-product{
	padding-bottom: 70px;
}

.home-pro-box .sch-pro-con{
	margin-top: 15px;
}

.home-pro-box .sch-pro-con ul a{
	margin-top: 30px;
}

.home-pro-box .sch-pro-con ul a:nth-child(4n+1){
	margin-left: 0;
}

.home-pro-box .sch-pro-con ul a:hover{
	margin-top: 30px;
}



.home-about{
	background: #dbefe4;
	padding-bottom: 100px;
}

.home-about-tp{
	margin-top: 35px;
}

.home-about-tp img{
	display: block;
	margin: 0 auto;
}

.home-text-video{
	position: relative;
	background: #FFFFFF;
}

.home-about-text{
	float: left;
	width: 50%;
}

.home-about-text .box{
	padding: 70px 80px;
}

.home-about-text .com-des{
	font-size: 16px;
	line-height: 32px;
	color: #666666;
}

.home-about-text .com-des p{
	text-align: justify;
	letter-spacing: 1.5px;
}

.home-about-text .com-trait{
	margin-top: 30px;
}

.home-about-text .com-trait ul li{
	float: left;
	width: 25%;
}

.home-about-text .com-trait ul li i{
	font-size: 28px;
	font-weight: bold;
	color: #3d9602;
}

.home-about-text .com-trait ul li p{
	font-size: 16px;
	line-height: 32px;
	color: #333;
}

.home-about-video{
	float: right;
	width: 50%;
	position: absolute;
	height: 100%;
	right: 0;
}


.home-about-video video{
	height: 100%;
	width: 100%;
	display: block;
	cursor: pointer;
	background: #000000;
}



.ser-page{
	background: #FFFFFF;
	padding: 110px 0 115px 0;
}

.ser-page .container{
	max-width: 1400px;
}

.ser-con{
	float: left;
	width: 48%;
	background: url(../images/service_logo.jpg) right top no-repeat;
}

.ser-con .title i{
	font-size: 36px;
	color: #333333;
	line-height: 40px;
	font-weight: bold;
}

.ser-con .title p{
	font-size: 18px;
	color: #333333;
	line-height: 32px;
	margin-top: 10px;
}

.ser-con .title span{
	display: block;
	width: 20px;
	height: 3px;
	background: #3d9602;
	margin-top: 42px;
}


.ser-con .phone{
	margin-top: 90px;
}

.ser-con .phone i{
	font-size: 18px;
	color: #3d9602;
	line-height: 30px;
	position: relative;
	padding-left: 45px;
}

.ser-con .phone i:before{
	position: absolute;
	left: 0;
	display: block;
	content: "";
	width: 30px;
	height: 30px;
	background: url(../images/ser_phone.jpg) center top no-repeat;
}


.ser-con .phone p{
	font-size: 48px;
	color: #3d9602;
	line-height: 60px;
	margin-top: 10px;
	font-weight: bold
}


.ser-con .text{
	margin-top: 45px;
}

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


.ser-map{
	float: right;
	width: 48%;
}


.ser-icon{
	margin-top: 90px;
	padding: 30px 0;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
}

.ser-icon ul li{
	width: 16.66%;
	float: left;
	text-align: center;
}

.ser-icon ul li:first-child .box{
	border-left: initial;
}

.ser-icon ul li .box{
	border-left: 1px solid #eeeeee;
	
}

.ser-icon ul li i{
	font-size: 18px;
	color: #3d9602;
	margin-top: 12px;
	display: block;
}



.star-ser{
	padding: 110px 0;
	background: url(../images/star_ser_bg.jpg) center top no-repeat;
	background-size: auto 100%;
}

.star-ser .container{
	max-width: 1400px;
}

.star-text{
	float: left;
	width: 50%;
}

.star-text .title{
	
}

.star-text .title i{
	color: #3d9602;
	font-size: 36px;
	font-weight: bold;
}

.star-text .title span{
	font-size: 18px;
	color: #999999;
	text-transform: uppercase;
	margin-left: 20px;
}

.star-text .title p{
	font-size: 18px;
	line-height: 36px;
	color: #333333;
	margin-top: 14px;
}

.star-tp{
	float: right;
	width: 45%;
	text-align: right;
}


.star-list{
	margin-top: 105px;
}

.star-list ul li{
	color: #333333;
	font-size: 18px;
	line-height: 30px;
	width: 60%;
	padding-left: 80px;
	margin-top: 50px;
	position: relative;
}

.star-list ul li:nth-child(2){
	margin-top: 40px;
}

.star-list ul li:before{
	position: absolute;
	left: 0;
	top: 5px;
	content: "";
	display: block;
	width: 47px;
	height: 52px;
	background: url(../images/star_icon_1.png) center top no-repeat;
}

.star-list ul li:nth-child(2):before{
	background: url(../images/star_icon_2.png) center top no-repeat;
	top: -10px;
}

.star-list ul li:nth-child(3):before{
	background: url(../images/star_icon_3.png) center top no-repeat;
	top: -10px;
}



.ser-system{
	padding: 110px 0 95px 0;
	background: #FFFFFF;
}

.ser-system .container{
	max-width: 1400px;
}

.ser-system .title i{
	font-size: 36px;
	color: #333333;
	line-height: 48px;
	display: block;
	float: left;
	font-weight: bold;
}

.ser-system .title i em{
	display: block;
	color: #3d9602;
}

.ser-system .title span{
	font-size: 18px;
	color: #dddddd;
	line-height: 32px;
	display: block;
	float: right;
	text-align: right;
	text-transform: uppercase;
	position: relative;
}

.ser-system .title span em{
	display: block;
}

.ser-system .title span:after{
	position: absolute;
	bottom: -30px;
	right: 0;
	display: block;
	content: "";
	width: 25px;
	height: 3px;
	background: #3d9602;
}


.sys-list{
	margin-top: 50px;
}

.sys-list .item{
	background: #f8f8f8;
	margin-top: 30px;
}

.sys-list .item .box{
	padding: 10px;
}

.sys-list .item .tp{
	float: left;
	width: 18%;
}

.sys-list .item .tp img{
	display: block;
}

.sys-list .item .text{
	float: right;
	width: 80%;
	padding-top: 30px;
}

.sys-list .item .text i{
	color: #3d9602;
	font-size: 24px;
	line-height: 42px;
	font-weight: bold;
	display: block;
}

.sys-list .item .text span{
	font-size: 18px;
	line-height: 36px;
	color: #333333;
}

.sys-list .item .text p{
	font-size: 16px;
	color: #666666;
	line-height: 28px;
	margin-top: 16px;
}

.sys-list .item .text p em{
	display: block;
}


.sys-list .item:nth-child(2) .text{
	padding-top: 14px;
}


.star-phone{
	display: none;
}

.ser-mess{
	padding: 80px 0;
	background: url(../images/message_bg.jpg) center top no-repeat;
	background-size: auto 100%;
}

.ser-mess .container{
	max-width: 1400px;
}


.ser-mess-box{
	width: 50%;
	background-color: rgba(255,255,255,.8);
	border-radius: 10px;
}

.ser-mess-box .box{
	padding: 50px 50px;
}

.ser-mess-box .box i{
	font-size: 34px;
	color: #333333;
	font-weight: bold;
	display: block;
	text-align: center;
}

.ser-mess-box .mit{
	margin-top: 10px;
}

.ser-mess-box input{
	margin-top: 20px;
	height: 48px;
	width: 94%;
	background: #FFFFFF;
	border: 1px solid #e5e5e5;
	font-size: 16px;
	color: #333333;
	padding: 0 3%;
}

.ser-mess-box textarea{
	margin-top: 20px;
	height: 120px;
	width: 94%;
	background: #FFFFFF;
	border: 1px solid #e5e5e5;
	font-size: 16px;
	color: #333333;
	padding: 9px 3%;
}




.video-list{
	margin-top: 30px;
}

.video-list ul li{
	float: left;
	width: 32.30%;
	margin-left: 1.36%;
	margin-top: 30px;
	overflow: hidden;
}

.video-list ul li:nth-child(3n+1){
	margin-left: 0;
}

.video-list ul li .box{
	position: relative;
	border-radius: 6px;
	overflow: hidden;
}

.video-list ul li .icon{
	position: absolute;
	top: -100%;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.3);
	z-index: 9;
	transition: all 0.4s;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.video-list ul li:hover .icon{
	top: 0;
}

.video-list ul li .icon i{
	display: block;
	width: 70px;
	height: 70px;
	background: url(../images/video_icon.png) center center no-repeat;
	background-size: 100%;
	margin: 0 auto;
}

.video-list ul li img{
	display: block;
}

.video-list ul li .text{
	margin-top: 14px;
}

.video-list ul li .text i{
	font-size: 18px;
	color: #333333;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	max-height: 30px;
	line-height: 30px;
	overflow: hidden;
}

.video-list ul li .text p{
	font-size: 14px;
	color: #999;
	margin-top: 2px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	max-height: 24px;
	line-height: 24px;
	overflow: hidden;
}



.video-play{
	margin-top: 60px;
	padding: 100px 0;
	background: #F8F8F8;
}

.video-play .container{
	position: relative;
}

.video-play .play{
	width: 76%;
	height: 700px;
	float: left;
	background: #000000;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.video-play .play video{
	width: 100%;
	height: 100%;
}


.video-play .play iframe{
	width: 100%;
	height: 100%;
}

.video-play .text{
	width: 23%;
	float: right;
	background: #FFFFFF;
	position: absolute;
	height: 100%;
	right: 0;
}

.video-play .text .box{
	padding: 25px 20px;
}

.video-play .text .title i{
	font-size: 24px;
	line-height: 32px;
	max-height: 64px;
	color: #333333;
	font-weight: bold;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.video-play .text .title span{
	font-size: 12px;
	color: #999;
	display: block;
	margin-top: 8px;
}

.video-play .text .title em{
	margin-right: 10px;
}

.video-play .text .title p{
	font-size: 14px;
	line-height: 26px;
	height: 52px;
	overflow: hidden;
	color: #858585;
	margin-top: 10px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}


.rel-video{
	margin-top: 20px;
	position: absolute;
	bottom: 25px;
	padding-right: 20px;
}

.rel-title i{
	font-size: 20px;
	line-height: 36px;
	color: #333333;
}

.rel-list{
	margin-top: 10px;
}

.rel-list ul li{
	margin-top: 12px;
}

.rel-list ul li .tp{
	width: 40%;
	float: left;
	border-radius: 4px;
	overflow: hidden;
}

.rel-list ul li .tp img{
	display: block;
}

.rel-list ul li .figure_count{
	width: 56%;
	float: right;
}

.rel-list ul li .figure_count p{
	font-size: 14px;
	color: #333333;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}





.comfor-banner{
	height: 900px;
	background: url(../images/adv_comfort_bg.jpg) center top no-repeat;
	background-size: auto 100%;
}

.comfor-banner .text{
	padding-top: 230px;
	text-align: center;
}

.comfor-banner .text span{
	font-size: 30px;
	color: #FFFFFF;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	padding: 15px 0;
}

.comfor-banner .text i{
	font-size: 60px;
	font-weight: bold;
	color: #FFFFFF;
	display: block;
	margin-top: 40px;
	letter-spacing: 4px;
}

.comfor-banner .text p{
	font-size: 30px;
	height: 60px;
	line-height:56px;
	font-weight: bold;
	color: #FFFFFF;
	display: inline-block;
	background: #3d9602;
	border-radius: 30px;
	padding: 0px 40px;
	margin-top: 40px;
}

.comfor-banner .text p em{
	font-weight: initial;
}

.owner{
	background: #F8F8F8;
	padding: 65px 0 75px 0;
}


.owner .title{
	font-size: 30px;
	color: #333333;
	font-weight: bold;
	text-align: center;
}


.owner-list{
	margin-top: 30px;
	padding: 0 230px;
}

.owner-list ul li{
	float: left;
	width: 33.33%;
	text-align: center;
}

.owner-list ul li .box{
	border-left: 1px solid #DDDDDD;
}

.owner-list ul li:first-child .box{
	border-left: initial;
}

.owner-list ul li i{
	font-size: 60px;
	color: #3d9602;
	font-weight: bold;
}

.owner-list ul li em{
	font-size: 24px;
}

.owner-list ul li span{
	font-size: 18px;
	color: #333;
	display: block;
	margin-top: ;
}



.life .container{
	padding: 100px 0 110px 0;
}

.life .title{
	text-align: center;
}

.life .title span{
	font-size: 18px;
	display: inline-block;
	padding: 14px 0;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
}



.life .title i{
	font-size: 40px;
	color: #3d9602;
	display: block;
	font-weight: bold;
	margin-top: 35px;
}

.life .title i em{
	font-size:36px;
	color: #cdd5d1;
	font-weight: initial;
}

.life .title p{
	font-size: 24px;
	color: #3d9602;
	display: inline-block;
	height: 46px;
	line-height: 44px;
	padding: 0 40px;
	border: 1px solid #3d9602;
	border-radius: 24px;
	margin-top: 40px;
}


.life-list{
	margin-top: 40px;
	padding: 0 225px;
}

.life-list ul li{
	float: left;
	width: 31.33%;
	margin-left: 2.66%;
	margin-top: 30px;
}

.life-list ul li:nth-child(3n+1){
	margin-left: 0;
}

.life-list ul li img{
	display: block;
	margin: 0 auto;
}

.life-list ul li i{
	font-size: 18px;
	display: block;
	text-align: center;
	margin-top: 8px;
}



.chara-icon{
	background: #F8F8F8;
	padding: 100px 0 110px 0;
}

.comtitle{
	text-align: center;
}

.comtitle i{
	font-size: 40px;
	color: #333333;
	font-weight: bold;
}

.comtitle em{
	color: #3d9602;
}

.comtitle span{
	font-size: 18px;
	color: #999999;
	text-transform: uppercase;
	display: block;
	margin-top: 10px;
}



.chara-list{
	margin-top: 20px;
	padding: 0 225px;
}

.chara-list ul li{
	float: left;
	width: 31.33%;
	margin-left: 2.66%;
	margin-top: 50px;
}

.chara-list ul li:nth-child(3n+1){
	margin-left: 0;
}

.chara-list ul li img{
	display: block;
	margin: 0 auto;
}

.chara-list ul li i{
	font-size: 24px;
	display: block;
	text-align: center;
	margin-top: 18px;
}


.com-pro{
	padding: 110px 0 110px 0;
	background: url(../images/com_pro_bg.jpg) center top no-repeat;
	background-size: auto 100%;
}


.com-pro .container{
	max-width: 1400px;
}

.com-pro .comtitle i{
	color: #FFFFFF;
}

.com-pro .comtitle span{
	color: #a4bdae;
}

.com-pro-lsit{
	margin-top: 60px;
}

.com-pro-lsit ul li{
	float: left;
	width: 23.5%;
	margin-left: 1.83%;
	text-align: center;
	background: #FFFFFF;
	padding: 60px 0;
}

.com-pro-lsit ul li img{
	display: block;
	margin: 0 auto;
}

.com-pro-lsit ul li i{
	display: block;
	margin-top: 40px;
	font-size: 30px;
	font-weight: bold;
	color: #333333;
}

.com-pro-lsit ul li p{
	margin-top: 10px;
	font-size: 24px;
	color: #666666;
}

.com-pro-lsit ul li:nth-child(4n+1){
	margin-left: 0%;
}

.com-pro-lsit ul li span{
	display: block;
	width: 10px;
	height: 17px;
	margin: 40px auto 0 auto;
	background: url(../images/com_pro_jt.jpg) center top no-repeat;
}


.com-pro .text{
	text-align: center;
	color: #FFFFFF;
	font-size: 24px;
	line-height: 36px;
	margin-top: 60px;
}


.com-video{
	padding: 100px 0;
}

.com-video .container{
	max-width: 1400px;
}

.com-video .video-list ul li {
	box-shadow: 0 0 5px #eee;
	width: 24.1075%;
    margin-left: 1.19%;
    margin-top: 10px;
}

.com-video .video-list ul li:nth-child(4n+1) {
    margin-left: 0;
}

.com-video .video-list ul li .box{
	border-bottom-left-radius: initial;
	border-bottom-right-radius: initial;
}


.com-video .video-list ul li .text{
	margin-top: 0;
	padding: 15px 20px;
}


.case-con-consult.com-join{
	background: url(../images/com_join_bg.jpg) center top no-repeat;
	background-size: auto 100%;
}



.com-steps{
	padding: 110px 0;
}

.com-steps .title{
	text-align: center;
}

.com-steps .title i{
	font-size: 40px;
	font-weight: bold;
	color: #333333;
	display: block;
	margin-bottom: 20px;
}

.com-steps .title span{
	display: inline-block;
	background: #3d9602;
	height: 40px;
	padding: 0 30px;
	color: #FFFFFF;
	border-radius: 20px;
	font-size: 18px;
	line-height: 38px;
}

.com-steps .title em{
	font-weight: bold;
}


.steps-list{
	margin-top: 80px;
}

.steps-list .item{
	float: left;
	height: 430px;
	width: 19%;
	margin-left: 1.25%;
	background: url(../images/steps_tp1.jpg) center top no-repeat;
	background-size: 100% auto;
	background-color: #FFFFFF;
	position: relative;
	box-shadow: 0 0 5px #e5e5e5;
}

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

.steps-list .item:nth-child(2){
	background: url(../images/steps_tp2.jpg) center top no-repeat;
	background-size: 100% auto;
	background-color: #FFFFFF;
}

.steps-list .item:nth-child(3){
	background: url(../images/steps_tp3.jpg) center top no-repeat;
	background-size: 100% auto;
	background-color: #FFFFFF;
}

.steps-list .item:nth-child(4){
	background: url(../images/steps_tp4.jpg) center top no-repeat;
	background-size: 100% auto;
	background-color: #FFFFFF;
}

.steps-list .item:nth-child(5){
	background: url(../images/steps_tp5.jpg) center top no-repeat;
	background-size: 100% auto;
	background-color: #FFFFFF;
}

.steps-list .item .box{
	padding: 30px;
}

.steps-list .item .subtit span{
	font-size: 44px;
	color: #f0f0f0;
	font-weight: bold;
	font-family: arial;
	text-transform: uppercase;
}

.steps-list .item .subtit i{
	font-size: 28px;
	color: #006633;
	font-weight: bold;
	display: block;
}

.steps-list .item .subtit em{
	font-weight: initial;
}

.steps-list .item .text{
	position: absolute;
	bottom: 30px;
	left: 0;
	padding: 0 30px;
}

.steps-list .item .text p{
	font-size: 16px;
	color: #333333;
	line-height: 28px;
	height: 84px;
}


.news-recom.com-case{
	margin: 90px 0 140px 0;
}






.plan-submit.com .container{
	max-width: 1400px;
}

.plan-submit.com .title p{
	font-size: 18px;
	line-height: 36px;
	color: #ffffff;
	margin-top: 30px;
}

.plan-submit.com .title p em{
	display: block;
}


.plan-submit.com .mit{
	background: #FFFFFF;
	border-radius: 5px;
}

.plan-submit.com .mit .box{
	padding: 30px 30px 35px 30px;
}

.plan-submit.com .mit .box i{
	font-size: 28px;
	color: #333333;
	font-weight: bold;
	display: block;
	text-align: center;
	margin-bottom: 30px;
}

.plan-submit.com .mit input{
	background: #f8f8f8;
	border: 1px solid #eee;
}

.plan-submit .mit textarea{
	background: #f8f8f8;
	border: 1px solid #eee;
}



.who{
	padding: 110px 0 120px 0;
	background: #FFFFFF;
}

.who .container{
	position: relative;
	
}

.who .introd{
	width: 45%;
	padding-right: 5%;
	float: left;
}

.who .title span{
	font-size: 50px;
	line-height: 50px;
	margin-bottom: 5px;
	color: #333333;
	font-weight: bold;
	display: block;
	text-transform: uppercase;
	font-family: arial;
}

.who .title i{
	font-size: 30px;
	color: #3d9602;
	font-weight: bold;
}


.who .text{
	width: 45%;
	position: absolute;
	bottom: 0;
}

.who .text p{
	font-size: 16px;
	line-height: 28px;
	color: #333333;
	margin-top: 20px;
	text-align: justify;
}

.who .icon{
	width: 12%;
	height: 100%;
	float: left;
}

.who .icon ul{
	/*position: absolute;
	bottom: 0;*/
}

.who .icon ul li{
	margin-top: 50px;
}

.who .icon ul li i{
	font-size: 28px;
	font-weight: bold;
	color: #3d9602;
}

.who .icon ul li p{
	font-size: 16px;
	line-height: 32px;
	color: #333;
}


.who .vr{
	width: 36.5%;
	float: right;
	margin-top: -210px;
	position: relative;
}


.vr-con{
	position: absolute;
	top: 100px;
	width: 100%;
	text-align: center;
}

.vr-con em{
	display: inline-block;
	height: 34px;
	line-height: 34px;
	font-size: 14px;
	color: #FFFFFF;
	background: #3d9602;
	padding: 0 15px;
	border-radius: 17px;
}

.vr-con i{
	font-size: 36px;
	color: #FFFFFF;
	font-weight: bold;
	display: block;
	margin: 18px 0 30px 0;
}

.vr-con span{
	display: inline-block;
	width: 35px;
	height: 35px;
	background: url(../images/vr_icon.png) center center no-repeat;
	background-size: 100% 100%;
}




.what{
	background: #FFFFFF;
}


.what .tit-con-box{
	background: #3d9602;
	height: 530px;
}


.what .tit-con-box .title{
	padding-top: 100px;
	text-align: center;
}

.what .tit-con-box .title span{
	font-size: 50px;
	color: #FFFFFF;
	font-weight: bold;
	font-family: arial;
	text-transform: uppercase;
}

.what .tit-con-box .title i{
	font-size: 30px;
	color: #FFFFFF;
	font-weight: bold;
	display: block;
	margin-top: 5px;
}

.what .tit-con-box .title p{
	padding: 0 20%;
	font-size: 16px;
	color: #FFFFFF;
	line-height: 28px;
	margin-top: 48px;
}



.mat-con-box{
	margin-top: -150px;
	padding-bottom: 110px;
}

.hou-left{
	width: 48%;
	float: left;
}

.hou-left .title,.com-right .title{
	font-size: 30px;
	color: #3d9602;
	font-weight: bold;
	line-height: 40px;
	position: relative;
	margin-top: 30px;
}

.hou-left .title:after{
	display: block;
	content: "";
	width: 178px;
	height: 262px;
	background: url(../images/household_icon.png) right top no-repeat;
	background-size: auto 100%;
	position: absolute;
	right: 60px;
	bottom: -10px;
}

.hou-left .title span,.com-right .title span{
	font-size: 26px;
	color: #333;
	display: block;
}


.hou-left .text,.com-right .text{
	padding-top: 30px;
	margin-top: 30px;
	border-top: 1px solid #DDDDDD;
	font-size: 16px;
	line-height: 30px;
	color: #333333;
}


.com-right{
	width: 48%;
	float: right;
}

.com-right .title:after{
	display: block;
	content: "";
	width: 302px;
	height: 228px;
	background: url(../images/commercial_icon.png) right top no-repeat;
	background-size: auto 100%;
	position: absolute;
	right: 60px;
	bottom: -20px;
}



.plant{
	background: #333333;
	overflow: hidden;
}

.plant .container{
	position: relative;
}

.pla-con-box{
	width: 40%;
	float: left;
	color: #FFFFFF;
}

.pla-con-box .box{
	padding: 100px 0;
}


.pla-con-box .title span{
	display: block;
}

.pla-con-box .title i{
	font-size: 50px;
	color: #FFFFFF;
	font-weight: bold;
	display: block;
}

.pla-con-box .text{
	position: absolute;
	bottom: 100px;
}

.pla-con-box .text i{
	font-size: 38px;
	color: #009748;
	font-weight: bold;
	padding-bottom: 25px;
	margin-bottom: 25px;
	border-bottom: 1px solid #676767;
	display: block;
}

.pla-con-box .text p{
	font-size: 16px;
	color: #FFFFFF;
	line-height: 32px;
}


.plant-list{
	width: 65%;
	float: right; 
	margin-right: -8%;
	position: relative;
}


.plant-list .lb-box {
  width: 100%;
  height: auto;
  margin-top: 0;
  position: initial;
  overflow: initial;
}

.plant-list .lb-content{
	overflow: hidden;
}

.plant-list .lb-sign {
  display: none;
}

.plant-list .lb-content .lb-item img{
	display: block;
}


.plant-list .lb-ctrl {
  position: absolute;
  transform: initial;
  bottom: 0;
  border-radius: 0;
  cursor: pointer;
  transition: all 0.1s linear;
  opacity: initial;
  width: 148px;
  height: 161px;
}

.plant-list .lb-ctrl.left {
  left: -148px; 
  background: url(../images/plant_icon_left.png) center center no-repeat;
  background-size: 100% 100%;
}

.plant-list .lb-ctrl.right {
  left: 0;
  background: url(../images/plant_icon_right.png) center center no-repeat;
  background-size: 100% 100%;
}

.plant-list .lb-ctrl.left:hover {
  opacity: .8;
}

.plant-list .lb-ctrl.right:hover {
  opacity: .8;
}



.events{
	background: url(../images/events_bg.jpg) center top no-repeat;
	background-size: 100% 100%;
	padding: 120px 0 130px 0;
}

.events .title {
	width: 40%;
	float: left;
}

.events .title span{
	font-size: 50px;
	color: #333;
	font-weight: bold;
	text-transform: uppercase;
	font-family: arial;
}

.events .title i{
	font-size: 30px;
	color: #3d9602;
	font-weight: bold;
	display: block;
}


.events_list{
	width: 55%;
	float: right;
}


.m-slide{ position: relative; width:100%; height: 525px;}
.m-slide .img { position: relative }
.m-slide .img li { 
	display: none; position: absolute; left: 0; top: 0;
}

.m-slide .img .box { 
	height: 64px;
	line-height: 64px;
	margin-top: 90px;
}

.m-slide .img .box:first-child { 
	margin-top: 0px;
}

.m-slide .img .box img{ 
	float: left;
	width: 63px;
}

.m-slide .img .box i{ 
	float: left;
	display: block;
	font-size: 30px;
	color: #333333;
	font-weight: bold;
	margin-left: 35px;
	width: 150px;
}

.m-slide .img .box p{ 
	float: left;
	display: block;
	font-size: 16px;
	color: #333333;
	margin-left: 35px;
}

.m-slide .img .box p span{ 
	display: initial;
}

.m-slide .tab{
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -86px;
}

.m-slide .tab li{
	height: 10px;
	width: 10px;
	background: #ccc;
	border-radius: 50%;
	margin: 35px 0;
}

.m-slide .tab li.on{ 
	background: #3d9602;
	height: 12px;
	width: 12px;
	margin-left: -1px;
}





.home-video{
	background: url(../images/brand_video_bg.jpg) center top no-repeat;
	background-size: auto 100%;
	height: 680px;
}



.brand-honors{
	padding: 110px 0;
	background: #FFFFFF;
}

.brand-honors .container{
	max-width: 1400px;
}

.brand-honors .title{
	text-align: center;
}

.brand-honors .title span{
	font-size: 50px;
	color: #333;
	font-weight: bold;
	text-transform: uppercase;
	font-family: arial;
}

.brand-honors .title i{
	font-size: 30px;
	color: #3d9602;
	font-weight: bold;
	display: block;
}


.brand-hon-box{
	margin-top: 50px;
}


.news-recom.com-case .brand-case-list .text{
	box-shadow: 0 0 5px #EEEEEE;
}



.pro-mod-left{
	padding: 130px 0;
	background: #FFFFFF;
}

.pro-mod-left .container{
	max-width: 1400px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.pro-mod-left .text{
	float: left;
	width: 42%;
	margin-right: 8%;
}

.pro-mod-left .title{
	font-size: 48px;
	color: #333333;
	line-height: 66px;
	font-weight: bold;
}

.pro-mod-left .title span{
	color: #007347;
	display: block;
}

.pro-mod-left .title p{
	font-size: 18px;
	color: #333333;
	line-height: 36px;
	margin-top: 18px;
	font-weight: initial;
}

.pro-mod-left .icon{
	font-size: 28px;
	color: #333333;
	line-height: 54px;
	margin-top: 30px;
}

.pro-mod-left .icon b{
	color: #d51414;
}

.pro-mod-left .des{
	font-size: 18px;
	color: #333333;
	line-height: 36px;
	margin-top: 36px;
}

.pro-mod-left .tp{
	float: right;
	width: 50%;
}

.pro-mod-left .tp img{
	display: block;
	margin: 0 auto;
}




.pro-mod-right{
	padding: 130px 0;
	background: #F8F8F8;
}

.pro-mod-right .container{
	max-width: 1400px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.pro-mod-right .text{
	float: right;
	width: 42%;
	margin-left: 8%;
}

.pro-mod-right .title{
	font-size: 48px;
	color: #333333;
	line-height: 66px;
	font-weight: bold;
}

.pro-mod-right .title span{
	color: #007347;
	display: block;
}

.pro-mod-right .icon{
	font-size: 28px;
	color: #333333;
	line-height: 54px;
	margin-top: 30px;
}

.pro-mod-right .des{
	font-size: 18px;
	color: #333333;
	line-height: 36px;
	margin-top: 36px;
}

.pro-mod-right .des em{
	font-size: 14px;
	line-height: 24px;
	display: block;
}

.pro-mod-right .des span{
	display: block;
	font-size: 14px;
	color: #848484;
	
}

.pro-mod-right .tp{
	float: left;
	width: 50%;
}

.pro-mod-right .tp img{
	display: block;
}



.pro_list_point img{
	margin: 0 auto;
}

.l_p_pc img{
	display: block;
}

.l_p_m img{
	display: none;
}


.pro_list_adv{
	background: #F8F8F8;
	padding: 100px 0 110px;
}


.p_a_tit h3{
	float: left;
	font-size: 36px;
	color: #333333;
}

.p_a_tit span{
	float: right;
	display: block;
	font-size: 18px;
	line-height: 24px;
	color: #ededed;
	font-weight: bold;
	text-transform: uppercase;
}

.p_a_tit span em{
	display: block;
}

.p_a_list{
	margin-top: 30px;
}

.p_a_list .item{
	float: left;
	background: #FFFFFF;
	width: 49.25%;
	margin-left: 1.5%;
	margin-top: 20px;
}

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


.p_a_list .item .box{
	padding: 10px;
}

.p_a_list .item .tp{
	float: left;
	width: 42%;
}

.p_a_list .item .tp img{
	display: block;
}

.p_a_list .item .text{
	float: right;
	width: 55%;
	padding-top: 15px;
}

.p_a_list .item .text i{
	font-size: 20px;
	line-height: 30px;
	display: block;
	margin-bottom: 16px;
	font-weight: bold;
}

.p_a_list .item .text i em{
	display: block;
}

.p_a_list .item .text p{
	font-size: 16px;
	color: #7a7a7a;
	line-height: 28px;
}

.p_a_list .item .text p span{
	display: block;
	height: 10px;
}



.pro_list_bg{
	background: #F8F8F8;
	padding-bottom: 130px;
}







.comfor_banner{
	margin-top: 60px;
	height: 925px;
	background: url(../images/adv_com_banner.jpg) center top no-repeat;
	background-size: auto 100%;
}

.comfor_banner .text{
	padding-top: 125px;
	text-align: center;
}

.comfor_banner .text span{
	font-size: 28px;
	color: #333;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	padding: 12px 0 15px;
}

.comfor_banner .text i{
	font-size: 54px;
	font-weight: bold;
	color: #333;
	display: block;
	margin-top: 45px;
	letter-spacing: 4px;
}

.comfor_banner .text p{
	font-size: 26px;
	height: 56px;
	line-height:54px;
	font-weight: bold;
	color: #FFFFFF;
	display: inline-block;
	background: #3d9602;
	border-radius: 30px;
	padding: 0px 40px;
	margin-top: 35px;
}

.comfor_banner .text p em{
	font-weight: initial;
}



.comfor_icon{
	background: #F8F8F8;
	padding: 50px 0;
}

.c_i_b ul li{
	width: 25%;
	float: left;
	text-align: center;
	margin: 35px 0;
}

.c_i_b ul li img{
	display: block;
	margin: 0 auto;
}

.c_i_b ul li i{
	font-size: 20px;
	color: #5f5e66;
	font-weight: bold;
	display: block;
	margin-top: 17px;
}




.container_1400{
	max-width: 1400px;
	margin: 0 auto;
}


.com_trast{
	padding: 110px 0 130px 0;
}


.com_trast .title{
	text-align: center;
}

.com_trast .title em{
	display: inline-block;
	height: 43px;
	border: 1px solid #333333;
	line-height: 43px;
	padding: 0 25px;
	border-radius: 25px;
	font-size: 18px;
}

.com_trast .title i{
	font-size: 56px;
	color: #006633;
	line-height:66px;
	display: block;
	margin-top: 26px;
}

.com_trast .title span{
	font-size: 42px;
	font-weight: bold;
	display: block;
}


.c_t_box{
	margin-top: 60px;
	background: #F8F8F8;
}

.c_t_l.c_t_bg{
	background: #006633;
	color: #FFFFFF;
}

.c_t_l{
	width: 50%;
	float: left;
	text-align: center;
	color: #333;
}

.c_t_l .box{
	padding: 30px;
}

.c_t_l .fun i{
	font-size: 24px;
	font-weight: bold;
}

.c_t_l .fun p{
	font-size: 18px;
	line-height: 30px;
	margin-top: 8px;
}

.c_t_l .fun img{
	margin-top: 26px;
	display: block;
}


.c_t_l .ther_box{
	margin-top: 35px;
}

.c_t_l .ther i{
	font-size: 18px;
	font-weight: bold;
}

.c_t_l .ther img{
	margin-top: 22px;
	display: block;
}

.c_t_l .ther_text{
	background: #FFFFFF;
	padding-bottom: 32px;
}

.c_t_l .ther_text i{
	color: #333333;
	font-size: 18px;
}

.c_t_l .ther_text p{
	color: #8e8e8e;
	font-size: 16px;
	margin-top: 12px;
}



.com_prod{
	padding: 110px 0;
	background: url(../images/com_prod_bg.jpg) center top no-repeat;
	background-size: auto 100%;
}

.com_prod .title{
	text-align: center;
}

.com_prod .title i{
	font-size: 40px;
	font-weight: bold;
	display: block;
}

.com_prod .title em{
	line-height: 40px;
	height: 42px;
	background: #006633;
	display: inline-block;
	padding: 0 25px;
	border-radius: 22px;
	color: #FFFFFF;
	font-size: 18px;
	margin-top: 20px;
}


.com_prod_acce{
	margin-top: 20px;
	position: relative;
}

.c_p_l{
	float: left;
	width: 25%;
}

.c_p_l ul li{
	margin-top: 40px;
	position: relative;
}

.c_p_l ul li img{
	display: block;
	width: 50%;
	float: left;
}

.c_p_l ul li i{
	width: 50%;
	text-align: right;
	font-size: 18px;
	line-height: 30px;
	color: #333333;
	font-weight: bold;
	float: right;
	margin-top: 72px;
}

.c_p_l ul li i span{
	display: block;
}

.c_p_l ul li:nth-child(1) i,.c_p_l ul li:nth-child(3) i{
	margin-top: 56px;
}

.c_p_l ul li:before{
	display: block;
	content: "";
	position: absolute;
	right: -334px;
	top: 86px;
	background: url(../images/com_prod_line1.png) left top no-repeat;
	width: 324px;
	height: 239px;
	z-index: 9;
}

.c_p_l ul li:nth-child(2):before{
	right: -227px;
	top: 86px;
	background: url(../images/com_prod_line2.png) left top no-repeat;
	width: 217px;
	height: 10px;
}

.c_p_l ul li:nth-child(3):before{
	right: -433px;
	top: 5px;
	background: url(../images/com_prod_line3.png) left top no-repeat;
	width: 423px;
	height: 83px;
}

.c_p_l ul li:nth-child(4):before{
	right: -470px;
	top: -148px;
	background: url(../images/com_prod_line4.png) left top no-repeat;
	width: 460px;
	height: 238px;
}



.c_p_r{
	float: right;
	width: 25%;
}


.c_p_r ul li{
	margin-top: 40px;
	position: relative;
}

.c_p_r ul li img{
	display: block;
	width: 50%;
	float: right;
}

.c_p_r ul li i{
	width: 50%;
	text-align: left;
	font-size: 18px;
	line-height: 30px;
	color: #333333;
	font-weight: bold;
	float: left;
	margin-top: 72px;
}

.c_p_r ul li i span{
	display: block;
}

.c_p_r ul li:nth-child(4) i{
	margin-top: 56px;
}


.c_p_r ul li:before{
	display: block;
	content: "";
	position: absolute;
	left: -325px;
	top: 86px;
	background: url(../images/com_prod_line5.png) left top no-repeat;
	width: 315px;
	height: 173px;
	z-index: 9;
}

.c_p_r ul li:nth-child(2):before{
	left: -216px;
	top: 86px;
	background: url(../images/com_prod_line6.png) left top no-repeat;
	width: 206px;
	height: 43px;
}

.c_p_r ul li:nth-child(3):before{
	left: -187px;
	top: 83px;
	background: url(../images/com_prod_line7.png) left top no-repeat;
	width: 177px;
	height: 10px;
}

.c_p_r ul li:nth-child(4):before{
	left: -301px;
	top: -112px;
	background: url(../images/com_prod_line8.png) left top no-repeat;
	width: 291px;
	height: 199px;
}




.com_prod_tp img{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -364px;
	margin-top: -234px;
}


.com_prod_item{
	margin-top: 20px;
}


.com_item_list{
	float: left;
	width: 23.8%;
	margin-left: 1.6%;
	position: relative;
}

.com_item_list:first-child{
	margin-left: 0;
}

.com_item_list .title{
	position: absolute;
	width: 90%;
	padding: 0 5%;
	text-align: center;
	top: 25px;
}

.com_item_list .title i{
	font-size: 18px;
	line-height: 30px;
	color: #333333;
	font-weight: bold;
}

.com_item_list .title p{
	font-size: 14px;
	line-height: 26px;
	color: #858585;
}



.qua_ass{
	padding: 120px 0;
	background: #F8F8F8;
}


.q_a_l{
	float: left;
	width: 45%;
	padding-top: 15px;
}

.q_a_l .title i{
	font-size: 40px;
	line-height: 56px;
	color: #006633;
	font-weight: bold;
}

.q_a_l .title span{
	color: #333;
	display: block;
}

.q_a_l .title p{
	font-size: 24px;
	line-height: 30px;
	color: #333333;
	margin-top: 30px;
}


.q_a_list{
	padding-top: 130px;
}

.q_a_list ul li{
	margin-top: 50px;
}

.q_a_list ul li .tp{
	float: left;
}

.q_a_list ul li .tp img{
	display: block;
	margin-top: 3px;
}

.q_a_list ul li .text{
	float: left;
	margin-left: 40px;
}

.q_a_list ul li .text i{
	font-size: 20px;
	color: #333333;
	font-weight: bold;
}

.q_a_list ul li .text p{
	font-size: 16px;
	color: #666666;
	margin-top: 8px;
}


.q_a_r{
	float: right;
	width: 50%;
}

.q_a_r img{
	float: right;
	display: block;
}



.news-recom.com-case.com_case_bg{
	background: #F8F8F8;
	margin: 0;
	padding: 100px 0 100px 0;
}

.news-recom.com-case.com_case_bg .owl-carousel .owl-item .item-content {
    padding: 0 0;
    margin: 0 15px;
}

.owl-carousel .tp-case{
	position: relative;
	z-index: 1;
	height: 400px;
}

.owl-carousel .text-case{
	background: #FFFFFF;
	padding: 16px 20px 25px 20px;
	position: absolute;
	bottom: 0;
	z-index: 9;
	text-align: left;
}

.owl-carousel .text-case i{
	font-size: 20px;
	max-height: 26px;
	color: #333333;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.owl-carousel .text-case p{
	font-size: 12px;
	line-height: 24px;
	max-height: 44px;
	color: #858585;
	margin-top: 12px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.owl-carousel .text-case img{
	display: block;
	margin-top: 15px;
}




.com_solut{
	padding: 120px 0 130px;
	overflow: hidden;
}

.com_solut .s_t_m{
	position: absolute;
	top: 0;
	z-index: 9;
}


.s_t_m .title{
	width: 330px;
	padding-bottom: 52px;
	margin-bottom: 60px;
	border-bottom: 1px solid #EEEEEE;
}

.s_t_m .title em{
	font-size: 72px;
	color: #333333;
	font-weight: bold;
	font-family: arial;
}

.s_t_m .title i{
	font-size: 40px;
	color: #006633;
	display: block;
	font-weight: bold;
}

.s_t_m .sol_menu ul li{
	margin-bottom: 20px;
	line-height: 34px;
	height: 34px;
	border-radius: 20px;
	width: 136px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #858585;
	border: 2px solid #858585;
}

.s_t_m .sol_menu ul li:hover{
	color: #006633;
	border: 2px solid #006633;
}

.s_t_m .sol_menu ul li.cur{
	color: #006633;
	border: 2px solid #006633;
}





.com_solut .container{
	position: relative;
}


.com_solut .slide-item{
	position: relative;
}

.sol_text{
	width: 40%;
	position: absolute;
	bottom: 0;
}

.sol_text i{
	font-size: 24px;
	font-weight: bold;
	line-height: 30px;
	color: #333333;
}

.sol_text p{
	font-size: 18px;
	line-height: 36px;
	color: #333333;
	margin-top: 14px;
}

.sol_tp{
	width: 50%;
	float: right;
}

.sol_tp img{
	display: block;
}

/*案例滚动*/
.slider3 {
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
}

.slider3 .slider-arrow {
	position: absolute;
	display: block;
	width: 40px;
	height: 40px;
	font-size: 0;
}
.slider3 .slider-arrow--right {
	top: 75px;
	left: 42%;
	background: url(../images/com_case_r_jt.png) right top no-repeat;
	background-size: 100% 100%;
}
.slider3 .slider-arrow--left {
	top: 75px;
	left: 41%;
	margin-left: -40px;
	background: url(../images/com_case_l_jt.png) left top no-repeat;
	background-size: 100% 100%;
}

.slider3 .slider-arrow--right:hover{
	background: url(../images/com_case_r_jt_a.png) right top no-repeat;
	background-size: 100% 100%;
}
.slider3 .slider-arrow--left:hover {
	background: url(../images/com_case_l_jt_a.png) left top no-repeat;
	background-size: 100% 100%;
}



.tab-item{
	height: 0;
	opacity: 0;
}

.tab-item.active{
	height: auto;
	opacity: 1;
}





.hou_banner{
	margin-top: 60px;
	height: 925px;
	background: url(../images/hou_banner_bg.jpg) center top no-repeat;
	background-size: auto 100%;
}

.hou_banner .text{
	padding-top: 125px;
	text-align: center;
}

.hou_banner .text span img{
	display: block;
	margin: 0 auto;
}

.hou_banner .text i{
	font-size: 72px;
	font-weight: bold;
	color: #FFFFFF;
	display: block;
	margin-top: 35px;
	letter-spacing: 4px;
}

.hou_banner .text i b{
	display: block;
	background: linear-gradient(to top, rgb(238,199,130), rgb(255,247,242));
    -webkit-background-clip: text;
    color: transparent;
}

.hou_banner .text p{
	font-size: 24px;
	height: 56px;
	line-height:54px;
	font-weight: bold;
	color: #a3160a;
	display: inline-block;
	background: olive linear-gradient(to right, rgba(255,247,242,1), rgba(238,199,130,1));
    background-color: #fff6ef;
	border-radius: 30px;
	padding: 0px 40px;
	margin-top: 35px;
	letter-spacing: 2px;
}

.hou_banner .text p em{
	font-weight: initial;
}




.hou_pro{
	padding: 92px 0 110px 0;
	background: url(../images/hou_bg_1.jpg) center top no-repeat;
	background-size: auto 100%;
}


.hou_pro .title{
	text-align: center;
}

.hou_pro .title em{
	display: inline-block;
	height: 40px;
	border: 1px solid #333333;
	line-height: 38px;
	padding: 0 30px;
	border-radius: 25px;
	font-size: 20px;
	margin-top: 22px;
	font-weight: bold;
}

.hou_pro .title i{
	font-size: 40px;
	color: #d80122;
	line-height:48px;
	display: block;
	font-weight: bold;
}


.h_p_list{
	margin-top: 60px;	
}

.h_p_list .item{
	float: left;
	width: 24%;
	margin-left: 1.33%;
	background: url(../images/hou_icon_bg.jpg) center top no-repeat;
	background-size: 100% 100%;
	border-radius: 10px;
	padding: 74px 0 68px;
	text-align: center;
}

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

.h_p_list .item img{
	display: block;
	margin: 0 auto;
}

.h_p_list .item i{
	font-size: 24px;
	line-height: 36px;
	color: #ffffff;
	font-weight: bold;
	display: block;
	margin: 25px 0 5px;
}

.h_p_list .item p{
	font-size: 18px;
	line-height: 30px;
	color: #ffffff;
	margin: 0 2% 0 5%;
	width: 93%;
}

.h_p_list .item p span{
	display: block;
}



.hou_invest_pol{
	padding: 100px 0 110px 0;
}


.hou_invest_pol .comtitle i{
	color: #d80122;
}

.hou_invest_pol .comtitle span{
	color: #999999;
}


.i_p_box{
	margin-top: 55px;
}

.i_p_box .box{
	border-top: 1px solid #eedfce;
	border-bottom: 1px solid #ebebeb;
	border-right: 1px solid #ebebeb;
}

.i_p_title{
	background: olive linear-gradient(to bottom, rgba(253,234,217,1), rgba(255,229,188,1));
    background-color: #fff6ef;
}

.i_p_title li{
	position: relative;
	float: left;
	width: 25%;
	text-align: center;
	font-size: 18px;
	line-height: 28px;
	height: 110px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.i_p_title li:before{
	position: absolute;
	left: 0;
	content: "";
	width: 1px;
	height: 110px;
	background: #e9d4b6;
}

.i_p_title li b{
	color: #db7f4b;
}

.i_p_title li span{
	display: block;
}

.i_p_title li em{
	color: #8c7f6d;
}


.i_p_task {
	border-bottom: 1px solid #ebebeb;
}

.i_p_task li{
	color: #333333;
	position: relative;
	width: 25%;
	float: left;
	text-align: center;
	font-size: 18px;
	line-height: 28px;
	height: 130px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.i_p_task li:before{
	position: absolute;
	left: 0;
	content: "";
	width: 1px;
	height: 130px;
	background: #ebebeb;
}

.i_p_task li p{
	font-size: 14px;
	line-height: 24px;
	color: #858585;
	padding: 0 12%;
}



.i_p_dec {
	border-bottom: 1px solid #ebebeb;
}

.i_p_dec li{
	color: #333333;
	position: relative;
	width: 25%;
	float: left;
	text-align: center;
	font-size: 18px;
	line-height: 28px;
	height: 130px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.i_p_dec li:nth-child(2){
	width: 50%;
}

.i_p_dec li:before{
	position: absolute;
	left: 0;
	content: "";
	width: 1px;
	height: 130px;
	background: #ebebeb;
}

.i_p_dec li p{
	font-size: 14px;
	line-height: 24px;
	color: #858585;
	padding: 0 12%;
}



.hou_sup{
	padding: 102px 0 120px;
	background: url(../images/hou_bg_2.jpg) center top no-repeat;
	background-size: 100% 100%;
}

.hou_sup .comtitle i{
	color: #d80122;
}

.hou_sup .comtitle span{
	color: #999999;
}


.h_s_box{
	padding-top: 22px;
}

.con_sup_1{
	background: #FFF;
	border-radius: 10px;
	padding: 70px 100px;
	margin-top: 30px;
}

.con_sup_1 .text{
	float: left;
	width: 50%;
}

.con_sup_1 .text .box{
	padding-top: 55px;
	padding-left: 90px;
}

.c_h_t img{
	display: block;
}

.c_h_t i{
	font-size: 30px;
	color: #d80101;
	font-weight: bold;
	display: block;
	margin-top: 22px;
}

.c_h_t span{
	width: 20px;
	height: 3px;
	display: block;
	background: #f3b2b2;
	margin-top: 26px;
}

.c_h_w{
	margin-top: 32px;
}

.c_h_w p{
	font-size: 18px;
	line-height: 30px;
	color: #333;
	width: 90%;
}

.c_h_w p span{
	display: block;
}

.c_h_w em span{
	display: block;
}

.c_h_w em{
	font-size: 14px;
	line-height: 24px;
	color: #999999;
	display: block;
	margin-top: 18px;
}

.con_sup_1 .tp{
	float: right;
	width: 50%;
}

.con_sup_1 .tp img{
	float: right;
	display: block;
}



.con_sup_2{
	background: #FFF;
	border-radius: 10px;
	padding: 70px 100px;
	margin-top: 30px;
}

.con_sup_2 .text{
	float: right;
	width: 50%;
}

.con_sup_2 .text .box{
	padding-top: 55px;
	padding-left: 120px;
}

.con_sup_2 .tp{
	float: left;
	width: 50%;
}

.con_sup_2 .tp img{
	float: left;
	display: block;
}



.con_sup_1.sup_3{
	padding: 100px 100px 50px 100px;
}

.con_sup_1.sup_3 .text .box{
	padding-top: 5px;
}


.con_sup_2.sup_4 .text .box{
	padding-top: 15px;
}


.con_sup_2.sup_4 .c_h_w p{
	font-size: 14px;
	line-height: 24px;
}

.con_sup_1.sup_5{
	padding: 90px 100px;
}

.con_sup_1.sup_5 .text .box{
	padding-top: 35px;
}



.con_sup_2.sup_6{
	padding: 100px 100px;
}

.con_sup_2.sup_6 .tp img{
	float: initial;
	display: block;
	margin: 0 auto; 
}

.con_sup_2.sup_6 .text .box{
	padding-top: 0px;
}


.con_sup_1.sup_7 .text .box{
	padding-top: 15px;
}

.con_sup_1.sup_7{
	padding: 110px 100px;
}

.con_sup_1.sup_7 .tp img{
	float: initial;
	display: block;
	margin: 0 auto; 
}


.con_sup_2.sup_8{
	padding: 100px 100px;
}

.con_sup_2.sup_8 .tp img{
	float: initial;
	display: block;
	margin: 0 auto; 
}

.con_sup_2.sup_8 .text .box{
	padding-top: 40px;
}



.com-steps.hou_steps .title span{
	background: olive linear-gradient(to bottom, rgba(245,5,33,1), rgba(242,76,52,1));
    background-color: #fff6ef;
}





.case-con-consult.hou_join{
	background: url(../images/hou_join_tp.jpg) center top no-repeat;
	background-size: auto 100%;
	padding: 110px 0;
	text-align: center;
}

.case-con-consult.hou_join .title{
	color: #FFFFFF;
}

.case-con-consult.hou_join .title i{
	font-size: 60px;
	display: block;
	font-weight: bold;
	margin-top: 18px;
	letter-spacing: 8px;
	background: linear-gradient(to top, rgb(238,199,130), rgb(255,247,242));
    -webkit-background-clip: text;
    color: transparent;
}

.case-con-consult.hou_join .title p{
	font-size: 20px;
	color: #f6e48e;
	letter-spacing: 3px;
	margin-top: 0;
}


.case-con-consult.hou_join .sult-but{
	margin-top: 35px;
}

.case-con-consult.hou_join .sult-but a{
	width: 140px;
	height: 44px;
	line-height: 44px;
	font-size: 16px;
	display: block;
	color: #7c0800;
	background: olive linear-gradient(to right, rgba(255,247,242,1), rgba(238,199,130,1));
    background-color: #fff6ef;
	border-radius: 22px;
	margin: 0 auto;
	font-weight: bold;
}


.news-recom.hou_case{
	background: #F8F8F8;
	padding: 100px 0 160px 0;
	margin: 0;
}

.h_join {
	margin-top: 60px;
}


.h_join img{
	display: block;
	margin:0 auto;
}

.plan-submit.hou_mit{
	background: url(../images/hou_mit_bg.jpg) center top no-repeat;
	background-size: cover;
}

.plan-submit.hou_mit .container{
	max-width: 1400px;
}


.plan-submit.hou_mit .title p{
	font-size: 20px;
	line-height: 36px;
	color: #ffffff;
	margin-top: 30px;
}

.plan-submit.hou_mit .title p em{
	display: block;
}


.plan-submit.hou_mit .mit{
	background: #FFFFFF;
	border-radius: 5px;
	width: 40%;
}

.plan-submit.hou_mit .mit .box{
	padding: 30px 30px 35px 30px;
}

.plan-submit.hou_mit .mit .box i{
	font-size: 28px;
	color: #333333;
	display: block;
	text-align: center;
	margin-bottom: 30px;
}

.plan-submit.hou_mit .mit input{
	background: #f8f8f8;
	border: 1px solid #eee;
}


.sys_id{
	
}

.sys_id .form-group{
	width: 32%;
	margin-left: 2%;
	float: left;
}

.sys_id .form-group:first-child{
	margin-left: 0;
}

.form-control{
	width: 100%;
	height: 42px;
	border: 1px solid #e5e5e5;
	background: #f8f8f8;
	font-size: 16px;
	color: #666666; 
	padding: 0 8%;
	border-radius: 4px;
}



.cust_rep{
	margin: 15px 0;
}

.cust_rep select{
	width: 100%;
	height: 42px;
	border: 1px solid #e5e5e5;
	background: #f8f8f8;
	font-size: 16px;
	color: #666666; 
	padding: 0 2.5%;
	border-radius: 4px;
}

.plan-submit.hou_mit .mit textarea{
	height: 120px;
}
 


.prod-list-plate{
	padding-top: 65px;
	text-align: center;
}

.prod-list-plate .title h2{
	font-size: 45px;
 	color: #3d9602;
	font-weight: bold;
}


.p-l-box{
	margin-top: 15px;
}

.p-l-box .item{
	margin-top: 20px;
	background: #FFFFFF;
	width: 32.54%;
	margin-left: 1.19%;
	float: left;
	box-shadow: 0 0 10px rgba(0,0,0,.05);
	padding: 30px 0 50px;
	position: relative;
}

.unit-link{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 2;
}

.p-l-box .item:nth-child(3n+1){
	margin-left: 0;
	clear: both;
}

.p-l-box .item .tp{
	padding: 0 60px;
}

.p-l-box .item .text{
	padding: 0 30px;
	text-align: center;
	margin-top: 10px;
}

.p-l-box .item .text h3{
	font-size: 20px;
	color: #004F4A;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	max-height: 30px;
	margin-bottom: 10px;
}

.p-l-box .item:hover .text h3{
	color: #3d9602;
}

.p-l-box .item .text p{
	font-size: 16px;
	color: #858585;
	line-height: 28px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	max-height: 56px;
}

.prod-more{
	margin-top: 16px;
}

.prod-more a{
	position: relative;
	z-index: 3;
	color: #3d9602;
	font-size: 16px;
	line-height: 20px;
	padding-right: 18px;
}

.prod-more a:hover{
	text-decoration: underline;
}

.prod-more a:after{
	position: absolute;
	right: 0;
	top: 6px;
	content: "";
	display: block;
	background: url(../images/prod_icon_jt.png) center top no-repeat;
	width: 7px;
	height: 13px;
}


.parts.parts-bg{
	background: #FFFFFF;
}


.parts.parts-bg .parts-con{
	background: url(../images/adv_parts_bg_b.jpg) center center no-repeat;
	background-size: auto auto;
}



.prod-list-solut{
	background: #f8f8f8
}

.prod-list-solut .sch-apply{
	background: url(../images/school_bg1_h.jpg) center bottom no-repeat;
}



.pro_list_video{
	background: #FFFFFF;
	padding-top: 100px;
}




.prod-video{
	height: 700px;
	margin-top: 60px;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	justify-content: center;
	align-items: center;
}


.prod-video .show{
	cursor:pointer;
	text-align: center;
}

.prod-video .show i{
	color: #FFFFFF;
	font-size: 30px;
	line-height: 60px;
	letter-spacing:2px;
	display: block;
}


.prod-list-plate .title{
	position: relative;
}

.return a{
	position: absolute;
	left: 0;
	bottom: 6px;
	font-size: 16px;
	line-height: 20px;
	color: #858585;
	padding-left: 18px;
	background: url(../images/return_jt.png) left center no-repeat;
}

.return a:hover{
	color: #3d9602;
	background: url(../images/return_jt_a.png) left center no-repeat;
}






.sch-pro-con .item{
	margin-top: 20px;
	background: #FFFFFF;
	width: 32.048%;
	margin-left: 1.19%;
	float: left;
	box-shadow: 0 0 8px rgba(0,0,0,.06);
	padding: 20px 0 36px;
	position: relative;
}

.unit-link{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.sch-pro-con .item:nth-child(5n+1){
	margin-left: 17px;
}

.sch-pro-con .item .tp{
	padding: 0 40px;
}

.sch-pro-con .item .text{
	padding: 0 30px;
	text-align: center;
	margin-top: 10px;
}

.sch-pro-con .item .text h3{
	font-size: 18px;
	color: #004F4A;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	max-height: 30px;
}

.sch-pro-con .item:hover .text h3{
	color: #3d9602;
}

.prod-h-more{
	margin-top: 8px;
}

.prod-h-more a{
	position: relative;
	z-index: 3;
	color: #999;
	font-size: 12px;
	line-height: 18px;
	padding-right: 13px;
}

.prod-h-more a:hover{
	color: #3d9602;
}

.prod-h-more a:after{
	position: absolute;
	right: 0;
	top: 4px;
	content: "";
	display: block;
	background: url(../images/prod_icon_jt_h.png) center top no-repeat;
	width: 5px;
	height: 10px;
	background-size: 100% 100%;
}

.prod-h-more a:hover:after{
	background: url(../images/prod_icon_jt.png) center top no-repeat;
	background-size: 100% 100%;
}



.home-product.household{
	padding-top: 0px;
}


.home-product.comfor{
	padding-top: 0px;
}


.comfor-tp{
	margin-top: 35px;
}

.comfor-tp img{
	display: block;
	margin: 0 auto;
}





.solut-list-con{
	margin-top: 20px;
}

.solut-list-con .item{
	width: 24.1075%;
	margin-left: 1.19%;
	float: left;
	background: #FFFFFF;
	box-shadow: 0 0 5px rgba(0,0,0,.1);
	text-align: center;
	position: relative;
	padding: 60px 0;
	margin-top: 20px;
}

.solut-list-con .item:nth-child(4n+1){
	margin-left: 0;
}


.solut-list-con .item .text{
	margin-top: 25px;
}

.solut-list-con .item .text h3{
	font-size: 24px;
	color: #004F4A;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	max-height: 30px;
}

.solut-list-con .item:hover .text h3{
	color: #007347;
}

.solut-list-con .item .text h4{
	font-size: 16px;
	color: #333333;
	font-weight: initial;
	margin-top: 8px;
	padding-bottom: 8px;
	max-height: 26px;
}




.case-list-video{
	padding-top: 92px;
	background: #f8f8f8;
}


.video-title-box .title h2{
	font-size: 38px;
 
	color: #3d9602;
 
	font-weight: bold;
 
	display: block;
	float: left;
}

.video-title-box .title a{
	display: block;
	float: right;
	margin-top: 29px;
	color: #999;
	font-size: 16px;
}

.video-title-box .title a:hover{
	color: #3d9602;
}

.case-list-video .video-list{
	margin-top: 20px;
}

.case-list-video .video-list ul li{
	width: 24.1075%;
	margin-left: 1.19%;
	margin-top: 30px;
	box-shadow: 0 0 5px rgba(0,0,0,.1);
	border-radius: 6px;
	overflow: hidden;
}

.case-list-video .video-list ul li:nth-child(3n+1){
	margin-left: 1.19%;
}

.case-list-video .video-list ul li:nth-child(4n+1){
	margin-left: 0;
}

.case-list-video .video-list ul li .box{
	border-radius: initial;
}

.case-list-video .video-list ul li .icon{
	top: 0%;
}

.case-list-video .video-list ul li .text{
	margin-top: 0;
	background: #FFFFFF;
	padding: 14px 20px;
}




.case-title h2{
	font-size: 38px;
	color: #3d9602;
	font-weight: bold;
	display: block;
	float: left;
}

.case-title a{
	font-size: 16px;
	color: #999;
	padding-top: 22px;
	text-align: right;
	float: right;
}


.case-con-plate{
	padding-top: 100px;
}

.an_omk{
	margin-top: 40px;
}

.an_omk .item{
	float: left;
	width: 32%;
	margin-left: 2%;
	position: relative;
	overflow: hidden;
}

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

.an_omk .item .tp{
	width: 100%;
	height: 100%;
	display: block;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.an_omk .item .text{
	background: #FFFFFF;
	position: initial;
	bottom: 0;
	left: 0;
	width: 100%;
}

.an_omk .item .text .box{
	padding: 26px 28px;
}

.an_omk .item .text .box i{
	font-size: 24px;
	line-height: 30px;
	color: #333333;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	max-height: 30px;
}



.c-l-box{
	margin-top: 45px;
	padding-bottom: 20px;
}

.c-l-box .item{
	float: left;
	width: 32%;
	margin-left: 2%;
	position: relative;
	margin-top: 15px;
}

.c-l-box .item:nth-child(3n+1){
	margin-left: 0;
	clear: both;
}

.c-l-box .item .tp{
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}



.c-l-box .item .text{
	padding: 27px 0 47px 0;
	background: #f8f8f8;
	z-index: 1;
	position: initial;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: left;
}

.c-l-box .item .text .box h3{
	font-size: 22px;
	line-height: 30px;
	color: #333333;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	max-height: 30px;
}

.c-l-box .item .text .box p{
	font-size: 18px;
	line-height: 30px;
	color: #999999;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	max-height: 28px;
	margin-top: 10px;
}





.case-page-video{
	margin-top: 60px;
	padding-top: 100px;
	background: #f8f8f8;
}

.case-video{
	margin-top: 55px;
}

.case-video video{
	width: 100%;
	height: 700px;
}




.case-page-reco{
	padding: 115px 0;
}

.case-page-reco .video-title-box h2{
	font-weight: bold;
}


.case-page-reco .c-l-box{
	margin-top: 55px;
	padding-bottom: 20px;
}

.case-page-reco .c-l-box .item{
	float: left;
	width: 24.1075%;
	margin-left: 1.19%;
	position: relative;
	margin-top: 5px;
}

.case-page-reco .c-l-box .item:nth-child(3n+1){
	margin-left: 1.19%;
}

.case-page-reco .c-l-box .item:nth-child(4n+1){
	margin-left: 0;
	clear: both;
}

.case-page-reco .c-l-box .item .text{
	padding: 22px 0 47px 0;
	background: #FFFFFF;
	z-index: 1;
	position: initial;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: left;
}

.case-page-reco .c-l-box .item .text .box h3{
	font-size: 22px;
}

.case-page-reco .c-l-box .item .text .box p{
	font-size: 16px;
	margin-top: 2px; 
}



.plan-con-box{
	margin-top: 80px;
}






.join-com-banner{
	height: 100vh;
	background: url(../images/commercial_banner_bg.jpg) center top no-repeat;
	background-size: cover;
}

.join-com-banner .text{
	padding-top: 210px;
	text-align: center;
}

.join-com-banner .text h2{
	font-size: 60px;
	font-weight: bold;
	color: rgb(255,255,255);
	display: block;
	text-shadow: rgba(73,140,216,.5) 2px 3px 5px;
	letter-spacing: 5px;
}

.join-com-banner .text h3{
	font-size: 36px;
	color: rgb(255,255,255);
	text-shadow: rgba(73,140,216,.5) 2px 3px 5px;
	letter-spacing: 2px;
	font-weight: initial;
	margin-bottom: 20px;
	position: relative;
	display: inline-block;
	z-index: 9;
}


.join-com-banner .text span{
	font-size: 16px;
	line-height: 28px;
	color: rgba(255,255,255,.5);
	letter-spacing: 2px;
	margin-top: 28px;
	display: block;
	text-transform: uppercase;
}



.join-com-who{
	padding: 120px 0;
	background: #FFFFFF;
	background-size: cover;
}

.join-com-who .index-title{
	text-align: center;
}

/*.join-com-who .index-title i{
	color: #fff;
}

.join-com-who .index-title span{
	color: #fff;
}*/


.join-com-who .w-icon{
	text-align: center;
	padding-top: 30px;
}

.join-com-who .w-icon ul li{
	width: 33.33%;
	float: left;
	margin-top: 50px;
}

.join-com-who .w-icon ul li i{
	font-size: 20px;
	color: #333;
	display: block;
	line-height: 32px;
	font-weight: bold;
	margin-top: 18px;
}

.join-com-who .w-icon ul li span{
	display: block;
}



.join-com-power{
	padding: 100px 0 120px 0;
	background: #f8f8f8;
}

.join-com-power .container{
	max-width: 1400px;
}

.join-com-power .c-p-tp{
	margin-top: 55px;
}

.join-com-power .c-p-tp img{
	display: block;
}



.join-video-vr{
	max-width: 1920px;
}

.join-video-vr img{
	display: block;
}

.join-com-video{
	position: relative;
	width: 49.6%;
	float: left;
}

.join-com-video .prod-h-more{
	margin-top: -10px;	
}

.join-com-video .prod-h-more a{
	color: #FFFFFF;
	font-size: 18px;
	padding-right: 20px;
}

.join-com-video .prod-h-more a:hover{
	text-decoration: underline;
}

.join-com-video .prod-h-more a:after{
	background: url(../images/cur_sj.png) center top;
	background-size: 100% 100%;
	top: 5px;
	width: 10px;
	height: 16px;
}


.join-com-vr{
	position: relative;
	width: 49.6%;
	float: right;
}



.join-video-exp{
	padding: 110px 0 110px 0;
}




.container-1400{
	margin: 0 auto;
	max-width: 1400px;
}

.v-e-box{
	margin-top: 50px;
}

.invest-video{
	width: 49.5%;
	float: left;
	position: relative;
}

.invest-video .box{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.invest-video .box div{
	display: block;
	width: 100%;
	text-align: center;
}

.invest-video .box i{
	font-size: 22px;
	color: #FFFFFF;
	display: block;
	width: 100%;
	margin-top: 15px;
}



.exp-video{
	width: 49.5%;
	float: right;
}

.exp-video ul li:nth-child(1),.exp-video ul li:nth-child(2){
	margin-top: 0;
}

.exp-video ul li{
	float: left;
	width: 48.75%;
	margin-left: 2.5%;
	margin-top: 20px;
}

.exp-video ul li:nth-child(2n+1){
	margin-left: 0;
}

.exp-video ul li .box{
	position: relative;
}

.exp-video ul li .icon{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.3);
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.exp-video ul li .icon i{
	display: block;
	width: 70px;
	height: 70px;
	background: url(../images/video_icon.png) center center no-repeat;
	background-size: 100%;
	margin: 0 auto;
}

.exp-video ul li img{
	display: block;
}

.exp-video ul li .text{
	padding: 10.2px 5%;
	box-shadow: 0 0 5px rgba(0,0,0,.2);
}

.exp-video ul li .text i{
	font-size: 18px;
	color: #333333;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	max-height: 30px;
	line-height: 30px;
	overflow: hidden;
}




.join-com-mark{
	padding: 120px 0 110px;
}

.join-com-mark .join-title{
	width: 48%;
	text-align: left;
	float: left;
}

.join-com-mark .join-title em{
	margin: 30px 0 35px 0;
}

.join-com-mark .join-title p{
	margin: 0;
}

.join-com-mark .join-online{
	width: 48%;
	text-align: right;
	float: right;
}


.join-offline{
	margin-top: 60px;
}

.join-offline ul li{
	width: 32.33%;
	margin-left: 1.5%;
	float: left;
}

.join-offline ul li:first-child{
	margin-left: 0;
}

.join-offline ul li i{
	font-size: 16px;
	color: #333333;
	text-align: center;
	display: block;
	margin-top: 8px;
}


.join-ser{
	background: #f8f8f8;
}

.join-ser .title i{
	line-height: 50px;
}

.join-ser .title em{
	display: block;
	color: #3d9602;
}

.join-ser .title p{
	font-size: 24px;
	margin-top: 20px;
}

.join-ser .ser-con .phone{
	margin-top: 80px;
}

.join-ser .ser-con .text{
	margin-top: 25px;
}


.join-ser .ser-con {
    background: url(../images/join_service_logo.jpg) right top no-repeat;
}


.join-com-mark .join-title b{
	margin-top: 0;
}



.home-adv-tp img{
	display: block;
	margin: 0 auto;
}





/*--serverBar--*/
.serverBar{display:block;position:fixed;z-index:99999999;top: 130px;right: 10px;}
.serverBar li{position:relative;margin-bottom: 5px;}
.serverBar li a{display:block;padding: 5px 5px;width: 48px;height: 48px;text-align:center;color:#666 !important;background:#fff;border:#f0f0f0 solid 1px;}
.serverBar li a>i{display:block;font-size:18px;}
.serverBar li a>span{display:block;font-size:12px;}
.serverBar li:hover a{color:#fff !important;background:rgba(0,116,50,1);;border-color: rgba(0,116,50,1);}
.serverBar li .infos{display:none;position:absolute;left: -166px;padding:10px;background:#fff;border:#f0f0f0 solid 1px;box-shadow:0 0 10px rgba(255,255,255,0.1);}
.serverBar li .tel{top:0;}
.serverBar li .tel dt{padding-bottom:6px;font-size:14px;color:#666;border-bottom:#f0f0f0 solid 1px;}
.serverBar li .tel dd{padding-top:4px;font-size:20px;color: #006633;}
.serverBar li .QRcode{bottom:0;overflow:hidden;left:-152px;}
.serverBar li .QRcode .item{overflow:hidden;float: left;margin: 0 5px;width: 120px;}
.serverBar li .QRcode .item i{display:block;margin:0 auto;width:100px;}
.serverBar li .QRcode .item img{display:block;width:100%;}
.serverBar li .QRcode .item p{font-size:14px;color:#666;text-align:center;}
.serverBar li:hover .infos{display:block;}

.serverBar a .icon{
	margin-top: 4px;
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../images/r_icon.png) center center no-repeat;
}

.serverBar a:hover .icon{
	background: url(../images/r_icon_a.png) center center no-repeat;
}


.serverBar a .icon.con,.serverBar a:hover .icon.con{
	background-position: 0 0;
}

.serverBar a .icon.tel,.serverBar a:hover .icon.tel{
	background-position: -20px 0;
}

.serverBar a .icon.vr,.serverBar a:hover .icon.vr{
	background-position: -40px 0;
}

.serverBar a .icon.wx,.serverBar a:hover .icon.wx{
	background-position: -60px 0;
}

.serverBar a .icon.top,.serverBar a:hover .icon.top{
	background-position: -80px 0;
}

#gotop{
	display: none;
}

@media(max-width:768px){
.serverBar{top: 120px;}
.serverBar li{display:none;}
.serverBar li:hover .tel{display:none !important;}  
.serverBar li:first-child,.serverBar li#backTop{display:block;}
.serverBar li a{display:block;padding: 4px 4px;width: 42px;height: 42px;text-align:center;color:#666 !important;background:#fff;border:#f0f0f0 solid 1px;}
.serverBar a .icon{
	margin-top: 0;
}
}
/*--end serverBar--*/