@charset "utf-8";
* {
	padding: 0;
	margin: 0;
	font-family: "microsoft yahei";
	box-sizing: border-box;
}

input:focus {
	outline: none;
}

textarea:focus {
	outline: none;
}

input {}

body {}

img {
	border: none;
}

li {
	list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
}

a {
	color: inherit;
	text-decoration: none;
}

.cl {
	clear: both;
}
.kongs{
	border: none !important;
	height: 1px;
	box-shadow: none !important;
	background-color: transparent !important;
}

/**/

header {
	width: 100%;
	background-color: white;
}

.header {
	width: 98%;
	max-width: 1440px;
	margin: auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.header .logo {
	height: 60px;
	margin-top: 10px;
}

.header .logo img {
	display: block;
	height: 100%;
}

.header .nav {
	display: flex;
	justify-content: flex-start;
}
.header .nav p{
	position: relative;
}
.header .nav p a {
	display: block;
	color: #626161;
	line-height: 80px;
	padding: 0px 12px;
	transition: 0.3s all;
}

.header .nav p:hover>a,
.header .nav p.hover a {
	background-color: #009de6;
	color: white;
	transition: 0.3s all;
}
.header .nav p span.v_list101{
	width: 165%;
}
.header .nav p span{
	display: none;
	width: 100%;
	position: absolute;
	z-index: 99999999;
	top: 100%;
	background-color: white;
}
.header .nav p span a{
	line-height: 50px;
}
.header .nav p:hover span{
	display: block;
}
.header .nav p span a:hover{
	background-color: #009de6;
	color: white;
	transition: 0.3s all;
}
.header .tel {
	height: 50px;
	color: #626161;
	font-size: 14px;
	background-color: white;
	box-shadow: 0px 0px 6px #ccc;
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
	margin-top: 15px;
	border-radius: 6px;
	display: flex;
	justify-content: space-between;
	line-height: 50px;
}

.header .tel span {
	width: 142px;
	color: #009de6;
	font-size: 18px;
	font-weight: bold;
	line-height: 20px;
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 10px;
}

.header .tel span b {
	letter-spacing: 2px;
}

.header .tel span:after {
	content: "";
	display: inline-block;
	width: 100%;
}

.header .tel i {
	display: block;
	color: #009de6;
	font-size: 26px;
	font-weight: bold;
	margin-right: 10px;
}

.header .tel a {
	color: #626161;
	line-height: 50px;
	display: block;
	font-size: 16px;
	font-weight: bold;
	margin-left: 10px;
}

.header .tel a:hover {
	color: #009de6;
}

.banner {
	width: 100%;
	position: relative;
}

.banner img {
	display: block;
	width: 100%;
}

.banner-num {
	width: 100%;
	position: absolute;
	bottom: 50px;
	z-index: 999999;
}

.banner-num .bx-pager {
	display: flex;
	justify-content: center;
}

.banner-num .bx-pager .bx-pager-item {
	width: 80px;
}

.banner-num .bx-pager .bx-pager-item a {
	display: block;
	width: 100%;
	text-align: center;
	padding-bottom: 10px;
	color: white;
	border-bottom: 1px solid white;
	font-size: 20px;
}

.banner-num .bx-pager .bx-pager-item a:before {
	content: "0";
}

.banner-num .bx-pager .bx-pager-item a.active {
	border-bottom: 1px solid #009de6;
	color: #009de6;
}

.index-title {
	width: 1200px;
	margin: 50px auto;
}

.index-title p.t1 {
	color: #dfdfdf;
	font-weight: bold;
	font-size: 66px;
	display: inline-block;
}

.index-title span.t2 {
	color: #504f4f;
	width: 100%;
	float: right;
	font-weight: bold;
	font-size: 32px;
	text-align: right;
}

.index-main01 {
	width: 1200px;
	margin: auto;
}

.index-main01 .pro-types {
	width: 100%;
	display: flex;
	justify-content: space-between;
	box-shadow: 0px 0px 8px #ccc;
	margin-bottom: 35px;
}

.index-main01 .pro-types a {
	color: #969696;
	font-weight: bold;
	display: block;
	width: 25%;
	line-height: 60px;
	text-align: center;
	transition: 0.3s all;
}

.index-main01 .pro-types a:hover,
.index-main01 .pro-types a.hover {
	background-color: #009de6;
	color: white;
	transition: 0.3s all;
}

.index-main01 .pro-types a:nth-child(1).hover {
	background-color: #009de6;
}

.index-main01 .pro-types a:nth-child(2).hover {
	background-color: #78bc27;
}

.index-main01 .pro-types a:nth-child(3).hover {
	background-color: #009de6;
}

.index-main01 .pro-types a:nth-child(4).hover {
	background-color: #f8b62d;
}

.index-main01 .pro-list-w {
	width: 100%;
	height: 836px;
	margin: auto;
	position: relative;
	overflow: hidden;
}

.index-main01 .pro-list {
	width: 100%;
	margin: auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	transition: 0.3s all;
	position: absolute;
	left: 100%;
}

.index-main01 .pro-list.hover {
	left: 0;
	transition: 0.3s all;
}

.index-main01 .pro-list .list {
	width: 590px;
	position: relative;
	margin-bottom: 25px;
	border: 1px solid #ccc;
	overflow: hidden;
	transition: 0.3s all;
}

.index-main01 .pro-list .list img {
	display: block;
	width: 100%;
}

.index-main01 .pro-list .list .text {
	width: 100%;
	height: 60%;
	margin: auto;
	position: absolute;
	bottom: -100%;
	left: 0;
	right: 0;
	background-color: rgba(0, 157, 230, .7);
	padding-top: 5%;
	transition: 0.3s all;
}

.index-main01 .pro-list:nth-child(1) .list .text,
.index-main01 .pro-list:nth-child(3) .list .text {
	background-color: rgba(0, 157, 230, .7);
}

.index-main01 .pro-list:nth-child(2) .list .text {
	background-color: rgba(120, 188, 39, .7);
}

.index-main01 .pro-list:nth-child(4) .list .text {
	background-color: rgba(248, 182, 45, .7);
}

.index-main01 .pro-list .list .text h2 {
	width: 80%;
	margin: 0px auto 15px;
	text-align: center;
	border-bottom: 1px solid white;
	padding-bottom: 15px;
	color: white;
	font-weight: bold;
	font-size: 22px;
}

.index-main01 .pro-list .list .text p.t2 {
	width: 80%;
	padding-left: 10%;
	margin: auto;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.index-main01 .pro-list .list .text p.t2 span {
	display: block;
	width: 49%;
	color: white;
	margin-bottom: 10px;
}

.index-main01 .pro-list .list:hover .text {
	bottom: 0;
	transition: 0.3s all;
}

.index-main02 {
	width: 100%;
	margin: 50px auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.index-main02 .left {
	width: 45%;
	padding-left: 20%;
	padding-right: 5%;
	background-color: #0093da;
}

.index-main02 .left .index-title {
	width: 100%;
	color: #1fa0de;
}

.index-main02 .left .index-title p.t1,
.index-main02 .left .index-title span.t2 {
	color: #1fa0de;
}

.index-main02 .text {
	padding-bottom: 50px;
}

.index-main02 .text p.t1 {
	background-color: #b3dff4;
	color: #0093da;
	font-weight: bold;
	width: 120px;
	text-align: center;
	line-height: 50px;
	margin-bottom: 35px;
}

.index-main02 .text p.t2 {
	color: white;
	line-height: 2;
	margin-bottom: 35px;
}

.index-main02 .text p.t3 {
	color: white;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	border: 1px solid white;
	display: block;
}

.index-main02 .text p.t3 i {
	font-size: 24px;
	display: block;
}

.index-main02 .text p.t3:hover {
	background-color: white;
}

.index-main02 .text p.t3:hover i {
	color: #0093da;
}

.index-main02 .right {
	width: 55%;
	background-image: url(../images/pic_04.png);
	background-size: 100%;
}

.index-main02 .right .tit {
	color: white;
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 30px;
	width: 67%;
	text-align: center;
	padding-top: 4%;
}

.index-main02 .right .list-w {
	width: 67%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.index-main02 .right .list {
	width: 50%;
	padding: 3% 5%;
	background-color: rgba(255, 255, 255, .8);
	transition: .3s all;
}

.index-main02 .right .list p.t1 {
	text-align: center;
	color: #0093da;
	margin-bottom: 15px;
}

.index-main02 .right .list p.t1 i {
	font-size: 48px;
}

.index-main02 .right .list p.t2 {
	color: #5f5f5f;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	margin-bottom: 15px;
}

.index-main02 .right .list p.t3 {
	color: #5f5f5f;
	font-size: 12px;
	line-height: 1.6;
}

.index-main02 .right .list:hover {
	background-color: #0093da;
	color: white;
	transition: .3s all;
}

.index-main02 .right .list:hover p.t1,
.index-main02 .right .list:hover p.t2,
.index-main02 .right .list:hover p.t3 {
	color: white;
	transition: .3s all;
}

.index-main03 img {
	width: 100%;
	display: block;
}


/*.index-main03 {
	width: 100%;
	position: relative;
}*/

.index-main03 .swiper-slide-next img {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	transition: 0.3s all;
}

.index-main03 .swiper-slide-next .text {
	transform: scale(1, 1);
	transition: 0.3s all;
}

.index-main03 .swiper-slide {
	position: relative;
}

.index-main03 .wm-pagination {
	text-align: center;
	margin-top: 35px;
	margin-bottom: 40px;
}

.index-main03 .wm-pagination .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
}

.index-main03 .text {
	width: 80%;
	padding: 5%;
	margin: auto;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -50px;
	background-color: white;
	transform: scale(0, 0);
	transition: 0.3s all;
	box-shadow: 0px 0px 6px #333;
}

.index-main03 .text p.t1 {
	font-weight: bold;
	font-size: 18px;
	color: #373838;
	margin-bottom: 15px;
}

.index-main03 .text p.t2 {
	color: #373838;
	line-height: 1.6;
	margin-bottom: 15px;
	font-size: 14px;
}

.index-main03 .text a.t3 {
	color: #333333;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	border: 1px solid #333333;
	display: block;
}

.index-main03 .text a.t3 i {
	font-size: 16px;
	display: block;
	color: #333333;
}

.index-main03 .text a.t3:hover {
	background-color: #333333;
	color: white;
}

.index-main03 .text a.t3:hover i {
	color: white;
}

.index-main03 .swiper-slide-next .wm-button-prev,
.index-main03 .swiper-slide-next .wm-button-next {
	display: block;
	z-index: 999;
}

.index-main03 .wm-button-prev,
.index-main03 .wm-button-next {
	display: none;
	position: absolute;
	margin: auto;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	background-color: rgba(0, 147, 218, .8);
	color: white;
	top: 0;
	bottom: 0;
}

.index-main03 .wm-button-prev {
	left: -20px;
}

.index-main03 .wm-button-next {
	right: -20px;
}

.index-main03 .wm-button-prev i,
.index-main03 .wm-button-next i {
	font-size: 30px;
}

.index-main04-w {
	width: 100%;
	background-image: url(../images/news_02.png);
	background-size: 100%;
	padding: 5% 0px;
}

.index-main04-w .index-title {
	margin: 0 auto 50px;
}

.index-main04 {
	width: 1200px;
	margin: auto;
	display: flex;
	justify-content: space-between;
}

.index-main04 .left {
	width: 580px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.index-main04 .tit {
	width: 100%;
	color: white;
	font-size: 24px;
	font-weight: bold;
	position: relative;
	margin-bottom: 45px;
}

.index-main04 .tit:after {
	content: "";
	display: block;
	width: 80%;
	height: 1px;
	background-color: white;
	position: absolute;
	right: 0;
	top: 15px;
}

.index-main04 .left .list {
	width: 48%;
	background-color: rgba(255, 255, 255, .7);
	padding: 3%;
	margin-bottom: 15px;
	transition: 0.3s all;
}

.index-main04 .left .list p.t1 {
	font-weight: bold;
	color: #7f7d7d;
	margin-bottom: 12px;
}

.index-main04 .left .list p.t2 {
	font-size: 14px;
	color: #7f7d7d;
	line-height: 1.6;
}

.index-main04 .left .list:hover {
	background-color: rgba(255, 255, 255, 1);
	box-shadow: 0px 0px 8px #666;
	transition: 0.3s all;
}

.index-main04 .right {
	width: 580px;
}

.index-main04 .right .list {
	width: 100%;
	margin-bottom: 22px;
	display: flex;
	justify-content: space-between;
}

.index-main04 .right .list .time {
	color: white;
	width: 110px;
	font-size: 18px;
}

.index-main04 .right .list .text {
	width: 460px;
}

.index-main04 .right .list .text p.t1 {
	color: white;
	font-weight: bold;
	margin-bottom: 8px;
	font-size: 18px;
}

.index-main04 .right .list .text p.t2 {
	font-size: 14px;
	color: white;
	line-height: 1.6;
}

.index-main04 .right .list:hover p.t1 {
	color: #0093da;
}

.index-main05 {
	width: 100%;
	position: relative;
}

.index-main05 img.bj {
	display: block;
	width: 100%;
}

.index-main05 .text {
	width: 1200px;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.index-main05 .text img.iso {
	width: 300px;
	display: block;
	margin-top: 50px;
}

.index-main05 .text p.t1 {
	height: 80px;
	margin-bottom: 35px;
}

.index-main05 .text p.t1 img {
	display: block;
	height: 100%;
}

.index-main05 .text p.t2 {
	color: white;
	font-size: 15px;
	line-height: 2;
}

.index-main05 .text p.t2 b {
	font-size: 18px;
}

.index-main06 {
	width: 1200px;
	margin: 60px auto;
}

.index-main06 p.t1 {
	height: 2px;
	width: 120px;
	background-color: #009de6;
	margin: auto;
	display: block;
	margin-bottom: 30px;
}

.index-main06 p.t2 {
	color: #434242;
	font-size: 20px;
	text-align: center;
	margin-bottom: 30px;
}

.index-main06 p.t3 {
	display: flex;
	justify-content: center;
}

.index-main06 p.t3 input {
	width: 400px;
	padding: 0px 15px;
	display: block;
	border: 1px solid #646464;
	background-color: transparent;
	height: 45px;
}

.index-main06 p.t3 button {
	border: 1px solid #646464;
	background-color: #646464;
	width: 120px;
	height: 45px;
	color: white;
}

footer.index  {
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	position: relative;
}

footer.index  .left {
	width: 50%;
}

footer.index  .left img {
	display: block;
	width: 100%;
}

footer.index  .right {
	background-color: #555555;
	width: 50%;
}

footer.index  .copy {
	width: 100%;
	background-color: #101010;
	text-align: center;
	color: white;
	line-height: 65px;
	font-size: 14px;
}

footer.index  .copy a {
	margin-left: 12px;
}

footer.index .footer {
	width: 1200px;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 65px;
	display: flex;
	justify-content: space-between;
}

footer.index .footer .f-left {
	width: 50%;
	padding-right: 8%;
	display: flex;
	justify-content: center;
	flex-direction: column;
}

footer.index .footer .f-left p.t1 {
	font-weight: bold;
	font-size: 22px;
	color: white;
	margin-bottom: 35px;
}

footer.index .footer .f-left p.t2 {
	color: white;
	line-height: 2;
	font-size: 15px;
	margin-bottom: 35px;
}

footer.index .footer .f-left p.t3 a {
	display: block;
	width: 45px;
	height: 45px;
	border: 1px solid white;
	color: white;
	text-align: center;
	line-height: 45px;
}

footer.index .footer .f-left p.t3 a i {
	display: block;
}

footer.index .footer .f-left p.t3 a:hover {
	background-color: white;
	color: #555;
}

footer.index .footer .f-right {
	width: 50%;
	padding-top: 6%;
	padding-bottom: 6%;
	padding-left: 8%;
	height: 100%;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	align-content: space-around
}

footer.index .footer .f-right .one {
	width: 60%;
	height: auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-content: flex-start;
}

footer.index .footer .f-right .one a {
	display: block;
	width: 49%;
	margin: 0 auto;
	color: white;
	margin-bottom: 25px;
}

footer.index .footer .f-right .two {
	width: 40%;
}

footer.index .footer .f-right .two p {
	color: white;
	margin-bottom: 25px;
}

footer.index .footer .f-right .three {
	width: 150px;
	margin-right: 35px;
}

footer.index .footer .f-right .three img {
	display: block;
	width: 100%;
}

footer.index .footer .f-right .four {
	width: 270px;
}

footer.index .footer .f-right .four img {
	display: block;
	width: 100%;
	margin-top: 30px;
}
/*第二版*/
footer.index2 {
	width: 100%;
	background-color: #161616;
	padding: 50px 0 20px;
}
footer.index2 .footer{
	width: 78%;
	margin: auto;
	display: flex;
	justify-content: space-between;
}
footer.index2 .footer p.tit{
	display: block;
	width: 100%;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 20px;
	letter-spacing: 3px;
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: 1px solid #e0e0e0;
}
footer.index2 .footer .list01{
	width: 330px;
}
footer.index2 .footer .list01 p.tt{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	color: #fefefe;
	font-size: 15px;
	line-height: 45px;
}
footer.index2 .footer .list01 p.tt i{
	display: block;
	font-size: 18px;
	margin-right: 10px;
}
footer.index2 .footer .list02{
	width: calc(100% - 450px);
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
footer.index2 .footer .list02 .li p.t1{
	color: #fefefe;
	font-weight: bold;
	margin-bottom: 12px;
	font-size: 15px;
}
footer.index2 .footer .list02 .li p.t2 a{
	display: block;
	color: #848484;
	font-size: 14px;
	line-height: 32px;
}
footer.index2 .footer .list02 .qrcode{
	width: 130px;
}
footer.index2 .footer .list02 .qrcode p.t1{
	display: block;
	width: 100%;
	margin-bottom: 10px;
}
footer.index2 .footer .list02 .qrcode p.t1 img{
	display: block;
	width: 100%;
}
footer.index2 .footer .list02 .qrcode p.t2{
	text-align: center;
	color: #848484;
	font-size: 14px;
	margin-bottom: 20px;
}
footer.index2 .footer .list02 .qrcode p.t3{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
footer.index2 .footer .list02 .qrcode p.t3 a i{
	display: block;
	color: #FFFFFF;
	font-size: 24px;
}
footer.index2 .footer .list02 .qrcode p.t3 a:hover i{
	color: #009de6;
}
footer.index2 .footer-copy{
	text-align: center;
	color: #848484;
	font-size: 13px;
	margin-top: 50px;
}
footer.index2 .footer-copy a {
    margin-left: 12px;
}

/**/

.contact-img {
	width: 1200px;
	margin: 25px auto 0px;
}
.contact-img .text{
	color: #5f5f5f;
	line-height: 1.8;
	font-size: 18px;
	width: 800px;
	display: block;
	margin: 0px auto 30px;
	text-align: center;
}
.contact-img .pic{
	display: flex;
	justify-content: center;
}
.contact-img .pic p.t1{
	height: 90px;
	margin-right: 15px;
}
.contact-img .pic p.t1 img{
	display: block;
	height: 100%;
}
.contact-img .pic p.t2{
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}
.contact-img .pic p.t2 span{
	display: block;
}
.contact-img .pic p.t2 span.s1{
	color: #5c5b5b;
	letter-spacing: 14px;
}
.contact-img .pic p.t2 span.s2{
	color: #686666;
	font-size: 14px;
}
.contact-img .pic p.t2 span.s3{
	color: #333333;
	font-weight: bold;
	font-size: 24px;
}
/**/

.install-main01 {
	width: 100%;
	margin-bottom: 45px;
	display: flex;
	justify-content: space-between;
}

.install-main01 .left {
	width: 21%;
	background-color: #009de6;
}

.install-main01 .right {
	width: 79%;
	position: relative;
}

.install-main01 .right img {
	display: block;
	width: 100%;
}

.install-main01 .right .text {
	width: 60%;
	padding: 1% 0;
	margin: auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-content: space-around;
	height: 70%;
	background-color: rgba(0, 0, 0, .5);
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
}

.install-main01 .right .text .list {
	width: 33%;
}

.install-main01 .right .text p.t1 {
	width: 60px;
	height: 60px;
	background-color: #009de6;
	display: block;
	margin: 0px auto 10px;
	border-radius: 100%;
	color: white;
	text-align: center;
	line-height: 60px;
}

.install-main01 .right .text p.t1 i {
	font-size: 32px;
}

.install-main01 .right .text p.t2 {
	color: white;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	margin: 0px auto 10px;
}

.install-main01 .right .text p.t3 {
	color: white;
	font-size: 15px;
	text-align: center;
}

.install-main02 {
	width: 1200px;
	margin: 40px auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.install-main02 .list {
	width: 32%;
	box-shadow: 0px 0px 8px #ccc;
	margin-bottom: 30px;
}

.install-main02 .list p.t1 {
	display: block;
	width: 100%;
	overflow: hidden;
}

.install-main02 .list p.t1 img {
	display: block;
	width: 100%;
	transition: 0.3s all;
}

.install-main02 .list p.t2 {
	background-color: white;
	text-align: center;
	line-height: 50px;
	color: #666666;
	font-weight: bold;
}

.install-main02 .list:hover img {
	transform: scale(1.1, 1.1);
	transition: 0.3s all;
}

.install-main03 {
	width: 1200px;
	margin: 50px auto 120px;
}

.install-main03 img {
	display: block;
	width: 100%;
}


/**/

.about-main01 {
	width: 1200px;
	margin: 60px auto 80px;
}

.about-main01 .left {
	width: 100%;
}

.about-main01 .right {
	width: 100%;
}

.about-main01 .right img {
	display: block;
	width: 100%;
}

.about-main01 .left p.t1 {
	color: #3e3e3e;
	font-weight: bold;
	font-size: 30px;
	margin-bottom: 12px;
	text-align: center;
}

.about-main01 .left p.t2 {
	color: #3e3e3e;
	font-size: 20px;
	margin-bottom: 45px;
	text-align: center;
}

.about-main01 .left .t3 {
	line-height: 1.8;
	color: #707171;
	font-size: 15px;
	padding-right: 8%;
	margin-bottom: 55px;
}

.about-main01 .right .t4 {
	display: flex;
	justify-content: center;
	width: 100%;
}

.about-main01 .right .t4 .list {
	width: 33%;
}

.about-main01 .right .t4 p.n1 {
	font-weight: bold;
	font-size: 28px;
	color: #009de6;
	margin-bottom: 15px;
	text-align: center;
}

.about-main01 .right .t4 p.n1 span {
	font-size: 48px;
}

.about-main01 .right .t4 p.n2 {
	color: #707171;
	font-size: 15px;
	text-align: center;
	
}

.about-main02 {
	width: 1200px;
	margin: auto;
	display: flex;
	justify-content: space-between;
}

.about-main02 .right {
	width: 50%;
}

.about-main02 .right img {
	width: 100%;
}

.about-main02 .left {
	width: 50%;
	padding-top: 20px;
	padding-left: 3%;
}

.about-main02 .left p.t1 {
	color: #3e3e3e;
	font-weight: bold;
	font-size: 30px;
	margin-bottom: 12px;
}

.about-main02 .left p.t2 {
	margin-bottom: 10px;
	font-size: 20px;
	color: #707171;
}

.about-main02 .left p.t3 {
	color: #707171;
	font-size: 15px;
	margin-bottom: 20px;
}

.about-main03-w {
	width: 100%;
	margin: 60px auto;
	background-color: #e9e8e8;
	padding: 50px 0px 80px;
}

.about-main03-w .tits {
	text-align: center;
	font-weight: bold;
	color: #555;
	font-size: 28px;
	margin-bottom: 45px;
}

.about-main03-w .bx-pager {
	bottom: -45px !important;
}

.about-main03-w .bx-controls-direction {
	display: none;
}

.about-main04 {
	width: 1200px;
	margin: 60px auto 80px;
	position: relative;
}

.about-main04 .gallery-thumbs {
	margin-top: 40px;
}

.about-main04 .gallery-thumbs p.t1 {
	width: 20px;
	height: 20px;
	margin: auto;
	display: block;
	border: 1px solid #555555;
	border-radius: 100%;
	position: relative;
	background-color: white
}

.about-main04 .gallery-thumbs p.t1:before {
	content: "";
	display: block;
	margin: auto;
	width: 10px;
	height: 10px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border-radius: 100%;
}

.about-main04 .gallery-thumbs p.t2 {
	color: #555555;
	font-weight: bold;
	text-align: center;
	margin-top: 10px;
	font-size: 18px;
}

.about-main04 .gallery-thumbs:after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background-color: #555555;
	position: absolute;
	top: 10px;
}

.about-main04 .gallery-thumbs .swiper-slide-thumb-active p.t1 {
	border: 1px solid #009de6;
}

.about-main04 .gallery-thumbs .swiper-slide-thumb-active p.t1:before {
	background-color: #009de6
}

.about-main04 .gallery-thumbs .swiper-slide-thumb-active p.t2 {
	color: #009de6
}

.about-main04 .lists {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.about-main04 .lists .pic {
	width: 50%;
	display: block;
}

.about-main04 .lists .pic img {
	display: block;
	width: 100%;
}

.about-main04 .lists .text {
	width: 45%;
	padding-top: 40px
}

.about-main04 .lists .text p.t1 {
	color: #3e3e3e;
	font-weight: bold;
	font-size: 36px;
	margin-bottom: 25px;
}

.about-main04 .lists .text p.t2 {
	color: #b2b2b2;
	font-size: 30px;
	margin-bottom: 35px;
}

.about-main04 .lists .text p.t3 {
	color: #b2b2b2;
	font-size: 15px;
	line-height: 2;
}

.about-main04 .swiper-button-prev {
	left: -40px;
}

.about-main04 .swiper-button-next {
	right: -40px;
}


/**/

.contact-tit {
	text-align: center;
	margin: 60px auto;
}

.contact-tit p.t1 {
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 50px;
}

.contact-tit p.t1 span:nth-child(1) {
	color: #009de6;
	font-size: 36px;
	font-weight: bold;
}

.contact-tit p.t1 span:nth-child(3) {
	color: #666;
	font-size: 36px;
	font-weight: bold;
}

.contact-tit p.t1 span:nth-child(2) {
	width: 8px;
	height: 8px;
	border-radius: 100%;
	background-color: #666666;
	line-height: 50px;
	display: block;
	margin: 0px 8px;
}

.contact-tit p.t2 {
	background-color: #009de6;
	width: 60px;
	display: block;
	margin: 12px auto;
	height: 2px;
}

.contact-tit p.t3 {
	color: #6e6e6e;
	font-size: 15px;
}

.contact-main {
	width: 1200px;
	margin: 60px auto 100px;
	display: flex;
	justify-content: space-between;
}

.contact-main .left {
	width: 49%;
}

.contact-main .left p.t1 {
	color: #555;
	font-weight: bold;
	font-size: 26px;
	margin-bottom: 30px;
}

.contact-main .left p.t2 {
	display: flex;
	border-bottom: 1px solid #ccc;
	padding-bottom: 15px;
	justify-content: flex-start;
	margin-bottom: 20px;
	line-height: 50px;
	color: #666666;
	font-size: 20px;
}

.contact-main .left p.t2 i {
	width: 50px;
	height: 50px;
	display: block;
	font-size: 30px;
	border: 2px solid #009de6;
	border-radius: 100%;
	text-align: center;
	line-height: 48px;
	color: #009de6;
	margin-right: 15px;
}

.contact-main .right {
	width: 49%;
	height: 410px;
	box-shadow: 0px 0px 8px #ccc;
}

.posi-map {
	width: 1200px;
	margin: 40px auto;
	border-left: 6px solid #009de6;
	line-height: 1;
	padding-left: 14px;
	font-size: 14px;
	color: #555;
}

.case-main {
	width: 1200px;
	margin: 0px auto 80px;
	display: flex;
	justify-content: space-between;
}

.case-main .left {
	width: 260px;
}

.case-main .left p.t1 {
	background-color: #009de6;
	color: white;
	font-weight: bold;
	font-size: 28px;
	text-align: center;
	line-height: 80px;
	border-bottom: 1px solid white;
}

.case-main .left p.t2 {
	display: block;
	width: 100%;
}

.case-main .left p.t2 a {
	color: #666666;
	display: block;
	line-height: 60px;
	text-align: center;
	background-color: #e1e0e0;
	width: 100%;
	border-bottom: 1px solid white;
}

.case-main .left p.t2 a:hover,
.case-main .left p.t2 a.hover {
	background-color: #009de6;
	color: white;
}

.case-main .right {
	width: 920px;
}
.case-main .right.case-r{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.case-main .right.case-r .list{
	width: 32%;
	display: block;
}
.case-main .right.case-r .list .pic{
	width: 100%;
}
.case-main .right .list {
	width: 100%;
	display: flex;
	justify-content: space-between;
	border: 1px solid #bdbcbc;
	padding: 15px;
	transition: 0.3s all;
	margin-bottom: 20px;
}

.case-main .right .list .pic {
	width: 280px;
	overflow: hidden;
}

.case-main .right .list .pic img {
	display: block;
	width: 100%;
	transition: 0.3s all;
}

.case-main .right .list .text {
	width: 590px;
	padding-top: 10px;
}

.case-main .right .list .text h2 {
	color: #575656;
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 25px;
}

.case-main .right .list .text p.t1 {
	color: #737373;
	font-size: 15px;
	line-height: 1.6;
	margin-bottom: 25px;
}

.case-main .right .list .text p.time {
	color: #737373;
	font-size: 14px;
	margin-bottom: 15px;
}

.case-main .right .list .text p.t2 {
	background-color: #009de6;
	color: white;
	width: 110px;
	line-height: 40px;
	text-align: center;
}

.case-main .right .list:hover img {
	transform: scale(1.1, 1.1);
	transition: 0.3s all;
}

.case-main .right .list:hover {
	border: 1px solid #009de6;
	transition: 0.3s all;
}

.prolist-main {
	width: 1200px;
	margin: auto;
}

.prolist-main h2.type-tit {
	font-weight: bold;
	color: #000;
	font-size: 28px;
	margin-bottom: 20px;
	display: block;
	width: 100%;
}

.prolist-main .pro-list {
	width: 100%;
	margin-bottom: 40px;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	border-left: 1px solid #a7a7a7;
}

.prolist-main .pro-list.xgpro {
	justify-content: space-between;
	border-left: none;
}

.prolist-main .pro-list.xgpro .list {
	border-left: 1px solid #a7a7a7;
}

.prolist-main .pro-list.xgpro .list {
	width: 23%;
}

.prolist-main .pro-list .list {
	width: 20%;
	padding: 12px 0px;
	border: 1px solid #a7a7a7;
	border-left: none;
}

.prolist-main .pro-list .list:first-child {}

.prolist-main .pro-list .list p.t1 {
	color: #5f6060;
	font-size: 14px;
	padding: 0px 12px;
}

.prolist-main .pro-list .list p.t1 span {
	color: #009de6;
	display: block;
	font-size: 16px;
}

.prolist-main .pro-list .list p.t2 {
	width: 100%;
	padding: 0px 12px;
	margin: 10px auto;
}

.prolist-main .pro-list .list p.t2 img {
	display: block;
	width: 100%;
}

.prolist-main .pro-list .list .t3 {
	padding: 0px 12px 15px;
	border-bottom: 1px solid #a7a7a7;
	width: 100%;
}

.prolist-main .pro-list .list .t3 p {
	display: flex;
	justify-content: flex-start;
	color: #7b7a7a;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 7px;
	position: relative;
	padding-left: 13px;
}

.prolist-main .pro-list .list .t3 p span {
	font-weight: normal;
	margin-right: 10px;
}

.prolist-main .pro-list .list .t3 p:after {
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	border-radius: 100%;
	background-color: #009de6;
	position: absolute;
	left: 0;
	top: 6px;
}

.prolist-main .pro-list .list .t4 {
	width: 100%;
	padding: 12px;
	display: flex;
	justify-content: space-between;
}

.prolist-main .pro-list .list .t4 a {
	display: block;
	background-color: #009de6;
	width: 47%;
	line-height: 34px;
	color: white;
	font-size: 13px;
	text-align: center;
	border: 1px solid #009de6;
}

.prolist-main .pro-list .list .t4 a:nth-child(2) {
	background-color: transparent;
	border: 1px solid #a7a7a7;
	color: #666;
}

.prolist-main .pro-list .list .t4 a:nth-child(2):hover {
	border: 1px solid #009de6;
	background-color: #009de6;
	color: white;
}


/**/

.show-main01-w {
	display: block;
	width: 100%;
	margin: 60px auto 40px;
	position: relative;
	border-bottom: 3px solid #009de6;
}

.show-main01-w:after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 40%;
	height: 100%;
	background-color: #f3f2f2;
	z-index: -1;
}

.show-main01 {
	width: 1200px;
	margin: 0px auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
}

.show-main01 .gallery-thumbs {
	width: 160px;
	height: 300px;
}

.show-main01 .wm-button-next {
	top: 0px;
	width: 160px;
	left: 0;
	position: absolute;
	text-align: center;
}

.show-main01 .wm-button-prev {
	bottom: 16px;
	width: 160px;
	left: 0;
	position: absolute;
	text-align: center;
}

.show-main01 .wm-button-next i,
.show-main01 .wm-button-prev i {
	color: #666;
	font-size: 40px;
}

.show-main01 .gallery-thumbs img {
	display: block;
	height: 100%;
	border: 1px solid transparent;
}

.show-main01 .gallery-thumbs .swiper-slide-thumb-active img {
	border: 1px solid #009de6;
}

.show-main01 .gallery-top {
	width: 540px;
}

.show-main01 .gallery-top img {
	display: block;
	width: 100%;
}

.show-main01 .desc {
	width: 460px;
	background-color: #f3f2f2;
	padding: 50px 0px 30px 20px;
}

.show-main01 .desc h1 {
	color: #555;
	font-weight: bold;
	font-size: 22px;
	margin-bottom: 35px;
}

.show-main01 .desc .t1 {
	color: #969494;
	font-size: 14px;
	line-height: 1.6;
	margin-bottom: 35px;
}

.show-main01 .desc .t2 {
	display: flex;
	justify-content: space-between;
	margin-bottom: 35px;
}

.show-main01 .desc .t2 p {
	width: 20%;
	color: #969494;
	font-size: 12px;
	text-align: center;
}

.show-main01 .desc .t2 p span {
	display: block;
	font-weight: bold;
	font-size: 13px;
	margin-bottom: 4px;
}

.show-main01 .desc .t3 a {
	width: 140px;
	display: block;
	line-height: 45px;
	background-color: #009de6;
	color: white;
	text-align: center;
	font-size: 14px;
}

.show-main02-w {
	width: 100%;
	margin-bottom: 60px;
	padding-bottom: 40px;
	border-bottom: 2px solid #ccc;
}

.show-main02 {
	width: 1200px;
	margin: auto;
	display: flex;
	justify-content: space-between;
}

.show-main02 .left {
	color: #555;
	font-weight: bold;
	font-size: 26px;
}

.show-main02 .right {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.show-main02 .right span,
.show-main02 .right a {
	color: #666;
	font-weight: bold;
	display: block;
	margin-left: 45px;
	cursor: pointer;
}

.show-main02 .right a:hover,
.show-main02 .right a.hover {
	color: #009de6;
}

h2.proshow-tit {
	width: 1200px;
	margin: auto;
	color: #555555;
	font-weight: bold;
	font-size: 24px;
	margin-bottom: 30px;
}

.show-main03 {
	width: 1200px;
	margin: 0px auto 60px;
	display: flex;
	justify-content: space-between;
}

.show-main03 .left {
	width: 400px;
}

.show-main03 .left p {
	display: block;
	width: 100%;
	background-color: #e8e7e7;
	border-left: 8px solid #009de6;
	padding-left: 35px;
	color: #666666;
	line-height: 50px;
	margin-bottom: 5px;
	cursor: pointer;
}

.show-main03 .left p:hover,
.show-main03 .left p.hover {
	background-color: #009de6;
	color: white;
	border-left: 8px solid #78bc27;
}

.show-main03 .right-w {
	width: 770px;
}

.show-main03 .right {
	width: 100%;
	height: 100%;
	padding: 20px 35px;
	display: none;
	background-color: white;
	box-shadow: 0px 0px 7px #CCCCCC;
	color: #626262;
	font-size: 14px;
	position: relative;
}
.show-main03 .right ul li{
	list-style-type: inherit;
}
.show-main03 .right.hover {
	display: block;
}

.show-main03 .right p {
	margin-bottom: 15px;
}

.show-main03 .right p.t1 {
	color: #626262;
	font-size: 18px;
	margin-bottom: 30px;
}

.show-main03 .right p.t2 {
	color: #626262;
	font-size: 14px;
	line-height: 1.8;
}
.show-main03 .right img {
	display: block;
	max-width: 100%;
	margin: 10px auto;
}
.show-main03 .right h6{
	font-weight: bold;
	font-size: 15px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
/*.show-main03 .right img {
	display: block;
	margin: auto;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 310px;
}*/

.show-main04 {
	width: 1200px;
	margin: 0px auto 60px;
}

.show-main04 table {
	width: 100%;
}

.show-main04 table tr:first-child {
	background-color: #009de6;
	color: white;
}

.show-main04 table td {
	padding: 8px;
}

.show-main04 img {
	display: block;
	max-width: 100%;
}

.show-main05-w {
	width: 100%;
	margin-bottom: 60px;
	padding: 40px 0px 60px;
	background-image: url(../images/probj_02.png);
	background-size: cover;
	background-position: bottom;
	background-repeat: no-repeat;
}

.show-main05-w p.tit {
	display: block;
	width: 1200px;
	margin: 45px auto;
	color: white;
	font-size: 22px;
}

.show-main05-w p.tit span {
	display: block;
	font-weight: bold;
	color: white;
	font-size: 26px;
}

.show-main05 {
	width: 1200px;
	margin: auto;
	display: flex;
	justify-content: space-between;
}

.show-main05 .list {
	width: 380px;
	padding-bottom: 25px;
	background-color: white
}

.show-main05 .list p.t1 {
	display: block;
	width: 100%;
	overflow: hidden;
	margin-bottom: 20px;
}

.show-main05 .list p.t1 img {
	display: block;
	transition: 0.3s all;
	width: 100%;
}

.show-main05 .list p.t2 {
	width: 60px;
	height: 2px;
	background-color: #009de6;
	display: block;
	margin-left: 20px;
	margin-bottom: 10px;
}

.show-main05 .list p.t3 {
	color: #009de6;
	font-weight: bold;
	font-size: 20px;
	margin-left: 20px;
}

.show-main05 .list:hover {
	background-color: #009de6;
}

.show-main05 .list:hover p.t2 {
	background-color: white;
}

.show-main05 .list:hover p.t3 {
	color: white;
}

.show-main05 .list:hover img {
	transform: scale(1.1, 1.1);
	transition: 0.3s all;
}


/*分页*/

.pagination p {
	margin: 0;
	cursor: pointer;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.pagination {
	padding: 20px 0px;
}

.pagination a {
	display: inline-block;
	margin-right: 10px;
	padding: 0px 12px;
	line-height: 26px;
	border: 1px #cccccc solid;
	background: #fff;
	text-decoration: none;
	color: #808080;
	font-size: 12px;
}

.pagination a:hover {
	color: #077ee3;
	background: white;
	border: 1px #077ee3 solid;
}

.pagination a.cur {
	border: none;
	background: #077ee3;
	color: #fff;
}

.pagination p {
	display: inline-block;
	padding: 0px 12px;
	font-size: 12px;
	line-height: 26px;
	color: #bbb;
	border: 1px #ccc solid;
	background: #fcfcfc;
	margin-right: 8px;
}

.pagination p.pageRemark {
	border-style: none;
	background: none;
	margin-right: 0px;
	padding: 4px 0px;
	color: #666;
}

.pagination p.pageRemark b {
	color: red;
}

.pagination p.pageEllipsis {
	border-style: none;
	background: none;
	padding: 4px 0px;
	color: #808080;
}

.dates li {
	font-size: 14px;
	margin: 20px 0
}

.dates li span {
	float: right
}


/**/

.case-right {
	width: 920px;
}

.case-right h1.title {
	font-weight: bold;
	color: #555;
	font-size: 24px;
	margin-bottom: 15px;
}

.case-right .time {
	font-size: 14px;
	color: #555;
}

.case-right article {
	font-size: 15px;
	color: #666;
	line-height: 1.8;
}

.case-right article p {
	margin-bottom: 6px;
}

.case-right article img {
	display: block;
	max-width: 100%;
	margin: 10px auto;
}

.case-right .bj {
	width: 100%;
	background-color: #f3f2f2;
	padding: 20px;
	margin-bottom: 20px;
}

.case-right .updowns {
	width: 100%;
	background-color: #f3f2f2;
	padding: 20px;
	font-size: 14px;
	margin-top: 40px;
	color: #666;
	display: flex;
	justify-content: space-between;
}

.case-right .updowns p {
	line-height: 32px;
}

.case-tuji {
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.case-tuji p {
	display: block;
	width: 32%;
	margin-bottom: 10px;
}
.case-tuji p img{
	display: block;
	width: 100%;
}

/**/

.navbar {
	display: none;
}

/*.totop {
	width: 45px;
	height: 45px;
	background-color: #009de6;
	border-radius: 5px;
	background-image: url(../images/totop.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 60%;
	position: fixed;
	bottom: 40px;
	right: 30px;
	z-index: 9999999999;
	cursor: pointer;
}

.totop:hover {
	box-shadow: 0px 0px 8px #666;
}*/

.index-main033 {
	width: 100%;
	margin-bottom: 55px;
	display: flex;
	justify-content: space-between;
}
.index-main033 .list{
	width: 20%;
	position: relative;
	transition: 0.3s all;
}
.index-main033 .list p.t1{
	display: block;
	width: 100%;
}
.index-main033 .list img{
	display: block;
	width: 100%;
	 -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
	transition: 0.3s all;
}
.index-main033 .list p.t2{
	display: none;
	width: 100%;
	padding: 12px 0px;
	background-color: rgb(0,0,0,.7);
	color: white;
	text-align: center;
	position: absolute;
	left: 0;
	right: 0; 
	bottom: 0;
}
.index-main033 .list:hover{
	transform: scale(1.1,1.1);
	z-index: 99999999;
	transition: 0.3s all;
}
.index-main033 .list:hover img{
	-webkit-filter: none;
    filter: none;
	transition: 0.3s all;
}
.index-main033 .list:hover p.t2{
	display: block;
}
.index-main033 .list p.t2 span{
	color: white;
	padding: 0px 15px;
	font-size: 13px;
	margin-top: 10px;
	display: block;
}
/**/
/*.index-main033 .swiper-slide img {
	display: block;
	width: 100%;
	 -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
	transition: 0.3s all;
    
}
.index-main033 .swiper-slide{
	transition: 0.3s all;
	position: relative;
}
.index-main033 .swiper-slide p{
	display: none;
	width: 100%;
	padding: 12px 0px;
	background-color: rgb(0,0,0,.7);
	color: white;
	text-align: center;
	position: absolute;
	left: 0;
	right: 0; 
	bottom: 0;
}
.index-main033 .swiper-container {
	padding: 20px 0px !important;
}

.index-main033 .swiper-slide:hover {
	transform: scale(1.1, 1.1);
	transform-origin: center center;
	z-index: 999999999;
	transition: 0.3s all;
}
.index-main033 .swiper-slide:hover img{
	 -webkit-filter: none; 
    filter: none;
	transition: 0.3s all;
    
}
.index-main033 .swiper-slide:hover p{
	display: block;
}*/
/**/
/*.index-main033 .swiper-slide-active{
		transform: scale(1.1, 1.1);
	transform-origin: center center;
	z-index: 999999999;
	transition: 0.3s all;
}
.index-main033 .swiper-slide-active p{
	display: block;
}
.index-main033 .swiper-slide-active img{
	 -webkit-filter: none; 
    filter: none;
	transition: 0.3s all;
}*/
/*.index-main033 .wm-pagination{
	margin-top: 35px;
	text-align: center;
}*/
/**/
.show-main03 .right table{
	width: 100%;
}
.show-main03 .right table td{
	padding: 7px 7px 7px 30px;
}
.show-main03 .right table td p{
	margin-bottom: 0;
}
/**/
.index-main0333{
	width: 1200px;
	margin: 0px auto 60px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.index-main0333 .list{
	width: 32%;
	margin-bottom: 20px;
	    border: solid 1px #e9e9e9;
    transition: all .5s ease;
    background-color: #f8f8f8;
    padding-bottom: 15px;
}
.index-main0333 .list p.t1{
	width: 100%;
	display: block;
	margin-bottom: 15px;
	padding: 15px 15px 0px;
	overflow: hidden;
	position: relative;
    background-color: #f8f8f8;
	
}
.index-main0333 .list p.t1 span{
	display: block;
	width: 100%;
	overflow: hidden;
}
.index-main0333 .list p.t1:after{
	content: "";
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 0;
	right: 0;
}
.index-main0333 .list p.t1 img{
	display: block;
	width: 100%;
	transition: 0.3s all;
	
}
.index-main0333 .list p.t2{
	width: 90%;
	margin: auto;
	    font-size: 24px;
    color: #222;
    text-align: center;
    font-weight: bold;
        border-bottom: solid 1px #e9e9e9;
        padding-bottom: 6px;
}
.index-main0333 .list p.t3{
	    margin-top: 10px;
    color: #848484;
    font-size: 14px;
    padding: 0 5%;
    line-height: 1.7;
}
.index-main0333 .list:hover{
	background-color: #009de6;
}
.index-main0333 .list:hover p.t1{
}
.index-main0333 .list:hover img{
	transform: scale(1.1,1.1);
	transition: 0.3s all;
}
.index-main0333 .list:hover p.t1:after{
	display: block;
}
.index-main0333 .list:hover p.t2,
.index-main0333 .list:hover p.t3{
	color: white;
}

.tools-box {
	width: 50px;
	position: fixed;
	bottom: 80px;
	right: 30px;
	z-index: 9999;
}

.tools-box .list {
	display: block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border-radius: 4px;
	background-color: #009de6;
	color: white;
	margin-top: 12px;
	position: relative;
	cursor: pointer;
}

.tools-box .list i {
	display: block;
	line-height: 50px;
	font-size: 24px;
}

.tools-box .list span {
	display: block;
	height: 100%;
	width: 0;
	background-color: #666;
	color: white;
	line-height: 50px;
	text-align: center;
	position: absolute;
	right: 100%;
	top: 0;
	overflow: hidden;
	transition: 0.3s all;
}

.tools-box .list.qrcode span {
	width: 0;
	height: auto;
	text-align: center;
	color: white;
	font-weight: bold;
	line-height: 1;
	padding-bottom: 12px;
	padding: 0px;
}

.tools-box .list.qrcode span img {
	width: 100%;
	display: block;
	margin-bottom: 15px;
}

.tools-box .list:hover {
	border-radius: 0px;
}

.tools-box .list:hover span {
	width: 120px;
	transition: 0.3s all;
}

.tools-box .list.qrcode:hover span {
	width: 140px;
	padding: 15px;
	transition: 0.3s all;
}




/**/
@media screen and (max-width: 1200px) {
	.header {
		width: 95%;
	}
	.navbar {
		height: 60px;
		margin-top: 10px;
		display: flex;
		justify-content: center;
		flex-direction: column;
		padding-right: 15px;
	}
	.navbar span {
		width: 40px;
		height: 4px;
		background-color: #009de6;
		display: block;
		margin-bottom: 7px;
		border-radius: 2px;
		transition: 0.3s all;
	}
	.navbar.show span:last-child {
		display: none;
	}
	.navbar.show span:nth-child(1) {
		transform: rotate(45deg);
	}
	.navbar.show span:nth-child(2) {
		transform: rotate(-45deg);
		margin-top: -10px;
	}
	.navbar span:last-child {
		margin-bottom: 0px;
	}
	.header .nav {
		width: 100%;
		display: none;
		border-top: 1px solid #ccc;
	}
	.header .nav p a {
		line-height: 40px;
	}
	.header .tel {
		width: 100%;
		padding-left: 10px;
		margin-bottom: 15px;
		display: none;
	}
	.header .tel i {
		display: none;
	}
	.banner .bx-pager {
		display: none;
	}
	.index-title {
		width: 95%;
		margin: 25px auto;
	}
	.index-title p.t1 {
		font-size: 26px;
	}
	.index-title span.t2 {
		font-size: 26px;
	}
	.index-main01 {
		width: 95%;
	}
	.index-main01 .pro-types {
		flex-wrap: wrap;
	}
	.index-main01 .pro-types a {
		width: 50%;
	}
	.index-main01 .pro-types a:hover,
	.index-main01 .pro-types a.hover {
		background-color: transparent;
		color: #969696;
	}
	.index-main01 .pro-list-w {
		height: auto;
	}
	.index-main01 .pro-list {
		position: static;
		display: none;
	}
	.index-main01 .pro-list.hover {
		display: flex;
	}
	.index-main02 {
		width: 100%;
	}
	.index-main02 .left {
		width: 100%;
	}
	.index-main02 .right {
		width: 100%;
	}
	.index-main02 .right .tit {
		width: 100%;
	}
	.index-main02 .right .list-w {
		width: 100%;
	}
	.index-main03 .wm-button-prev {
		left: -100%;
	}
	.index-main03 .wm-button-next {
		right: 100%;
	}
	.index-main04 {
		width: 95%;
		flex-wrap: wrap;
	}
	.index-main04 .left {
		width: 100%;
		margin-bottom: 15px;
	}
	.index-main04 .right {
		width: 100%;
	}
	.index-main05 {
		display: none;
	}
	.index-main06 {
		width: 95%;
	}
	footer {
		background-color: #555555;
		padding: 25px 0px 0px;
	}
	footer .left,
	footer .right {
		display: none;
	}
	.footer {
		width: 95%;
		position: static;
		flex-wrap: wrap;
	}
	.footer .f-left {
		width: 100%;
	}
	.footer .f-right {
		width: 100%;
		padding: 0;
	}
	.footer .f-left p.t1 {
		margin-bottom: 10px;
	}
	.footer .f-left p.t2 {
		line-height: 1.4;
	}
	.footer .f-left p.t3 {
		display: none;
	}
	.footer .f-right .one {
		width: 100%;
	}
	.footer .f-right .two {
		width: 100%;
	}
	.footer .f-right .four {
		display: none;
	}
	footer .copy {
		line-height: 1.5;
		padding: 15px 0px;
	}
	.index-main03 .text {
		bottom: 0;
		transform: scale(1, 1);
	}
	.header .logo {
		margin-bottom: 15px;
	}
	.posi-map {
		width: 95%;
		margin: 25px auto;
	}
	.prolist-main {
		width: 95%;
	}
	.prolist-main .pro-list .list {
		width: 49%;
		margin-bottom: 10px;
		border: 1px solid #a7a7a7;
	}
	.prolist-main .pro-list {
		border-left: none;
		justify-content: space-between;
	}
	.show-main01 {
		width: 95%;
		flex-wrap: wrap;
	}
	.show-main01 .gallery-thumbs {
		display: none;
	}
	.show-main01 .wm-button-next,
	.show-main01 .wm-button-prev {
		display: none;
	}
	.show-main01 .gallery-top {
		width: 100%;
	}
	.show-main01 .desc {
		width: 100%;
		padding: 5%;
		margin-bottom: 20px;
	}
	.show-main01-w:after {
		display: none;
	}
	.show-main02 {
		width: 95%;
		flex-wrap: wrap;
	}
	.show-main02 .left {
		width: 100%;
		margin-bottom: 15px;
	}
	.show-main02 .right {
		width: 100%;
		justify-content: space-between;
	}
	.show-main02 .right a {
		margin-left: 0;
	}
	h2.proshow-tit {
		width: 95%;
	}
	.show-main03 {
		width: 95%;
		flex-wrap: wrap;
	}
	.show-main03 .left {
		width: 100%;
	}
	.show-main03 .right-w {
		width: 100%;
	}
	.show-main03 .right img {
		position: static;
		max-width: 100%;
	}
	.show-main03 .right {
		padding: 4%;
	}
	.show-main04 {
		width: 95%;
	}
	.show-main05-w {
		margin-bottom: 0;
		padding: 0;
		background-image: none
	}
	.show-main05 {
		width: 95%;
	}
	.show-main05 .list {
		width: 48%;
	}
	.show-main05 .list:nth-child(3) {
		display: none;
	}
	.show-main05-w p.tit {
		width: 95%;
		color: #555555;
	}
	.show-main05-w p.tit span {
		color: #555555;
	}
	.prolist-main .pro-list.xgpro .list {
		width: 50%;
	}
	.case-main {
		width: 95%;
		flex-wrap: wrap;
	}
	.case-main .left {
		width: 100%;
		margin-bottom: 25px;
	}
	.case-main .left p.t1 {
		display: none;
	}
	.case-main .left p.t2 {
		width: 100%;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.case-main .left p.t2 a {
		width: 50%;
	}
	.case-main .right {
		width: 100%;
	}
	.case-main .right .list {
		flex-wrap: wrap;
	}
	.case-main .right .list .pic {
		width: 100%;
	}
	.case-main .right .list .text {
		width: 100%;
	}
	.install-main01 .left {
		display: none;
	}
	.install-main01 .right {
		width: 100%;
	}
	.install-main01 .right .text {
		position: static;
		width: 100%;
		margin: auto;
		height: auto;
		padding: 3% 0;
	}
	.install-main01 .right img {
		display: none;
	}
	.install-main01 .right .text .list {
		width: 48%;
		margin-bottom: 15px;
	}
	.install-main01 .right .text p.t3 {
		padding: 0 3%;
	}
	.install-main02 {
		width: 95%;
	}
	.install-main02 .list {
		margin-bottom: 15px;
		width: 48%;
	}
	.install-main03 {
		width: 100%;
	}
	.about-main01 {
		width: 95%;
		flex-wrap: wrap;
	}
	.about-main01 .left {
		width: 100%;
	}
	.about-main01 .right {
		width: 100%;
		margin-top: 15px;
	}
	.about-main01 .left p.t3 {
		padding-right: 0;
	}
	.about-main01 .left .t4 {
		flex-wrap: wrap;
		padding-right: 0;
	}
	.about-main01 .left .t4 .list {
		width: 48%;
	}
	.about-main02 {
		width: 95%;
	}
	.about-main02 .right {
		display: none;
	}
	.about-main02 .left {
		width: 100%;
	}
	.about-main04 {
		width: 95%;
		overflow: hidden;
	}
	.about-main04 .lists {
		width: 100%;
		flex-wrap: wrap;
	}
	.about-main04 .lists .pic,
	.about-main04 .lists .text {
		width: 100%;
	}
	.contact-main {
		width: 95%;
		flex-wrap: wrap;
	}
	.contact-main .left {
		width: 100%;
	}
	.contact-main .right {
		width: 100%;
	}
}