* {

	margin: 0px;

	padding: 0px;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);

	/* 取消链接高亮 */

	-o-tap-highlight-color: rgba(0, 0, 0, 0);

	/* 取消链接高亮 */

	-ms-tap-highlight-color: rgba(0, 0, 0, 0);

	/* 取消链接高亮 */

	-moz-tap-highlight-color: rgba(0, 0, 0, 0);

	/* 取消链接高亮 */

	tap-highlight-color: rgba(0, 0, 0, 0);

	/* 取消链接高亮 */

	font-style: normal;

	list-style: none;

	text-decoration: none;

	font-weight: 300;

	-moz-transition: all .5s;

	-ms-transition: all .5s;

	-o-transition: all .5s;

	-webkit-transition: all .5s;

	transition: all .5s;

}



p,

div {

	font-family: Arial;

}

.bold{

	font-family: Arial;

}

img {

	border: none;

	font-family: Arial;

	max-width: 100%;

	height: auto;

	vertical-align: top

}



a {

	color: inherit;

	text-decoration: none;

	-moz-transition: all .5s;

	-ms-transition: all .5s;

	-o-transition: all .5s;

	-webkit-transition: all .5s;

	transition: all .5s;

	word-break: break-word;

	font-weight: inherit;

}



body {

	position: relative;

	min-height: 100%;

	font-size: 16px;

	color: #666666;

	background-color: #FFFFFF;

	font-family: Arial;

	min-width: 320px;

	overflow-x: hidden;

	-moz-transition: all .5s;

	-ms-transition: all .5s;

	-o-transition: all .5s;

	-webkit-transition: all .5s;

	transition: all .5s;

}



.donghua,

 ::after,

 ::before {

	-moz-transition: all .5s;

	-ms-transition: all .5s;

	-o-transition: all .5s;

	-webkit-transition: all .5s;

	transition: all .5s;

}





/*鼠标移上图片放大（图片外面需要一个盒子，盒子类名为imgda即可）*/



.imgda {

	overflow: hidden;

}



.imgda img {

	-moz-transition: all .5s;

	-ms-transition: all .5s;

	-o-transition: all .5s;

	-webkit-transition: all .5s;

	transition: all .5s;

}



.imgda:hover img {

	transform: scale(1.2);

}



/*鼠标移上图片上移效果，哪里需要放哪里*/



.imgUP {

	-moz-transition: all .5s;

	-ms-transition: all .5s;

	-o-transition: all .5s;

	-webkit-transition: all .5s;

	transition: all .5s;

}



.imgUP:hover {

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

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

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

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

	transform: translateY(-2%);

}

.alignleft {

  float: left;

  margin: 6px 28px 28px 0;

}



.alignright {

  float: right;

  margin: 6px 0 28px 28px;

}



.aligncenter {

  clear: both;

  display: block;

  margin: 0 auto 28px;

}

._clear {

	clear: both

}



.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{

    font-weight: 500;

    color: inherit;

    font-family: Arial;

}



.box {

	width: 95%;

	margin: 0 auto;

	max-width: 1200px;

}



.box1200 {

	width: 95%;

	margin: 0 auto;

	max-width: 1200px;

}



.cur {

	position: fixed;

	top: 0;

	width: 100%;

	/*background-color: #fff;*/

	transform: translate(0, 0);

	z-index: 11;

	box-shadow: 0px 0px 15px #e8e8e8;

}



/*轮播图*/



.banner-picture {

	width: 100%;

}



.swiper-container {

	width: 100%;

	height: 100%;

	margin-left: auto;

	margin-right: auto;

}



.swiper-slide img {

	width: 100%;

	display: block;

}



.swiper-slide {

	text-align: center;

	font-size: 14px;

	width: 100%;

	height: 100%;

	background: #FFFFFF;

	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;

}



#banner .swiper-pagination-bullet {

	width: 9px!important;

	height: 9px!important;

	border-radius: 50%!important;

	background: rgba(255, 255, 255, 1)!important;

	/*border: 1px solid #434343;*/

	margin: 0 0;

	margin-left: 18px;

	opacity: .8;

}



#banner .swiper-pagination-bullet:first-child {

	margin-left: 0px;

}



#banner .swiper-pagination-bullet-active {

	background: rgb(8, 119, 218)!important;

	border: none;

	width: 9px!important;

	height: 9px!important;

	opacity: 1;

}

.banner-gongsi{

	width: 100%;

	background: #165bc4;

	height: 80px;

    border-top: 1px solid #fff;

    position: relative;

}

/*.banner-gongsi::before{

	content: "";

	position: absolute;

	left: 0px;

	top: 0px;

	width: 100%;

	height: 0.5px;

	border-top: 0.5px solid #fff;

}*/

.banner-gongsi h2{

	color: rgb(232, 230, 230);

	padding-top: 25px;

    padding-bottom: 15px;

    font-size: 16px;

}

.shaConLine32 {

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

    background-position: 0 0;

    background-repeat: repeat-x;

    margin: 0 30px;

    height: 30px;

    width: 258px;

    margin: 0 auto;

}

#banner .swiper-pagination {

	bottom:90px!important;

}



#banner .swiper-slide {

	position: relative;

}



#banner .swiper-button-next,#banner .swiper-button-prev{

	width: 40px;

	height: 40px;

}

#banner .swiper-button-next{

	background: url(../images/right-jiantou.png) no-repeat;

	background-size: 24px;

}

#banner .swiper-button-prev{

	background: url(../images/right-jiantou.png) no-repeat;

	background-size: 24px;

	transform: rotate(180deg);

}

