.video-xf2{
	display: none;
}

.video-xf{
	position: fixed;
    top: 250px;
    z-index: 666666;
    left: 10px;
    display: block;
}


.xf-box{
	position: relative;
}

.xf-box .onclosediv {
    position: absolute;
    width: 16px;
    height: 16px;
    top: -19px;
    right: 0px;
    background: url(http://im.bifabao.net/static/images/zhiboclose.svg) no-repeat center;
    cursor: pointer;
    z-index: 999;
}

.related-product .related-case-list .product-line-tp img{
	height: auto;
}

.name.scene{
	margin-top: 0;
}

#starlist ul.sub li a.zt{
	font-size: 1.875rem;
	line-height: 2.25rem;
	height: 2.25rem;
	display: block;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1 color: #46AE35;
	margin-bottom: 10px;
}

#starlist ul.sub li a.qk{
	font-size: 0;
	float: initial;
	text-align: center;
	display: inline;
}

#starlist ul.sub li a.qk img{
	
}

#starlist li a.menu-active{
	color: #45AF33;
}

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

.product-banner img:last-child{
	display: none;
}

#header-bg #header {
	background: initial;
	border-bottom: initial;
}


#header {
	background: #000000;
	height: 100px;
	border-bottom: 1px solid #444;
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 10;
}

.head-height {
	height: 101px;
}

.head {
	position: relative;
}

.container {
	width: 1400px;
	margin: 0 auto;
}

.logo {
	float: left;
	padding-top: 25px;
	height: 75px;
	margin-right: 15%;
}

.logo img {
	height: 50px;
}

 .tel {
	float: right;
	margin-top: 41px;
	padding-right: 1.125rem;
	border-right: 0.0625rem solid #666666;
} 

.translate {
	float: right;
	padding-top: 40px;
}

.translate-icon {}

.translate-icon .icon {
	display: block;
	width: 1.5rem;
	height: 1.5rem;
	background: url(../image/fy_icon.png) top center no-repeat;
	height: 60px;
	padding-left: 24px;
}

.translate-icon:hover .icon {
	background: url(../image/fy_icon_a.png) top center no-repeat;
}



.translate-icon .fy-line {
	position: absolute;
	left: 0;
	top: 101px;
	display: none;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.8);
	padding: 20px 0;

}

.translate-icon:hover:after {
	display: block;
	width: 28px;
	height: 15px;
	position: absolute;
	top: 98px;
	content: "";
	background: url(../image/menu_icon.png) right top no-repeat;
}

.translate-icon:hover .fy-line {
	display: block;
}


.fy-line ul li a {
	display: inline-block;
	font-size: 1.125rem;
	float: right;
	color: #FFFFFF;
	line-height: 2.25rem;
	margin-left: 2.375rem;
}

.fy-line ul li a:hover {
	color: #46AE35;
}






/*menu*/
.menu {}


nav {
	float: left;
}

#starlist {
	float: right;
}

#starlist li {
	float: left;
	z-index: 99;
	height: 100px;
	line-height: 100px;

}

#starlist li a {
	float: left;
	padding: 0 27px;
	color: #FFFFFF;
	font-size: 18px;
}

#starlist li:hover a {
	color: #46ae35
}

#starlist ul {}

#starlist ul.sub {
	position: absolute;
	right: 0;
	top: 100px;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.8);
	display: none;
	z-index: 9;
}

#starlist li:after {
	display: none;
	width: 28px;
	height: 15px;
	position: absolute;
	top: 100px;
	margin-left: 29px;
	z-index: 10;
	content: "";
	background: url(../image/menu_icon.png) right top no-repeat;
}

#starlist li:hover:after {
	display: block;
}

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

.sub-bg {
	width: 1400px;
	margin: 0 auto;
}

#starlist ul.sub li {
	width: 10%;
	float: left;
	height: auto;
	line-height: 50px;
	text-align: center;
	padding: 27px 0 20px 0;
}

#starlist ul.sub li:first-child {
	margin-left: 9.2%;
}

#starlist ul.sub li .sub-menu {
	display: none;
}

#starlist ul.sub li:hover .sub-menu {
	display: block;
}

#starlist ul.sub li a {
	color: #fff;
	font-size: 16px;
	padding: 0;
	float: inherit;
}

#starlist ul.sub li:last-child a {
	border-bottom: none;
}


#starlist ul.sub li:hover a {
	color: #46AE35
}

#starlist li:hover ul.sub {
	display: block;

}

.sub-bg li {}

.prod-sub-menu {
	text-align: center;
	padding: 0;
	margin: 0 auto;
}

.prod-sub-menu img {
	display: block;
	margin: 0 auto;
	height: 30px;
}






#starlist li:nth-child(2) .sub li:first-child {
	margin-left: 15.5%;
}


#starlist li:nth-child(3) .sub li:first-child {
	margin-left: 22.2%;
}


#starlist li:nth-child(4) .sub li {
	width: 10%;
}

#starlist li:nth-child(4) .sub li:first-child {
	margin-left: 35.8%;
	width: 8%;
}

#starlist li:nth-child(5) .sub li:first-child {
	margin-left: 40%;
}

#starlist li:nth-child(6) .sub li {
	width: 10%;
}

#starlist li:nth-child(6) .sub li:first-child {
	margin-left: 51.5%;
}

#starlist li:nth-child(7) .sub li {
	width: 9%;
}

#starlist li:nth-child(7) .sub li:first-child {
	margin-left: 45%;
}


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

.menu:before {
	position: absolute;
	content: "";
	top: 25px;
	right: 5px;
	background-image: url(../image/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: 39px 0 0 0;
	width: 18px;
	height: 28px;
	float: right;
	text-align: center;
	padding: 0 2% 0 0;
	right: 3%;
}

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

.navicon:before,
.navicon:after {
	content: '';
	display: block;
	width: 28px;
	height: 3px;
	position: absolute;
	background: #CCCCCC;
	-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: #CCCCCC;
}



.sub-menu {
	position: absolute;
	left: 0;
	top: 126px;
	background-color: rgba(255, 255, 255, 0.9);
	width: 100%;
	padding: 15px 0;
}

.prod-menu-nr {
	width: 1400px;
	margin: 0 auto;
}

.order_details {
	margin: 0px;
	padding: 0px;
	position: relative;
	width: 20%;
	float: left;
	border-right: 1px solid #999999;
}



#starlist ul.sub li .order_details ul li {
	display: block;
	width: 150px;
	line-height: 2.5rem;
	text-align: center;
	float: right;
	margin: 0;
	color: #333333;
	padding: 7px 0;
}

#starlist ul.sub li .order_details ul li:first-child {
	padding-top: 30px;
}

#starlist ul.sub li .order_details ul li:last-child {
	padding-bottom: 10px;
}

#starlist ul.sub li .order_details ul li:hover {
	color: #46AE35;
}

#starlist ul.sub li .order_details ul li img {
	display: block;
	color: #333333;
	margin: 0 auto;
}

.tablelist {
	width: 75%;
	float: right;
}

.tablelist .menu-product-tp {
	width: 30%;
	float: left;
}

.tablelist .menu-product-tp img {
	height: 150px;
	margin-top: 38px;
}

.tablelist .menu-product-text {
	width: 50%;
	float: left;
	text-align: left;
	padding-top: 22px;
}

.tablelist .menu-product-text a{
	
}

.tablelist .menu-product-text em {
	font-size: 1rem;
	line-height: 1.5rem;
	height: 1.5rem;
	display: block;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1 color: #333;
	font-style: inherit;
	display: block;
	margin: 0 0 16px 0;

}

.tablelist .menu-product-text span {
	width: 14px;
	height: 1px;
	background: #46AE35;
	display: block;
}

.tablelist .menu-product-text p {
	width: 70%;
	line-height: 1.5rem;
	font-size: 0.875rem;
	margin-top: 14px;
	height: 4.5rem;
	display: block;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3
}



.order_details .checked {}



.hidedomdiv {
	display: none
}

.showdomdiv {
	display: block;
}

.showsss {}

.product-line-box {
	padding: 3.4375rem 0 5.1875rem 0;
	background: #f1f1f1;
}

.product-line {
	width: 49.5%;
	float: left;
	background: #FFFFFF url(../image/product_bg.jpg) center top no-repeat;
	background-size: 100% 100%;
	margin-bottom: 17px;
	overflow: hidden;
}

.product-line-box .container a:nth-child(2n+2) .product-line {
	float: right;
}

.product-line:hover {
	background: url(../image/product_bg_a.jpg) center top no-repeat;
	background-size: 100% 100%;
}

.product-line-tp {
	padding: 97px 5% 92px 5%;
}

.product-line-tp img {
	display: block;
	margin: 0 auto;
	height: 260px;
}

.product-text {
	padding: 0 60px 57px 60px;
}

.product-text i {
	font-size: 1.8125rem;
	line-height: 2.25rem;
	color: #353334;
	height: 2.25rem;
	display: block;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1
}

.product-line:hover i{
	color: #0050E0;
}

.product-text em {
	font-size: 1.125rem;
	line-height: 1.5625rem;
	color: #333333;
	height: 1.5625rem;
	display: block;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	margin-top: 11px;
	font-style: inherit;
}

.product-text span {
	width: 14px;
	height: 1px;
	background: #407ae6;
	display: block;
	margin-top: 14px;
}


.product-text-word {
	margin-top: 11px;
}

.product-text-word p {
	line-height: 1.5rem;
	font-size: 0.8125rem;
	height: 4.5rem;
	display: block;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	color: #333333;
}

.produc-more {
	width: 76px;
	height: 26px;
	font-size: 0.8125rem;
	line-height: 26px;
	text-align: center;
	border: 0.0625rem solid #8c8c8c;
	color: #666;
}


.product-line:hover .produc-more {
	width: 76px;
	height: 26px;
	border: 0.0625rem solid #0050e0;
	color: #fff;
	background: #0050e0;
}


.core {
	width: 100%;
	padding: 78px 0 60px 0;
	background: url(../image/product_line_bg.jpg) center top no-repeat;
	background-size: 100% 100%;
}

.core-title {
	font-size: 36px;
	color: #FFFFFF;
	line-height: 48px;
	text-align: center;
}

.core-content {
	margin-top: 44px;
	padding: 58px 0 78px 0;
	width: 100%;
	background-color: rgba(0, 13, 86, 0.8);
}

.core-con-title {
	font-size: 30px;
	line-height: 36px;
	margin-bottom: 55px;
	color: #FFFFFF;
	text-align: center;
}

.core-icon {
	width: 62%;
	margin: 0 auto;
	border-top: 0.0625rem solid #8087b1;
	border-bottom: 0.0625rem solid #8087b1;
	padding: 2.9375rem 0;
}

.core-icon ul li {
	width: 25%;
	float: left;
}

.core-icon ul li img {
	margin: 0 auto;
	display: block;
}

.core-icon ul li i {
	font-size: 24px;
	line-height: 30px;
	text-align: center;
	display: block;
	color: #FFFFFF;
	margin-top: 20px;
}

.core-icon-sz {
	width: 62%;
	margin: 0 auto;
	padding-top: 40px;
}

.core-icon-sz ul li {
	float: left;
	width: 25%;
}

.core-icon-sz ul li img {
	margin-right: 0.875rem;
}

.core-icon-sz ul li i {
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
}


.project {
	padding: 80px 0 109px 0;
}

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

.project-title i {
	font-size: 36px;
	line-height: 3rem;
	color: #333333;
	display: block;
	margin-bottom: 0.75rem;
}

.project-content {
	margin-top: 76px;
}

.project-content img {
	display: block;
	margin: 0 auto;
}



.foot-menu {
	width: 100%;
	background: #161616;
	height: 94px;
	border-bottom: 1px solid #222;
}

.foot {
	width: 100%;
	background: #0f0f0f;
}

.foot-submenu-wx {
	border-bottom: 0.0625rem solid #222;
	padding: 14px 0 82px 0;
}

.foot-submenu {
	width: 70%;
	float: left;
}

.foot-submenu ul {
	margin-top: -60px;
}

.foot-submenu ul li {
	width: 14.28%;
	float: left;
	line-height: 2.1875rem;
}

.foot-submenu ul li ul {
	margin-top: 26px;
}

.foot-submenu ul li ul li {
	width: 100%;
	float: inherit;
	line-height: 36px;
	margin-bottom: inherit;
}

.foot-submenu ul li ul li a {
	color: #808080;
	font-size: 14px;
}

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

.foot-submenu ul li a:hover {
	color: #FFFFFF;
}




.foot-wx {
	width: 30%;
	float: right;
	text-align: right;
	padding-top: 10px;
}

.foot-wx i {
	font-size: 1.125rem;
	line-height: 1.5rem;
	color: #787878;
	display: block;
	margin-top: 10px;
}


.foot-information {
	padding: 44px 0 40px 0;
}

.foot-tel {
	width: 42%;
	float: left;
}

.foot-id {
	width: 30%;
	float: left;
}

.foot-id ul li {
	line-height: 21px;
	margin-bottom: 0.625rem;
}

.foot-id ul li:last-child {
	margin-bottom: 0;
}

.foot-id ul li img {
	display: block;
	float: left;
	margin-right: 0.625rem;
}

