.content-enquiry {
  padding: 0 0 100px;
}

.enquirycont .q-left {
  float: left;
  width: 62%;
  border: 1px solid #E5E5E5;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(0,0,0,.07), 0 2px 4px rgba(0,0,0,.07), 0 4px 8px rgba(0,0,0,.07), 0 8px 16px rgba(0,0,0,.07), 0 16px 32px rgba(0,0,0,.07), 0 32px 64px rgba(0,0,0,.07);
    background-color: #fff;
    border-radius: 1.5rem;
}

.enquirycont .q-t {
    height: 65px;
  line-height: 65px;
  /*background-color: #223850 ;*/
  color: #223850;
  padding: 0 26px;
  font-size: 20px;
  border-radius: 10px 10px 0 0;
}

.enquirycont .q-list li {
  display: flex;
  padding: 14px;
  align-items: center;
  position: relative;
  border-bottom: 1px solid #eee;
}

.enquirycont .q-list li:hover h3 {
  text-decoration: underline;
}

.enquirycont .q-list li:nth-last-child(1) {
  border-bottom: none;
}

.enquirycont .q-list li:nth-child(odd) {
  background-color: #f3f3f3;
}

.enquirycont .q-list li .del {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: 22px;
  height: 26px;
  right: 50px;
  z-index: 2;
  transform: translateY(-50%);
  background: url("../png/del.png") no-repeat;
}

.enquirycont .q-list .imgshow {
  flex-shrink: 0;
  width: 110px;
  height: 110px;
}

.enquirycont .q-list .imgshow img {
  width: 100%;
}

.enquirycont .q-list .text {
  font-size: 24px;
  color: #333;
  padding-left: 30px;
	padding-right: 70px;
}
.enquirycont .q-list .text p a{
  font-size: 16px;
  color: #333;
}
.enquirycont .q-list h3 a{
  color: #223850 ;
  font-size: 20px;
}

.enquirycont .add-more {
  text-align: center;
  justify-content: center;
}

.enquirycont .add-more a {
  color: #223850 ;
  font-size: 18px;
  font-weight: bold;
}

.enquirycont .q-right {
  float: right;
  width: 35%;
  border: 1px solid #eee;
  border-radius: 10px;
  background-color: #F9F9F9;
  box-shadow: 0 1px 2px rgba(0,0,0,.07), 0 2px 4px rgba(0,0,0,.07), 0 4px 8px rgba(0,0,0,.07), 0 8px 16px rgba(0,0,0,.07), 0 16px 32px rgba(0,0,0,.07), 0 32px 64px rgba(0,0,0,.07);
    background-color: #fff;
    border-radius: 1.5rem;
}

.enquirycont .q-right .q-t {

  background: #16C55E ;
  color: #fff;
}

.wpcf7-form em{
    color: red;
    padding-left: 5px;
    font-size: 14px;
}
.wpcf7-form input,
.wpcf7-form textarea {
        border-radius: 5px;
     height: 20px;
    line-height: 20px;
    padding: 20px;
    border: 1px solid #DBDBDB;
    width: 100%;
    margin-top: 7px;
    margin-bottom: 20px;
}

.wpcf7-form textarea {
    height: 80px;
}

.wpcf7-form input[type="submit"] {

    width: 85px;
    height: 40px;
    line-height: 1px;
    text-align: center;
    color: #fff;
    background: #16C55E;
    font-size: 18px;
}

.wpcf7-form input[type="submit"]:hover {
    background-color: #333333;
    color: #FFF;
}

.enquirycont .msg-grid {
  padding: 10px 25px 50px;
}

.enquirycont .msg-grid .usedComp {
  width: 100%;
  margin-bottom: 8px;
}

.enquirycont .msg-grid .xhl-input-xlarge {
  border: 1px solid #E5E5E5;
  height: 35px;
  background-color: #FFF;
}

.enquirycont .xhl-controls .xhl-textarea {
  background-color: #FFF;
  border: 1px solid #E5E5E5;
  height: 70px;
  padding: 10px 20px;
}

.enquirycont .usedComp label {
  color: #666;
}

.enquirycont #xhlFormSubmit {
  background-color: #E5B112;
  height: 35px;
  line-height: 35px;
  width: 100%;
  margin: 0;
  font-size: 14px;
	text-transform:capitalize;
}

.enquirycont{  clear:both;}

/* 首页 */

.index-prod-bg{

	padding-top: 70px;

	margin-top: -70px;

	background: url(../png/index1.png) no-repeat;

	background-size: cover;

}

.index-prod-con-img{

	position: relative;

}

.index-prod-con-img a{

	display: block;

	width: 100%;

	height: 100%;

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

	position: absolute;

	left: 0px;

	top: 0px;

}



.index-prod-text{

	text-align: left;

	background: #fff;

	width: 70%;

	margin: 0 auto;

	padding: 35px 40px;

	margin-top: -50px;

	z-index: 1;

    position: relative;

    box-shadow:0px 36px 80px -27px rgba(34,56,80,0.1);

    border-radius:4px;

}

.index-prod-text h2{

	color: #16C55E;

	font-size: 18px;

	height: 27px;

	margin-bottom: 25px;

}

.index-prod-text p{

	color: #9FA4AE;

	font-size: 14px;

	line-height: 21px;

	height: 63px;

	margin-bottom: 20px;

}

.index-prod-text>a{

	background: #16C55E;

	width: 110px;

	height: 34px;

	display: flex;

	align-items: center;

	justify-content: center;

	color: #FFFFFF;

	font-size: 14px;

	position: absolute;

	right: -28px;

	bottom: -17px;

}



#prod{

	padding-bottom: 90px;

}

#prod .swiper-button-next,

#prod .swiper-button-prev {

	width: 50px;

	height: 50px;

	top: 30%;

}