#banner .swiper-slide .banner-text {

	position: absolute;

	z-index: 9;

	top: 58%;

	left: 50%;

	transform: translate(-50%, -50%);

	width: 100%;

}



#banner .swiper-slide .banner-text h1 {

	width: max-content;

	font-size: 80px;

	font-weight: bold;

	color: #fff;

	margin-bottom: 20px;

	text-align: left;

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

	padding-left: 25px;

	padding-right: 27px;

}



#banner .swiper-slide .banner-text p {

	width: max-content;

	font-size: 48px;

	height: 52px;

	line-height: 48px;

	color: #fff;

	margin-bottom: 20px;

	text-align: left;

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

	padding-left: 25px;

	padding-right: 27px;

}



@media (max-width:1024px) {

	#banner .swiper-slide .banner-text h1 {

		font-size: 36px;

		margin-bottom: 15px;

	}

	#banner .swiper-slide .banner-text h2 {

		font-size: 18px;

		line-height: 28px;

		color: #fff;

		margin-bottom: 25px;

	}

	#banner .swiper-slide .banner-text p {

		font-size: 24px;

		margin-bottom: 5px;

	}

	#banner .swiper-pagination {

		bottom: 5px!important;

	}

}



@media (max-width:550px) {

	#banner .swiper-slide .banner-text h1 {

		font-size: 18px;

		margin-bottom: 0px;

	}

	#banner .swiper-slide .banner-text h2 {

		font-size: 16px;

		margin-bottom: 5px;

	}

}



.title {

	text-align: center;

	padding-bottom: 25px;

}



.title h2{

	font-size: 30px;

	color: #4a5357;

	text-align: center;

	padding-top: 60px;

	font-weight: bold;

	

}

.title h1{

	font-size: 50px;

	color: #333333;

	text-align: center;

	padding-bottom: 45px;

	padding-top: 70px;

}

@media (max-width:1023px) {

	.title h2 {

		padding-top: 28px;

		font-size: 22px;

		padding-bottom: 8px;

	}

}



/*@media (max-width:750px) {

	.title h2 {

		padding-top: 25px;

		font-size: 28px;

	}

	

}*/



@media (max-width:1199px) {

	

}



@media (max-width:1023px) {

	.nav-box-left,

	.header,.header-nav-top,#banner .swiper-pagination {

		display: none;

	}

	.header-nav{

		margin-top: 30px;

	}

	.lx_nav_box{

		display: none !important;

	}

}



@media (max-width:750px) {

	header,

	#banner .swiper-slide .banner-text p,

	.index-solution-p p {

		display: none;

	}

	#banner .swiper-button-prev,

	#banner .swiper-button-next {

		width: 0px;

		height: 0px;

	}

	

}



@media (max-width:550px) {

	.footer-copyright {

		flex-wrap: wrap;

	}

}

.prod-banner{

	position: relative;

}

.prod-banner img{

	display: block;

	margin: 0 auto;

}

.mianbao-bg{

	margin-top: -70px;

	background-color: rgba(255, 255, 255, 0.9);

	position: relative;

	z-index: 1;

	border-bottom: 1px solid rgb(237, 237, 237);

}



.mianbao {

	width: 100%;

    display: flex;

    justify-content: space-between;

    height: 70px;

    align-items: center;    text-transform: uppercase;

}

.mianbao div{

    background-color: rgb(0, 92, 179);

    color: #fff;

    font-size: 16px;

    max-width: 160px;

    height: 100%;

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

}

.mianbao p {

	color: #777777;

	font-size: 14px;

	max-width: 250px;
	display: flex;
    align-items: center;
	

}



.mianbao a:hover {

	color: rgb(19, 117, 209);

}



.mianbao .mianbao-text {

    padding-top: 30px;

    color: #777777;

    font-size: 14px;

    display: flex;

    align-items: center;

    text-transform: uppercase;

    flex-wrap: wrap;

    padding-bottom: 30px;

}

.mianbao .mianbao-text span{

	padding: 0 14px;

}

.mianbao .mianbao-text img {

	margin: 0 18px 0 18px;

}

.mianbao .mianbao-text img:first-child{

	margin-left: 0px;

}



.index-about-box{

	padding-bottom: 30px;

}

.index-about{

	display: flex;

	margin-bottom: 30px;

}

.index-about .left{

	width: 50%;

	padding-right: 5%;

}

.index-about .left h2{

    color: rgb(0, 92, 179);

    font-size: 30px;

    margin-bottom: 12px;

}

.index-about .left h3{

	color: rgb(61, 61, 61);

    font-family: Arial;

    font-size: 20px;

    margin-bottom: 12px;

}

.index-about .left p{

	color: #666;

    font-size: 14px;

    line-height: 30px;

}

.index-about .left div{

	margin: 30px 0;

}

.index-about .right{

	width: 50%;

}

.index-about .left div{

    border-color: rgb(194, 192, 192);

    border-bottom-width: 1px;

    border-top-width: 1px;

    border-style: dashed;

    height: 5px;

    border-left: none;

    border-right: none;

}



.index-about:nth-child(even){

	flex-flow: row-reverse;

}

.index-about:nth-child(even) .left{

	padding-left: 5%;

	padding-right: 0px;

}



.index-prod-bg{

	background: #005cb3;

}



.index-prod-title h2{

	color: #fff;

}



.index-prod{

	display: flex;

	flex-wrap: wrap;

	padding-bottom: 40px;

}