.foot-id ul li i {
	display: block;
	float: left;
	font-size: 0.9375rem;
	color: #808080;
}



.foot-share {
	width: 20%;
	float: right;
}

.foot-share ul li {
	width: 20%;
	float: right;
}


.foot-link-cop {
	background: #000000;
}

.foot-link {
	line-height: 20px;
	padding: 10px 0;
	border-bottom: 0.0625rem solid #222;
}

.foot-link a,
.foot-link i,
.foot-link span {
	color: #808080;
}

.foot-cop {
	padding: 20px 0;
	color: #bebebe;
}

.foot-cop p {
	font-size: 0.875rem;
	line-height: 1.5rem;
	float: left;
	width: 70%;
}

.foot-cop span {
	font-size: 0.875rem;
	line-height: 1.5rem;
	float: right;
	width: 30%;
	text-align: right;
	display: block;
}



/* 首页 */

/*banner*/

.slide-main {
	width: 100%;
	height: auto;
	position: relative;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
}

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

.slide-info {
	display: none;
}

.slide-info a {
	width: 100%;
	height: 100%;
	display: block;
	background-size: auto 100%;
	background-position: center center;
	background-repeat: no-repeat;
}

.slide-info img {
	display: block;
	margin: 0 auto;
}



/*banner翻页圆点*/

.item1 {
	display: block;
	width: 100%;
	height: 10px;
	position: absolute;
	z-index: 8;
	bottom: 60px;
	left: 0;
	text-align: center;
}

.item1 a {
	display: inline-block;
	width: 90px;
	height: 5px;
	margin: 0 10px;
	background-color: #fff;
}

.item1 a.cur {
	width: 90px;
	height: 5px;
	background-color: #47af32;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
}

/* banner end */


/* content */

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

.introduce {
	background: #f4f4f4;
	padding: 144px 0;
}

.install-box {
	width: 50%;
	float: left;
	background: #FFFFFF url(../image/install_bg.jpg) center top no-repeat;

}



.patent-box {
	width: 50%;
	float: left;
	background: #FFFFFF url(../image/patent_bg.jpg) center top no-repeat;

}

.install-box:hover {
	background: #46ae31 url(../image/install_bg_a.jpg) center top no-repeat;

}



.patent-box:hover {
	background: #0050d9 url(../image/patent_bg_a.jpg) center top no-repeat;

}

.install,
.patent {
	padding: 94px 15% 140px 15%;
}



.install .title i,
.patent .title i {
	line-height: 46px;
	font-size: 30px;
	color: #333333;
}

.install .title em,
.patent .title em {
	display: block;
	font-style: inherit;
}

.install-box:hover .install .title i,
.patent-box:hover .patent .title i {
	color: #FFFFFF;
}

.install .title span {
	display: block;
	width: 24px;
	height: 2px;
	margin-top: 30px;
	background-color: #46ae31;
}

.patent .title span {
	display: block;
	width: 24px;
	height: 2px;
	margin-top: 30px;
	background-color: #407be3;
}

.install-box:hover .install .title span,
.patent-box:hover .patent .title span {
	background-color: rgba(255, 255, 255, 0.8);
}

.install .more {
	width: 76px;
	height: 26px;
	background: #46ae31;
	color: #FFFFFF;
	line-height: 26px;
	text-align: center;
	margin-top: 108px;
}

.patent .more {
	width: 76px;
	height: 26px;
	background: #0050d9;
	color: #FFFFFF;
	line-height: 26px;
	text-align: center;
	margin-top: 108px;
}

.install-box:hover .install .more {
	background: #FFFFFF;
	color: #46ae31;
}

.patent-box:hover .patent .more {
	background: #FFFFFF;
	color: #407be3;
}



.core-technology {
	width: 100%;
	background: url(../image/product_line_bg.jpg) center top no-repeat;
	background-size: auto 100%;
	padding: 120px 0 96px 0;
}

.core-technology-title {
	text-align: center;
}

.core-technology-title i {
	font-size: 36px;
	color: #FFFFFF;
	line-height: 50px;
}

.core-technology-title .eng {
	font-size: 16px;
	line-height: 22px;
	color: #808080;
	margin-top: 14px;
}

.core-technology-title .eng em {
	font-style: inherit;
	font-family: "arial";
}

.technology-content {
	margin-top: 65px;
	background-color: rgba(0, 0, 73, 0.7);
}

.technology-content .box {
	padding: 107px 0 100px 0;
	background: url(../image/core_technology_tp.png) center center no-repeat;
}

.technology-one {
	width: 36%;
	float: left;
	margin-left: 12%;
}

.technology-one .title,
.technology-two .title,
.technology-three .title,
.technology-four .title {
	position: relative;

}

.technology-one .title:after {
	display: block;
	content: "";
	position: absolute;
	left: -52px;
	top: 2px;
	width: 32px;
	height: 62px;
	background: url(../image/one.png) center top no-repeat;
	opacity: 0.7;
}

.technology-two .title:after {
	display: block;
	content: "";
	position: absolute;
	left: -76px;
	top: 2px;
	width: 56px;
	height: 63px;
	background: url(../image/two.png) center top no-repeat;
	opacity: 0.7;
}

.technology-three .title:after {
	display: block;
	content: "";
	position: absolute;
	left: -76px;
	top: 2px;
	width: 56px;
	height: 63px;
	background: url(../image/three.png) center top no-repeat;
	opacity: 0.7;
}


.technology-four .title:after {
	display: block;
	content: "";
	position: absolute;
	left: -76px;
	top: 2px;
	width: 56px;
	height: 63px;
	background: url(../image/four.png) center top no-repeat;
	opacity: 0.7;
}

.technology-one .title em,
.technology-two .title em,
.technology-three .title em,
.technology-four .title em {
	display: block;
	color: #003280;
	font-size: 14px;
	line-height: 15px;
	margin-bottom: 6px;
}

.technology-one .title i,
.technology-two .title i,
.technology-three .title i,
.technology-four .title i {
	display: block;
	color: #45af33;
	font-size: 24px;
	line-height: 36px;
	font-weight: bold;
}

.technology-one .text,
.technology-two .text,
.technology-three .text,
.technology-four .text {
	margin-top: 27px;
}

.technology-one .text p,
.technology-two .text p,
.technology-three .text p,
.technology-four .text p {
	color: #FFFFFF;
	font-size: 16px;
	line-height: 28px;
}

.technology-two {
	width: 25%;
	float: right;
}

.technology-three {
	width: 40%;
	float: left;
	margin-left: 12%;
	margin-top: 132px;
}

.technology-four {
	width: 25%;
	float: right;
	margin-top: 132px;
}


.case {
	background: #f2f2f2;
}

.case .container-1514 {
	overflow: hidden;
	padding: 103px 0 163px 0;
}

.case-title i {
	color: #333333;
}

.case-title .eng {
	margin-top: 5px;
	color: #aaaaaa;
}


.case-content {
	margin-top: 56px;
	position: relative;
}

.top_menu {
	width: 90%;
	display: flex;
	text-align: center;
	position: absolute;
	bottom: -42px;
	left: 5%;
	z-index: 9;
}

.common.liactive {
	background: #0050d9;
	color: #FFFFFF;
}

.common.liactive span {
	border-left: none
}

.common {
	width: 25%;
	background: #FFFFFF;
	padding: 20px 0;
	font-size: 20px;
	color: #666;
	cursor: pointer;
	text-align: center;
}

.common span {
	display: block;
	border-left: 1px solid #8c8c8c
}

.common:first-child span {
	border-left: none
}

.common:hover {
	background: #0050d9;
	color: #FFFFFF;
}

.common:hover span {
	border-left: none
}


.ul {
	width: 100%;
	height: 694px;
	overflow: hidden;
	z-index: 8;
}

.bottom_content {
	width: 400%;
	display: flex;
	transition: all .5s ease;
	position: absolute;
	top: 0;
	left: 0%
}

.body_1 {
	position: relative;
	overflow: hidden;
	width: 100%;
}

.case-con-title {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -212px;
	width: 491px;
	height: 296px;
	background-color: rgba(0, 120, 255, 0.5);
	padding: 68px 0 60px 145px;
}

.case-con-title i {
	font-size: 34px;
	line-height: 40px;
	color: #FFFFFF;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.case-con-title p {
	font-size: 16px;
	line-height: 26px;
	color: #FFFFFF;
	margin-top: 21px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.case-con-title a {
	display: block;
	text-align: center;
	line-height: 26px;
	height: 26px;
	width: 76px;
	color: #003280;
	background: #fff;
	margin-top: 176px;
}



.product-box {
	width: 100%;
	background: url(../image/product_hxbg.jpg) center top no-repeat;
	overflow: hidden;
	padding: 130px 0 165px 0;
}

.product-title .eng {
	margin-top: 6px;
}

.product-shows-box {
	margin-top: 56px;
}

.hwslider {
	width: 100%;
	height: auto;
	min-width: 280px;
	min-height: 540px;
	margin: 0 auto;
	position: relative;
}

.hwslider ul {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	overflow: hidden;
}

.hwslider ul li {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.hwslider ul li.active {
	display: block;
}

.hwslider ul li .image {
	float: right;
	width: 42%;
	padding: 0 4%;
	height: 540px;
	background: #FFFFFF url(../image/hx_tp_bg.jpg) center top no-repeat;
	background-size: 100% 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;
}

.hwslider ul li .image img {
	display: block;
	height: 280px;
}

.hwslider ul li .content {
	float: left;
	width: 45%;
	height: 540px;
	padding-left: 5%;
	background: #FFFFFF url(../image/hx_text_bg.jpg) center top no-repeat;
	background-size: 100% 100%;
}

.hwslider ul li .content font {
	display: block;
	margin-top: 68px;
	font-size: 40px;
	color: #FFFFFF;
	font-weight: bold;
}

.hwslider ul li .content span {
	display: block;
	width: 32px;
	height: 1px;
	background: #FFFFFF;
	margin-top: 24px;
}

.hwslider ul li .content i {
	display: block;
	color: #FFFFFF;
	font-size: 24px;
	line-height: 34px;
	margin-top: 26px;
}

.hwslider ul li .content p {
	width: 68%;
	line-height: 33px;
	font-size: 16px;
	color: #FFFFFF;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	margin-top: 15px;
	height: 66px;
}

.hwslider ul li .content a {
	display: block;
	width: 76px;
	height: 26px;
	background: #FFFFFF;
	text-align: center;
	line-height: 26px;
	color: #024fd9;
	font-family: arial;
	font-size: 14px;
	margin-top: 145px;
}

.dots {
	display: none;
}


.arr {
	position: absolute;
	top: 50%;
	margin-top: -27px;
	z-index: 2;
	width: 23px;
	height: 55px;
}

.arr:hover {}



.arr.prev {
	left: -76px
}

.arr.next {
	right: -76px
}


.news {
	width: 100%;
	padding: 110px 0 116px 0;
}

.news-content-box {
	margin-top: 85px;
}

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

.news-box {
	float: left;
	width: 31.46%;
	margin-left: 2.81%;
}

.news-box .title {
	line-height: 24px;
	color: #808080;
}

.news-box .title i {
	font-size: 18px;
	color: #333333;
	margin-right: 3px;
}

.news-box .title span {
	font-size: 16px;
	color: #808080;
	font-family: "arial";
	margin-left: 3px;
}

.news-tp {
	margin-top: 22px;
	position: relative;
}

.news-tp a,
.news-tp a img {
	display: block;
}

.news-tp a {}

.news-tp a p {
	position: absolute;
	bottom: 0;
	line-height: 32px;
	height: 32px;
	background-color: rgba(204, 204, 204, 0.8);
	width: 90%;
	padding: 0 5%;
	text-align: center;
	color: #333333;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.news-list {
	margin-top: 38px;
}

.news-list ul li {
	width: 100%;
	line-height: 28px;
	height: 28px;
	overflow: hidden;
}

.news-list ul li a i {
	display: block;
	float: left;
	color: #818181;
	width: 80%;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.news-list ul li a:hover i {
	color: #45AF33;
}

.news-list ul li span {
	color: #acacac;
	text-align: right;
	display: block;
	float: right;
	width: 20%;
}

.news-more {
	margin-top: 70px;
}

.news-more a {
	display: block;
	width: 76px;
	height: 26px;
	line-height: 26px;
	font-size: 14px;
	margin: 0 auto;
	text-align: center;
	color: #676767;
	border: 1px solid #b4b4b4;
}


.news-box:hover .news-more a {
	color: #45AF33;
	border: 1px solid #45AF33;
}

.news-box:hover .title i {
	color: #45AF33;
}


/* 特点 */

.product_page_banner img {
	display: block;
	margin: 0 auto;
}

.product-page-menu {
	width: 100%;
	background: #FFFFFF;
	box-shadow: 6px 6px 6px #eee;
}

#subnav ul li {
	width: 20%;
	float: left;
	overflow: hidden;
	text-align: center;
	cursor: pointer;
}

#subnav ul li{
	font-size: 20px;
	color: #666666;
	height: 80px;
	line-height: 80px;
	display: block;
	font-family: PingFangSC-Semibold, sans-serif;
}

#subnav ul li:hover {
	background: #0051e1;
	color: #FFFFFF;
}