#prod .swiper-button-next.hide {

	background: url(../png/fanyeyou.png) no-repeat;

	right: -20%;

}



#prod .swiper-button-prev.hide {

	background: url(../png/fanyeyou.png) no-repeat;

	left: -20%;

	transform: rotateY(180deg);

}

#prod .swiper-button-next {

	background: url(../png/fanyeyou.png) no-repeat;

	right: 2%;

}



#prod .swiper-button-prev {

	background: url(../png/fanyeyou.png) no-repeat;

	left: 2%;

	transform: rotateY(180deg);

}

.index-prod-center-title h2{

	padding-top: 0px;

	margin-top: -20px;

}



.index-video{

	position: relative;

}

.video-bt{

	position: absolute;

	left: 50%;

	top: 50%;

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

}

.index-prod-center{

	padding-bottom: 30px;

}

.index-prod-center-top,.index-prod-center-box{

	position: relative;

	margin-bottom: 30px;

}

.index-prod-center-top>img,.index-prod-center-box>img{

	width: 100%;

}

.index-prod-center-top-text,.index-prod-center-con,.index-prod-center-box .anniu{

	position: absolute;

	left: 50%;

	top: 50%;

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

}

.index-prod-center-top-text{

	left: 76%;

	

}

.index-prod-center-top-text h2{

	font-size: 36px;

	color: #fff;

	text-align: center;

	margin-bottom: 10px;

}

.index-prod-center-top-text a{

	display: flex;

	justify-content: center;

	align-items: center;

	width: 262px;

	height: 44px;

	color: #fff;

	border-radius: 2px;

	background: #9FA4AE;

	font-weight: 500;

}

.index-prod-center-top-text a:hover{

	background: #223850;

}

.index-prod-center-con{

	word-break: initial;

	width: 100%;

	height: 100%;

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

	display: flex;

	align-items: center;

	justify-content: center;

	padding: 10px;

}

.index-prod-center-con h2{

	color: #FFFFFF;

	font-size: 36px;

	line-height: 55px;

	text-align: center;

}

.index-prod-center-box .anniu{

	word-break: initial;

	width: 100%;

	height: 100%;

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

	display: flex;

	align-items: center;

	justify-content: center;

}

.index-prod-center-box .anniu h2{

	color: #FFFFFF;

	font-size: 36px;

	line-height: 55px;

	text-align: center;

	position: relative;

	padding: 10px 20px;

}

.index-prod-center-box .anniu h2::before{

	content: "";

	position: absolute;

	left: 50%;

	top: 0;

	width: 0px;

	height: 1px;

	background: #fff;

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

}

.index-prod-center-box .anniu h2::after{

	content: "";

	position: absolute;

	left: 50%;

	bottom: 0;

	width: 0px;

	height: 1px;

	background: #fff;

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

}

.index-prod-center-box .anniu:hover h2::before{

	width: 100%;

}

.index-prod-center-box .anniu:hover h2::after{

	width: 100%;

}



#news{

	padding-top: 20px;

}

#news .swiper-slide{

	background: transparent;

}

.index-news-con{

	box-shadow:0px 108px 250px -81px rgba(205,230,250,0.5);

	background: #fff;

}

.index-news-con .index-news-con-img img{

	width: 100%;

}

.index-news-con .index-news-text{

	display: flex;

	padding: 30px;

}

.index-news-con .left{

	min-width: 70px;

}

.index-news-con .left h3{

	color: #333333;

	font-size: 30px;

	font-weight: bold;

	text-align: left;

}

.index-news-con .left p{

	color: #999999;

	font-size: 14px;

	text-align: left;

	margin-bottom: 15px;

}

.index-news-con .left span{

	display: block;

	width: 13px;

	height: 1px;

	background: #223850;

}



.index-news-con .right h2{

	color: #333333;

	font-size: 24px;

	line-height: 35px;

	font-weight: bold;

	height: 70px;

	text-align: left;

	margin-bottom: 15px;

}

.index-news-con .right p{

	color: #8F9495;

	font-size: 14px;

	line-height: 20px;

	height: 60px;

	text-align: left;

}

.index-news-con .right .anniu{

	float: right;

	margin-top: 10px;

}

#news .swiper-button-next,

#news .swiper-button-prev {

	width: 50px;

	height: 50px;

	top: 30%;

}

#news .swiper-button-next.hide {

	background: url(../png/fanyeyou.png) no-repeat;

	right: -20%;

}



#news .swiper-button-prev.hide {

	background: url(../png/fanyeyou.png) no-repeat;

	left: -20%;

	transform: rotateY(180deg);

}

#news .swiper-button-next {

	background: url(../png/fanyeyou.png) no-repeat;

	right: 2%;

}



#news .swiper-button-prev {

	background: url(../png/fanyeyou.png) no-repeat;

	left: 2%;

	transform: rotateY(180deg);

}

.index-news-bg{

	background: url(../png/index-news.png) no-repeat;

	background-size: cover;

	padding-bottom: 80px;

}

.index-news-con:hover{

	transform: translateY(-20px);

}



footer{

	background: #223850;

}

.footer{

	display: flex;

	padding: 50px 0;

	border-bottom: 1px solid #14283E;

}

.footer ul{

	width: 20%;

}

.footer ul h2{

	color: #FFFFFF;

	font-size: 16px;

	font-weight: bold;

	margin-bottom: 20px;

}

.footer ul li{

	color: #FFFFFF;

	font-size: 14px;

	line-height: 21px;

	margin-bottom: 15px;

}

.footer ul li:last-child{

	margin-bottom: 0px;

}
.footer ul li a:hover{
	color: #16C55E;
}



.footer ul:nth-child(5){

	text-align: right;

}