.index-prod-con {

	width: 23%;

	margin-left: 2.66667%;

	margin-bottom: 25px;

}

.index-prod-con:nth-child(4n-3){

	margin-left: 0px;

}



.index-prod-con h2{

    color: rgb(102, 102, 102);

    font-size: 14px;

    padding: 10px 10px;

    background: #fff;

    margin-top: 10px;

    text-align: center;

}
.index-prod-con h2 a{
	display: block;
	height: 50px;
    overflow: hidden;
}
.index-prod-con:hover .index-prod-img img{

	opacity: .5;

}

.index-gongsi{

	padding-bottom: 30px;

}

.index-gongsi>h2{

    color: #58585a;

    font-size: 22px;

    font-weight: bold;

    margin-bottom: 15px;

}

.index-gongsi>p{

    color: #666666;

    font-size: 16px;

    line-height: 30px;

}

.index-gongsi-con h2{

	color: rgb(102, 102, 102);

    text-align: center;

    font-size: 16px;

    padding: 15px 10px;

}



.index-gongsi-box{

	display: flex;

	padding-top: 20px;

}

.index-gongsi-con{

	width: 32%;

	margin-left: 2%;

}

.index-gongsi-con:first-child{

	margin-left: 0px;

}
.index-gongsi-img{
	height: 83%;
}
.index-gongsi-con video{
	height: 100%;
}


.index-news-bg{

	background: #e6e6e6;

}

.index-news-box{

	display: flex;

	padding-bottom: 70px;

}

.index-news-con{

	background: #fff;

	width: 32%;

    margin-left: 2%;

    padding: 3% 2% 2% 2%;

}

.index-news-con:first-child {

    margin-left: 0px;

}

.index-news-text-time{

	padding-bottom: 30px;

}

.index-news-text-time p{

    color: rgb(102, 102, 102);

    text-align: left;

    font-size: 24px;

}

.index-news-text-time p:last-child{

    color: rgb(136, 136, 136);

    font-size: 14px;

}



.index-news-text>h2{

	color: rgb(85, 85, 85);

    font-size: 19px;

    margin-bottom: 10px;

}

.index-news-text>p{

	color:#666666;

    font-size: 14px;

    line-height:32px;

    margin-bottom: 20px;

}

.index-news-text>a{

    color: rgb(119, 119, 119);

    font-size: 14px;

}

.index-news-img{

	margin-top: 25px;

}



#indexcase .swiper-slide h2{

	color: rgb(102, 102, 102);

	font-size: 14px;

	padding: 10px 0;

}

#indexcase .swiper-slide:hover h2{

	color: rgb(0, 92, 179);

}

.index-contact{

	position: relative;

}

.index-contact iframe{

	display: block;

}

.index-contact .box{

	/*position: relative;*/

}

.index-contact-box{

	width: 100%;

	/*position: relative;*/

}

.index-contact-border{

	height: 2px;

	width: 80px;

	background: rgb(0, 92, 179);

	margin-bottom: 10px;

}



.index-contact-con{

	position: absolute;

	top: 0px;

	right: 20%;

	max-width: 436px;

	background-color: rgba(67, 67, 67, 0.76);

	width: 100%;

	height: 100%;

	padding: 25px;

	border-radius: 15px;

}

.index-contact-con h2{

	color: #fff;

	line-height: 28px;

	font-size: 20px;

	margin-bottom: 20px;

}

.footer-bg-box{

	position: relative;

	height: 522px;

}

.footer-bg{

	background: url(../images/bj.jpg) no-repeat;

	opacity: .5;

	width: 100%;

	height: 100%;

}

footer{

	position: absolute;

	left: 0px;

	top: 0px;

	max-width: 1847px;

	width: 98%;

	height: 100%;

	background-color: rgba(0, 0, 0, 0.8);

	margin: 50px 25px 0px 25px;

	height: 472px;

}

footer:hover{

	background-color: rgba(0, 0, 0, 0.6);

}

.footer-text{

	display: flex;

	padding-top: 45px;

}

.footer-con{

	width: 33.3333%;

}



.footer-con ul li{

    line-height: 32px;

    color: rgb(191, 191, 191);

    font-size: 15px;

    margin-bottom: 11px;

}

.footer-con ul li:first-child{

	font-size: 18px;

	color: #fff;

}

.footer-con ul li:hover{

	color: rgb(0, 92, 179);

}

.footer-bottom{

	text-align: center;

	border-top: 1px solid rgb(191, 191, 191);

}

.footer-bottom p{

	color:#bdc3c7;

	font-size:15px;

	padding: 10px 0;

}



.index-ceicon{

	position: fixed;

	right: 0px;

	bottom: 60px;

	width: 54px;

	background: #000;

	white-space : nowrap;

}

.index-ceicon ul{

	/*position: relative;*/

}

.index-ceicon ul li{

	width: 54px;

	height: 54px;

	background: #000;

	transition: all 0.7s;

}

.index-ceicon ul li:hover{

	width: 300px;

}