#subnav ul li.subact {
	background: #0051e1;
	color: #FFFFFF;
}


.features-con-explain {
	background: url(../image/features_con_explain.jpg) center top no-repeat;
	background-size: 100% 100%;
	padding: 187px 0 130px 0;
}

.features-explain-text p {
	font-size: 20px;
	color: #4d4b4c;
	line-height: 36px;
	padding: 10px 0;
}

.features-explain-text span {
	display: block;
	height: 1px;
	width: 40px;
	background: #0150e1;
	margin-top: 82px;
}



.features-design {
	background: url(../image/features_design.jpg) center top no-repeat;
	background-size: auto 100%;
	padding: 130px 0 120px 0;
}

.hollow_text{
	float: left;
	width: 50%;
}

.features-tp{
	float: right;
	width: 50%;
	height: auto;
	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;
}



.features-design-text {}

.features-design-text .title i {
	font-size: 36px;
	line-height: 50px;
	color: #333333;
}

.features-design-text .title span {
	display: block;
	height: 1px;
	width: 40px;
	background: #333333;
	margin-top: 35px;
}

.features-design-text .text {
	margin-top: 28px;
}

.features-design-text .text p {
	font-size: 18px;
	color: #4d4b4c;
	line-height: 36x;
	padding: 10px 0;
}

.features-design-text .icon {
	margin-top: 34px;
}

.features-design-text .icon ul li {
	float: left;
	width: 90px;
	margin-left: 48px;
	text-align: center;
}

.features-design-text .icon ul li img{
	height: 60px;
}

.features-design-text .icon ul li:first-child {
	margin-left: 0;
}

.features-design-text .icon ul li i {
	display: block;
	color: #4d4d4d;
	font-size: 16px;
	line-height: 28px;
	text-align: center;
	margin-top: 10px;
}



.features-protective {
	background: url(../image/features_protective.jpg) center top no-repeat;
	background-size: auto 100%;
	padding: 110px 0 112px 0;
}

.features-protective-text {
	width: 50%;
	float: right;
}

.features-protective-text .title i {
	font-size: 36px;
	line-height: 50px;
	color: #FFFFFF;
}

.features-protective-text .title em {
	display: block;
	font-style: inherit;
}

.features-protective-text .title span {
	display: block;
	height: 1px;
	width: 40px;
	background: #f8f8f8;
	margin-top: 35px;
}

.features-protective-text .text {
	margin-top: 40px;
}

.features-protective-text .text p {
	font-size: 20px;
	color: #FFFFFF;
	line-height: 38px;
	padding: 10px 0;
}

.features-protective-text .icon {
	margin-top: 34px;
}

.features-protective-text .icon ul li {
	float: left;
	width: 90px;
	margin-left: 48px;
	text-align: center;
}

.features-protective-text .icon ul li img{
	height: 70px;
}

.features-protective-text .icon ul li:first-child {
	margin-left: 0;
}

.features-protective-text .icon ul li i {
	display: block;
	color: #e5e5e5;
	font-size: 16px;
	line-height: 28px;
	text-align: center;
	margin-top: 10px;
}



.features-install {
	background: url(../image/features_install.jpg) center top no-repeat;
	background-size: auto 100%;
	padding: 130px 0 124px 0;
}

.features-install-text{
	width: 50%;
	float: left;
}

.install-tp{
	float: right;
	width: 50%;
	text-align: center;
}


.features-install-text .title i {
	font-size: 36px;
	line-height: 50px;
	color: #333333;
}

.features-install-text .title span {
	display: block;
	height: 1px;
	width: 40px;
	background: #333333;
	margin-top: 35px;
}

.features-install-text .text {
	margin-top: 28px;
}

.features-install-text .text p {
	font-size: 20px;
	color: #4d4b4c;
	line-height: 36px;
	padding: 10px 0;
}

.features-install-text .icon {
	margin-top: 34px;
}

.features-install-text .icon ul li {
	float: left;
	width: 90px;
	margin-left: 48px;
	text-align: center;
}

.features-install-text .icon ul li img{
	height: 70px;
}

.features-install-text .icon ul li:first-child {
	margin-left: 0;
}

.features-install-text .icon ul li i {
	display: block;
	color: #4d4d4d;
	font-size: 16px;
	line-height: 28px;
	text-align: center;
	margin-top: 10px;
}



.features-folding {
	background: #f1f1f1 url(../image/features_folding.jpg) center top no-repeat;
	background-size: auto 100%;
	padding: 130px 0 132px 0;
}

.folding-tp{
	float: left;
	width: 40%;
	text-align: center;
}


.features-folding-text {
	width: 50%;
	float: right;
}

.features-folding-text .title i {
	font-size: 36px;
	line-height: 50px;
	color: #333333;
}

.features-folding-text .title i em {
	display: block;
	font-style: inherit;
}

.features-folding-text .title span {
	display: block;
	height: 1px;
	width: 40px;
	background: #333333;
	margin-top: 35px;
}

.features-folding-text .text {
	margin-top: 28px;
}

.features-folding-text .text p {
	font-size: 20px;
	color: #4d4b4c;
	line-height: 38px;
	padding: 10px 0;
}

.features-folding-text .icon {}

.features-folding-text .icon ul li {
	float: left;
	width: 90px;
	margin-left: 48px;
	margin-top: 34px;
	text-align: center;
}

.features-folding-text .icon ul li img{
	height: 70px;
}

.features-folding-text .icon ul li:first-child {
	margin-left: 0;
}

.features-folding-text .icon ul li i {
	display: block;
	color: #4d4d4d;
	font-size: 16px;
	line-height: 28px;
	height: 56px;
	text-align: center;
	margin-top: 10px;
}



/* 案例 */

.case-page-list {
	margin-top: 154px;
}

.case-list {
	margin-bottom: 40px;
	background: #eeeeee;
	position: relative;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
}

.case-list:hover {
	background: #0051e1;
}

.case-list-tp {
	float: left;
	width: 71.4%;
}

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

.case-list-text {
	float: left;
	width: 28.6%;
	height: auto;
}

.case-list-text .box {

	padding: 60px 10% 55px 10%;
}

.case-list-text .title i {
	font-size: 24px;
	line-height: 36px;
	height: 72px;
	color: #333333;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.case-list-text .title p {
	font-size: 16px;
	line-height: 24px;
	height: 24px;
	color: #333333;
	margin-top: 27px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.case-list-text .title span {
	display: block;
	width: 30px;
	height: 2px;
	background: #3b77e5;
	margin-top: 50px;
}

.case-list-text .time {
	position: absolute;
	bottom: 55px;
	color: #333;
}

.case-list:hover .case-list-text .title p,
.case-list:hover .case-list-text .time,
.case-list:hover .case-list-text .title i {
	color: #FFFFFF;
}



/*翻页控件代码*/

.paging {
	padding: 60px 0 110px 0;
	height: 40px;
	text-align: center;
}

.paging .container {
	padding-bottom: 22px;
	border-bottom: 2px solid #999999;
}

#AspNetPager1 span {
	width: 40px;
	height: 40px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	line-height: 40px;
	display: inline-block;
	color: #2465e5;
	margin-left: 5px;
	font-size: 22px;
}

.paging a {
	width: 40px;
	height: 40px;
	font-size: 22px;
	display: inline-block;
	color: #595757;
	line-height: 40px;
	text-align: center;
	font-family: Arial;
	margin: 0 5px;
}

.paging a:hover {
	display: inline-block;
	color: #2465e5;
}



/* 案例内容页 */

.case-con-page {
	padding: 116px 0 103px 0;
}

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

.case-con-page .box {
	text-align: center;
}

.case-con-page .box .title i {
	font-size: 36px;
	line-height: 50px;
	color: #333333;
	display: block;
	margin-bottom: 10px;
}

.case-con-page .box .title em {
	font-size: 20px;
	line-height: 34px;
	color: #333333;
	font-style: inherit;
}

.case-con-page .box .class-browse {
	margin-top: 39px;
	padding-top: 16px;
	border-top: 1px solid #9f9f9f;
	line-height: 26px;
}

.case-con-page .box .class-browse span {
	font-size: 14px;
	margin: 0 12px;
	color: #808080;
}


.case-content-text {
	margin-top: 66px;
}

.case-content-text p {
	font-size: 18px;
	color: #323232;
	line-height: 36px;
	text-align: justify;
}

.case-content-text img{
	margin: 0 auto;
	display: block;
}

.case-introduce {
	width: 100%;
	background: #46ae31 url(../image/case_introduce_bg.jpg) right top no-repeat;
	padding: 44px 0;
	background-size: auto 100%;
}

.case-introduce .text {
	margin-left: 5%;
}

.case-introduce .text p {
	color: #FFFFFF;
	line-height: 36px;
	font-size: 18px;
}


.case-content-title {
	width: 100%;
	margin-top: 87px;
	margin-bottom: 40px;
	line-height: 48px;
	background: url(../image/case_content_title.jpg) 0 4px no-repeat;
	background-size: 100% 100%;
	text-align: center;
}

.case-content-title i {
	background: #FFFFFF;
	font-size: 30px;
	color: #333333;
	padding: 0 5px;
}


.case-text-images {}


.case-paging {
	margin-top: 88px;
	border-top: 1px solid #9f9f9f;
	font-size: 18px;
	line-height: 24px;
	height: 24px;
	overflow: hidden;
	padding-top: 50px;

}

.case-paging .on {
	width: 30%;
	float: left;
}

.case-paging .return {
	width: 40%;
	float: left;
	text-align: center;
}

.case-paging .down {
	width: 30%;
	float: right;
	text-align: right;
}

.case-paging i {
	width: 95%;
	display: block;
	float: left;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.case-paging span {
	width: 5%;
	display: block;
	float: left;
}


.case-paging a {
	color: #808080;
}

.case-paging a:hover {
	color: #46ae31;
}


.case-share {
	margin-top: 68px;
	text-align: center;
}

.case-share a {
	margin: 0 8px;
}



.news-banner img {
	display: block;
}

.news-page-list {
	padding: 122px 0 0 0;
}

.news-list-box {
	float: left;
	width: 32.14%;
	margin-left: 1.79%;
	margin-bottom: 50px;
}

.news-list-box:nth-child(3n+1) {
	margin-left: 0;
}

.news-list-box .tp img {
	display: block;
}

.news-list-box .text {
	margin-top: 17px;
	text-align: center;
}

.news-list-box .text i {
	font-size: 18px;
	line-height: 22px;
	font-family: "arial";
	color: #afafaf;
}

.news-list-box .text a {
	font-size: 20px;
	color: #333333;
}


.news-list-box .text a:hover {
	color: #46ae31;
}

.news-list-box .text p {
	margin-top: 14px;
	line-height: 28px;
	height: 28px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}


.paging.news-paging {
	padding: 13px 0 55px 0;
	height: 40px;
	text-align: center;
}

.paging.news-paging .container {
	padding-bottom: inherit;
	border-bottom: none;
}

.news-paging #AspNetPager1 span {
	color: #45AF33;
}

.paging.news-paging a:hover {
	color: #45AF33;
}


/* 资讯内容页 */

.news-con-page {
	padding: 107px 0 60px 0;
}

.news-con-page .box {
	text-align: center;
}

.news-con-page .box .title i h1 {
	font-size: 36px;
	line-height: 50px;
	color: #333333;
	display: block;
}

.news-con-page .box .class-browse {
	margin-top: 20px;
	padding-bottom: 29px;
	border-bottom: 1px solid #9f9f9f;
	line-height: 26px;
}

.news-con-page .box .class-browse span {
	font-size: 14px;
	margin: 0 12px;
	color: #808080;
}



.related-accessories {
	padding: 110px 0 103px 0;
	background: #f1f1f1;
}

.related-accessories-title {
	text-align: left;
}

.related-accessories-title b {
	font-size: 34px;
	color: #aaaaaa;
	font-family: "arial";
	font-weight: bold;
	display: block;
	line-height: 40px;
	margin-bottom: 10px;
	letter-spacing: 2px;
}

.related-accessories-title i {
	font-size: 28px;
	line-height: 34px;
	color: #333;
	display: block;
}

.related-accessories-title span {
	color: #0051e1;
	margin-left: 10px;
}


.accessories-list {
	margin-top: 63px;
}

.accessories-list ul li {
	width: 32.66%;
	margin-left: 1%;
	float: left;
	background: #FFFFFF;
	margin-top: 17px;
}

.accessories-list ul li:nth-child(3n+1) {
	margin-left: 0;
}

.accessories-list ul li img {
	display: block;
	margin: 90px auto;
}

.accessories-list ul li span {
	display: block;
	padding: 0 10%;
}

.accessories-list ul li i {
	display: block;
	text-align: center;
	padding: 32px 5% 38px 5%;
	font-size: 25px;
	color: #333333;
	border-top: 1px solid #d8d8d8;
}

.accessories-list ul li:hover i {
	color: #0050E0;
}


.system_circuit {
	padding: 109px 0 113px 0;
}

.system_circuit_tp {
	margin-top: 88px;
}




.application-scenarios {
	padding: 109px 0 117px 0;
}

.scenarios-titlte-text {
	padding-top: 40px;
}

.scenarios-titlte-text p {
	line-height: 30px;
	color: #333333;
	font-size: 16px;
}