.footer ul:nth-child(5) li a{

	color: #ffffff;

	/*text-decoration: underline;*/

}
.mailto a{
	color: #0091FF !important;
	text-decoration: underline;
}

.footer-bottom-box{

	padding: 16px 0;

	text-align: center;

	color: #CECECE;

	font-size: 14px;

	line-height: 21px;

}

.footer ul:nth-child(4){

	padding-left: 3%;

}

.footer ul:nth-child(4) li{

	display: flex;

	align-items: center;

}

.footer ul:nth-child(4) li i{

	font-size: 24px;

	padding-right: 30px;

}



.lx_gai_home_prod_none{
	display: none;
}





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

	.index-prod-center-top-text h2{

		font-size: 24px;

	}

	.index-prod-center-con h2,.index-prod-center-box .anniu h2{

		font-size: 24px;

		line-height: 30px;

	}

	#news .right h2{

		font-size: 20px;

		line-height: 26px;

		height: 52px;

	}

	#news .left h3{

		font-size: 20px;

	}

	.footer ul{
		padding-right: 1%;
	}
	.footer ul:nth-child(4){
		padding-left: 0px;
		width: 15%;
	}
	.footer ul:nth-child(5){
		width: 25%;
	}

}



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

	.index-prod-text{

		width: 90%;

	}

	.footer{

		display: none;

	}
	.lx_gai_home_prod_none{
		display: block;
	}
}

@media all and (max-width: 768px){
	.index-prod-text{
		padding: 10px;
	}
	.index-prod-text h2{
		margin-bottom: 8px;
		font-size: 16px;
	}
	.index-prod-text>a{

		position: initial;
		display: none;
	}
	.index-prod-text p{
		margin-bottom: 0px;
	}

	#prod{

		padding-bottom: 50px;

	}

	.index-prod-center-top-text a{

		font-size: 12px;

		width: 230px;

		height: 30px;

	}

	.index-prod-center-con h2, .index-prod-center-box .anniu h2{

		font-size: 16px;

	}

	.video-bt img{

		width: 40px;

	}
	.index-news-con .right .anniu{
		display: none;
	}

	

}

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

	.index-prod-center-top-text{

		left: 50%;

	}

	.index-prod-center-top-text h2 {

	    font-size: 20px;

	    margin-bottom: 0px;

	}

}



/* 产品中心页 */



.prod-center{

	

}

.prod-center-top{

	background: #223850;

	padding: 12px 12px 12px 18px;

}

.prod-center-top h1,.prod-center-top h2{

	display: flex;

	align-items: center;

	color: #fff;

	font-size: 18px;

}

.prod-center-top h1 img,.prod-center-top h2 img{

	margin-right: 15px;

}

.prod-center .index-prod-center-con h2{

	font-size: 24px;

	line-height: 30px;
	word-break: break-word;

}

.prod-center-nav{

	margin-bottom: 60px;

}



.list{margin:0px auto;}

.list ul{transition: none;}