/*nav_right*/



 .nav_right {

	position: fixed;

	bottom: 60px;

	right: 0;

	width: 54px;

	z-index: 999;

}

 .nav_right .item_box {

	direction: block;

	height: 50px;

	/*overflow-y: hidden;*/

}

 .nav_right .nav_right_item {

	width: 54px;

	height: 54px;

	line-height: 54px;

	text-align: center;

	transition: all 2s;

	-moz-transition: all 0.5s;

	-webkit-transition: all 0.5s;

	-o-transition: all 0.5s;

	background-color: #000;

	float: right;

}

 .nav_right .nav_right_item a {

	color: #fff;

	display: block;

	white-space:nowrap;

}

 .nav_right .item_number{

	display: inline-block;

	width: 54px;

	height: 54px;

}

 .nav_right .item_number img{

    margin-top: 16px;

 }

 .nav_right .nav_right_item:hover {

	width: 200px;

	background-color: rgb(0, 92, 179);

}

 .nav_right .item_box:last-child .nav_right_item:hover{

 	width: 54px;

 }

 .nav_right .nav_right_item:hover .item_number {

	/*display: none;*/

}

 .nav_right .nav_right_item:hover .item_details {

	/*display: block!important;*/

	white-space:nowrap;

}



.relatedCases ul {

	padding-top: 30px;

}

@media all and (max-width: 1500px) {

	footer{

		width: 96%;

	}

}

@media all and (max-width: 1023px) {

	.banner-gongsi{

		display: none;

	}

	.footer-text{

		display: none;

	}

	footer{

	    width: 100%;

		height: auto;

		margin:0px;

	}

	.footer-bg{

		display: none;

	}

	.footer-bg-box{

		height: auto;

	}

	.footer-bottom{

		border: none;

	}

	.index-about{

		flex-wrap: wrap;

	}

	.index-about .left{

		width: 100%;

		padding-right: 0px;

	}

	.index-about .right{

		width: 100%;

	}

	.index-about .left h2{

		font-size: 22px;

	}

	.index-about .left h3{

		font-size: 18px;

	}

	.index-about:nth-child(even) {

	    flex-flow: wrap;

	}

	.index-about:nth-child(even) .left{

		padding-left: 0px;

	}

	.index-prod-con{

		width: 49%;

		margin-left: 2%;

	}

	.index-prod-con:nth-child(4n-3) {

	    margin-left: 2%;

	}

	.index-prod-con:nth-child(2n-1) {

	    margin-left: 0px;

	}

	.index-gongsi>p{

		font-size: 14px;

	}

	

}

@media all and (max-width: 800px) {



	.cases .cases-item ul li .li-right h3 {

	    overflow: hidden;

	    white-space: nowrap;

	    text-overflow: ellipsis;

	}

}



@media all and (max-width: 768px) {

	.index-contact-con{

		position: inherit;

		width: 100%;

		max-width: 100%;

	}

	.index-contact-box {

	    margin-bottom: 70px;

	}

	.nav_right{

		display: none;

	}

	.index-news-box{

		flex-wrap: wrap;

		padding-bottom: 0px;

	}

	.index-news-con{

		width: 100%;

		margin-left: 0px;

		margin-bottom: 20px;

	}

	.index-contact-con h2{

		font-size: 16px;

	}

}

@media all and (max-width: 500px) {

	.index-gongsi-box{

		flex-wrap: wrap;

	}

	.index-gongsi-con{

		width: 100%;

	}

	.index-gongsi-img img{

		width: 100%;

	}

	

	

}



.about-text{

	padding-top: 30px;

}

.about-text.index-gongsi p{

	line-height: 36px;

}

.about-text.index-gongsi .index-gongsi-box{

	flex-wrap: wrap;

}

.about-text.index-gongsi .index-gongsi-box .index-gongsi-con{

	margin-bottom: 2%;

}

.about-text.index-gongsi .index-gongsi-box .index-gongsi-con:nth-child(3n-2){

	margin-left: 0px;

}

.about-title h2{

	text-align: center;

	padding-bottom: 28px;

}

.about-title h2 span{

	position: relative;

	color: rgb(51, 51, 51);

    font-size: 30px;

    font-weight: bold;

    

}

.about-title h2 span::before{

	content: "";

	position: absolute;

	left: -60px;

	top: 15px;

	width: 37px;

	height: 1px;

	background: rgb(211, 211, 211);

}

.about-title h2 span::after{

	content: "";

	position: absolute;

	right: -60px;

    top: 15px;

	width: 37px;

	height: 1px;

	background: rgb(211, 211, 211);

}



.about-zhengshu{

	display: flex;

	justify-content: center;

	padding-bottom: 40px;

}

.about-zhengshu-con{

	max-width: 230px;

	width: 100%;

	margin-left: 3%;

}

.about-zhengshu-con:first-child{

	margin-left: 0px;

}

.about-zhengshu-con h2{

	color:#666666;

	line-height:20px;

	font-size:15px;

	text-align: center;

	padding: 10px 0;

}



@media all and (max-width: 1023px) {

	.mianbao{

		height: 50px;

	}

	.mianbao-bg{

		margin-top: -50px;

	}

}



@media all and (max-width: 768px) {

	.prod-banner img{

		display: none;

	}

	.mianbao-bg{

		margin-top: 0px;

	}

	.mianbao{

		flex-wrap: wrap;

	}

	.mianbao div{

		max-width: 100%;

		height: 80%;

	}

	.mianbao p{

		display: none;

	}

	.about-text {

	    padding-top: 10px;

	}

	

}

@media all and (max-width: 500px) {

	.about-text.index-gongsi .index-gongsi-box .index-gongsi-con {

	    margin-left: 0px;

	}

}



.service-text{

	display: flex;

	padding-top: 20px;

	padding-bottom: 40px;

}



.service-text .service-con{

	width: 49%;

	margin-left: 2%;

}

.service-text .service-con:first-child{

	margin-left: 0px;

}



@media all and (max-width: 768px) {

	.service-text{

		flex-wrap: wrap;

	}

	.service-text .service-con{

		width: 100%;

		margin-left: 0px;

		margin-bottom: 2%;

	}

}



