body {

	font-size: 12px;

	padding: 0px;

	margin: 0px;

}

.painStyle{

	height: 520px;

	overflow: auto;

}



*,

:after,

:before {

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	margin: 0px;

	padding: 0px;

}



ul {

	list-style-type: none;

}



li {

	list-style-type: none;

}



a {

	text-decoration: none;

	color: inherit;

}



img {

	border: 0px;

	margin: 0;

	padding: 0;

}



input,

textarea,

select {

	outline: none;

	font-family: inherit;

	font-size: 100%;

}



table {

	table-layout: fixed;

	border-spacing: 0;

	border-collapse: collapse;

	background-color: transparent;

}



i,

u,

em {

	display: block;

	margin: 0;

	padding: 0;

}



td,

th {

	padding: 0;

}



.fl {

	float: left;

}



.fr {

	float: right;

}



.clear:after {

	content: '';

	display: block;

	clear: both;

}



.fix:after {

	display: block;

	height: 0;

	content: '.';

	clear: both;

	overflow: hidden;

}



.cd-accordion-menu {

	position: absolute;

	width: 100%;

	z-index: 999;

	background: #fff;

	font-size: .32rem;

	text-align: center;

	top: 1.8rem;

	overflow: auto;

	height: 0;

}



.cd-accordion-menu ul {

	display: none;

	padding: 0 .5rem;

}



.cd-accordion-menu li {

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

	line-height: .5rem;

}



.cd-accordion-menu input[type=checkbox] {

	position: absolute;

	opacity: 0;

}



.cd-accordion-menu label,

.cd-accordion-menu a {

	position: relative;

	display: block;

	padding: .3rem 0 .3rem 0;

	background: #4d5158;

	box-shadow: inset 0 -1px #555960;

	color: #fff;

	font-size: 0.27rem;

}



.no-touch .cd-accordion-menu label:hover,

.no-touch .cd-accordion-menu a:hover {

	background: #52565d;

}



.cd-accordion-menu label::before,

.cd-accordion-menu label::after,

.cd-accordion-menu a::after {

	content: '';

	display: inline-block;

	width: 16px;

	height: 16px;

	position: absolute;

	top: 50%;

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

	-moz-transform: translateY(-50%);

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

	-o-transform: translateY(-50%);

	transform: translateY(-50%);

}



.cd-accordion-menu label {

	cursor: pointer;

}



.cd-accordion-menu label::before {

	left: 18px;

	background-position: 0 0;

	-webkit-transform: translateY(-50%) rotate(-90deg);

	-moz-transform: translateY(-50%) rotate(-90deg);

	-ms-transform: translateY(-50%) rotate(-90deg);

	-o-transform: translateY(-50%) rotate(-90deg);

	transform: translateY(-50%) rotate(-90deg);

}



.cd-accordion-menu label::after {

	left: 41px;

	background-position: -16px 0;

}



.cd-accordion-menu input[type=checkbox]:checked+label::before {

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

	-moz-transform: translateY(-50%);

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

	-o-transform: translateY(-50%);

	transform: translateY(-50%);

}



.cd-accordion-menu input[type=checkbox]:checked+label::after {

	background-position: -32px 0;

}



.cd-accordion-menu input[type=checkbox]:checked+label+ul,

.cd-accordion-menu input[type=checkbox]:checked+label:nth-of-type(n)+ul {

	display: block;

}



.cd-accordion-menu ul label,

.cd-accordion-menu ul a {

	background: #35383d;

	box-shadow: inset 0 -1px #41444a;

}



.no-touch .cd-accordion-menu ul label:hover,

.no-touch .cd-accordion-menu ul a:hover {

	background: #3c3f45;

}



.cd-accordion-menu>li:last-of-type>label,

.cd-accordion-menu>li:last-of-type>a,

.cd-accordion-menu>li>ul>li:last-of-type label,

.cd-accordion-menu>li>ul>li:last-of-type a {

	box-shadow: none;

}



.cd-accordion-menu ul label::before {

	left: 36px;

}



.cd-accordion-menu ul label::after,

.cd-accordion-menu ul a::after {

	left: 59px;

}



.cd-accordion-menu ul ul label::before {

	left: 54px;

}



.cd-accordion-menu ul ul label::after,

.cd-accordion-menu ul ul a::after {

	left: 77px;

}



.cd-accordion-menu ul ul ul label,

.cd-accordion-menu ul ul ul a {

	padding-left: 118px;

}



.cd-accordion-menu ul ul ul label::before {

	left: 72px;

}



.cd-accordion-menu ul ul ul label::after,

.cd-accordion-menu ul ul ul a::after {

	left: 95px;

}



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

	.cd-accordion-menu label,

	.cd-accordion-menu a {

		padding: 24px 24px 24px 82px;

		font-size: 1.9rem;

	}

	.cd-accordion-menu label::before {

		left: 24px;

	}

	.cd-accordion-menu label::after {

		left: 53px;

	}

	.cd-accordion-menu ul label,

	.cd-accordion-menu ul a {

		padding-left: 106px;

	}

	.cd-accordion-menu ul label::before {

		left: 48px;

	}

	.cd-accordion-menu ul label::after,

	.cd-accordion-menu ul a::after {

		left: 77px;

	}

	.cd-accordion-menu ul ul label,

	.cd-accordion-menu ul ul a {

		padding-left: 130px;

	}

	.cd-accordion-menu ul ul label::before {

		left: 72px;

	}

	.cd-accordion-menu ul ul label::after,

	.cd-accordion-menu ul ul a::after {

		left: 101px;

	}

	.cd-accordion-menu ul ul ul label,

	.cd-accordion-menu ul ul ul a {

		padding-left: 154px;

	}

	.cd-accordion-menu ul ul ul label::before {

		left: 96px;

	}

	.cd-accordion-menu ul ul ul label::after,

	.cd-accordion-menu ul ul ul a::after {

		left: 125px;

	}

}



.cd-accordion-menu.animated label::before {

	-webkit-transition: -webkit-transform .3s;

	-moz-transition: -moz-transform .3s;

	transition: transform 0.3s;

}



.wrap {

	width: 100%;

	overflow: hidden;

}