.scenarios-list {
	margin-top: 90px;
}

.scenarios-list ul li {
	width: 49.3%;
	float: left;
	margin-left: 1.4%;
	margin-bottom: 20px;
}

.scenarios-list ul li:nth-child(2n+1) {
	margin-left: 0;
}

.scenarios-list ul li img {
	display: block;
}

.scenarios-list ul li .text {
	padding: 20px 5% 25px 5%;
	background: #f1f1f1;
}

.scenarios-list ul li .text i {
	color: #0050e3;
	font-size: 24px;
	line-height: 30px;
}

.scenarios-list ul li .text p {
	color: #666666;
	font-size: 16px;
	line-height: 26px;
	margin-top: 5px;
}


.solve-pain-points {
	background: #f1f1f1;
	padding: 130px 0 182px 0;
}

.points-icon-list {
	padding-top: 99px;
}

.points-icon-list ul li {
	float: left;
	width: 50%;
}

.points-icon-list ul li:last-child {
	width: 40%;
	float: right;
}

.points-icon-list ul li .img {
	float: left;
	width: 37%;
	padding-right: 3%;
}

.points-icon-list ul li .img img {
	display: block;
}

.points-icon-list ul li .text {
	float: left;
	width: 58%;
	padding: 24px 0;
	border-left: 0.125rem solid #929292;
}

.points-icon-list ul li .text p {
	line-height: 42px;
	font-size: 24px;
	color: #323232;
	padding-left: 20%;
}


.video {
	padding: 132px 0 108px 0;
}

.videolist {
	position: relative;
	float: left;
	width: 32.2%;
	margin-left: 1.7%;
	margin-bottom: 24px;
}

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

.videolist img {
	display: block;
}

.videolist:hover {
	cursor: pointer;
}

.videoed {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9;
}

.videos {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 99;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.6);
}

.videos-bg {
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -600px;
	margin-top: -347.5px;
	z-index: 100;
	width: 1200px;
	height: 695px;
	text-align: center;
}

.videos-bg video{
	max-width: 100%;
	max-height: 100%;
}


.vclose {
	position: absolute;
	right: 1%;
	top: -30px;
	border-radius: 100%;
	cursor: pointer;
}

.vtit {
	padding: 0 5%;
	font-size: 19px;
	color: #333333;
	line-height: 56px;
	height: 56px;
	background: #e5e5e5;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.videolist:hover .vtit {
	color: #FFFFFF;
	background: #0050E0;
}




.download{
	margin-bottom: 42px;
}

.download .container{
	position: relative;
	top: -64px;
	background: #FFFFFF;
	box-shadow: 0 0 10px rgba(0, 0, 0, .4);
}

.download .box{
	padding: 136px 10% 127px 10%;
}

.product-download{
	float: left;
	width: 45%;
}

.download-title{
	width: 60%;
	border-bottom: 2px solid #46ae31;
	padding-bottom: 23px;
}

.download-title i{
	color: #333333;
	font-size: 30px;
	line-height: 48px;
}

.download-list{
}

.download-list ul li{
	height: 48px;
	line-height: 48px;
	font-size: 24px;
	margin-top: 43px;
}

.download-list ul li a span{
	width: 48px;
	height: 48px;
	margin-right: 22px;
	display: block;
	float: left;
	background: url(../image/download_icon.jpg) left top no-repeat;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
}

.download-list ul li a:hover span{
	background: url(../image/download_icon_a.jpg) left top no-repeat;
}

.download-list ul li a i{
	display: block;
	color: #333333;
	float: left;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
}

.download-list ul li a:hover i{
	color: #46ae31;
}

.system-download{
	float: right;
	width: 45%;
}




.reveal-modal-bg {
	position: fixed;
	height: 100%;
	width: 100%;
	z-index: 100;
	display: none;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.8);
}

.reveal-modal {
	visibility: hidden;
	top: 50px;
	left: 50%;
	margin-left: -700px;
	width: 1400px;
	box-shadow: 0 0 10px rgba(0, 0, 0, .5);
	background-color: rgba(0,0,0,0.9);
	position: absolute;
	z-index: 101;
}

.reveal-modal .close-reveal-modal {
	font-size: 22px;
	line-height: .5;
	position: absolute;
	top: 8px;
	right: 11px;
	color: #aaa;
	text-shadow: 0 -1px 1px rbga(0, 0, 0, .6);
	font-weight: 700;
	cursor: pointer
}

.reveal-modal .box{
	padding: 180px 8%;
	border: 1px solid #333;
}

.reveal-modal .title{
	font-size: 36px;
	color: #47af34;
	text-align: center;
}

.input-content {
	margin-top: 80px;
}

.input-content .tp{
	float: left;
	width: 50%;
}

.input-content .input-box{
	float: right;
	width: 46%;
	color: #c8c8c8;
}

.input-box .input-tel{
	height: 44px;
	margin-top: 25px;
}

.input-box .input-tel i{
	display: block;
	float: left;
	font-size: 20px;
	line-height: 40px;
	width: 26%;
}

.input-box .input-tel input{
	display: block;
	float: right;
	font-size: 20px;
	line-height: 40px;
	width: 74%;
	border: none;
	background: inherit;
	border-bottom: 1px solid #c8c8c8;
	color: #c8c8c8;
}

.verification-code{
	height: 40px;
	margin-top: 43px;
}


.verification-code i{
	display: block;
	float: left;
	font-size: 20px;
	line-height: 40px;
	width: 30%;
}

.verification-code input{
	display: block;
	float: left;
	font-size: 20px;
	line-height: 40px;
	width: 40%;
	border: none;
	background: inherit;
	border-bottom: 1px solid #c8c8c8;
	color: #c8c8c8;
}

.verification-code .digital{
	width: 30%;
	float: right;
}


.submit{
	margin-top: 118px;
	text-align: center;
}

.submit input{
	width: 34%;
	font-size: 20px;
	color: #FFFFFF;
	height: 46px;
	line-height: 46px;
	display: inline-block;
	background: #46AE31;
	text-align: center;
	border: none;
}


.plan-application{
	padding: 100px 0 120px 0;
}

.application-list{
	margin-top: 60px;
}

.application-list ul li{
	width: 32.2%;
	float: left;
	margin-left: 1.7%;
	position: relative;
}

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

.application-list ul li img{
	display: block;
}

.application-list ul li .application-text{
	position: absolute;
	left: 0px;
	bottom: 0px;
	padding: 16px 5% 23px 5%;
	background-color: rgba(0,0,0,0.7);
}

.application-text i{
	font-size: 24px;
	line-height: 34px;
	color: #FFFFFF;
}

.application-text i span{
	font-size: 20px;
	margin-left: 5px;
}

.application-text p{
	font-size: 16px;
	line-height: 30px;
	color: #FFFFFF;
	margin-top: 14px;
}

.related-accessories-title.plan-title span{
	color: #0051e1;
}

.core-features{
	background: url(../image/core_features.jpg) center top no-repeat;
	background-size: auto 100%;
	padding: 100px 0;
}

.related-accessories-title.features-title b{
	color: rgba(0,0,0,0.3);
}

.related-accessories-title.features-title i{
	color: #FFFFFF;
}

.related-accessories-title.features-title span{
	color: #FFFFFF;
}

.core-features-list{
	margin-top: 60px;
}

.exhibition-width.core-features-list ul li i{
	width: 110%;
	margin-left:-5%;
}

.core-features-list ul li{
	background-color: #FFFFFF;
	padding: 50px 3% 40px 3%;
	width: 17.5%;
	float: left;
	margin-left: 2%;
}

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

.core-features-list ul li img{
	display: block;
	margin: 0 auto;
}

.core-features-list ul li i{
	font-size: 24px;
	text-align: center;
	line-height: 32px;
	color: #0051e1;
	margin-top: 40px;
	display: block;
}

.core-features-list ul li span{
	display: block;
	margin: 20px auto 19px auto;
	width: 22px;
	height: 1px;
	background: #0051e1;
}

.core-features-list ul li p{
	font-size: 16px;
	color: #666666;
	line-height: 30px;
}

.related-case{
	padding: 110px 0;
}

.related-case-list{
	margin-top: 60px;
}

.related-case-list ul li{
	width: 32.2%;
	float: left;
	margin-left: 1.7%;
	overflow: hidden;
}

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

.related-case-list ul li img{
	display: block;
}

.related-case-list ul li i{
	display: inline-block;
	background: #e1e1e1;
	font-size: 18px;
	color: #333333;
	line-height: 36px;
	height: 36px;
	overflow: hidden;
	padding: 8px 6%;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.related-case-list ul li:hover i{
	background: #0051e1;
	color: #FFFFFF;
}

.related-accessories-title.related-product-title b{
	color: #0051e1;
}

.related-accessories-title.related-product-title i{
	color: #FFFFFF;
}

.related-accessories-title.related-product-title span{
	color: rgba(255,255,255,0.2);
}


.related-product{
	padding: 100px 0;
	background: url(../image/related_product.jpg) center top no-repeat;
	background-size: auto 100%;
}

.related-case-list{
	margin-top: 60px;
}

.related-case-list .product-line{
	width: 30.2%;
	padding: 0 1%;
	float: left;
	margin-left: 1.7%;
	overflow: hidden;
}

.related-case-list a:first-child .product-line{
	margin-left: 0;
}

.related-case-list .product-line-tp img{
	height: 240px;
}

.related-case-list .product-text{
	padding: 0 6% 57px 6%;
}


.offer{
	padding: 120px 0 140px 0;
	background: #d0d0d0 url(../image/offer.jpg) center top no-repeat;
	background-size: auto 100%;
}

.offer-content{
	margin-top: 68px;
}

.offer-calculate{
	width: 94%;
	padding: 30px 3%;
	background: #333333;
}

.calculate-title {
	float: left;
}

.calculate-title i{
	font-size: 30px;
	color: #FFFFFF;
}

.calculate-title span{
	font-size: 18px;
	color: #666666;
	margin-left: 10px;
}

.calculate-numerical{
	float: right;
}

.calculate-numerical i{
	font-size: 30px;
	color: #FFFFFF;
	font-family: ;
	font-weight: bold;
}

.calculate-numerical span{
	font-size: 30px;
	color: #FFFFFF;
	font-weight: bold;
}

.calculate-numerical em{
	font-size: 16px;
	color: #FFFFFF;
	font-style: inherit;
}


.offer-information{
	margin-top: 48px;
}

.text-choose{
	float: left;
	width: 84%;
}

.text-choose .type{
	width: 48%;
	float: left;
}

.text-choose i{
	display: block;
	margin-bottom: 8px;
	font-size: 22px;
	color: #333333;
	line-height: 34px;
}

.text-choose .type select{
	width: 100%;
	padding: 0 3%;
	background: #FFFFFF;
	border: none;
	height: 50px;
	font-size: 18px;
	color: #999999;
}

.text-choose .type select option{
	height: 50px;
	font-size: 18px;
	color: #333;
}

.area{
	width: 48%;
	float: right;
}

.text-choose input{
	width: 94%;
	padding: 0 3%;
	background: #FFFFFF;
	border: none;
	height: 50px;
	font-size: 18px;
	color: #999999;
}



.name{
	width: 48%;
	float: left;
	margin-top: 42px;
}

.offer-tel{
	width: 48%;
	float: right;
	margin-top: 42px;
}

.text-submit{
	float: right;
	width: 13%;
}

.text-submit a{
	display: block;
	width: ;
	height: ;
	color: #FFFFFF;
	font-size: 30px;
	line-height: 40px;
	padding: 52px 0;
	text-align: center;
	background: #0051e1;
	margin-top: 42px;
}

.text-submit a span{
	display: block;
}



.service-concept{
	background: #f5f5f5;
	padding: 120px 0;
	
}

.service-concept-company{
	margin-top: 70px;
}

.service-concept-company .tp{
	float: left;
	width: 46%;
	display: flex;
	    justify-content: center;
	    align-items: center;
		overflow: hidden;
}

.service-concept-company .tp img{
	display: block;
	height: 327px;
	max-width: inherit;
}

.service-concept-company .text{
	float: right;
	width: 50%;
	margin-top: 20px;
}

.service-concept-company .text i{
	font-size: 22px;
	line-height: 36px;
	display: block;
	margin-bottom: 30px;
}

.service-concept-company .text p{
	font-size: 18px;
	line-height: 36px;
}

.service-concept-company .text span{
	display: block;
	width: 30px;
	height: 2px;
	background: #c0c0c0;
	margin-top: 60px;
}

.related-case.case-bg-con{
	background: #f1f1f1;
	
}

.service-icon-list{
	margin-top: 100px;
}

.service-icon-list .title{
	font-size: 24px;
	color: #333333;
	line-height: 34px;
}

.service-icon-list ul{
	background: #ffffff;
	padding:0px 7% 80px 7%;
	margin-top: 42px;
}

.service-icon-list ul li{
	width: 50%;
	float: left;
	margin-top: 90px;
}


.service-icon-list ul li img{
	display: block;
	height: 100px;
	margin: 0 auto;
}

.service-icon-list ul li i{
	font-size: 22px;
	line-height: 36px;
	font-weight: bold;
	display: block;
	color: #004fe0;
	margin-top: 36px;
	text-align: center;
}

.service-icon-list ul li p{
	font-size: 18px;
	line-height: 36px;
	display: block;
	color: #808080;
	margin-top: 10px;
	padding: 0 10%;
}


.service-system{
	padding: 120px 0;
}

.service-system-list{
	padding-top: 60px;
}

.service-system-list img{
	display: block;
	margin: 0 auto;
}


.quality-guarantee{
	background: url(../image/quality_guarantee.jpg) center top no-repeat;
	background-size: 100% 100%;
}


.related-accessories-title.quality-title b{
	color: #174593;
}

.related-accessories-title.quality-title i{
	color: #FFFFFF;
}

.related-accessories-title.quality-title span{
	color: rgba(255,255,255,0.2);
}


.quality-guarantee{
	padding: 110px 0;
}

.quality-guarantee-content{
	margin-top: 60px;
}

.guarantee-range{
	float: left;
	width: 49%;
	background: #FFFFFF;
}

.guarantee-range .box,.warranty-scope .box{
	padding: 40px 10%;
}

.guarantee-range i,.warranty-scope i{
	font-size: 30px;
	line-height: 36px;
	color: #014fe3;
	display: block;
	margin-bottom: 20px;
}

.guarantee-range p,.warranty-scope p{
	font-size: 18px;
	line-height: 44px;
	color: #333;
}

.guarantee-range p span{
	color: #014fe3;
	margin: 0 5px;
}

.warranty-scope{
	float: right;
	width: 49%;
	background: #FFFFFF;
}


.decision-process{
	padding: 110px 0;
	background: #f5f5f5;
}

.quality-guarantee-content{
	margin-top: 60px;
}

.quality-guarantee-content ul li{
	width: 24.2%;
	padding: 0 4%;
	float: left;
	margin-left: 1.7%;
	overflow: hidden;
	background: #FFFFFF;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
}

.quality-guarantee-content ul li:first-child{
	margin-left: 0;
}

.quality-guarantee-content ul li img{
	margin: 80px auto 52px auto;
	display: block;
}

.quality-guarantee-content ul li i{
	font-size: 24px;
	color: #004fdf;
	text-align: center;
	display: block;
}

.quality-guarantee-content ul li p{
	font-size: 18px;
	color: #808080;
	margin-top: 12px;
	line-height: 36px;
	margin-bottom: 42px;
}



.feedback{
	padding: 92px 0 92px 0;
	background: url(../image/feedback.jpg) center top no-repeat;
	background-size: 100% 100%;
}

.feedback-title{
	font-size: 36px;
	color: #333333;
	text-align: center;
}

.feedback-title i{
	display: block;
	margin-top: 20px;
	color: #004FDF;
	font-size: 24px;
}


.feedback-content{
	width: 55%;
	margin: 60px auto 0 auto;
}

.feedback-name input,.feedback-tel input{
	border: 1px solid #959595;
	background: #FFFFFF;
	width: 94%;
	height: 62px;
	color: #666666;
	padding: 0 3%;
	font-size: 18px;
}


.feedback-tel{
	margin-top: 26px;
}


.feedback-message{
	margin-top: 26px;
}

.feedback-message textarea{
	border: 1px solid #959595;
	background: #FFFFFF;
	width: 94%;
	padding: 10px 3%;
	height: 214px;
	font-size: 18px;
}


.feedback-submit a{
	display: block;
	width: 208px;
	height: 62px;
	line-height: 62px;
	text-align: center;
	font-size: 18px;
	color: #FFFFFF;
	background: #0050E0;
	margin: 56px auto 0 auto;
}



.faq{
	padding: 100px 0;
	background: #eeeeee;
}

.faq-menu{
	width: 20%;
	float: left;
	
}

.faq-menu ul li{
	text-align: right;
	
}

.faq-menu ul li a{
	font-size: 18px;
	line-height: 36px;
	padding: 10px 8%;
	color: #FFFFFF;
	background: #46ae31;
	display: block;
	
}


.faq-content{
	width: 76%;
	float: right;
	background: #FFFFFF;
}


.faq-content .rlAccordion > h3 {
  border-bottom: 1px solid #c3c3c3;
  color: #323232;
  font-size: 22px;
  margin: 0 auto;
  text-decoration: none;
  font-weight: inherit;
  background: #FFFFFF;
}

.faq-content #second h3{
	padding:0 3%;
	height: 80px;
	line-height: 80px;
}