/*.bigimg{width:600px;position: fixed;left: 0;top: 0; right: 0;bottom: 0;margin:auto;display: none;z-index:9999;border: 10px solid #fff;}

.mask{position: fixed;left: 0;top: 0; right: 0;bottom: 0;background-color: #000;opacity:0.5;filter: Alpha(opacity=50);z-index: 98;transition:all 1s;display: none}

.bigbox{width:840px;background: #fff;border:1px solid #ededed;margin:0 auto;border-radius: 10px;overflow: hidden;padding:10px;}

.bigbox>.imgbox{width:400px;height:250px;float:left;border-radius:5px;overflow: hidden;margin: 0 10px 10px 10px;}

.bigbox>.imgbox>img{width:100%;}

.imgbox:hover{cursor:zoom-in}

.mask:hover{cursor:zoom-out}

.mask>img{position: fixed;right:10px;top: 10px;width: 60px;}

.mask>img:hover{cursor:pointer}*/



img[data-action="zoom"] {

  cursor: pointer;

  cursor: -webkit-zoom-in;

  cursor: -moz-zoom-in;

}

.zoom-img,

.zoom-img-wrap {

  position: relative;

  z-index: 666;

  -webkit-transition: all 300ms;

       -o-transition: all 300ms;

          transition: all 300ms;

}

img.zoom-img {

  cursor: pointer;

  cursor: -webkit-zoom-out;

  cursor: -moz-zoom-out;

}

.zoom-overlay {

  z-index: 420;

  background: #fff;

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  pointer-events: none;

  filter: "alpha(opacity=0)";

  opacity: 0;

  -webkit-transition:      opacity 300ms;

       -o-transition:      opacity 300ms;

          transition:      opacity 300ms;

}

.zoom-overlay-open .zoom-overlay {

  filter: "alpha(opacity=100)";

  opacity: 1;

}

.zoom-overlay-open,

.zoom-overlay-transitioning {

  cursor: default;

}

.container {

  /*margin: 50px;

  max-width: 700px;*/

}

.container img {

  width: 100%;

}

.container .pull-left {

  width: 55%;

  float: left;

  margin: 20px 20px 20px -80px;

}







.case-box{

	display: flex;

	flex-wrap: wrap;

	padding: 40px 0;

}



.case-box .case-con{

	width: 23%;

	margin-left: 2.6667%;

}



.case-box .case-con:nth-child(4n-3){

	margin-left: 0px;

}



.case-box .case-con h2{

	color: rgb(102, 102, 102);

    font-size: 14px;

    text-align: center;

    padding-bottom: 20px;

    padding-top: 10px;

}



@media (max-width: 768px) {

	.case-box{

		padding-bottom: 80px;

	}

	.case-box .case-con{

		width: 48%;

		margin-left: 4%;

	}

	.case-box .case-con:nth-child(4n-3){

		margin-left: 4%;

	}

	.case-box .case-con:nth-child(2n-1){

		margin-left: 0px;

	}

}



.contact-bg{

	background: #f5f5f5;

}

.contact{

	display: flex;

}

.contact .left{

	width: 50%;

	background: #fff;

	padding: 30px;

}

.contact .right{

	width: 50%;

	padding: 30px;

}

.contact h2{

    color: rgb(51, 51, 51);

    /*text-align: center;*/

    font-size: 30px;

    font-weight: bold;

    margin-bottom: 20px;

}

.contact li{

	font-size:16px;

	color:#666666;

	line-height:38px;

}



@media (max-width: 768px) {

	.contact .left{

		width: 100%;

	}

	.contact{

		flex-wrap: wrap;

		padding-bottom: 80px;

	}

	.contact .right{

		width: 100%;

	}

	.contact h2{

	    font-size: 24px;

	}

}

.news{

	display: flex;

	flex-wrap: wrap;

	padding-top: 40px;

}

.news-con{

	width: 32%;

	margin-left: 2%;

	margin-bottom: 2%;

}

.news-con:hover{

	box-shadow:0px 0px 15px 0px rgb(217, 217, 217);

}

.news-con:hover .news-img img{

    transform: scale(1.2);

    -moz-transform: scale(1.2);

    -webkit-transform: scale(1.2);

    -o-transform: scale(1.2);

    transition-duration: 1s;

    -moz-transition-duration: 1s;

    -webkit-transition-duration: 1s;

    -o-transition-duration: 1s;

}

.news-con:nth-child(3n-2){

	margin-left: 0px;

}

.news-img{

	overflow: hidden;

	position: relative;

}

.news-time{

	position: absolute;

	bottom: 0px;

	right: 0px;

	display: flex;

	justify-content: space-between;

	align-items: center;

	width: 140px;

	height: 42px;

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

	padding-left: 10px;

}

.news-time p{

	color: #fff;

	font-size: 14px;

}

.news-time div{

	width: 42px;

	height: 42px;

	background: #005cb3;

	display: flex;

	justify-content: center;

	align-items: center;

}

.news-text{

	padding: 5px;

}

.news-text h2{

    font-size: 17px;

    

    color: rgb(51, 51, 51);

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 5;

    overflow: hidden;

    height: 40px;

}

.news-text p{

    font-size: 14px;

    color: rgb(102, 102, 102);

    margin-top: 8px;

    line-height: 20px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 5;

    overflow: hidden;

    height: 60px;

}