.head {

	width: 100%;

	height: 100px;

	line-height: 100px;

	color: #fff;

	font-size: 18px;

	background: #343434;

	overflow: hidden;

}



.head .head_mid {

	overflow: hidden;

	width: 1600px;

	margin: 0 auto;

	height: 100%;

}



.banner .swiper-container {

	height: 100%;

}



.banner img {

	width: 100%;

}



.banner .swiper-slide img {

	width: 100%;

	height: 100%;

}



.logo {

	width: 208px;

	padding-top: 13px;

}



.swipers_mid {

	overflow: hidden;

	width: 1200px;

	margin: 0 auto;

}



.navList li {

	margin-left: 35px;

	float: left;

	height: 85px;

	cursor: pointer;

}



.navList li:hover {

	color: #6fba2c;

	border-bottom: 4px solid #6fba2c;

}



.navListActive {

	color: #6fba2c !important;

	border-bottom: 4px solid #6fba2c !important;

}



.search {

	width: 20px;

	display: inline-block;

	margin-right: 17px;

	margin-left: 45px;

}



.search input {

	width: 0;

	display: none;

}



.search img {

	display: inline-block;

}



.enAndZh {

	position: relative;

	padding-left: 18px;

	display: inline-block;

}



.enAndZh::before {

	position: absolute;

	content: "";

	display: block;

	width: 1px;

	height: 17px;

	background: #5d5d5d;

	top: 41px;

	left: 0;

}



.popleCenter {

	position: relative;

	width: 140px;

	height: 100%;

	color: #141b21;

	background: #fff;

	padding-left: 37px;

	margin-left: 230px;

}



.popleCenter img {

	display: inline-block;

	width: 21px;

}



.popleCenterList {

	position: absolute;

	color: #141b21;

	background: #fff;

	display: none;

}



.banner {

	position: relative;

	height: calc(100vh - 100px);

}



.swiper-slide {}



.hotList {

	position: absolute;

	bottom: 0;

	left: 0;

	right: 0;

	z-index: 990;

	width: 100%;

	height: 70px;

	line-height: 70px;

	color: #fff;

	background: rgba(52, 52, 52, 0.8);

}



.hotListwrapper {

	padding: 0 10%;

}



.hotListContent img {

	width: 21px;

	float: left;

}



.hotListContent h3 {

	position: relative;

	padding-right: 12px;

}



.hotListContent h3::after {

	position: absolute;

	content: "";

	right: 0;

	top: 28px;

	display: block;

	width: 1px;

	height: 14px;

	background: #909793;

	margin-right: 4px;

}



.hotListContent p {

	width: 315px;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	font-size: 12px;

}



.hotListContent span {

	padding-left: 40px;

	font-size: 12px;

}



.hotListContent h3,

.hotListContent p,

.hotListContent span {

	float: left;

	font-size: 12px;

}



.hotListbtn {

	font-size: 0;

}



.hotListbtnTop img,

.hotListbtnButtom img {

	display: block;

	width: 20px;

	margin: 0 auto;

	margin-top: 31px;

}



.hotListbtnTop,

.hotListbtnButtom {

	display: inline-block;

	width: 70px;

	height: 70px;

}



.hotListbtnTop {

	border-left: 1px solid #374a44;

	border-right: 1px solid #374a44;

}



.hotListbtnButtom {

	background: #162522;

	border-right: 1px solid #374a45;

}



.witSafe {

	position: relative;

	width: 100%;

	height: 100vh !important;

	background-image: url(../images/bgggs.jpg);

	background-size: 100% 100%;

	padding: 0 10%;

	overflow: hidden;

	font-size: 16px;

	box-sizing: border-box;

}



.witSafe h1 {

	font-size: 45px;

	color: #000000;

	font-weight: 500;

	margin-top: 60px;

}



.witSafe h1 sub {

	font-style: normal;

	font-size: 16px;

	color: #a3a3a3;

	vertical-align: baseline;

	padding-left: 10px;

}



.witSafe ul {

	float: right;

}



.witSafe ul li {

	float: left;

}



.witSafe ul li p {

	position: relative;

	padding-left: 18px;

	margin-left: 14px;

}



.witSafe ul li p::before {

	position: absolute;

	content: "";

	display: block;

	width: 5px;

	height: 5px;

	border-radius: 100%;

	background: #0e1113;

	left: 0;

	top: 10px;

}



.witSafe a {

	float: right;

	display: block;

	margin-left: 60px;

}



.solution {

	width: 100%;

	height: 265px;

	background: url("../images/solutionBg.png") no-repeat;

	background-size: cover;

	color: #fff;

	overflow: hidden;

}



.solutionTitle {

	border-bottom: 1px solid #414141;

	margin-top: 20px;

	height: 86px;

	padding: 0 10%;

	padding-bottom: 25px;

}



.solutionTitle h1 {

	font-size: 45px;

	display: inline-block;

	font-weight: 500;

}



.solutionTitle h1 sub {

	font-size: 16px;

	color: #929292;

	vertical-align: -webkit-baseline-middle;

	margin-left: 8px;

}



.solutionTitle a {

	float: right;

	margin-top: 40px;

	font-size: 12px;

	display: block;

}



.solution ul {

	padding: 0 10%;

}



.solution ul li {

	float: left;

	width: 25%;

	text-align: center;

	color: #6fba2c;

	margin-top: 40px;

}



.solution ul li p {

	font-size: 18px;

	line-height: 1.3;

}



.solution ul li p span {

	font-size:50px;

}



.solution ul li>span {

	font-size: 20px;

	color: #fff;

}



.foot {

	width: 100%;

	height: 474px;

	background: #333333;

	color: #6b6c6c;

}



.footTop {

	width: 100%;

	height: 78px;

	line-height: 78px;

	border-bottom: 1px solid #404040;

	padding: 0 10%;

}



.btnfr {

	margin-top: 107px;

}



.business a:hover {

	background: #6DBC19;

	color: #fff;

	transition: all .3s;

}



.pros .pros_mid .fr a:hover {

	color: #6DBC19;

}



.solutionTitle a:hover {

	color: #6DBC19;

}



.witSafe a:hover {

	color: #6DBC19;

}



.how_help .title a:hover {

	color: #6DBC19;

}



.make .make_mid .shichang .title a:hover {

	color: #6DBC19;

}