.list ul .lx_list_li{background-color:#FFFFFF;border-bottom:0;transition: none;margin-bottom: 25px;box-shadow:0px 2px 19px 0px rgba(0,0,0,0.03);}

.list ul .lx_list_li a{padding-left: 10px;color: #333333; font-size:14px; display: flex;justify-content: space-between;align-items: center; font-weight:500;position: relative;transition: none;line-height: 21px;padding: 17px 16px 17px 25px;

}

.list ul .lx_list_li a i{

	display: flex;

	/*align-items: center;*/

}

.list ul .lx_list_li a.inactive.inactives i img{

	transform: rotate(90deg);

}

.list ul .lx_list_li .inactive{ /*background:url(images/off.png) no-repeat 184px center;transition: none;*/}

.list ul .lx_list_li .inactives{/*background:url(images/on.png) no-repeat 184px center;transition: none;*/} 

.list ul .lx_list_li ul{display: none;}

.list ul .lx_list_li ul .lx_list_li_li { border-left:0; border-right:0; background-color:#fff; border-color:#FFFFFF;}

.list ul .lx_list_li ul .lx_list_li_li ul{display: none;}

.list ul .lx_list_li ul .lx_list_li_li a{ padding-left:27px;color: #666;justify-content: initial;align-items: end;}

.list ul .lx_list_li ul .lx_list_li_li a:hover{color: #223850}

.list ul .lx_list_li ul .lx_list_li_li a.act{color: #223850}

.list ul .lx_list_li ul .lx_list_li_li a i{

	margin-right: 18px;

	align-items: initial;

	margin-top: 6px;
	min-width: 6px;

}

.list ul .lx_list_li ul .lx_list_li_li ul li { background-color:#fff; border-color:#6196bb; }

.last{ background-color:#d6e6f1; border-color:#6196bb; }

.list ul .lx_list_li ul .lx_list_li_li ul li a{ color:#9FA4AE; padding-left:66px;}

.list ul .lx_list_li ul .lx_list_li_li ul li a i{

	display: block;

	width: 3px;

	height: 3px;

	background: #9FA4AE;

}

.prod-center-contact{

	padding: 45px 35px;

}

.prod-center-contact div{

	margin-bottom: 20px;

}

.prod-center-contact div:last-child{

	margin-bottom: 0px;

}

.prod-center-contact div p{

	color: #738088;

	font-size: 14px;

	line-height: 24px;

	display: flex;

	align-items: center;

	margin-bottom: 8px;

}

.prod-center-contact div p:last-child{

	margin-bottom: 0px;

}

.prod-center-contact div p span{

	color: #333333;

	font-size: 16px;

	font-weight: 500;

}

.prod-center-contact div p img{

	margin-right: 15px;

}

.prod-search{

	position: absolute;

	left: 50%;

	top: 50%;

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

	max-width: 874px;

	width: 95%;

}

.prod-search form {

    display: flex;

    justify-content: space-between;

    box-shadow:0px 12px 30px -8px rgba(0,0,0,0.5);

}

.prod-search form input {

    display: inline-block;

    width: 100%;

    font-size: 14px;

    color: #333;

    outline: none;

    border: none;

    background: #fff;

    padding-left: 40px;

}

.prod-search form button {

    border: none;

    background: none;

    cursor: pointer;

    width: 90px;

    min-width: 90px;

    height: 58px;

    background: #223850;

    position: relative;

}

.prod-con-img{

	overflow: hidden;

}

.prod-con-text{

	padding: 20px 10px 6px 10px;

}

.prod-con-text h2{

	color: #333333;

	font-size: 18px;

	line-height: 22px;

	text-align: center;

	height: 44px;

}

.prod-con{

	margin-bottom: 0px;

}

.prod-center .botche {
    padding: 0 12px 9px 0;
    text-align: right;
}

.prod-center .che {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 26px;
    height: 24px;
    display: inline-block;
    background-image: url(../png/che.png);
}
.prod-center .col-lg-4:hover .che {
    background-image: url(../png/che2.png)
}


.single-prod{

	display: flex;

}

.prod-single-left{

	width: 40%;

}

.prod-single-right{

	width: 57%;

	padding-left: 3%;

}

.prod-single-right h1{

	color: #494543;

	font-size: 24px;

}

.prod-single-right span{

	display: block;

	width: 50px;

	height: 2px;

	background: #16C55E;

	margin: 18px 0 30px;

}

.prod-single-text p{

	color: #738088;

	font-size: 14px;

	line-height: 22px;

}

.prod-single-text1 ul{

	display: flex;

	align-items: center;

	height: 30px;

	margin-top: 10px;

}

.prod-single-text1 ul li{

    margin-left: 10px;

    width: 25px;

    height: 25px;

    border-radius: 50%;

   	text-align: center;

   	line-height: 25px;

}

.prod-single-text1 ul li:first-child{

	margin-left: 0px;

}

.prod-single-text1 ul li a{

    background: #E9E9E9;

    width: 24px;

    height: 24px;

    line-height: 24px;

    text-align: center;

    border-radius: 50%;

    display: block;

}

.prod-single-text1 ul li a:hover{

	background: #16C55E;

}

.prod-single-text1 ul li i{

	color: #FFFFFF;

    transition: none;

    font-size: 12px;

}

.prod-single-text2{

	display: flex;

	width: 100%;

	margin-top: 30px;

}

.prod-single-text2 a{

	flex: 1;

	display: flex;

	align-items: center;

	justify-content: center;

	margin-left: 10px;

	border: 2px solid #16C55E;

	padding: 5px;

	color: #16C55E;

	font-size: 14px;

}

.prod-single-text2 a:nth-child(1){

	margin-left: 0px;

}

.prod-single-text2 a:hover{

	color: #fff;

	background: #16C55E;

}

.prod-single-text2 a img{

	margin-right: 2px;

}

.prod-title{

	background: #F7F7F7;

	padding: 8px 0 8px 20px;

	margin-top: 50px;

	margin-bottom: 30px;

}

.prod-title h2{

	color: #494543;

	font-size: 24px;

}



.prod-single-text4 h3{

	color: #738088;

	font-size: 20px;

	line-height: 30px;

	margin-bottom: 15px;

	margin-top: 20px;

}

.prod-single-text4 ul li{

	color: #738088;

	font-size: 14px;

	line-height: 21px;

	background: url(../png/prod13.png) no-repeat 0px 3px;

	padding-left: 30px;

	margin-left: 20px;

	margin-bottom: 10px;

}

.prod-single-text4 ul li:last-child{

	margin-bottom: 0px;

}

.prod-single-text5 ul{

	padding-left: 20px;

}

.prod-single-text5 li{

	color: #738088;

	font-size: 14px;

	margin-bottom: 16px;

}

.prod-single-text5 li:last-child{

	margin-bottom: 0px;

}

.prod-single-text5 li span{

	color: #333333;

}

.rel-prod-title h2{

	text-align: center;

}

.message h2,.message h1{

	color: #333333;

	font-size: 24px;

	text-align: center;

	margin-bottom: 20px;

}

.message p{

	color: #738088;

	font-size: 18px;

	line-height: 28px;

	text-align: center;

	margin-bottom: 30px;

}

.message-con{

	padding-bottom: 60px;

}

.contact{

	height: 425px;

	background: url(../png/con4.png) no-repeat;

	background-size: cover;

}

.contact .prod-center-contact div{

	margin-bottom: 28px;

}

.contact_message{

	padding-top: 60px;

}

.lx_gai_prod{
	margin: 0 -15px;
}









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

	.prod-center .index-prod-center-con h2{

		font-size: 20px;

	}

	.prod-center-top h2{

		font-size: 14px;

	}

	.prod-search{

		width: 95%;

		padding-left: 21px;

		padding-right: 21px;

		margin: 0 auto;

		padding-top: 30px;

		margin-bottom: 30px;

	}
	.list ul .lx_list_li a{
		padding: 17px 10px 17px 10px;
	}

	.prod-center-contact{
		padding: 20px 15px;
	}
	.prod-con-text h2{
		font-size: 16px;
	}
	.prod-con-text{
		padding: 10px;
	}


}



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

	.prod-search{

		position: initial;

		transform: none;

	}

	.single-prod{

		flex-wrap: wrap;

	}

	.prod-single-left{

		width: 100%;

		margin-bottom: 30px;

	}

	.prod-single-right{

		width: 100%;

		padding-left: 0px;

	}

	.prod-center-top,.prod-center-nav,.prod-center-top,.prod-center-contact{

		display: none;

	}

	.message h2{

		font-size: 20px;

		margin-bottom: 10px;

	}

	.message p{

		font-size: 14px;

    	line-height: 24px;

	}

	.contact{

		height: auto;

		margin-top: 30px;

	}

	.contact .prod-center-contact{

		display: block;

	}

	.contact_message{

		padding-top: 30px;

	}

	.contact_iframe{

		margin-top: 30px;

	}
	

}

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

	.prod-center .index-prod-center-con h2{

		font-size: 16px;

		line-height: 24px;

	}

	.index-prod-center-top, .index-prod-center-box{

		margin-bottom: 12px;

	}

	.prod-title h2{

		font-size: 18px;

	}

	.prod-single-text4 h3{

		font-size: 16px;

	}

	.prod-title{

		margin-top: 30px;

	}

	#news .right h2{

		font-size: 16px;
		line-height: 20px;
		height: 40px;
	}
	.index-news-con .left span{
		display: none;
	}
	.prod-search{
		width: 100%;
	}
	.lx_gai_prod{
		margin: 0 -6px;
	}

}

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

	.prod-single-text2{

		flex-wrap: wrap;

	}

	.prod-single-text2 a{

		flex: auto;

		width: 100%;

		margin-left: 0px;

		margin-bottom: 20px;

	}

	.prod-single-text2 a:last-child{

		margin-bottom: 0px;

	}

}







/* 新闻页面 */

.news{

	display: flex;

	flex-wrap: wrap;

}

.news .index-news-con{

	margin-bottom: 40px;

	width: 32%;

	margin-left: 2%;

}

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

	margin-left: 0px;

}

.single-news-title h1{

	font-size: 24px;

	color: #333;

	text-align: center;

	font-weight: 500;

}



.news-single-title{

	display: flex;

	justify-content: center;

	padding-bottom: 20px;

	padding-top: 20px;

}

.news-single-title p{

	line-height: 30px;

	color: #738088;

	font-size: 14px;

	margin-left: 20px;

	display: flex;

	align-items: center;

}

.news-single-title p:first-child{

	margin-left: 0px;

}

.news-single-title p img{

	margin-right: 10px;

}

.news-single-title ul{

	display: flex;

	align-items: center;

	height: 30px;

	padding-left: 30px;

}

.news-single-title ul li{

    margin-left: 10px;

    width: 20px;

    height: 20px;

    border-radius: 50%;

   	text-align: center;

   	line-height: 20px;

}

.news-single-title ul li:first-child{

	margin-left: 0px;

}

.news-single-title ul li a{

    background: #383838;

    width: 20px;

    height: 20px;

    line-height: 20px;

    text-align: center;

    border-radius: 50%;

    display: block;

}

.news-single-title ul li a:hover{

	background: #16C55E;

}

.news-single-title ul li i{

	color: #FFFFFF;

    transition: none;

    font-size: 12px;

}



.news-text{

	padding-bottom: 30px;

}

.news-text p{

	color: #738088;

	font-size: 14px;

	line-height: 28px;

	margin-bottom: 20px;

}

.single-news-fanye{

	padding: 30px 0;

}

.single-news-fanye div{

	display: flex;

	color: #4ED084;

	font-size: 14px;

	margin: 15px 0;

}

.single-news-fanye div span{

	color: #666666;

	font-size: 14px;

	padding-right: 10px;

}

.single-news-fanye div a{

	text-decoration: underline;

}

.news-center{

	padding-top: 0px;

}

.news-center .index-news-con-title div h2{

	padding-left: 0px;

}



.rel-news-bg{

	background: #F7F7F7;

	padding-bottom: 80px;

}

.rel-news-title{

	padding: 30px 0;

}

.rel-news-title h2 {

	color: #333333;

	font-size: 36px;

	text-align: center;

}

.rel-news-text{

	padding: 15px;

}

.rel-news-text h2{

	color: #333333;

	font-size: 20px;

	line-height: 30px;

	text-align: left;

	height: 60px;

}

.index-news-con:hover .rel-news-text h2{

	color: #16C55E;

}



.solution-con{

	display: flex;

	margin-bottom: 60px;

}

.solution-con .left{

	width: 48%;

	position: relative;

}

.solution-con .left a{

	position: absolute;

	left: 50%;

	top: 50%;

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

	display: flex;

	justify-content: center;

	align-items: center;

}

.solution-con .left a h3{

	color: #FFFFFF;

	font-size: 24px;

	line-height: 35px;

	width: 140px;

	word-break: initial;

}

.solution-con .left a img{

	margin-right: 10px;

}

.solution-con .right{

	width: 48%;

	margin-left: 4%;

	display: flex;

	flex-wrap: wrap;

	align-content: space-around;

}

.solution-con .right h2{

	color: #333333;

	font-size: 24px;

	line-height: 35px;

	height: 35px;

	text-decoration: underline;

}

.solution-con .right p{

	color: #738088;

	font-size: 14px;

	line-height: 24px;

	height: 72px;

}

.solution-con .right>a{

	display: flex;

	align-items: center;

	color: #16C55E;

	font-size: 14px;

}

.solution-con .right>a img{

	margin-left: 10px;

}

.solution-con:nth-child(even){

	flex-flow: row-reverse;

}

.solution-con:nth-child(even) .right{

	margin-right: 4%;

	margin-left: 0px;

}

.single-solution{

	display: flex;

}

.single-solution .left{

	width: 70%;

}

.single-solution .right{

	width: 27%;

	margin-left: 3%;

}

.news-text strong{

	color: #333;

	/*font-size: 14px;*/

}

.news-text h1              { font-size: 2em; margin: .67em 0 }
.news-text h2              { font-size: 1.5em; margin: .75em 0 }
.news-text h3              { font-size: 1.17em; margin: .83em 0 }
.news-text h5              { font-size: .83em; margin: 1.5em 0 }
.news-text h6              { font-size: .75em; margin: 1.67em 0 }
.news-text h1,.news-text h2,.news-text h3,.news-text h4,
.news-text h5,.news-text h6          { font-weight: bolder }

.solution-right-title{

	background: #223850;

	padding: 15px 10px;

}

.solution-right-title h2{

	color: #fff;

	text-align: center;

	font-size: 20px;

}

.solution-right-con{

	padding: 40px;

	padding-bottom: 0px;

	margin-bottom: 30px;

}

.prod-con-img img{

	width: 100%;

}

.solution-right-con{

	border: 2px solid rgba(201,205,208,1);

	border-top: 0px;

}



.techin-list{

	padding: 25px;

	background: #F7F7F7;

	display: flex;

	justify-content: space-around;

	margin-bottom: 24px;

}

.techin-list .left{

	width: 60px;

	min-width: 60px;

	margin-right: 20px;

}

.techin-list .left h3{

	color: #333333;

	font-size: 30px;

}

.techin-list .left p{

	color: #666666;

	font-size: 14px;

	font-weight: bold;

	margin-bottom: 15px;

}

.techin-list .left span{

	display: block;

	width: 13px;

	height: 1px;

	background: #16C55E;

}

.techin-list .center{

	flex: 1;

	padding-right: 30px;

}

.techin-list .center h2{

	color: #333333;

	font-size: 24px;

	line-height: 35px;

	height: 35px;

	margin-bottom: 10px;

}

.techin-list .center p{

	color: #738088;

	line-height: 24px;

	height: 48px;

}

.techin-list .right{

	display: flex;

	align-items: center;

}

.listnav_bg{

	background: #9FA4AE;

}

.listnav_box{

	display: flex;

}

.listnav_box a{

	width: 33.333333%;

	border-left: 1px solid #fff;

	text-align: center;

	color: #FFFFFF;

	font-size: 20px;

	padding: 20px 0;

}

.listnav_box a:hover,

.listnav_box .cur{

	background: #223850;

}

.listnav_box a:first-child{

	border-left: 0px;

}









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

	.index-news-con .right h2{

		font-size: 20px;

	    line-height: 26px;

	    height: 52px;

	}

	.index-news-con .left h3 {

	    font-size: 20px;

	}

	.single-news-title h1{

		font-size: 20px;

	}

	.rel-news-text h2{

		font-size: 18px;

	}

	.listnav_box a{

		font-size: 16px;

	}

	.listnav_bg{

		margin: 30px 0;

	}

}



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

	.news .index-news-con{

		width: 49%;

		margin-left: 2%;

		margin-bottom: 2%;

	}

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

	    margin-left: 2%;

	}

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

	    margin-left: 0px;

	}

	.single-news-title{

		padding-top: 30px;

	}

	.news-text{

		padding-bottom: 30px;

	}

	.news-text p:last-child{

		margin-bottom: 0px;

	}

	.single-news-fanye{

		padding-top: 0px;

	}

	.rel-news-title h2{

		font-size: 24px;

	}

	.rel-news-title{

		padding-bottom: 0px;

	}

	.solution-con:nth-child(even){

		flex-flow: wrap;

	}

	.solution-con{

		margin-bottom: 30px;

		flex-wrap: wrap;

	}

	.solution-con .left{

		width: 100%;

		margin-bottom: 20px;

	}
	.solution-con .left img{
	    width: 100%;
	}

	.solution-con .right{

		width: 100%;

		margin-left: 0px;

	}

	.solution-con .right h2{

		font-size: 20px;

		margin-bottom: 20px;

	}

	.solution-con .right p{

		margin-bottom: 20px;

	}

	.single-solution{

		flex-wrap: wrap;

	}

	.single-solution .left{

		width: 100%;

	}

	.single-solution .right{

		width: 100%;

		margin-left: 0px;

	}

	.solution-right-con{
		padding: 0px;
		padding-top: 15px;

		display: flex;

		flex-wrap: wrap;

		

		border: none;

	}

	.solution-right-con .prod-con{

		width: 49%;

		margin-left: 2%;

	}

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

		margin-left: 0px;

	}

	.solution-right-con .prod-con .prod-con-text{

		padding-bottom: 0px;

	}

	

	

	

	

	

}

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

	.index-news-con .index-news-text{

		flex-wrap: wrap;

		padding: 15px;

	}

	.index-news-con .left p{

		margin-bottom: 8px;

	}

	.index-news-con .left span{

		margin-bottom: 10px;

	}

	.index-news-con .right h2{

		font-size: 18px;

	}

	.listnav_box{

		flex-wrap: wrap;

	}

	.listnav_bg{

		background: transparent;

	}

	.listnav_box a{

		width: 100%;

		border: none;

		margin-bottom: 10px;

		background: #9FA4AE;

		padding: 10px 0;

	}
	
	.news-single-title.solution-single-title p,.news-single-title.solution-single-title ul{
		width: 100%;
		margin-left: 0px;
		padding-left: 0px;
		text-align: center;
		justify-content: center;
	}
	.news-single-title.solution-single-title p,.news-single-title.solution-single-title ul{
		width: 100%;
		margin-left: 0px;
		padding-left: 0px;
		text-align: center;
		justify-content: left;
	}
	.news-single-title ul p{
		width: auto;
	}
	.single-news-title h1{
		text-align: left;
		font-size: 16px;
	}
	.news-single-title p img{
		display: none;
	}
	.news .index-news-con{
		width: 100%;
		margin-left: 0px;
	}
}

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

	

}