@media (max-width: 768px) {

	.news-con{

		width: 49%;

	}

	.news-con:nth-child(3n-2) {

	    margin-left:2%;

	}

	.news-con:nth-child(2n-1) {

	    margin-left: 0px;

	}

	.news{

		padding-bottom: 80px;

	}

}

@media (max-width: 400px) {

	.news-con{

		width: 100%;

		margin-left: 0px;

	}

}





.news-top{

	padding-top: 30px;

	border-bottom: 1px solid rgba(237, 241, 245, 1);

    margin-bottom: 20px;

    padding-bottom: 20px;

    text-align: center;

}



.news-top h1{

	font-size: 24px;

    color: rgb(67, 67, 67);

    font-weight: bold;

    text-align: center;

    margin-bottom: 10px;

}



.news-top span{

	font-size: 14px;

    color: rgb(136, 136, 136);

    display: inline-block;

}

.single-news-text{

	padding-bottom: 20px;

    border-bottom: 1px dashed rgb(217, 217, 217);

}

.single-news-text p{

	color: rgb(102, 102, 102);

    text-align: left;

    font-size: 14px;

}

.single-news-text p img{

	display: block;

	margin: 0 auto;

}

.single-news-text p{

	margin-bottom: 30px;

}

.single-news-fanye{

	padding: 20px 0;

}

.single-news-fanye p{

	font-size: 14px;

    color: rgb(125, 125, 125);

    margin-bottom: 16px;

}

.single-news-fanye p a{

    font-size: 14px;

    color: rgb(125, 125, 125);

}

.single-news-fanye p a:hover{

	color: #005cb3;

}



@media (max-width: 1023px) {

	.news-top h1{

		font-size: 20px;

	}

	.single-news-fanye{

		padding-bottom: 80px;

	}

}



.prod-center{

	display: flex;

	margin-top: -60px;

	padding-bottom: 60px;

	position: relative;

	z-index: 1;

}

.prod-center .left{

	max-width: 250px;

	width: 100%;

}

.prod-center .right{

	max-width: 921px;

	width: 100%;

	margin-left: 30px;

	background: #fff;

	padding: 0px 30px;

}

.prod-center-left-top{

	width: 250px;

	height: 60px;

    background-color: rgb(0, 92, 179);

    padding: 14px 30px;

    display: flex;

    align-items: center;

    justify-content: center;

}

.prod-center-left-top a{

	color: rgb(255, 255, 255);

    text-align: center;

    font-size: 26px;

    font-weight: bold;

    display: flex;

    justify-content: center;

    align-items: center;

}



.prod-center-left-top a img{

	margin-left: 10px;

}

.prod-center-left-top a:hover{

	color: #2196f3;

}

.prod-bg{

	background: #f7f7f7;

}

.prod-nav-title{

	padding: 10px;

	background: #fff;

	position: relative;

	border-bottom: 1px dashed rgb(238, 238, 238);
	z-index: auto;
}

.prod-nav-title:hover,.prod-nav-box .active{

	background: rgb(0, 92, 179);

	border-left: 3px solid rgb(40, 140, 235);

}

.prod-nav-title a{

	color: rgb(102, 102, 102);

    line-height: 25px;

    font-size: 16px;

}

.prod-nav-title:hover a,.prod-nav-box .active a{

	color: #fff;

}



.prod-nav-con{

	display: none;

	position: absolute;

	left: 100%;

	top: 0px;

	width: 100%;

	background: #fff;

	padding: 10px 10px 10px 2px;
	z-index: 999999;
	

}



.prod-nav-title:hover .prod-nav-con{

	display: block;

}

.prod-nav-neirong{

	padding: 10px 0 10px 10px;

	border-bottom: 1px dashed rgb(238, 238, 238);

}

.prod-nav-neirong a{

	color: rgb(102, 102, 102) !important;

}

.prod-nav-neirong:hover{

	border-left: 3px solid rgb(40, 140, 235);

	background: #f9f9f9;

}

.prod-center-mianbao{

	display: flex;

	align-items: center;

	height: 60px;text-transform: uppercase;

	border-bottom: 1px solid rgb(238, 238, 238);

}

.prod-center-mianbao p{

	color: #777777;

    font-size: 14px;

}

.prod-center-mianbao a:hover{ color: rgb(250, 92, 40); }



.prod-center-box{

	display: flex;

	padding: 30px 0px;

	flex-wrap: wrap;

}

.prod-center-con{

	width: 32%;

	margin-left: 2%;

	margin-bottom: 2%;

}

.prod-center-con:nth-child(3n-2){

	margin-left: 0px;

}

.prod-center-con-img{

	margin-bottom: 10px;

	border: 1px solid rgb(237, 237, 237);

}

.prod-center-text{

	border: 1px solid rgb(237, 237, 237);

	border-top: 3px solid rgb(0, 92, 179);

	padding: 10px;

	text-align: center;

    color: rgb(102, 102, 102);

    text-align: center;

    font-size: 14px;

}

/*fanye*/

.fanye-con{

	width: 100%;

}

.fanye {

    text-align: left;

	margin-top: 20px;

    margin-bottom: 50px;

}

.fanye .wp-pagenavi{

	display: flex;

	justify-content: center;

}

.fanye a {

    display: inline-block;

    border: 1px solid #ccc;

    height: 38px;

    text-align: center;

    min-width: 38px;

    width: 38px;

    line-height: 38px;

    position: relative;

    color: #555;

	background: #efefef;

	margin-left: 5px;

	

}