.faq-content .rlAccordion h3 img{
	margin-right: 22px;
	margin-bottom: -10px;
	transform: rotate(0deg);
}

.faq-content .rlAccordion > h3 > span {
  float: right;
}

.faq-content .rl-open{
	font-size: 0;
	width: 35px;
	height: 35px;
	background: url(../image/faq_icon_sj.jpg) left top no-repeat;
	margin-top: 24px;
	transform: rotate(0deg);
	transition: .3s transform;
}

.faq-content .rl-close{
	font-size: 0;
	width: 35px;
	height: 35px;
	background: url(../image/faq_icon_sj.jpg) left top no-repeat;
	margin-top: 24px;
	transform: rotate(180deg);
	transition: .3s transform;
}

#second h3:nth-child(3) span.rl-open{
	transform: rotate(180deg);
}

#second h3:nth-child(3) span.rl-close{
	transform: rotate(0deg);
}

.faq-content .rlAccordion > h3 + div {
  display: none;
  padding: 4% 3%;
  border-bottom: 1px solid #c3c3c3;
}

.faq-con-icon{
	width: 5%;
	float: left;
}

.faq-con-icon img{
	width: 35px;
}

.faq-text{
	width: 94%;
	float: right;
}

.faq-text p{
	font-size: 18px;
	line-height: 36px;
	color: #666;
}

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

.brand-menu{
	background: #ffffff;
	width: 100%;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
}

.brand-menu ul li{
	float: left;
	height: 80px;
	line-height: 80px;
	margin-right: 40px;
}

.brand-menu ul li a{
	font-size: 20px;
	color: #333333;
}

.brand-menu ul li a:hover{
	color: #45af33;
}



.company-profile{
	padding: 90px 0;
}

.company-content{
	margin-top: 55px;
}

.company-text{
	float: left;
	width: 48%;
}

.company-text i,.origin-content .title i,.honor-introduce .text i{
	font-size: 36px;
	line-height: 60px;
	color: #45af33;
	letter-spacing: 2px;
}

.company-text i span,.origin-content .title i span,.honor-introduce .text i span{
	display: block;
}

.company-text p,.honor-introduce .text p{
	font-size: 18px;
	line-height: 36px;
	color: #333;
	margin-top: 48px;
	letter-spacing: 2px;
}

.company-tp{
	float: right;
	width: 48%;
}


.management-brand{
	overflow: hidden;
}

.brand-origimn{
	position: relative;
}

.origin-bg{
	width: 100%;
}

.origin-bg img{
	position: absolute;
	right: -20%;
	bottom: 0;
}

.origin-bg img{
	display: block;
}

.management-idea{
	padding-bottom: 90px;
}

.management-text{
	margin-top: 50px;
}

.management-text p{
	font-size: 18px;
	line-height: 36px;
	letter-spacing: 1px;
}

.brand-origimn{
	padding: 90px 0;
	background: #f3f3f3;
}

.origin-content{
	margin-top: 55px;
}

.origin-content .title{
	margin-bottom: 35px;
}

.origin-content p{
	font-size: 18px;
	line-height: 36px;
	color: #333333;
	letter-spacing: 1px;
}

.origin-content p span{
	display: block;
}


.honor{
	padding: 100px 0;
}

.honor-introduce{
	margin-top: 50px;
}

.honor-introduce .text{
	float: left;
	width: 56%;
}

.honor-introduce .text p{
	margin-top: 20px;
}

.honor-introduce .tp{
	float: left;
	width: 42%;
	padding-top: 10px;
	text-align: right;
}

.national-patent{
	margin-top: 25px;
	padding-top: 25px;
	border-top: 1px solid #cccccc;
}

.national-patent ul li{
	float: left;
	width:49%;
	font-size: 18px;
	color: #333333;
	line-height: 36px;
}

.national-patent ul li:nth-child(2n+2){
	float: right;
}

.honor-tp-box{
	margin-top: 90px;
}

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

.owl-carousel {
	display: none;
	position: relative;
	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-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 {
	margin-top: 10px;
	text-align: center;
}

.owl-theme .owl-controls .owl-buttons .owl-prev {
	position: absolute;
	top: 0;
	left: -100px;
	width: 53px;
	height: 330px;
	font-size: 0;
	background: url(../image/honor_left_jt.jpg) left top no-repeat;
}

.owl-theme .owl-controls .owl-buttons .owl-next {
	position: absolute;
	top: 0;
	right: -100px;
	width: 53px;
	height: 330px;
	font-size: 0;
	background: url(../image/honor_right_jt.jpg) left top no-repeat;
}


.owl-theme .owl-controls.clickable .owl-buttons div:hover {
	filter: Alpha(Opacity=100);
	/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}


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

.owl-pagination{
	display: none;
}


.development-history{
	padding: 110px 0 530px 0;
	background: #f0f0f0 url(../image/development_history.jpg) center bottom no-repeat;
}

.course{
	margin-top: 60px;
}


.course .title{
	font-size: 48px;
	color: #46ae31;
	text-align: center;
}


.course .text{
	font-size: 30px;
	color: #46ae31;
	text-align: center;
	margin-top: 40px;
}


.about .about-body {
	/*overflow: hidden;*/
}

.about .about-body {
	display: table-cell;
	vertical-align: top;
	width: 10000px;
	/*overflow: hidden;*/
}

.about .about-body .about-title .help-block {}

.about .about-body .about-content {
	position: relative;
}

.process-timeline {
	height: 430px;
	width: 100%;
	margin: 80px auto 0 auto;
	position: relative;
	overflow: hidden;
}

.process-timeline:after {
	content: "";
	position: absolute;
	top: 10px;
	left: 0;
	background:#9c9c9c;
	height: 1px;
	width: 100%;
	display: block;
	z-index: 1;
}

.process-timeline .process-body {
	position: relative;
	width: 100%;
	height: 450px;
	margin-left: 0;
}

.process-timeline .process-row {
	cursor: move;
	display: inline-block;
	width: 250px;
	float: left;
	margin: 0 14px;
	position: relative;
	height:450px;
	overflow: hidden;
	z-index: 9;
}

.process-timeline .process-row .process-time {
}

.process-timeline .process-row .process-time .time-con {
	padding-top: 20px;
	text-align: center;
}

.process-timeline .process-row .process-time .time-con .year {
	z-index: 10;
	font-size: 28px;
	color: #666666;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
}

.process-timeline .process-row:hover .process-time .time-con .year {
	color: #46ae31;
}

.process-timeline .process-row .process-noyear {
	width: 21px;
	height: 21px;
	margin: 0 auto;
	background: url(../image/round.png) center top no-repeat;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
}

.process-timeline .process-row:hover .process-noyear {
	background: url(../image/round_a.png) center top no-repeat;
}

.process-timeline .process-row .process-content {
	background: url(../image/course_bg.png) center top no-repeat;
	height: 321px;
	margin-top: 20px;
	overflow: hidden;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
}

.process-timeline .process-row:hover .process-content {
	background: url(../image/course_bg_a.png) center top no-repeat;
}

.process-timeline .process-row .process-content p {
	text-indent: 0 !important;
	font-size: 16px !important;
	line-height: 32px;
	text-align: left;
	color: #666666;
	white-space: normal;
	padding: 48px 10% 0 10%;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
}

.process-timeline .process-row:hover .process-content p {
	color: #FFFFFF;
}



.process-timeline .process-row:nth-child(odd) .process-time .time-con .pic i {
	-moz-transform: scaleY(-1);
	-webkit-transform: scaleY(-1);
	-o-transform: scaleY(-1);
	transform: scaleY(-1);
	filter: FlipV();
	/*垂直翻转*/
}


.scrollMouse {}

.scrollMouse #processLeft {
	position: absolute;
	top: 0;
	margin-top: 0px;
	right: -30px;
}

.scrollMouse #processRight {
	position: absolute;
	top: 0;
	margin-top: 0px;
	left: -30px;
}



.client-concept{
	padding: 120px 0;
}

.client-content{
	margin-top: 60px;
}

.client-content p{
	font-size: 36px;
	line-height: 48px;
	color: #333333;
	padding-bottom: 40px;
	border-bottom: 1px solid #808080;
}

.client-content img{
	display: block;
	margin-top: 60px;
}


.onumen-advantages{
	padding: 120px 0;
	background: #f1f1f1;
}

.advantage-centent{
	margin-top: 80px;
}

.advantage-centent-title{
	font-size: 40px;
	color: #333333;
	text-align: center;
	line-height: 60px;
}


.advantage-box{
	background: url(../image/advantage_bg_c.jpg) left top no-repeat;
	background-size: 100% 100%;
}

.advantage-box1{
	margin-top: 50px;
}

.advantage-one{
	float: left;
	width: 40%;
	padding: 70px 4.8%;
	border-top: 1px solid rgba(255,255,255,0.5);
	border-left: 1px solid rgba(255,255,255,0.5);
}

.advantage-one .title{
	width: 100%;
}

.advantage-one .title .icon{
	float: left;
}