/*ABOUT*/





.about-top{

	display: flex;

	flex-wrap: wrap;

	padding-bottom: 35px;

}

.about-top p{

	color: #738088;

	font-size: 14px;

	line-height: 24px;

}

.about-top .left{

	width: 48%;

	margin-bottom: 15px;
    width: 100%;
    text-align: center;
}
.about-top .left img{
    min-width: 60%;
    max-width: 100%;
}
.about-top .right{

	width: 48%;

	margin-left: 4%;

	margin-bottom: 15px;
    	width: 100%;

	margin-left: 0%;
}

.about-top .right h2,.about-top .right h1{

	color: #333333;

	font-size: 24px;

	line-height: 33px;

}

.about-top .right span{

	display: block;

	width: 113px;

	height: 3px;

	background: #16C55E;

	margin: 14px 0 30px;

}

.about-top .bottom{

	width: 100%;

}

.about-title{

	padding: 50px 0;

}

.History{

	padding-bottom: 90px;

}

.History-con{

	width: 100%;

}

.History-title{

}

.History-title h2{

	color: #738088;

	font-size: 24px;

	font-weight: bold;

}

.History-title span{

	display: block;

	width: 100%;

	height: 1px;

	background: #BCBCBC;

	position: relative;

	margin: 10px 0;

}