.swiper_boxs:hover div {

	background: #6DBC19;

	transition: all .3s;

}



.footTop img {

	float: left;

	width: 150px;

	margin-top: 31px;

}



.footList {

	float: right;

	font-size: 16px;

}



.footList a {

	position: relative;

	padding-left: 15px;

	margin-left: 15px;

	color: #fff;

}



.footList a:not(:first-child)::before {

	position: absolute;

	content: "";

	left: 0;

	top: 4px;

	width: 1px;

	height: 17px;

	background: #999999;

}



.footbottom {

	margin-top: 35px;

	padding: 0 10%;

}



.footLink {

	width: 80%;

}



.footbottom dl {

	float: left;

	width: 25%;

}



.footbottom dl dt {

	font-size: 20px;

	color: #cccccc;

	margin-bottom: 26px;

}



.footbottom dl dd {

	font-size: 16px;

	line-height: 36px;

	cursor: pointer;

}



.code img {

	width: 52px;

	display: inline-block;

	float: right;

	margin-left: 15px;

	margin-bottom: 25px;

}



.contact span {

	color: #fff;

	font-size: 16px;

}



.contact p {

	color: #6fba2c;

	font-size: 28px;

	margin-bottom: 20px;

	margin-top: 10px;

}



.serveCall,

.serveDate {

	width: 100%;

	text-align: right;

}



.serveCall img {

	display: inline-block;

	margin-right: 8px;

}



.serveCall img {

	width: 23px;

}



.copy {

	width: 100%;

	height: 68px;

	line-height: 68px;

	text-align: center;

	color: #454545;

	font-size: 16px;

	border-top: 1px solid #404040;

	margin-top: 37px;

}



.business {

	overflow: hidden;

	background: #F7F7F7;

	padding: 24px 0 120px 0;

}



.business h1 {

	font-size: 45px;

	color: #000000;

	text-align: center;

	position: relative;

}



.business h1::after {

	content: '';

	width: 45px;

	height: 1px;

	background: #000000;

	position: absolute;

	left: 50%;

	margin-left: -22.5px;

	bottom: -18px;

}



.business p {

	font-size: 18px;

	color: #313131;

	text-align: center;

	margin-top: 35px;

}



.business a {

	display: block;

	width: 255px;

	height: 60px;

	font-size: 18px;

	color: #6fba2c;

	border: 2px solid #6fba2c;

	border-radius: 40px;

	margin: 0 auto;

	margin-top: 30px;

	text-align: center;

	line-height: 60px;

}



.business .swipers {

	overflow: hidden;

	width: 1600px;

	margin: 0 auto;

	display: flex;

	justify-content: center;

	position: relative;

	margin-top: 25px;

}



.business .swipers .swiper_boxs {

	margin: 0 20px;

	overflow: hidden;

}



.business .swipers .swiper_boxs.on div {

	background: #6DBC19;

}



.business .swipers .swiper_boxs div {

	overflow: hidden;

	width: 100px;

	height: 100px;

	border-radius: 50%;

	margin: 0 auto;

	display: flex;

	align-items: center;

	justify-content: center;

	margin-bottom: 12px;

}



.business .swipers .swiper_boxs em {

	display: block;

	font-size: 18px;

	font-style: normal;

	color: #000000;

	text-align: center;

}



.pros {

	overflow: hidden;

	height: 1000px;

	position: relative;

	background: #323232;

}



.pros .pros_mid {

	overflow: hidden;

	width: 1600px;

	margin: 0 auto;

}

.swipers_mid .swiper-slide{cursor: pointer;}

.pros .pros_mid .gga {

	position: absolute;

	left: 0%;

	top: 0;

	width: 100%;

	height: 100%;

	margin-left: 0;

	margin-top: 0;

}



.gga_box {

	background-image: url(../images/qsa_03.png);

	background-repeat: no-repeat;

	background-size: 100% 100%;

}



.gga .swiper-container {

	width: 100%;

	height: 100%;

}



.vvs {

	position: absolute;

	text-align: center;

	width: 100%;cursor:pointer;display:block;

}



.vvs .vv_font {

	height: 45px;

	line-height: 45px;

	display: inline-block;

	padding: 0 16px;

	background: rgba(0, 0, 0, .2);

	font-size: 18px;

	color: #fff;cursor:pointer;

	border-radius: 40px;

}



.vvs .vv_box {

	width: 22px;

	background: #fff;

	height: 22px;cursor:pointer;

	border-radius: 50%;margin:0px auto;padding:0px;

}

.vv3 .vv_box{margin-top:110px;}

.vv {

	display: flex;

	position: absolute;

	align-items: center;

}



.vv .vv_font {

	height: 45px;

	line-height: 45px;

	display: inline-block;

	padding: 0 16px;

	position: relative;

	background: rgba(0, 0, 0, .2);

	font-size: 18px;

	color: #fff;

	border-radius: 40px;cursor:pointer;

}



.vv3 .vv_font p {

	bottom: 157px;

}



.vv:hover .vv_font p {

	display: block;

}



.vvs .vv_font p {

	position: absolute;

	left: 50%;

	bottom: -80px;

	margin-left: -152px;

	text-align: center;

	font-size: 16px;

	line-height: 35px;

	width: 304px;

	display: none;

}



.vvs:hover .vv_font {

	color: #fff;

	background: #6DBC19;

	transition: all .3s;

}



.vvs:hover .vv_box {

	background: #6DBC19;

	transition: all .3s;

}



.vv:hover .vv_font {

	color: #fff;

	background: #6DBC19;

	transition: all .3s;

}



.vv:hover .vv_box {

	background: #6DBC19;

	transition: all .3s;

}



.vv .vv_font p {

	position: absolute;

	left: 50%;

	bottom: -80px;

	margin-left: -152px;

	text-align: center;

	font-size: 16px;

	line-height: 35px;

	width: 304px;

	display: none;

}



.vvs .vv_font:hover p {

	display: block;

}



.vv4 .vv_font p {

	bottom: 55px !important;

}



.vv3 .vv_font p {

	bottom: 48px !important;

}



.vv .vv_font:hover p {

	display: block;

}



.vv .vv_box {

	width: 22px;

	background: #fff;

	margin: 0 16px;

	height: 22px;

	border-radius: 50%;

}