.fanye .current {

    display: inline-block;

    border: 1px solid #ccc;

    height: 38px;

    text-align: center;

    min-width: 38px;

    width: 38px;

    line-height: 38px;

    position: relative;

    background: #fff;

	margin-left: 5px;

    color: #555;

}

.fanye .previouspostslink {

    display: inline-block;

    padding: 0 5px;

}

.fanye .nextpostslink {

    display: inline-block;

    margin-bottom: 0px;

    padding: 0 5px;

    color: #7d7d7d;

}



@media (max-width:768px) {

	.fanye {

	    text-align: left;

	    margin-top: 30px;

	    margin-bottom: 30px;

	}

}



@media (max-width:1023px) {

	.prod-center{

		flex-wrap: wrap;

		margin-top: 0px;

	}

	.prod-center .left{

		max-width: 100%;

		margin-bottom: 30px;

	}

	.prod-center .right{

		max-width: 100%;

		margin-left: 0px;

	}

	.prod-center-left-top a{

	    font-size: 20px;

	}

	

	.prod-nav-title:hover .prod-nav-con{

		display: none !important;

	}

	.prod-nav{

		display: none;

	}

	

}

@media (max-width:768px) {

	.prod-center-con{

		width: 49%;

	}

	.prod-center-con:nth-child(3n-2) {

	    margin-left: 2%;

	}

	.prod-center-con:nth-child(2n-1) {

	    margin-left: 0px;

	}

}

@media (max-width:400px) {

	.prod-center-con{

		width: 100%;

		margin-left: 0px;

	}

	.prod-center-con:nth-child(3n-2) {

	    margin-left: 0px;

	}

}



.single-prod-lunbo{

	display: flex;

	padding-top: 30px;

	padding-bottom: 30px;

}





/*single-product*/



/* 这是下方的鼠标指针的移动镜头平方米。 */