.History-title span::before{

	content: "";

	position: absolute;

	left: 50%;

	top: 50%;

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

	width: 10px;

	height: 10px;

	background: #738088;

	border-radius: 50%;

	z-index: 2;

}

.History-title span::after{

	content: "";

	position: absolute;

	left: 50%;

	top: 50%;

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

	width: 15px;

	height: 15px;

	background: #738088;

	border-radius: 50%;

	z-index: 1;

	opacity: .28;

}

.History-text{

	padding: 25px;

	text-align: left;

	border: 1px solid rgba(0,0,0,0);

	border-radius: 4px;

	height: 150px;
	overflow: hidden;

}

.History-text ul li{

	color: #738088;

	font-size: 14px;

	line-height: 24px;

	position: relative;

	padding-left: 19px;

}

.History-text ul li::before{

	content: "";

	position: absolute;

	left: 0px;

	top: 11px;

	width: 9px;

	height: 1px;

	background: #738088;

}

#History .swiper-slide:nth-child(even) .Historytitle1{

	opacity: 0;

}

#History .swiper-slide:nth-child(odd) .Historytitle2{

	opacity: 0;

}

#History .swiper-slide:nth-child(odd) .History-text1{

	opacity: 0;

}

#History .swiper-slide:nth-child(even) .History-text2{

	opacity: 0;

}