.vv.vv1 {

	left: 10px;

	top: 50%;

	margin-top: -22px;

}



.vv.vv2 {

	right: -40px;

	top: 50%;

	margin-top: -22px;

}



.vvs.vv3 {

	top: 55px;

	left: 0;

}



.vvs.vv4 {

	bottom:55px;

	left: 0;

}

.vv4 .vv_box{margin-bottom:110px;}

.gga .gga_box {

	width: 600px;

	height: 600px;

	position: absolute;left:50%;top:50%;margin-left:-300px;margin-top:-450px;

}



.pros .pros_mid .fr {

	overflow: hidden;

	padding-top: 110px;

	box-sizing: border-box;

    height:100%

}



.pros .pros_mid .fr a {

	display: block;

	font-size: 16px;

	color: #fff;

	margin-bottom: 333px;

}



.pros .pros_mid .fr img {

	display: block;

	margin-bottom: 16px;

	cursor: pointer;

}



.pros .pros_mid .fl {

	overflow: hidden;

	padding-top: 90px;

	box-sizing: border-box;

}



.pros .pros_mid .fl p {

	font-size: 42px;

	color: #fff;

}



.pros .pros_mid .fl p span {

	color: #515151;

	margin-left: 10px;

	font-size: 16px;

}



.pros .pros_mid .fl ul {

	overflow: hidden;

	margin-top: 280px;

}



.pros .pros_mid .fl ul li {

	padding-left: 40px;

	box-sizing: border-box;

	margin-bottom: 40px;

	position: relative;

	font-size: 18px;

	color: #fff;

}



.pros .pros_mid .fl ul li.on {

	color: #6fba2c;

	font-size: 24px;

}



.pros .pros_mid .fl ul li.on::after {

	background: #6FBA2C;

}



.pros .pros_mid .fl ul li::after {

	content: '';

	width: 25px;

	height: 1px;

	background: #464646;

	position: absolute;

	left: 0;

	top: 50%;

}



.make {

	overflow: hidden;

	width: 100%;

}



.make .make_mid {

	overflow: hidden;

	width: 1600px;

	margin: 0 auto;

}



.make .make_mid .shichang {

	overflow: hidden;

	width: 1600px;

	margin: 0 auto;

}



.make .make_mid .shichang .title {

	overflow: hidden;

	display: flex;

	align-items: center;

	justify-content: space-between;

}



.make .make_mid .shichang .title p {

	font-size: 45px;

	color: #000000;

}



.make .make_mid .shichang .title p span {

	color: #B2B2B2;

	font-size: 16px;

	margin-left: 8px;

}



.make .make_mid .shichang .title a {

	font-size: 16px;

	color: #000000;

}



.make .make_mid .shichang .shichang_box {

	overflow: hidden;

	margin-top: 40px;

}



.make .make_mid .shichang .shichang_box .fl {

	overflow: hidden;

	position: relative;

	width: 790px;

}



.make .make_mid .shichang .shichang_box .fl img {

	width: 100%;

}



.make .make_mid .shichang .shichang_box .fl .sgg {

	overflow: hidden;

	width: 100%;

	height: 260px;

	background: #323232;

	padding: 20px 0 0 30px;

}



.make .make_mid .shichang .shichang_box .fl .sgg span {

	font-size: 20px;

	display: block;

	color: #fff;

	margin-bottom: 20px;

}



.make .make_mid .shichang .shichang_box .fl .sgg p {

	display: block;

	font-size: 26px;

	color: #fff;

	margin-bottom: 20px;

}



.make .make_mid .shichang .shichang_box .fl .sgg em {

	font-style: normal;

	display: block;

	font-size: 16px;

	color: #FBFBFB;

}



.make .make_mid .shichang .shichang_box .fr {

	overflow: hidden;

	width: 760px;

	border-top: 1px solid #EAEAEA;

}



.make .make_mid .shichang .shichang_box .fr li {

	overflow: hidden;

	height: 138px;

	border-bottom: 1px solid #EAEAEA;

}



.make .make_mid .shichang .shichang_box .fr li p {

	font-size: 20px;

	color: #333333;

	line-height: 138px;

	float: left;

}



.make .make_mid .shichang .shichang_box .fr li span {

	font-size: 16px;

	color: #333333;

	line-height: 138px;

	float: left;

	margin-left: 104px;

}



.make .make_mid .shichang .shichang_box .fr li em {

	font-style: normal;

	font-size: 16px;

	color: #131313;

	line-height: 138px;

	float: right;

}

.heights{

	height: 100vh;

}

.make .make_mid .shichang .shichang_box .fr li:hover p {

	color: #6fba2c;

}



.make .make_mid .shichang .shichang_box .fr li:hover span {

	color: #6fba2c;

}



.make .make_mid .shichang .shichang_box .fr li:hover em {

	color: #6fba2c;

}

.make{

	height: 100vh;

}

.sgwa{

	position: relative;

}

.btnfr_pos{

	position: absolute;

	left: 0;

	bottom: 100px;

	margin-top: 0 !important;

}

.title{

	margin-top: 30px;

}

.how_help {

	overflow: hidden;

	width: 100%;

	padding-bottom: 12px;

	box-sizing: border-box;

}



.how_help .title {

	overflow: hidden;

	display: flex;

	align-items: center;

	justify-content: space-between;

}



.how_help .title p {

	font-size: 45px;

	color: #000000;

}



.how_help .title p span {

	color: #B2B2B2;

	font-size: 16px;

	margin-left: 8px;

}



.how_help .title a {

	font-size: 16px;

	color: #000000;

}



.how_help ul {

	overflow: hidden;

}



.how_help ul li {

	overflow: hidden;

	width: 385px;

	position: relative;

	height: 180px;

	background: #B3B3B3;

	float: left;

	margin-right: 20px;

	margin-top: 45px;

	padding: 25px 0 0 22px;

}



.how_help ul li:hover img {

	transform: scale(1.1);

	transition: all .3s;

}



.how_help ul li p {

	font-size: 16px;

	color: #000000;

	margin-bottom: 15px;

}



.how_help ul li span {

	font-size: 24px;

	color: #000000;

	display: block;

}



.how_help ul li:nth-child(4n) {

	margin-right: 0;

}