.advantage-one .title .icon img{
	display: block;
}

.advantage-one .title .title-text{
	float: right;
	width: 70%;
	color: #FFFFFF;
	line-height: 40px;
	font-size: 26px;
	margin-top: -10px;
	border-left: 1px solid #45AF33;
    padding-left: 8%;
}

.advantage-one .title .title-text span{
	display: block;
}

.advantage-one .text{
	font-size: 20px;
	color: #ddd;
	line-height: 40px;
	margin-top: 40px;
}

.advantage-box2{
	
}


.partner-equity{
	padding: 120px 0;
}

.equity-content{
	margin-top: 60px;
}

.equity-content-title{
	font-size: 36px;
	line-height: 48px;
	color: #333333;
}


.equity-content .list{
	margin-top: 70px;
}

.equity-content .list ul li{
	width: 23%;
	float: left;
	margin-left: 2.66%;
	text-align: center;
	background: #0051e1;
	padding: 46px 0;
}

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

.equity-content .list ul li img{
	margin-bottom: 37px
}

.equity-content .list ul li i{
	display: block;
	font-size: 22px;
	line-height: 32px;
	color: #FFFFFF;
}

.equity-content .list ul li p{
	font-size: 18px;
	line-height: 32px;
	color: #FFFFFF;
	margin-top: 20px;
	padding: 0 15%;
}


.requirements{
	padding: 120px 0;
	background: #F1F1F1;
}

.requirements-content{
	margin-top: 60px;
}

.requirements-content-title{
	font-size: 34px;
	color: #333333;
}

.requirements-content .list{
	margin-top: 60px;
}

.requirements-content .list ul{
	width: 100%;
	float: left;
}

.requirements-content .list ul li{
	font-size: 18px;
	color: #333333;
	line-height: 36px;
	padding: 13px 0;
}

.requirements-content .list ul li span{
	color: #0050D9;
	margin-right: 10px;
}


.add-join{
	padding: 100px 0;
	background: url(../image/form_bg.jpg) center top no-repeat;
}

.add-join-content{
	width: 46%;
}

.add-join-content .title{
	font-size: 36px;
	line-height: 52px;
	color: #333333;
}

.add-join-content .title span{
	font-size: 30px;
	line-height: 40px;
	color: #333333;
	display: block;
	margin-top: 16px;
}

.join-tel{
	font-size: 30px;
	line-height: 42px;
	color: #0050E0;
	margin-top: 60px;
}

.join-centent{
	margin-top: 60px;
}

.from-name {
	width: 40%;
	float: left;
}

.from-tel{
	width: 54%;
	float: right;
}

.from-name input,.from-tel input{
	border: none;
	background: none;
	border-bottom: 1px solid #b2b2b2;
	height: 40px;
	width: 100%;
	font-size: 18px;
}


.from-said{
	margin-top: 50px;
}

.from-said textarea{
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	border: none;
	border-bottom: 1px solid #B2B2B2;
	background: none;
}

.from-submit{
	margin-top: 70px;
}

.from-submit a{
	width: 152px;
	height: 54px;
	color: #FFFFFF;
	background: #0050E0;
	line-height: 54px;
	text-align: center;
	display: block;
	font-size: 18px;
}


.talent-project{
	padding: 120px 0;
	overflow: hidden;
}

.project-content{
	margin-top: 80px;
}

.project-content .text{
	width: 48%;
	float: left;
}

.project-content .text i{
	font-size: 30px;
	color: #333333;
	line-height: 34px;
	display: block;
	padding-bottom: 15px;
}

.project-content .text p{
	font-size: 18px;
	color: #333333;
	line-height: 36px;
	margin-top: 24px;
	text-align: justify;
}

.project-content .tp{
	width: 70%;
	float: right;
	height: 510px;
	margin-right: -20%;
	overflow: hidden;
}

.hiring{
	padding: 120px 0;
	background: #f1f1f1;
}

.hiring-content{
	margin-top: 80px;
}


.hiring-content .rlAccordion > h3 {
  color: #FFFFFF;
  font-size: 26px;
  margin: 0 auto;
  text-decoration: none;
  font-weight: inherit;
  background: #0051e1;
}

.hiring-content #second h3{
	padding:0 3% 0 5%;
	height: 90px;
	line-height: 90px;
	margin-top: 50px;
}

#second div:nth-child(4){
	display: block;
}

.hiring-content .rlAccordion h3 img{
	margin-right: 22px;
	margin-bottom: -10px;
	transform: rotate(0deg);
}

.hiring-content .rlAccordion > h3 > span {
  float: right;
}

.hiring-content .rl-open{
	font-size: 0;
	width: 32px;
	height: 18px;
	background: url(../image/hiring_sj.jpg) left top no-repeat;
	margin-top: 31px;
	transform: rotate(0deg);
	transition: .3s transform;
}

.hiring-content .rl-close{
	font-size: 0;
	width: 32px;
	height: 18px;
	background: url(../image/hiring_sj_a.jpg) left top no-repeat;
	margin-top: 31px;
	transform: rotate(180deg);
	transition: .3s transform;
}

.hiring-content .rlAccordion > h3 + div {
  display: none;
  padding: 4% 5%;
  margin-top: 10px;
  background: #FFFFFF;
}

.job-hiring:first-child{
	margin-top: 0px;
}

.job-hiring{
	margin-top: 140px;
}

.staff-list{
	margin-top: ;
}

.staff-list .title{
	font-size: 24px;
	line-height: 30px;
	color: #0051e1;
	padding-bottom: 22px;
	border-bottom: 1px solid #656565;
}

.staff-list .text{
	margin-top: 50px;
}

.staff-list .text:nth-child(2){
	margin-top: 20px;
}


.staff-list .text i{
	font-size: 20px;
	line-height: 36px;
}

.staff-list .text p{
	font-size: 18px;
	line-height: 40px;
}

.consulting a{
	width: 200px;
	height: 55px;
	line-height: 55px;
	display: block;
	text-align: center;
	background: #0051e1;
	color: #FFFFFF;
	margin: 72px auto 0 auto;
	font-size: 18px;
}



.contact-from{
	width: 100%;
	background: url(../image/contact_bg.jpg) center top no-repeat;
	background-size: auto 100%;
	position: relative;
	z-index: 1;
}

.contact-bg{
	width: 50%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	background-color: rgba(0,0,0,0.8);
	z-index: -1;
}

.contact-from-box{
	width: 45%;
	float: left;
	padding: 100px 0 100px 0;
}

.contact-from-box .title{
	text-align: center;
	color: #FFFFFF;
	font-size: 30px;
	line-height: 42px;
}

.contact-from-box .title span{
	display: block;
}

.contact-subtitle {
	margin-top: 50px;
}

.contact-subtitle i{
	font-size: 22px;
	color: #46ae31;
	line-height: 30px;
}

.from-box{
	margin-top: 38px;
}

.personal-details-from{
	
}

.personal-details-from .contact-name{
	float: left;
	width: 48%;
	
}

.personal-details-from .contact-name input,.personal-details-from .contact-tel input{
	width: 97%;
	padding: 0 1.5%;
	border: none;
	border-bottom: 1px solid #868583;
	background: none;
	color: #fff;
	font-size: 16px;
	height: 36px;
}

.personal-details-from .contact-name input::placeholder,.personal-details-from .contact-tel input::placeholder{
	color: #fff;
}

.personal-details-from .contact-tel{
	float: right;
	width: 48%;
}

.choose-id{
	margin-top: 20px;
}

.choose-id .province,.choose-id .city{
	width:48%;
	float: left;
	border: none;
	border-bottom: 1px solid #868583;
	background: none;
	font-size: 16px;
	height: 36px;
	color: #FFFFFF;
}

.choose-id select::-ms-expand { display: none; }

.choose-id .city{
	width:48%;
	float: right;
}

.choose-id .province option,.choose-id .city option{
	background: #111111;
	line-height: 36px;
	display: block;
	height: 36px;
}


.contact-info{
	margin-top: 20px;
}

.contact-info textarea{
	border: none;
	background: none;
	width: 98%;
	border-bottom: 1px solid #868583;
	height: 30px;
	font-size: 16px;
	color: #FFFFFF;
	line-height: 30px;
	padding: 0 1%;
}

.contact-info textarea::placeholder{
	color: #FFFFFF;
}

.contact-submit{
	margin-top: 58px;
}

.contact-submit a{
	text-align: center;
	width: 142px;
	height: 40px;
	background: #46ae31;
	line-height: 40px;
	font-size: 16px;
	color: #FFFFFF;
	margin: 0 auto;
	display: block;
}




.dealers{
	padding: 120px 0;
}

.dealers .title{
	padding-bottom: 36px;
	border-bottom: 1px solid #656565;
}

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

.dealers-list{
	margin-top: 50px;
}

.dealers-list ul li{
	float: left;
	width: 22%;
	margin-left: 4%;
	border-bottom: 1px solid #ddd;
	margin-top: 34px;
	padding-bottom: 34px;
}

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


.dealers-list ul li i{
	font-size: 18px;
	color: #333333;
	display: block;
	line-height: 36px;
	margin-bottom: 10px;
}

.dealers-list ul li p{
	font-size: 14px;
	color: #999999;
	line-height: 28px;
	
}


.contact-area{
	padding:0 0 120px 0;
}

.contact-area .title{
	padding-bottom: 36px;
	border-bottom: 1px solid #656565;
}

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

.contact-area-list{
	margin-top: 10px;
}

.contact-area-list ul li{
	float: left;
	width: 22%;
	margin-left: 4%;
	margin-top: 50px;
}

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

.contact-area-list ul li img{
	display: block;
}

.contact-area-list ul li i{
	font-size: 18px;
	color: #333333;
	display: block;
	line-height: 36px;
	margin-top: 20px;
}

.contact-area-list ul li p{
	font-size: 14px;
	color: #999999;
	line-height: 27px;
	margin-top: 10px;
}

.contact-area-list ul li span{
	display: block;
	float: left;
	width: 6%;
}

.contact-area-list ul li em{
	font-style: inherit;
	display: block;
	width: 92%;
	float: right;
	margin-top: -6px;
}


.contact-information{
	padding: 85px 0;
	background: #e5e5e5;
}


.map{
	width: 60%;
	height: 480px;
	float: left;
}

#container {
		    overflow: hidden;
		    width: 100%;
		    height: 100%;
		    margin: 0;
		    font-family: "微软雅黑";
		}

.contact-content{
	width: 40%;
	float: right;
	height: 480px;
	background: #FFFFFF;
}

.contact-content .box{
	padding: 40px 8%;
}

.reference{
	font-size: 16px;
	color: #333333;
	line-height: 32px;
}

.headquarters{
	margin-top: 30px;
}

.headquarters i{
	font-size: 30px;
	color: #333333;
	line-height: 40px;
	display: block;
	padding-bottom: 10px;
	margin-bottom: 35px;
	border-bottom: 1px solid #999999;
}

.headquarters p{
	font-size: 36px;
	color: #46ae33;
	line-height: 60px;
	font-family: "arial rounded mt bold";
	font-weight: bold;
}

.email-add{
	margin-top: 50px;
}

.email-add ul li{
	height: 24px;
	line-height: 24px;
	color: #333333;
	font-size: 14px;
	margin-bottom: 10px;
}

.email-add ul li span{
	display: block;
	float: left;
	width: 7%;
}

.email-add ul li p{
	display: block;
	float: left;
	width: 90%;
}


.cooperation{
	background: url(../image/cooperation_bg.jpg) center top no-repeat;
	background-size: 100% 100%;
}

.cooperation-banner-text{
	width: 80%;
	float: left;
	padding: 160px 0;
}

.cooperation-banner-text .title i{
	font-size: 48px;
	line-height: 60px;
	color: #FFFFFF;
	display: block;
}

.cooperation-banner-text .title p{
	font-size: 30px;
	line-height: 42px;
	color: #FFFFFF;
	margin-top: 18px;
}

.cooperation-tel {
	margin-top: 100px;
}

.cooperation-tel i{
	font-size: 26px;
	color: #FFFFFF;
	line-height: 34px;
}

.cooperation-tel a{
	display: block;
	width: 230px;
	height: 62px;
	background: #FFFFFF;
	text-align: center;
	line-height: 62px;
	font-size: 26px;
	color: #0050E0;
	margin-top: 22px;
}


.job .cooperation-banner-text{
	padding: 215px 0;
}

.job .title span{
	width: 40px;
	height: 2px;
	background-color: rgba(255,255,255,.7);
	display: block;
	margin-top: 100px;
}


.plan-banner{
	background: url(../image/plan_bg.jpg) center top no-repeat;
	background-size: 100% 100%;
	padding: 120px 0;
}

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

.box-text .title{
	
}

.box-text .title i{
	font-size: 48px;
	line-height: 60px;
	color: #FFFFFF;
	display: block;
	margin-top: 8px;
}

.box-text .title p{
	font-size: 30px;
	line-height: 42px;
	color: #FFFFFF;
	margin-top: 20px;
}


.box-text .title span{
	width: 40px;
	height: 2px;
	display: block;
	background-color: rgba(255,255,255,.7);
	margin-top: 68px;
}

.box-text .consult {
	margin-top: 68px;
}