/* #History .swiper-slide:hover .History-text{

	border: 1px solid #16C55E;

}

#History .swiper-slide:hover .History-title span::before{

	background: #16C55E;

}

#History .swiper-slide:hover .History-title span::after{

	background: #16C55E;

}

#History .swiper-slide:hover .History-text ul li::before{

	background: #16C55E;

}

#History .swiper-slide:hover .History-title h2{

	color: #16C55E;

} */
#History .swiper-slide.swiper-slide-active .History-text{
	border: 1px solid #16C55E;
}
#History .swiper-slide.swiper-slide-active .History-title span::before{

	background: #16C55E;

}

#History .swiper-slide.swiper-slide-active .History-title span::after{

	background: #16C55E;

}

#History .swiper-slide.swiper-slide-active .History-text ul li::before{

	background: #16C55E;

}

#History .swiper-slide.swiper-slide-active .History-title h2{

	color: #16C55E;

}

#History{

	padding-bottom: 130px;

}

#History .swiper-button-next,

#History .swiper-button-prev {

	width: 50px;

	height: 50px;

	top: auto;

	bottom: 0px;

}

#History .swiper-button-next {
	background: url(../png/history-left.png) no-repeat;
	right: 45%;
	transition: none;
	transform: rotate(180deg);
}
#History .swiper-button-next:hover{
	background: url(../png/history-right.png) no-repeat;
	transform: rotate(0deg);
}
#History .swiper-button-prev {

	background: url(../png/history-left.png) no-repeat;

	left: 45%;
	transition: none;

} 
#History .swiper-button-prev:hover{
	background: url(../png/history-right.png) no-repeat;
	transform: rotate(180deg);
}

#Medal .Medal-con{

	padding: 10px;

	background: #C9CDD0;

}

#Medal {

	position: relative;

	margin-top: 30px;

}

#Medal .swiper-container{

	position: initial;

}

#Medal .swiper-button-next1,

#Medal .swiper-button-prev1 {

	width: 50px;

	height: 50px;

	position: absolute;

    top: 50%;

    margin-top: -22px;

    z-index: 10;

    cursor: pointer;
	transition: none;
}

#Medal .swiper-button-next1 {
	background: url(../png/history-left.png) no-repeat;
	right: -6%;
	transform: rotate(180deg);
}
#Medal .swiper-button-next1:hover{
	transform: rotate(0deg);
	background: url(../png/history-right.png) no-repeat;
}