.fadeins {

	display: none;

}



.how_help ul li img {

	position: absolute;

	bottom: 30px;

	right: 35px;

}



.sgw .swiper-pagination {

	left: -316px;

	bottom: 28px;

}



.sgw .swiper-pagination-bullet {

	overflow: hidden;

	width: 8px;

	height: 8px;

	border: 1px solid #fff;

	opacity: 1;

}



.sgw .swiper-pagination-bullet-active {

	width: 30px;

	background: #6DBC19;

	border-radius: 20px;

	border: none;

}



.next {

	width: 44px !important;

	cursor: pointer;

}



.pre {

	width: 44px !important;

	cursor: pointer;

}



.fne {

	display: flex;

	align-items: center;

	position: absolute;

	right: 18px;

	bottom: 87px;

	width: 100px;

	z-index: 999999;

	justify-content: space-between;

}



.swipers .swiper-button-next,

.swiper-button-prev {

	width: 44px;

	height: 44px;

}



.swipers .swiper-button-next {

	background-image: url(../images/icons_24.png) !important;

	background-size: 100% 100% !important;

}



.swipers .swiper-button-prev {

	background-image: url(../images/icons_21.png) !important;

	background-size: 100% 100% !important;

}



.hsd {

	display: none;

}



.menu {

	display: none;

}



.bods .swiper-slide {

	width: 100%;

	height: 100vh !important;

}



.fade_header {

	/* overflow: auto; */

	height: 100vh;

	width: 100%;

	position: fixed;

	left: 0;

	z-index: 9999999;

	top: -100vh;

}



.fr_fadines .itemg_fl {

	overflow: auto;

	width: 25%;

	height: calc(100vh - 101px);

	float: left;

	background: #282828;

}



.txtScroll-top {

	width: 90%;

	float: left;

	overflow: hidden;

	position: relative;

	height: 70px;

}



.txtScroll-top .bd {

	height: 100%;

	display: flex;

	align-items: center;

}



.txtScroll-top .infoList li {

	height: 70px;

	line-height: 70px;

}



.txtScroll-top .hd {

	overflow: hidden;

	height: 70px;

	position: absolute;

	right: 0;

	top: 0;

	padding: 0 10px;

}

.txtScroll-top .hd .prev:hover{

	background: #152521;

}

.txtScroll-top .hd .next:hover{

	background: #152521;

}

.txtScroll-top .hd .prev,

.txtScroll-top .hd .next {

	display: block;

	width: 70px !important;

	height: 70px !important;

	display: flex;

	align-items: center;

	justify-content: center;

	float: right;

	overflow: hidden;

	cursor: pointer;

	border-left: 1px solid #364A44;

	border-right: 1px solid #364A44;

}

.txtScroll-top .hd .prev,

.txtScroll-top .hd .next img{

	margin: 0 !important;

}

.itemg_fr {

	overflow: hidden;

	width: 75%;

	float: left;

}



.itemg_fr_items {

	overflow: hidden;

	padding: 25px 0 0 30px;

}



.itemg_fr_items h4 {

	font-size: 24px;

	color: #333333;

	margin-bottom: 35px;

}



.hot_fr {

	overflow: hidden;

	width: 350px;

	float: left;

}



.hot_fr h5 {

	font-size: 20px;

	color: #333333;

	margin-bottom: 20px;

}



.hot_fr ul {

	overflow: auto;

	height: 251px;

	margin-bottom: 20px;

}



.hot_fr ul li {

	overflow: hidden;

	margin-bottom: 25px;

}



.hot_fr ul li a {

	display: flex;

	align-items: center;

}



.hot_fr ul li p {

	font-size: 16px;

	color: #4c4c4c;

	margin-left: 9px;

}



.itemg_fr_items .hot {

	overflow: hidden;

}



.hot .hot_fl {

	overflow: hidden;

	width: 26%;

	float: left;

}



.hot_fl li {

	font-size: 16px;

	margin-bottom: 25px;

}



.hot_fl li a {

	color: #4c4c4c;

}



.fr_fadines .itemg_fl li {

	width: 100%;

	overflow: hidden;

	height: 70px;

	padding-left: 32px;

	border-left: 5px solid #282828;

	cursor: pointer;

	position: relative;

	box-sizing: border-box;

}



.fr_fadines .itemg_fl li.on {

	background: #F7F7F7;

	border-left: 5px solid #7AB831;

}



.fr_fadines .itemg_fl li.on p {

	color: #333333;

}



.fr_fadines .itemg_fl li p {

	font-size: 16px;

	color: #fff;

	line-height: 70px;

}



.fr_fadines .itemg_fl li img {

	position: absolute;

	right: 30px;

	top: 27px;

}



.fade_nav {

	overflow: hidden;

	width: 100%;

	height: 101px;

	background: #343434;

	display: flex;

	position: relative;

	align-items: center;

}



.fade_bot {

	overflow: hidden;

	width: 100%;

	background: #F7F7F7;

}



.fade_bot .fl {

	overflow: hidden;

	width: 29.166%;

	height: calc(100vh - 101px);

	background: #1A1A1A;

}



.fade_bot .fl ul {

	overflow: hidden;

	float: right;

}



.fade_bot .fl ul li {

	overflow: hidden;

	height: 70px;

	padding-left: 32px;

	border-left: 5px solid #1A1A1A;

	cursor: pointer;

	position: relative;

	box-sizing: border-box;

	width: 300px;

}



.fade_bot .fl ul li.on {

	background: #282828;

	border-left: 5px solid #74B618;

}



.fade_bot .fl ul li img {

	position: absolute;

	right: 30px;

	top: 27px;

}



.fade_bot .fl ul li p {

	font-size: 16px;

	color: #fff;

	line-height: 70px;

}



.fade_bot .fr {

	overflow: hidden;

	width: 100%;

}



.fade_bot .painStyle{

	height: 520px;

	overflow: auto;

}



.padd3 {

	padding-left: 30px;

}



.fr_fadines {

	overflow: hidden;

	width: 70.834%;

}



.fade_bot .fr .fr_boxs {

	overflow: hidden;

	float: left;

	width: 49.2647%;

}



.fade_bot .fr .fast {

	overflow: hidden;

	float: left;

	margin-left: 47px;

}