.cloud-zoom-lens {border: 4px solid #888;margin:-4px;background-color:#fff;cursor:move;}

/* 这是标题文本 */

.cloud-zoom-title {font-family:Arial, Helvetica, sans-serif;position:absolute !important;background-color:#000;color:#fff;padding:3px;width:100%;text-align:center;font-weight:bold;font-size:10px;top:0px;}

/* 这是缩放窗口。 */

.cloud-zoom-big {border:4px solid #ccc;overflow:hidden;}

/* 这是加载消息。 */

.cloud-zoom-loading {color:white;background:#222;padding:3px;border:1px solid #000;}

.mousetrap {width: 100%!important;}

.zoom-small-image img {display: block;max-width: 100%;border:1px solid #CDCDCD;}

.single-product {}

.singlepro_le {

	/*width: 95%;*/

}



.signlepro_ri {

	width: 58%;

}

.zoom-section {

	width: 100%;

}

.zoom-desc {

	margin-top: 20px;

}

.preview {

	display: flex;

	flex-wrap: wrap;

	justify-content: flex-start;

}

.preview a {

	width: 22%;

	margin-left: 15px;
	border: 1px solid #ccc;
}

.preview a:nth-child(4n-3){

	margin-left: 0px;

}

.preview a img {

	display: block;

	width: 100%;

}

.single-prod-left{

	max-width: 460px;

	width: 100%;

}



.single-prod-right{

	width: 100%;

	max-width: 370px;

	margin-left: 30px;

}



.single-prod-right h1{

	font-size: 24px;

    color: rgb(67, 67, 67);

    font-weight: bold;

    border-bottom: 1px dashed rgb(217, 217, 217);

    padding-bottom: 10px;

    margin-bottom: 30px;

}

.single-prod-p-box{

	height: 183px;

    overflow: auto;

}

.single-prod-p-box p{

    color: rgba(0,0,0,1);

    text-align: left;

    font-size: 16px;

    line-height: 24px;

    

}



.single-prod-right-anniu{

    background-color: rgb(0, 92, 179);

    color: rgba(255,255,255,1);

    border-radius: 2px;

    width: 257px;

    height: 42px;

    display: flex;

    justify-content: center;

    align-items: center;

    line-height: 42px;

}

.single-prod-right-anniu a{

    color: rgba(255,255,255,1);

    text-align: left;

    font-size: 14px;

    width: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

}

.single-prod-right-anniu a img{

	margin-right: 15px;

}



.single-prod-right-shemei{

	display: flex;

	align-items: center;

	padding: 15px 0;

}

.single-prod-right-shemei p img{

	margin-right: 15px;

}

.single-prod-right-shemei ul {

	display: flex;

}

.single-prod-right-shemei ul li{

	width: 27px;

	height: 27px;

	margin-left: 15px;

}

.single-prod-text{

	border: 1px solid rgb(235, 235, 235);

	background-color: rgb(247, 247, 250);

	padding: 15px 10px;

}

.single-prod-text h2{

	font-size:18px;

	color: #444;

}



.prod-centerright{

	padding-bottom: 30px !important;

}

.single-prod-text2{

	padding-top: 30px;

	padding-bottom: 60px;

}

.single-prod-text2 h3,.single-prod-text2 strong{

	color: rgb(84, 141, 212);

	line-height: 32px;

	font-size: 14px;

	font-weight: bold;

}

.single-prod-text2 p{

	color: rgb(102, 102, 102);

    font-size: 14px;

    line-height: 32px;

	margin-bottom: 15px;

}



.single-prod-details-box h3{

	color: rgb(84, 141, 212);

	line-height: 32px;

	font-size: 14px;

	font-weight: bold;

	margin-bottom: 0px;

}



.single-prod-details{

	display: flex;

}



.single-prod-details-left{

	width: 50%;

	padding-right: 10%;

	padding-top: 10px;

}

.single-prod-details-left h2{

	font-size: 16px;

    color: rgb(89, 89, 89);

    font-weight: bold;

}

.single-prod-details-left p{

	font-size: 14px;

    color: rgb(89, 89, 89);

}

.single-prod-details-right{

	width: 50%;

}

.single-prod-details-box2 .single-prod-details:nth-child(even){

	flex-flow: row-reverse;

}

.single-prod-details-box3{

	padding-bottom: 60px;

}

.single-prod-details-box3 .table{

	overflow: auto;

}

.single-prod-details-box3 .table table{

	width: 100%;

}

.single-prod-details-box3 .table table tr td{

	padding: 10px 3px;

    border-color: rgb(63, 63, 63);

    text-align: center;

    font-size: 14px;

}

.single-prod-details-box3 .table table tr:first-child td{

	background-color: rgb(198, 217, 240);

}

.single-prod-details-box3 .table table tr td:first-child{

	background-color: rgb(198, 217, 240);

}



.single-prod-details-box4 h2{

	color: rgb(51, 51, 51);

    text-align: center;

    font-size: 30px;

    font-weight: bold;

    padding: 20px 0;

}



@media (max-width:1023px) {

	.single-prod-lunbo{

		flex-wrap: wrap;

	}

	.single-prod-left{

		max-width: 100%;

		margin-bottom: 20px;

	}

	.single-prod-right{

		max-width: 100%;

		margin-left: 0px;

	}

	#cloud-zoom-big,.cloud-zoom-lens{

		display: none !important;

	}

	.single-prod-right h1{

		font-size: 20px;

	}

	.single-prod-right-shemei{

		flex-wrap: wrap;

	}

	.single-prod-details{

		flex-wrap: wrap;

	}

	.single-prod-details-box2 .single-prod-details:nth-child(even) {

	    flex-flow: wrap;

	}

	.single-prod-details-left{

		width: 100%;

		margin-bottom: 30px;

	}

	.single-prod-details-right{

		width: 100%;

		margin-bottom: 30px;

	}

	.single-prod-text2 p{

		line-height: 26px;

	}

	.single-prod-text2{

		padding-bottom: 20px;

	}

	.single-prod-details-box4 h2{

		font-size: 20px;

	}

	.single-prod-details-box3{

		padding-bottom: 20px;

	}

	

	

	

}





.image-background {

    width: 100%;

    height: 100%;

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

    background-size: 100% 100%;

    position: relative;

    height: 100vh;

}

.page-text {

    width: 80%;

    height: 320px;

    margin: auto;

    padding: 1px;

    text-align: center;

    position: absolute;

    top: 50%;

    margin-top: -200px;

    left: 10%;

}

.page-text h1{

	font-size: 130px;

	font-weight: bold;

	color: #fff;

	opacity: .6;

}

.page-text h2{

	font-size: 30px;

	color: #fff;

	opacity: .6;

}

.back-home {

    text-decoration: none;

    color: #fff;

    padding: 10px;

    border-radius: 5px;

    margin: 40px auto 0;

    opacity: 0.7;

    -o-opacity: 0.7;

    -moz-opacity: 0.7;

    -webkit-opacity: 0.7;

    width: 150px;

    transition: all 0.4s;

    -o-transition: all 0.4s;

    -moz-transition: all 0.4s;

    -webkit-transition: all 0.4s;

    display: block;

    border: solid 1px #E0E0E0;

}


.usedComp{float: left;width: 31%;margin-right: 2%;margin-bottom: 10px;}
.usedComp:nth-child(9){width: 94%;}
.usedComp label{font-size: 14px;line-height: 36px;color: #7e7e7e;}
.usedComp:nth-child(9)~div{float: left;}
.usedComp span{color: red;padding-left: 5px;display: inherit;width: 0px;height: 0px;margin: 0px auto;}
.xhl-input-xlarge{width: 100%;height: 40px;border: 0; border:1px solid #cccccc;border-radius: 5px;color: #999999;}
.xhl-controls .xhl-textarea{width: 100%;height: 100px;resize: none; border:1px solid #cccccc;border-radius: 5px;}
.xhl-controls .xhl-submit,.but_pro span{background-color: #0da7ee;color: #fff;border: 0;padding: 15px 35px;font-size: 16px;font-weight: bold;display: inline-block;}
.xhl-controls{position: relative;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 
color: #7e7e7e; 
} 
input:-moz-placeholder, textarea:-moz-placeholder { 
color: #7e7e7e; 
} 
#xhlFormSubmit {
width: 145px;
height: 44px;
line-height: 44px;
text-align: center;
color: #fff;
position: absolute;
z-index: 2;
font-size: 16px;
}
.xhl-footer::after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background: #005cb3;
/* transform: skew(-20deg); */
}
.xhl-controls .xhl-form-tip{position: absolute;right: -10px;top: 0;}
.usedComp:nth-child(4){
margin-right: 0px;
width: 97%;
}
.usedComp:nth-child(5){
margin-right: 0px;
}
.usedComp:nth-child(5){
width: 100%;
}
.usedComp:nth-child(6){
width: 94%;
}
.xhl_form{
margin: 35px 0 30px 0;
}
.xhl-footer{
display: block;
position: relative;
width: 145px;
height: 44px;
margin: 0 auto;
}
.xhl_form div:nth-child(9) .xhl-controls input{
height: 120px;
}
@media (max-width:768px){
.usedComp{
width: 100%!important;
}
}