#Medal .swiper-button-prev1 {
	background: url(../png/history-left.png) no-repeat;
	left: -6%;
} 
#Medal .swiper-button-prev1:hover{
	transform: rotatey(180deg);
	background: url(../png/history-right.png) no-repeat;
}






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

	#Medal .swiper-button-next1{

		right: 2%;

	}

	#Medal .swiper-button-prev1{

		left: 2%;

	}

	#Medal .swiper-slide{

		background: transparent;

	}

	#Medal img{

		width: 100%;

	}

}

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

	.about-top .left{

		width: 100%;

		padding-top: 30px;

	}

	.about-top .right{

		width: 100%;

		margin-left: 0px;

	}

	.about-top .right h2{

		font-size: 20px;

	}

	#History .swiper-button-next{

		right: 30%;

	}

	#History .swiper-button-prev{

		left: 30%;

	}

	.about-title{

		padding: 20px 0;

	}

	#History{

		padding-bottom: 60px;

	}

	.History{

		padding-bottom: 30px;

	}

	.prod-center,.single-prod{
		padding-top: 30px;
	}
	iframe{
		margin-top: 30px;
	}



}

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

	#History .swiper-slide-active{

		

	}
	.History-con{
		padding: 10px;
	}

	#History .swiper-slide-active .History-text{

		border: 1px solid #16C55E;

	}


	#History .swiper-slide-active .History-title span::before{

		background: #16C55E;

	}

	#History .swiper-slide-active .History-title span::after{

		background: #16C55E;

	}

	#History .swiper-slide-active .History-text ul li::before{

		background: #16C55E;

	}

	#History .swiper-slide-active .History-title h2{

		color: #16C55E;

	}

	#History .swiper-slide:nth-child(even) .Historytitle1{

		opacity: 1;

	}

	#History .swiper-slide:nth-child(odd) .Historytitle2{

		opacity: 1;

	}

	#History .swiper-slide:nth-child(odd) .History-text1{

		opacity: 1;

	}

	#History .swiper-slide:nth-child(even) .History-text2{

		opacity: 1;

	}

	#History .swiper-slide .Historytitle2,#History .swiper-slide .History-text2{

		display: none;

	}

	.news-single-title ul p{
		display: none;
	}
	#History .swiper-button-next, #History .swiper-button-prev{
		width: 30px;
		height: 30px;
		background-size: 30px;
	}
	#History .swiper-button-next:hover{
		background: url(../png/history-right.png) no-repeat;
		background-size: 30px;
	}
	#History .swiper-button-prev:hover{
		background: url(../png/history-right.png) no-repeat;
		background-size: 30px;
	}
	#History{
		padding-bottom: 30px;
	}
	#Medal .swiper-button-next1, #Medal .swiper-button-prev1{
		width: 30px;
		height: 30px;
		background-size: 30px;
		top: 58%;
	}
	#Medal .swiper-button-next1:hover{
		transform: rotate(0deg);
		background: url(../png/history-right.png) no-repeat;
		background-size: 30px;
	}
	
	#Medal .swiper-button-prev1:hover{
		transform: rotatey(180deg);
		background: url(../png/history-right.png) no-repeat;
		background-size: 30px;
	}
	.techin-list .right{
		display: none;
	}
	.techin-list .center{
		padding-right: 0px;
	}
	
	

}

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

	

}



.usedComp{float: left;width: 48%!important;margin-left: 4%;margin-bottom: 0px;}
.usedComp:nth-child(2n-1){margin-left: 0px;}
.usedComp:nth-child(9){width: 94%;}
.usedComp label{font-size: 14px;line-height: 36px;color: #C1C5C7;position: initial;text-align: left;width: auto;}
.usedComp:nth-child(9)~div{float: left;}
.usedComp span{color: red;padding-left: 5px;}
.xhl-input-xlarge{width: 100%!important;height: 40px !important;border: 0;padding-left: 45px;background-color: #FAFBFC;border: none;}
.xhl-controls .xhl-textarea{width: 100%;height: 150px;resize: none;padding-left: 45px;background-color: #FAFBFC;border: none;padding-top: 10px;}
.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; }
.usedComp input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 
color: #7e7e7e; 
} 
.usedComp input:-moz-placeholder, textarea:-moz-placeholder { 
color: #7e7e7e; 
} 
#xhlFormSubmit {
  width: 85px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  background: #16C55E;
}
.xhl-submit{
  width: 90px ;
  height: 30px ;
  line-height: 30px ;
  border-radius: 3px ;
  border: 1px solid #16C55E ;
  background-color: #16C55E ;
  color: #ffffff ;
  margin: auto;
  box-shadow:0px 10px 25px -8px rgba(22,197,94,0.5);
	border-radius:5px;
	opacity:0.76;
}
.xhl-controls .xhl-form-tip{position: absolute;right: -10px;top: 0;}
.usedComp:nth-child(5){
  width: 100%!important;
}
.usedComp:nth-child(6){
  width: 100%!important;
  margin-left: 0px!important;
}
.usedComp:nth-child(7){
	width: 94%;
}
.xhl_form{
	width:100%!important;
      padding: 0%!important;
}
.xhl-footer{
  display: block;
  padding-top: 20px;
}
.xhl_form div:nth-child(9) .xhl-controls input{
  height: 120px;
}

.usedComp:nth-child(1) .xhl-input-xlarge{
	background-image: url(../png/form1.png);
	background-repeat: no-repeat;
	background-position: 15px 10px;
}
.usedComp:nth-child(2) .xhl-input-xlarge{
	background-image: url(../png/form2.png);
	background-repeat: no-repeat;
	background-position: 15px 10px;
}
.usedComp:nth-child(3) .xhl-input-xlarge{
	background-image: url(../png/form3.png);
	background-repeat: no-repeat;
	background-position: 15px 10px;
}
.usedComp:nth-child(4) .xhl-input-xlarge{
	background-image: url(../png/form5.png);
	background-repeat: no-repeat;
	background-position: 15px 10px;
}
.usedComp:nth-child(5) .xhl-input-xlarge{
	background-image: url(../png/form4.png);
	background-repeat: no-repeat;
	background-position: 15px 10px;
}
.usedComp:nth-child(6) .xhl-controls .xhl-textarea{
	background-image: url(../png/form6.png);
	background-repeat: no-repeat;
	background-position: 15px 10px;
}




@media (max-width:768px){
    .usedComp:nth-child(5) {
        width: 96%!important;
    }
    .usedComp{
		width: 96%!important;
		margin-left: 0%!important;
    }
}