.box-text .consult i{
	font-size: 24px;
	color: #FFFFFF;
	line-height: 34px;
}

.box-text .consult i em{
	font-size: 36px;
	font-weight: bold;
}

.box-text .consult a{
	display: block;
	width: 260px;
	height: 55px;
	background: #0050E0;
	text-align: center;
	line-height: 55px;
	font-size: 24px;
	color: #fff;
	margin-top: 32px;
}

.plan-banner .tp{
	float: right;
	width: 50%;
	text-align: right;
}


.news-banner{
	height: 700px;
	background-size: auto 100%;
}

.news-banner .title{
	margin-top: 50px;
}

.news-banner .title span{
	width: 40px;
	height: 2px;
	background-color: rgba(255,255,255,.9);
	display: block;
	margin-top: 100px;
}

.news-banner .cooperation-banner-text{
	
}

.service-banner .title span{
	width: 40px;
	height: 2px;
	background-color: rgba(255,255,255,.9);
	display: block;
	margin-top: 100px;
}

.service-banner{
	background: url(../image/service_bg.jpg) center top no-repeat;
	background-size: 100% 100%;
}

.service-banner .title a{
	display: block;
	width: 260px;
	height: 55px;
	background: #0050E0;
	text-align: center;
	line-height: 55px;
	font-size: 24px;
	color: #fff;
	margin-top: 70px;
}


.company-banner{
	background: url(../image/company_bg.jpg) center top no-repeat;
	background-size: auto 100%;
}

.company-banner .text p{
	font-size: 60px;
	line-height: 80px;
	color: #FFFFFF;
	text-align: center;
	padding: 320px 0;
}


.led-describe{
	padding: 100px 0;
	overflow: hidden;
}

.led-describe-text{
	float: left;
	width: 50%;
}

.led-describe-text .title{
	margin-top: 100px;
}

.led-describe-text .title i{
	font-size: 40px;
	line-height: 54px;
	color: #47b030;
}

.led-describe-text .title p{
	font-size: 20px;
	line-height: 40px;
	color: #333;
	padding-left: 4%;
	border-left: 2px solid #47b030;
	margin-top: 20px;
}

.led-describe-text .sub-title {
	margin-top: 74px;
}

.led-describe-text .sub-title i{
	font-size: 30px;
	line-height: 38px;
	color: #47b030;
}

.led-describe-text .sub-title p{
	font-size: 20px;
	line-height: 40px;
	color: #333;
	padding-left: 4%;
	border-left: 2px solid #47b030;
	margin-top: 20px;
	width: 60%;
}

.led-describe-tp{
	float: right;
	margin-right: -30%;
}


.led-advantage{
	padding: 100px 0;
	background: url(../image/led_advantage_bg.jpg) center top no-repeat;
	background-size: auto 100%;
}

.led-advantage .title{
	font-size: 46px;
	line-height: 52px;
	color: #FFFFFF;
}

.led-advantage-content{
	margin: 82px auto 0 auto;
	width: 87%;
}

.led-advantage-content .sub-title{
	text-align: center;
}

.led-advantage-content .sub-title i{
	font-size: 56px;
	color: #FFFFFF;
}

.led-advantage-content .sub-title span{
	font-size: 16px;
	line-height: 20px;
	color: #FFFFFF;
	display: block;
	letter-spacing: 1px;
}

.led-advantage-tp{
	text-align: center;
	margin-top: 66px;
}

.led-advantage-icon{
	margin-top: 50px;
}

.led-advantage-icon ul li{
	width: 21%;
	float: left;
	text-align: center;
	display: flex;
	padding-left: 4%;
}

.led-advantage-icon ul li span{
	color: #FFFFFF;
	font-size: 30px;
	margin-left: 10px;
	line-height: 26px;
	padding-top: -10px;
	display: block;
	float: left;
}

.led-advantage-icon ul li img{
	float: left;
	display: block;
}

.advantage-one-content{
	padding: 105px 0;
}

.advantage-one-content .container-1070 .icon{
	position: absolute;
	left: -200px;
	top: 2px;
}

.advantage-one-content .container-1070 .icon img{
	display: block;
}

.container-1070{
	width: 1072px;
	margin: 0 auto;
	position: relative;
}

.advantage-one-content .title{
	
}

.advantage-one-content .title i{
	font-size: 38px;
	line-height: 48px;
	color: #45AF33;
	font-weight: bold;
}

.advantage-one-content .title p{
	font-size: 18px;
	line-height: 28px;
	color: #717171;
	margin-top: 10px;
}

.advantage-one-content .text{
	margin-top: 50px;
}

.advantage-one-content .text p{
	font-size: 18px;
	line-height: 36px;
	color: #333;
}

.advantage-one-content .tp{
	margin-top: 28px;
}

.advantage-one-content .tp img{
	display: block;
}

.advantage-one-content.two,.advantage-one-content.four{
	background: #f1f1f1;
}

.four .text i{
	font-size: 26px;
	color: #46af2f;
	line-height: 36px;
	display: block;
	margin-bottom: 15px;
	position: relative;
}

.four .text i:after{
	position: absolute;
	left: -20px;
	top: 1px;
	content: "";
	height: 36px;
	width: 1px;
	background: #46AE31;
}


.four .text p{
	
}

.tp-list{
	margin-top: 45px;
	padding-bottom: 10px;
}

.tp-list ul li{
	float: left;
	width: 32.2%;
	margin-left: 1.7%;
	background: #FFFFFF;
	text-align: center;
}

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

.tp-list ul li img{
	display: block;
	margin: 0 auto;
}

.tp-list ul li i{
	width: 100%;
	display: block;
	width: 100%;
	height: 58px;
	line-height: 58px;
	color: #FFFFFF;
	font-size: 22px;
	background: #45AF33;
}


.certification-icon{
	margin-top: 30px;
}

.certification-icon ul li{
	float: left;
	width: 16%;
	margin-left: .66%;
	text-align: center;
	background: #FFFFFF;
	margin-top: 8px;
}

.certification-icon ul li:nth-child(6n+1){
	margin-left: 0;
}

.certification-icon ul li img{
	display: block;
	margin: 0 auto;
}

.led-bring{
	padding: 110px 0;
}

.led-bring .title i{
	font-size: 38px;
	color: #46ae33;
	line-height: 48px;
	display: block;
	margin-bottom: 40px;
}

.led-bring .title p{
	font-size: 20px;
	line-height: 38px;
	color: #333;
}

.led-bring .title p b{
	color: #46ae33;
}

.led-bring .tp{
	margin-top: 50px;
}


.news-bg-con{
	background: #f1f1f1;
}

.news-bg-con .related-case-list span{
	color: #999;
	display: block;
	text-align: center;
	margin-top: 20px;
}

.news-bg-con .related-case-list i{
	background: none;
	text-align: center;
	line-height: 36px;
	height: 36px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	
}

.meeting .consult{
	margin-top: 35px;
}

.meeting .consult a{
	margin-top: 20px;
}

.meeting .title p{
	margin-top: 8px;
}

.characteristics{
	font-size: 18px;
	color: #FFFFFF;
	line-height: 36px;
	margin-top: 36px;
}



@media screen and (max-width: 1700px) {
	.honor-tp-box{
		width: 1200px;
		margin: 90px auto 0 auto;
	}

	.arr .prev {
		left: -26px
	}

	.arr .next {
		right: -26px
	}

}



@media screen and (max-width: 1515px) {
	.container-1514 {
		width: 94%;
	}


}


@media screen and (max-width: 1400px) {
	
	.advantage-one-content{
		padding: 105px 0;
	}
	
	.advantage-one-content .container-1070 .icon{
		position: absolute;
		left: -200px;
		top: 2px;
	}
	
	.container-1070{
		width: 70%;
	}
	
	.advantage-one-content .title i{
		font-size: 38px;
		line-height: 48px;
	}
	
	.advantage-one-content .title p{
		font-size: 18px;
		line-height: 28px;
		margin-top: 10px;
	}
	
	.advantage-one-content .text{
		margin-top: 50px;
	}
	
	.advantage-one-content .text p{
		font-size: 18px;
		line-height: 36px;
	}
	
	.advantage-one-content .tp{
		margin-top: 28px;
	}
	
	
	
	.headquarters p{
		font-size: 24px;
		line-height: 40px;
	}
	/* .container-1200{
		width: 90%;
	} */
	
	.honor-tp-box{
		width: 85%;
		margin: 90px auto 0 auto;
	}
	
	.owl-carousel .owl-item img{
		width: 90%;
	}
	
	
	.owl-theme .owl-controls .owl-buttons .owl-prev {
		left: -60px;
		top: 45%;
		margin-top: -90px;
		width: 33px;
		height: 180px;
		background-size: 100% 100%;
	}
	
	.owl-theme .owl-controls .owl-buttons .owl-next {
		right: -60px;
		top: 45%;
		margin-top: -90px;
		width: 33px;
		height: 180px;
		background-size: 100% 100%;
	}
	
	
	.origin-bg img{
		height: 1500px;
	}
	
	.company-text i,.origin-content .title i,.honor-introduce .text i{
		font-size: 30px;
		line-height: 50px;
		letter-spacing: 1px;
	}
	
	.company-text i span,.origin-content .title i span,.honor-introduce .text i span{
		display: block;
	}
	
	.company-text p,.honor-introduce .text p{
		font-size: 16px;
		line-height: 32px;
		margin-top: 28px;
		letter-spacing: 2px;
	}
	
	.company-tp{
		float: right;
		width: 48%;
	}
	
	.faq-text{
		width: 93%;
		float: right;
	}
	
	.reveal-modal {
		top: 50px;
		left: 50%;
		margin-left: -45%;
		width: 90%;
		position: absolute;
	}
	
	.reveal-modal .box{
		padding: 150px 8%;
	}
	
	.reveal-modal .title{
		font-size: 32px;
	}
	
	.input-box .input-tel i{
		float: left;
		font-size: 18px;
		line-height: 40px;
		width: 26%;
	}
	
	.input-box .input-tel input{
		float: right;
		font-size: 18px;
		line-height: 40px;
		width: 74%;
	}
	
	.verification-code i{
		float: left;
		font-size: 18px;
		line-height: 40px;
		width: 30%;
	}
	
	.verification-code input{
		font-size: 18px;
	}
	
	.submit{
		margin-top: 98px;
	}
	
	.submit input{
		font-size: 18px;
	}
	
	

	.videos-bg {
		position: fixed;
		left: 50%;
		top: 50%;
		margin-left: -500px;
		margin-top: -300px;
		z-index: 100;
		width: 1000px;
		height: 640px;
	}

	.case-list-text .box {

		padding: 60px 10% 55px 10%;
	}

	.news-list ul li a i {
		width: 70%;
	}

	.news-list ul li span {
		width: 30%;
	}

	.ul {
		width: 100%;
		height: 594px;
	}

	.bottom_content {
		width: 400%;
		top: 0;
		left: 0%
	}

	.body_1 {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.body_1 img {
		display: block;
		max-width: inherit;
		height: 594px;
	}

	.technology-one {
		width: 36%;
		float: left;
		margin-left: 8%;
	}

	.technology-two {
		width: 25%;
		float: right;
	}

	.technology-three {
		width: 40%;
		float: left;
		margin-left: 8%;
		margin-top: 132px;
	}

	.technology-four {
		width: 25%;
		float: right;
		margin-top: 132px;
	}


	.container {
		width: 90%;
	}


	#header {
		height: 100px;
		border-bottom: 1px solid #444;
	}

	.logo {
		float: left;
		padding-top: 25px;
		height: 75px;
		margin-right: 15%;
	}

	.logo img {
		height: 50px;
	}

	.tel {
		margin-top: 41px;
		padding-right: 1.125rem;
		border-right: 0.0625rem solid #666666;
	}

	.translate {
		padding-top: 40px;
	}

	.translate-icon .icon {
		width: 1.5rem;
		height: 1.5rem;
		height: 60px;
		padding-left: 24px;
	}

	.translate-icon .fy-line {
		top: 101px;
		width: 100%;

	}

	.translate-icon:hover:after {
		width: 28px;
		height: 15px;
		top: 98px;
	}

	.fy-line ul li a {
		font-size: 1.125rem;
		line-height: 84px;
		margin-left: 2.375rem;
	}


	/*menu*/

	#starlist li {
		height: 100px;
		line-height: 100px;

	}

	#starlist li a {
		padding: 0 18px;
		font-size: 18px;
	}

	#starlist ul.sub {
		top: 100px;
	}

	#starlist li:after {
		width: 28px;
		height: 15px;
		top: 98px;
		margin-left: 29px;
		z-index: 10;
	}

	.sub-bg {
		width: 90%;
	}

	#starlist ul.sub li {
		width: 15%;
		line-height: 50px;
		padding: 27px 0 20px 0;
	}

	#starlist ul.sub li:first-child {
		margin-left: 0;
	}

	#starlist ul.sub li a {
		font-size: 18px;
		line-height: 1.75rem;
	}



	#starlist li:nth-child(2) .sub li {
		width: 13%;
	}

	#starlist li:nth-child(2) .sub li:first-child {
		margin-left: 0%;
	}


	#starlist li:nth-child(3) .sub li {
		width: 13%;
	}

	#starlist li:nth-child(3) .sub li:first-child {
		margin-left: 0%;
	}


	#starlist li:nth-child(4) .sub li {
		width: 11%;
	}

	#starlist li:nth-child(4) .sub li:first-child {
		margin-left: 0%;
	}

	#starlist li:nth-child(5) .sub li {
		width: 13%;
	}

	#starlist li:nth-child(5) .sub li:first-child {
		margin-left: 0%;
	}

	#starlist li:nth-child(6) .sub li {
		width: 13%;
	}

	#starlist li:nth-child(6) .sub li:first-child {
		margin-left: 0%;
	}

	#starlist li:nth-child(7) .sub li {
		width: 13%;
	}

	#starlist li:nth-child(7) .sub li:first-child {
		margin-left: 0%;
	}




	.sub-menu {
		top: 135px;
		width: 100%;
		padding: 15px 0;
	}

	.prod-menu-nr {
		width: 90%;
	}

	.order_details {
		position: relative;
		width: 20%;
		float: left;
		border-right: 1px solid #999999;
	}



	#starlist ul.sub li .order_details ul li {
		width: 150px;
		line-height: 2.5rem;
		float: right;
		margin: 0;
		padding: 7px 0;
	}

	#starlist ul.sub li .order_details ul li:first-child {
		padding-top: 30px;
	}

	#starlist ul.sub li .order_details ul li:last-child {
		padding-bottom: 10px;
	}

	.tablelist {
		width: 75%;
	}

	.tablelist .menu-product-tp {
		width: 30%;
	}

	.tablelist .menu-product-tp img {
		height: 150px;
		margin-top: 38px;
	}

	.tablelist .menu-product-text {
		width: 50%;
		float: left;
		text-align: left;
		padding-top: 22px;
	}

	.tablelist .menu-product-text i {
		font-size: 1.875rem;
		line-height: 2.25rem;
		height: 2.25rem;
		display: block;
	}
	
	.tablelist .menu-product-text a {
		
	}

	.tablelist .menu-product-text em {
		font-size: 1rem;
		line-height: 1.5rem;
		height: 1.5rem;
		-webkit-line-clamp: 1 margin: 0 0 16px 0;

	}

	.tablelist .menu-product-text span {
		width: 14px;
		height: 1px;
	}

	.tablelist .menu-product-text p {
		width: 70%;
		line-height: 1.5rem;
		font-size: 0.875rem;
		margin-top: 14px;
		height: 4.5rem;
		-webkit-line-clamp: 3
	}

}