.fade_bot .fr .fast p {

	font-size: 20px;

	margin-top: 94px;

	color: #333333;

}



.fade_bot .fr .fast ul {

	overflow: hidden;

}



.fade_bot .fr .fast ul li {

	display: flex;

	align-items: center;

	font-size: 16px;

	color: #4c4c4c;

	margin-top: 25px;

}



.fade_bot .fr .fast ul li img {

	margin-right: 10px;

}



.fade_bot .fr .fast .pics {

	display: block;

	margin-top: 50px;

}



.fade_bot .fr .fr_boxs .fr_boxs_item {

	/*overflow: hidden;*/

	/*width: 100%;*/

	/*height: 108px;*/

	border-bottom: 1px solid #ECECEC;

	padding-top: 22px;

}



.fade_bot .fr .fr_boxs .fr_boxs_item p {

	font-size: 20px;

	color: #333333;

	font-weight: bold;

}
.fade_bot .fr .fr_boxs .fr_boxs_item p a{font-size:13px;color:#74B618;margin-left:20px;}


.fade_bot .fr .fr_boxs .fr_boxs_item ul {

	overflow: hidden;

}



.fade_bot .fr .fr_boxs .fr_boxs_item ul li {

	overflow: hidden;

	font-size: 16px;

	color: #4c4c4c;

	float: left;

	margin-right: 64px;

	margin-top: 17px;

}



.closer {

	position: absolute;

	right: 130px;

	top: 40px;

	cursor: pointer;

}



.fade_nav h1 {

	width: 29.166%;

	height: 100%;

	display: flex;

	align-items: center;

}



.fade_nav h1 img {

	margin-left: 87px;

}



.fade_nav form{position:relative;}
.fade_nav form .search_form1_btn{width:48px;height:48px;border:0px;cursor:pointer;background:url("../images/top_03.png") center no-repeat;background-size:20px;position:absolute;left:0px;top:0px;}
.fade_nav input#search_form_q {
    overflow: hidden;
    width: 650px;
    height: 48px;
    background: #fff;
    border: none;
    font-size: 18px;
    color: #cccccc;
    padding-left: 48px;
    box-sizing: border-box;
    margin-right: 8px;
}
.hot_fl h5 a{font-size:13px;color:#7AB831;margin-left:20px;}


.fade_nav .btn {

	overflow: hidden;

	width: 267px;

	height: 48px;

	font-size: 18px;

	text-align: center;

	line-height: 48px;

	border: 1px solid #80cb17;

}



.fade_nav .btn a {

	color: #80CB17;

}



.qykw_02{margin-top:40px;}



@media (max-width: 1600px) {

	.head .head_mid {

		width: 100%;

	}

	.popleCenter {

		margin-left: .5rem;

	}

	.navList li {

		margin-left: .1rem;

	}

	.witSafe {

		height: 750px;

	}

	.business .swipers {

		width: 95%;

	}

	.business .swipers .swiper_boxs {

		margin: 0 .1rem;

	}

	.pros .pros_mid {

		width: 95%;

		display: flex;

		align-items: center;

		height: 100%;

		justify-content: center;

		position: relative;

	}

	.pros .pros_mid .gga {

	}

	.pros .pros_mid .fl {

		position: absolute;

		left: 0;

		top: 0;z-index:9999;

	}

	.pros .pros_mid .fr {

		position: absolute;

		right: 0;

		top: 0;z-index:9999;

	}

	.make .make_mid .shichang {

		width: 100%;

	}

	.make .make_mid {

		width: 95%;

	}

	.make .make_mid .shichang .shichang_box .fl {

		width: 650px;

	}

	.make .make_mid .shichang .shichang_box .fr {

		width: calc(100% - 700px);

	}

	.make .make_mid .shichang .shichang_box .fr li {

		height: 107px;

	}

	.make .make_mid .shichang .shichang_box .fr li p {

		line-height: 107px;

	}

	.make .make_mid .shichang .shichang_box .fr li span {

		line-height: 107px;

	}

	.make .make_mid .shichang .shichang_box .fr li em {

		line-height: 107px;

	}

	.make .make_mid .shichang .shichang_box .fr li span {

		margin-left: 15px;

	}

	.sgw .swiper-pagination {

		left: -247px;

	}

	.how_help ul li {

		width: 23%;

		margin-right: 2.3%;

	}

}



@media (max-width: 1550px) {

	.closer {

		right: 10px;

	}

	.fade_nav input {

		width: 400px;

	}

}



@media (max-width: 750px) {

	.btnfr {

		margin-top: 0;

		position: static;

	}

	.fade_nav {

		display: block;

		height: auto;

	}

	.fade_nav h1 {

		width: 100%;

	}

	.closer {

		top: .3rem !important;

	}

	.fade_nav h1 img {

		margin: .3rem auto;

	}

	.fade_nav input {

		width: 60%;

		margin: 0 auto;

		float: left;

		font-size: .28rem;

		margin-left: .1rem;

		display: block;

	}

	.fade_bot .fl {

		width: 100%;

		height: auto;

		float: none;

		min-height: auto;

	}

	.fade_bot .fl ul {

		width: 100%;

	}

	.fade_bot .fl ul li img {

		display: none;

	}

	.fade_bot .fr {

		float: none;

		width: 100%;

		padding: .1rem;

	}

	.fade_bot .fr .fr_boxs {

		width: 100%;

	}

	.fade_bot .fr .fr_boxs .fr_boxs_item {

		height: auto;

		padding: .25rem;

	}

	.fade_bot .fr .fr_boxs .fr_boxs_item p {

		font-size: .3rem;

	}


	.fade_bot .fr .fast {

		width: 100%;

		float: none;

		padding: .1rem;

		margin-left: 0;

	}

	.fade_bot .fr .fast p {

		font-size: .3rem;

		margin-top: .154rem;

	}

	.fade_bot .fr .fast ul li {

		width: 50%;

		float: left;

	}

	.fade_bot .fr .fr_boxs .fr_boxs_item ul li {

		font-size: .25rem;

		margin-top: .15rem;

		margin-right: .1rem;

	}

	.fade_bot .fl ul li {

		text-align: center;

		width: 33.33%;

		height: .9rem;

		float: left;

		padding: 0;

	}

	.fade_bot .fl ul li p {

		font-size: .25rem;

		line-height: .9rem;

	}

	.fade_nav .btn {

		width: 35%;

		float: right;

		margin-right: .1rem;

	}

	.vv {

		display: none;

	}

	.vvs {

		display: none;

	}

	.witSafe {

		height: 10rem !important;

	}

	.gga {

		width: 60% !important;

		height: 4.5rem !important;

	}

	.fp-section.fp-table,

	.fp-slide.fp-table {

		height: auto !important;

	}

	.fp-tableCell {

		height: auto !important;

	}

	.banner {

		height: auto !important;

	}

	.nav {

		display: none;

	}

	.logo {

		padding: 0;

	}

	.head {

		height: 70px;

	}

	.head .head_mid {

		display: flex;

		align-items: center;

		justify-content: center;

	}

	.logo {

		display: flex;

		width: 40%;

		align-items: center;

	}

	.logo img {

		width: 100%;

	}

	.hotList {

		height: 50px;

	}

	.hotListwrapper {

		height: 100%;

		padding: 0 .2rem;

	}

	.hotListContent {

		overflow: hidden;

		height: 100%;

		display: flex;

		align-items: center;

	}

	.hotListContent img {

		margin: 0;

		width: .3rem;

	}

	.hotListContent h3 {

		line-height: 50px;

		font-size: .2rem;

		margin-left: .1rem;

	}

	.hotListContent p {

		width: 4.2rem;

	}

	.hotListContent span {

		padding-left: .2rem;

	}

	.hotListContent h3::after {

		top: 19px;

	}

	.hotListbtn {

		display: none;

	}

	.witSafe h1 {

		text-align: center;

		font-size: .6rem;

		display: block;

	}

	.witSafe h1 sub {

		display: block;

		margin: .1rem 0;

	}

	.witSafe {

		background-image: none;

		height: auto;

		overflow: hidden;

		padding: 0;

	}

	.hsd {

		display: block;

		width: 100%;

		margin-top: .5rem;

	}

	.witSafe ul {

		float: none;

		overflow: hidden;

		width: 100%;

		display: flex;

		margin-top: .2rem;

		align-items: center;

		justify-content: center;

	}

	.witSafe ul li {

		margin: .15rem;

	}

	.witSafe a {

		float: none;

		display: block;

		text-align: center;

		margin-left: 0;

	}

	.solutionTitle {

		margin-top: .3rem;

	}

	.solution {

		height: 4.5rem;

	}

	.solutionTitle h1 {

		font-size: .35rem;

	}

	.solutionTitle h1 sub {

		display: block;

		margin-left: 0;

		margin-top: .1rem;

	}

	.solutionTitle a {

		margin-top: .25rem;

	}

	.solution ul li p {

		font-size: .25rem;

	}

	.solution ul li p span {

		font-size: .5rem;

	}

	.solution ul li>span {

		font-size: .2rem;

	}

	.solution ul {

		padding: 0 .1rem;

	}

	.business h1 {

		font-size: .5rem;

	}

	.business p {

		width: 80%;

		margin: 0 auto;

		margin-top: .5rem;

		font-size: .26rem;

		line-height: .45rem;

	}

	.business a {

		width: 3rem;

		height: .8rem;

		line-height: .8rem;

	}

	.business .swipers .swiper_boxs div {

		width: .8rem;

		height: .8rem;

	}

	.business .swipers .swiper_boxs div img {

		width: 60%;

	}

	.business .swipers .swiper_boxs em {

		font-size: .2rem;

	}

	.pros .pros_mid .fl ul {

		margin-top: .6rem;

	}

	.pros .pros_mid .fl ul li {

		font-size: .3rem !important;

		margin-bottom: .25rem;

	}

	.pros .pros_mid .fl p {

		font-size: .4rem;

	}

	.pros .pros_mid .fr {

		padding-top: 1.7rem;

	}

	.pros .pros_mid .fr a {

		margin-bottom: 1rem;

	}

	.pros {

		height: 11rem;

	}

	.pros .pros_mid .gga {

		margin-top: 5rem;

		width: 70%;

	}

	.pros .pros_mid .fl {

		left: .3rem;

	}

	.pros .pros_mid .fr {

		right: .3rem;

	}

	.make .make_mid .shichang .title p {

		font-size: .5rem;

	}

	.make .make_mid .shichang .shichang_box .fl {

		width: 100%;

		float: none;

	}

	.make .make_mid .shichang .shichang_box .fl .sgg {

		padding: .6rem 0 0 .3rem;

	}

	.make .make_mid .shichang .shichang_box .fl .sgg span {

		font-size: .3rem;

	}

	.make .make_mid .shichang .shichang_box .fl .sgg p {

		font-size: .3rem;

	}

	.make .make_mid .shichang .shichang_box .fl .sgg em {

		font-size: .22rem;

	}

	.menu {

		display: block;

		width: .6rem;

		position: absolute;

		right: .2rem;

		top: .35rem;

	}

	.sgw .swiper-pagination {

		left: 0;

	}

	.make .make_mid .shichang .shichang_box .fr {

		width: 100%;

		float: none;

	}

	.make .make_mid .shichang .shichang_box .fr li {

		height: 1rem;

		display: flex;

		align-items: center;

	}

	.make .make_mid .shichang .shichang_box .fr li p {

		line-height: 1rem;

		font-size: .26rem;

	}

	.make .make_mid .shichang .shichang_box .fr li span {

		width: 5.5rem;

		line-height: 1rem;

		display: block;

		font-size: .26rem;

	}

	.make .make_mid .shichang .shichang_box .fr li em {

		line-height: 1rem;

	}

	.how_help {

		padding-top: .5rem;

		margin-top: .1rem;

		padding-bottom: .3rem;

	}

	.how_help .title {

		display: block;

	}

	.how_help .title p {

		font-size: .3rem;

	}

	.how_help .title p span {

		font-size: .23rem;

	}

	.how_help .title a {

		margin-top: .2rem;

		display: block;

	}

	.how_help ul {

		margin-top: .5rem;

		display: flex;

		justify-content: space-between;

		flex-wrap: wrap;

	}

	.how_help ul li {

		width: 49%;

		height: 2.5rem;

		padding: .3rem 0 0 .3rem;

		margin: 0;

		margin-top: 1.5%;

	}

	.how_help ul li span {

		font-size: .3rem;

	}

	.how_help ul li p {

		margin-bottom: .2rem;

	}

	.footTop {

		padding: 0 2%;

		height: auto;

		overflow: hidden;

		box-sizing: border-box;

	}

	.footTop img {

		width: 3rem;

		float: none;

		margin: 0 auto;

		margin-top: .3rem;

		display: block;

	}

	.footList {

		width: 100%;

		float: none;

		display: flex;

		align-items: center;

		justify-content: center;

	}

	.footList a:not(:first-child)::before {

		height: 10px;

		top: 50%;

		margin-top: -5px;

	}

	.footList a {

		margin-left: .2rem;

	}

	.footList {

		font-size: .2rem;

	}

	.footbottom dl dt {

		font-size: .2rem;

	}

	.footbottom dl dd {

		font-size: .2rem;

	}

	.btn_01 .fr i{

		height: auto;

	}

	.txtScroll-top .infoList li{

		overflow: hidden;

text-overflow:ellipsis;

white-space: nowrap;

display: flex;

align-items: center;

	}

	.hotListContent span{

		display: none;

	}

	.hotListContent img{

		margin-top: 0 !important;

	}

	.txtScroll-top .hd{

		display: none;

	}

	.footbottom {

		padding: 0 6%;

	}

	.foot {

		height: auto;

	}

	.footLink {

		float: none;

		overflow: hidden;

		width: 100%;

	}

	.footbottom .fr {

		float: none;

		margin-top: .55rem;

	}

	.swipers_mid {

		width: 70%;

	}

	.business {

		padding-bottom: .4rem

	}

	.footbottom .fr .code {

		display: flex;

		align-items: center;

		justify-content: center;

	}

	.contact span {

		text-align: left;

	}

	.serveCall,

	.serveDate {

		text-align: center;

	}

	.copy {

		display: flex;

		align-items: center;

		font-size: .2rem;

		line-height: .4rem;

	}

	.serveCall img {

		width: .3rem;

	}

	.contact p {

		font-size: .34rem;

	}

	.fadeins {

		width: 100%;

		height: 100%;

		z-index: 9999999;

		background:none;

		position: fixed;

		left: 0;

		top: 0;

		display: none;

	}

	.fadeins ul img {

		width: .4rem;

		margin: .1rem .3rem;

		float: right;

		margin-top: .3rem;

		margin-bottom: .2rem;

	}

	.fadeins ul {

		overflow: hidden;

		width: 60%;

		height: 100vh;

		float: right;

		background: #fff;

		position: absolute;

		right: -60%;

		top: 0;

	}

	.fadeins ul li {

		font-size: .26rem;

		line-height: .8rem;

		padding-left: .3rem;

		box-sizing: border-box;

		color: #333;

		border-bottom: 1px solid #dcdcdc;

	}

	.fadeins ul li:nth-child(3) {

		border-top: 1px solid #dcdcdc;

	}

	.navbar_fadein_top {

		width: 100%;

		height: 1rem;

		background: #343434;

		padding: 0 5%;

		display: flex;

		align-items: center;

		justify-content: space-between;

		margin: 0 auto;

	}

	.navbar_fadein_top .fl {

		width: 2.4rem;

	}

	.navbar_fadein_top .fr {

		width: .6rem;

	}

	.navbar_fadein {

		overflow: auto;

		width: 100%;

		height: 100vh;

		position: fixed;

		background: #343434;

		left: 0;

		top: 0;

	}

	.navbar_fadein .ench {

		padding: 0 .2rem;

		box-sizing: border-box;

		display: flex;

		align-items: center;

		justify-content: space-between;

	}

	.ench {

		overflow: hidden;

		margin-top: 20px;

	}

	.ench .fl {

		overflow: hidden;

		width: 60px;

		border: 1px solid #fff;

		border-radius: 2px;

		height: 20px;

		display: flex;

		align-items: center;

	}

	.ench .fl p {

		display: block;

		width: 50%;

		line-height: 20px;

		font-size: 12px;

		color: #fff;

		text-align: center;

	}

	.ench .fl p.on {

		color: #333;

		background: #fff;

	}

	.ench .fr {

		width: 170px;

		height: 25px;

		border: 1px solid #fff;

		display: flex;

		align-items: center;

	}

	.ench .fr input {

		width: 139px;

		height: 25px;

		background: none;

		outline: none;

		box-sizing: border-box;

		border: none;

		color: #fff;

		line-height: 25px;

		float: left;

		font-size: 12px;

		padding: 0 5%;

	}

	.ench .fr img {

		width: 18px;

		margin-left: 5px;

	}

	.navbar_fadein ul {

		overflow: hidden;

		width: 100%;

		margin-top: 40px;

	}

	.navbar_fadein ul li.on p {

		color: #80cb17;

	}

	.navbar_fadein ul li {

		overflow: hidden;

		height: auto;

		padding: 0 3%;

		width: 100%;

		position: relative;

		box-sizing: border-box;

		border-bottom: 1px solid #4A4646;

	}

	.navbar_fadein ul li .op {

		overflow: hidden;

		padding: .4rem 0;

		box-sizing: border-box;

		display: none;

	}

	.navbar_fadein {

		display: none;

	}

	.navbar_fadein ul li .op>a {

		font-size: 18px;

		color: #fff;

		margin-left: 5%;

		margin-bottom: 15px;

		display: block;

	}

	.ops {

		font-size: 15px !important;

		color: #717171 !important;

		margin-left: 10% !important;

		margin-bottom: 15px !important;

		display: block !important;

	}

	.navbar_fadein ul li img {

		width: 14px;

		position: absolute;

		right: 30px;

		top: 20px;

	}

	.navbar_fadein ul li p {

		font-size: 18px;

		color: #fff;

		line-height: 100%;

		padding: 4% 2%;

		margin: 0;

	}

    .swipers .swiper-button-next,

.swiper-button-prev {

	width: 0.44rem;

		height: 0.44rem;

		border-radius: 50%;

		border: 2px solid #CCCCCC;

		background: none;

		text-align: center;

		line-height: 0.38rem;background:none;outline:none;

}