@media only screen and (min-width: 1025px) and (max-width: 1199px) {
	.news-banner{
		height: 500px;
		background-size: auto 100%;
	}
	
	.news-banner .title{
		margin-top: -20px;
	}
	.led-advantage .title{
		font-size: 36px;
		line-height: 52px;
	}
	
	.led-advantage-content{
		margin: 62px auto 0 auto;
		width: 87%;
	}
	
	.led-advantage-content .sub-title i{
		font-size: 46px;
	}
	
	.led-advantage-content .sub-title span{
		font-size: 14px;
		line-height: 20px;
		letter-spacing: 0;
	}
	
	.led-advantage-tp{
		margin-top: 46px;
	}
	
	.led-advantage-icon{
		margin-top: 40px;
	}
	
	.led-advantage-icon ul li{
		padding-left: 3%;
	}
	
	.led-advantage-icon ul li span{
		font-size: 24px;
	}
	
	.led-describe-text{
		float: left;
		width: 46%;
	}
	
	.led-describe-text .title{
		margin-top: 60px;
	}
	
	.led-describe-text .title i{
		font-size: 36px;
	}
	
	.led-describe-text .title p{
		font-size: 18px;
		line-height: 36px;
	}
	
	.led-describe-text .sub-title i{
		font-size: 28px;
		line-height: 38px;
	}
	
	.led-describe-text .sub-title p{
		font-size: 18px;
		line-height: 36px;
	}
	
	.led-describe-tp{
		float: right;
		margin-right: -40%;
	}
	
	.led-describe-tp img{
		width: 90%;
	}
	
	.box-text .title i{
		font-size: 40px;
	}
	
	.box-text .title p{
		font-size: 26px;
	}
	
	.box-text .title span{
		width: 40px;
		height: 2px;
		margin-top: 58px;
	}
	
	.box-text .consult {
		margin-top: 58px;
	}
	
	.box-text .consult i{
		font-size: 20px;
		line-height: 34px;
	}
	
	.box-text .consult i em{
		font-size: 30px;
	}
	
	.box-text .consult a{
		width: 220px;
		height: 45px;
		line-height: 45px;
		font-size: 20px;
		margin-top: 22px;
	}
	
	.plan-banner .tp{
		float: right;
		width: 42%;
		text-align: right;
	}
	
	
	.origin-bg img{
		height: 1200px;
	}
	
	.faq-text{
		width: 91.6%;
		float: right;
	}
	
	.service-concept-company .text span{
		display: none;
	}
	.related-case-list .product-line-tp img{
		height: 160px;
	}
	.reveal-modal {
		top: 50px;
		left: 50%;
		margin-left: -45%;
		width: 90%;
		position: absolute;
	}
	
	.reveal-modal .close-reveal-modal {
		font-size: 22px;
		line-height: .5;
		position: absolute;
		top: 8px;
		right: 11px;
	}
	
	.reveal-modal .box{
		padding: 120px 8%;
	}
	
	.reveal-modal .title{
		font-size: 30px;
	}
	
	.input-content {
		margin-top: 60px;
	}
	
	.input-content .tp{
		float: left;
		width: 48%;
	}
	
	.input-content .input-box{
		float: right;
		width: 48%;
	}
	
	.input-box .input-tel{
		height: 44px;
		margin-top: 0px;
	}
	
	.input-box .input-tel i{
		float: left;
		font-size: 18px;
		line-height: 40px;
		width: 26%;
	}
	
	.input-box .input-tel input{
		float: right;
		font-size: 18px;
		line-height: 40px;
		width: 74%;
	}
	
	.verification-code{
		height: 40px;
		margin-top: 43px;
	}
	
	.verification-code i{
		float: left;
		font-size: 18px;
		line-height: 40px;
		width: 30%;
	}
	
	.verification-code input{
		float: left;
		font-size: 18px;
		line-height: 40px;
		width: 40%;
		border-bottom: 1px solid #c8c8c8;
	}
	
	.verification-code .digital{
		width: 30%;
		float: right;
	}
	
	
	.submit{
		margin-top: 68px;
	}
	
	.submit input{
		width: 34%;
		font-size: 20px;
		height: 40px;
		line-height: 40px;
	}
	
	
	.download{
		margin-bottom: 42px;
	}
	
	.download .container{
		top: -64px;
	}
	
	.download .box{
		padding: 116px 8% 107px 8%;
	}
	
	.product-download{
		float: left;
		width: 45%;
	}
	
	.download-title{
		width: 100%;
		border-bottom: 2px solid #46ae31;
		padding-bottom: 33px;
	}
	
	.download-title i{
		font-size: 26px;
		line-height: 48px;
	}
	
	.download-list ul li{
		height: 48px;
		line-height: 48px;
		font-size: 20px;
		margin-top: 43px;
	}
	
	.download-list ul li a span{
		width: 48px;
		height: 48px;
		margin-right: 22px;
		float: left;
	}
	
	.download-list ul li a i{
		float: left;
	}
	
	.system-download{
		float: right;
		width: 45%;
	}
	
	
	.container-1200 {
		width: 92%;
	}

	.case-page-list {
		margin-top: 104px;
	}

	.case-list {
		margin-bottom: 40px;
	}

	.case-list-tp {
		float: left;
		width: 71.4%;
	}

	.case-list-text {
		float: left;
		width: 28.6%;
		height: auto;
	}

	.case-list-text .box {
		padding: 40px 10% 55px 10%;
	}

	.case-list-text .title i {
		font-size: 28px;
		line-height: 40px;
		height: 80px;
		-webkit-line-clamp: 2;
	}

	.case-list-text .title p {
		font-size: 16px;
		line-height: 24px;
		height: 24px;
		margin-top: 17px;
		-webkit-line-clamp: 1;
	}

	.case-list-text .title span {
		width: 30px;
		height: 2px;
		margin-top: 30px;
	}

	.case-list-text .time {
		bottom: 35px;
	}

	.ul {
		width: 100%;
		height: 524px;
	}

	.body_1 img {
		display: block;
		max-width: inherit;
		height: 524px;
	}

	.technology-content .box {
		padding: 107px 0 100px 0;
		background: none;
	}

	.technology-one {
		width: 38%;
		float: left;
		margin-left: 12%;
	}

	.technology-two {
		width: 42%;
		float: right;
	}

	.technology-three {
		width: 38%;
		float: left;
		margin-left: 12%;
		margin-top: 62px;
	}

	.technology-four {
		width: 42%;
		float: right;
		margin-top: 62px;
	}

	.install,
	.patent {
		padding: 94px 10% 140px 10%;
	}

	.install .title i,
	.patent .title i {
		line-height: 40px;
		font-size: 28px;
	}

	.patent .title em {
		display: inline;
	}

	.foot-tel {
		width: 45%;
		float: left;
	}

	.foot-tel img {
		width: 95%;
	}

	.foot-id {
		width: 35%;
		float: left;
	}

	.product-line-tp img {
		height: 220px;
	}

	.container {
		width: 90%;
	}

	#header {
		height: 100px;
		border-bottom: 1px solid #444;
	}

	.logo {
		float: left;
		padding-top: 25px;
		height: 75px;
		margin-right: 15%;
	}

	.logo img {
		height: 50px;
	}

	.tel {
		margin-top: 41px;
		padding-right: 1.125rem;
		border-right: 0.0625rem solid #666666;
	}

	.translate {
		padding-top: 40px;
		padding-right: 30px;
	}

	.translate-icon .icon {
		width: 1.5rem;
		height: 1.5rem;
		height: 60px;
		padding-left: 24px;
	}

	.translate-icon .fy-line {
		top: 101px;
		width: 100%;

	}

	.translate-icon:hover:after {
		width: 28px;
		height: 15px;
		top: 98px;
	}

	.fy-line ul li {
		padding: ;
	}

	.fy-line ul li a {
		font-size: 1rem;
		line-height: 2.25rem;
		margin-left: 1rem;
	}


	/*menu*/
	nav {
		float: inherit;
	}

	#starlist {
		float: inherit;
		display: none;
		width: 100%;
		background: rgba(0, 0, 0, 1);
		position: fixed;
		top: 101px;
		left: 0;
	}


	#starlist li {
		width: 100%;
		height: auto;
		line-height: 60px;
		position: relative;
		border-bottom: 0.0625rem solid #111;
	}

	#starlist li a {
		padding: 0 5%;
		font-size: 18px;
		float: initial;

	}

	#starlist ul.sub {
		position: initial;
		right: initial;
		top: initial;
		width: 100%;
		background-color: rgba(0, 0, 0, 0.7);
		display: none;
		z-index: 9;
	}

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

	}

	#starlist li:after {
		display: none;
	}

	#starlist li:hover:after {
		display: none;
	}

	.sub-bg {
		width: initial;
	}

	#starlist ul.sub li img {
		display: none;
	}

	#starlist ul.sub li{
		width: 100%;
		line-height: auto;
		padding: initial;
		float: initial;
		text-align: left;
		border-top: 0.0625rem solid #111;a
	}

	#starlist ul.sub li:first-child {
		margin-left: 0;
	}

	#starlist ul.sub li a {
		font-size: 18px;
		line-height: 1.75rem;
		padding: 0 8%;
		color: #999999;
		display: block;
		line-height: 50px;
		text-align: left;
	}



	#starlist li:nth-child(2) .sub li {
		width: 100%;
	}

	#starlist li:nth-child(2) .sub li:first-child {
		margin-left: 0%;
	}


	#starlist li:nth-child(3) .sub li {
		width: 100%;
	}

	#starlist li:nth-child(3) .sub li:first-child {
		margin-left: 0%;
	}


	#starlist li:nth-child(4) .sub li {
		width: 100%;
	}

	#starlist li:nth-child(4) .sub li:first-child {
		margin-left: 0%;
	}

	#starlist li:nth-child(5) .sub li {
		width: 100%;
	}

	#starlist li:nth-child(5) .sub li:first-child {
		margin-left: 0%;
	}

	#starlist li:nth-child(6) .sub li {
		width: 100%;
	}

	#starlist li:nth-child(6) .sub li:first-child {
		margin-left: 0%;
	}

	#starlist li:nth-child(7) .sub li {
		width: 100%;
	}

	#starlist li:nth-child(7) .sub li:first-child {
		margin-left: 0%;
	}



	.sub-menu {
		display: none;
	}

	#starlist ul.sub li:hover .sub-menu {
		display: none;
	}

	.prod-menu-nr {
		display: none;
	}



	#mnavh {
		position: absolute;
		z-index: 9999;
	}

	#mnavh {
		display: block;
	}


	.menu span {
		display: block;
		width: 50px;
		height: 50px;
		opacity: 0.5;
		position: absolute;
		top: 0;
		right: 0;
	}

	.menu:before {
		right: 5%;
	}


	.core-icon {
		width: 82%;
	}

	.core-icon-sz {
		width: 82%;
	}
}