/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
@font-face
{
	font-family: "Montserrat_Light";
	src:url('../font/MONTSERRAT-LIGHT.OTF');
}
@font-face
{
	font-family: "Montserrat";
	src:url('../font/MONTSERRAT-REGULAR.TTF');
}
@font-face
{
	font-family: "Tungsten";
	src:url('../font/TUNGSTEN-SEMIBOLD.OTF');
}
@font-face
{
	font-family: "Thesignature";
	src:url('../font/Thesignature.ttf');
}
body {
    font-size: 12px;
    font-family: "微软雅黑";
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-size: 100%;
}
ul, li {
    list-style: none;
}

a {
    color: #000;
    text-decoration: none;
}
img {
    border: none;
}
i,em{
	font-style: normal;
}
.fr {
    float: right;
}
.fl {
    float: left;
}
.clear {
    clear: both;
}
.auto {
    width: 1200px;
    margin: 0 auto;
}
.clearfloat:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0
}
.clearfloat {
    zoom: 1
}
.htmleaf-container{
	display: none;
}
.header-navigation {
	/* position:fixed; */
	top:0;
	width:100%;
	text-align:center;
	z-index:9999;
}
.heads{
	height:90px;
	top: 0px;
	width: 100%;
	left: 0%;
	background-color: #fff;
	transition: all .5s;
}
.slideUp {
	/* -webkit-transform:translateY(-100px);
	transform:translateY(-100px);
	*/
	-webkit-transform:translateY(-100px);
	-ms-transform:translateY(-100px);
	-o-transform:translateY(-100px);
	transform:translateY(-100px);
	/*transition:transform .5s ease-out;
	*/
	-webkit-transition:transform .5s ease-out;
	-o-transition:transform .5s ease-out;
	transition:transform .5s ease-out;
	transition: all .5s;
}
.slideDown {
	/*-webkit-transform:translateY(0);
	transform:translateY(0);
	*/
	-webkit-transform:translateY(0px);
	-ms-transform:translateY(0px);
	-o-transform:translateY(0px);
	transform:translateY(0px);
	/*transition:transform .5s ease-out;
	*/
	-webkit-transition:transform .5s ease-out;
	-o-transition:transform .5s ease-out;
	transition:transform .5s ease-out;
	transition: all .5s;
	
}
.headdv{
	padding: 0 5%;
	margin: 0 auto;
	height: 90px;
	display: flex;
	justify-content: space-between;
}
.headdvleft img{
	display: block;
	height: 90px;

}
.headdvright{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.headdvright ul{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.headdvright ul li{
	line-height: 86px;
	margin: 0 10px;
	border-top: 4px solid transparent;
	padding: 0 10px;
	transition: all .3s;
	position: relative;
}
.headdvright ul i{
	display: block;
	height: 5px;
	width: 5px;
	background-color: #4d4d4d;
	border-radius: 50%;
}
.headdvright ul li a{
	color: #333333;
	font-size: 16px;
}
.headdvright ul li:hover{
	border-top: 4px solid #0a7cb9;
}
.headdvright ul li:hover a{
	color: #333333;
}
.headdvright ul li dl{
	display: none;
	position: absolute;
    width: 120%;
    background: #fff;
    top: 86px;
    left: -10%;
    z-index: 99;
    z-index: 99;
}
.headdvright ul li:hover dl{
	display: block;
}
.headdvright ul li dl:hover{
	display: block;
}
.headdvright ul li dl dd{
	height: 40px;
	line-height: 40px;
}
.headdvright ul li dl dd a{
	font-size: 14px;
}
.headdvright ul li dl dd:hover{
	background-color: #0a7cb9;
}
.headdvright ul li dl dd:hover a{
	color: #fff;
}
.ss a iconpark-icon{
	font-size: 24px;
	color: #fff;
}
.banner img{
	display: block;
	width: 100%;
}
.ljcp{
	width: 90%;
	margin: 0 auto;
	background: url(../images/hdsa_03.png) center no-repeat;
	background-size: cover;
	height: 200px;
	margin-top: -100px;
	position: relative;
	z-index: 2;
	display: flex;
	justify-content: space-between;
	border-radius: 8px;
}
.ljcpleft{
	width: 40%;
	padding: 0 5%;
	display: flex;
	align-items: center;
}
.ljcpleft section{
	width: 100%;
}
.ljcpleft section h1{
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 20px;
}
.ljcpleft section form{
	width: 96%;
	background-color: #fff;
	border-radius: 10px;
	overflow: hidden;
	height: 45px;
	padding: 0 2%;
	display: flex;
	align-items: center;
}
.ljcpleft section form iconpark-icon{
	color: #288cc2;
	font-size: 24px;
}
.ljcpleft section form input{
	height: 45px;
	border: none;
	outline: none;
	margin-left: 1%;
}
.ljcpleft section ul{
	display: flex;
	justify-content: flex-start;
}
.ljcpleft section ul li{
	margin-right: 30px;
	margin-top: 15px;
}
.ljcpleft section ul li a{
	color: #ffffff;
	font-size: 12px;
}
.ljcpright{
	width: 40%;
	padding:0 5%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.ljcpright section{
	width: 100%;
}
.ljcpright section h1{
	color: #ffffff;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
}
.ljcpright section ul{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.ljcpright section ul li a{
	color: #ffffff;
	font-size: 16px;
}
.ljcpright section ul li{
	margin:5px 0px;
	width: 24%;
}
.bt{
	width: 90%;
	display: flex;
	margin: 0 auto;
	justify-content: space-between;
	margin-top: 75px;
	align-items: center;
}
.bt .btleft h1{
	color: #0179ba;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	font-family: "Montserrat";
}
.bt .btleft h2{
	color: #333333;
	font-size: 34px;
}
.btright{
	width: 340px;
}
.btright .swiper-slide iconpark-icon{
	width: 60px;
	height: 60px;
	margin: 0 auto;
	background-color: transparent;
	color: #a9a9a9;
	font-size: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50px;
	margin-bottom: 15px;
	transition: all .5s;
}
.btright .swiper-slide p{
	color: #4c4c4c;
	font-size: 15px;
	text-align: center;
}
.btright .swiper-slide-thumb-active iconpark-icon{
	background-color: #0a7cb9;
	color: #fff;
}
#gallery{
	margin: 0 auto;
	margin-top: 40px;
	width: 90%;
}
.cplist{
	border-right: 1px solid #e6e6e6;
}
.cplist .swiper-slide{
	width: calc(24% - 2px);
	border: 1px solid #e6e6e6;
	border-right: none;
}
.cplist .swiper-slide a{
	display: block;
	padding: 35px 30px;
}
.cplist .swiper-slide a div{
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #e6e6e6;
	position: relative;
}
.cplist .swiper-slide a div img{
	display: block;
	width: 100%;
	transition: all .5s;
}
.cplist .swiper-slide a div section{
	width: 80%;
	display: block;
	position: absolute;
	top: 0%;
	left: 0;
	display: block;
	background: url(../images/bjas_03.png) center no-repeat;
	background-size: cover;
	padding: 10%;
	height: 80%;
	opacity: 0;
	transition: all .5s;
}
.cplist .swiper-slide a div section h1{
	color: #fefefe;
	font-family: "Impact";
	font-size: 36px;
	margin-bottom: 35px;
}
.cplist .swiper-slide a div section p{
	line-height: 30px;
	color: #ffffff;
	font-size: 14px;
}
.cplist .swiper-slide a h2{
	margin-top: 40px;
	display: flex;
	justify-content: space-between;
}
.cplist .swiper-slide a h2 span{
	color: #333333;
	font-size: 16px;
}
.cplist .swiper-slide a h2 i{
	color: #999999;
	font-size: 14px;
	transition: all .5s;
}
.cplist .swiper-slide:hover div img{
	transform: scale(1.05);
}
.cplist .swiper-slide:hover div section {
	opacity: 1;
}
.cplist .swiper-slide:hover a h2 i{
	color: #0a7cb9;
}
.cplist .swiper-button-next,.cplist .swiper-button-prev{
	background-color: #cccccc;
	width: 40px;
	height: 40px;
	transition: all .5s;
}
.cplist .swiper-button-prev, .cplist .swiper-rtl .swiper-button-next{
	left: 0;
	right: auto;
}
.cplist .swiper-button-next, .cplist .swiper-rtl .swiper-button-prev{
	right: 0;
	left: auto;
}
.cplist .swiper-button-next:after,.cplist .swiper-button-prev:after{
	font-size: 16px;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{
	opacity: 1;
}
.cplist .swiper-button-next:hover,.cplist .swiper-button-prev:hover{
	background-color: #0a7cb9;
}
.btrighttwo a{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 140px;
	height: 55px;
	padding: 0 30px;
	background-image: linear-gradient(to right, #0a7cb9 , #7dbf1c);
	transition: all .5s;
}
.btrighttwo a span{
	color: #ffffff;
	font-size: 16px;
	transition: all .5s;
}
.btrighttwo a iconpark-icon{
	display: flex;
	align-items: center;
	color: #ffffff;
	font-size: 20px;
	transition: all .5s;
}
.btrighttwo a:hover iconpark-icon{
	margin-right: 10px;
}
.btrighttwo a:hover span{
	margin-left: 10px;
}
.innews{
	background-color: #f2f2f2;
	padding-top: 5px;
	padding-bottom: 100px;
}
.innews .bt{
	margin-bottom: 45px;
}
.innewsdv{
	width: 90%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.innewsdvleft{
	width: 31%;
}
.innewsdvleft div{
	width: 100%;
	overflow: hidden;
}
.innewsdvleft div img{
	display: block;
	width: 100%;
	transition: all .5s; 
}
.innewsdvleft:hover div img{
	transform: scale(1.05);
}
.innewsdvleft section{
	padding: 4% 5%;
	background-color: #fff;
}
.innewsdvleft section h1{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 15px;
}
.innewsdvleft section h1 span{
	color: #4c4c4c;
	font-size: 14px;
}
.innewsdvleft section h1 i{
	color: #808080;
	font-size: 14px;
}
.innewsdvleft section h2{
	color: #404040;
	font-size: 22px;
	margin-bottom: 20px;
} 
.innewsdvleft section p{
	line-height: 30px;
	font-size: 14px;
	color: #666666;
}
.innewsdvcenter{
	width: 23%;
	padding:5% 4%;
	background-color: #0179ba;
}
.innewsdvcenter h1{
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
}
.innewsdvcenter h1 span{
	color: #fff;
	font-size: 14px;
}
.innewsdvcenter h1 i{
	color: #fff;
	font-size: 14px;
}
.innewsdvcenter h2{
	font-size: 22px;
	color: #fff;
}
.innewsdvcenter p{
	line-height: 30px;
	font-size: 14px;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
	height: 90px;
	color: #fff;
	margin-top: 20px;
}
.innewsdvcenter div{
	width: 140px;
	height: 40px;
	border:1px solid rgba(255, 255, 255, 0.7);
	border-radius: 50px;
	text-align: center;
	line-height: 40px;
	font-size: 14px;
	color: #fff;
	margin-top: 35px;
}
.inxwright ul {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}
.inxwright{
	width: 32%;
}
.inxwright ul{
	height: 100%;
}
.inxwright ul li a{
	display: flex;
	justify-content: space-between;
}
.inxwright ul li a div{
	width: 48%;
	overflow: hidden;
}
.inxwright ul li a section{
	width: 48%;
	display: flex;
	justify-content: flex-start;
	flex-direction: column;
}
.inxwright ul li a div img{
	width: 100%;
	display: block;
	transition: all .5s;
}
.inxwright ul li:hover a div img{
	transform: scale(1.05);
}
.inxwright ul li a section h1{
	line-height: 40px;
	height: 40px;
	overflow: hidden;
	color: #4c4c4c;
	font-size: 16px;
	font-weight: bold;
}
.inxwright ul li a section p{
	line-height: 25px;
	height: 50px;
	color: #808080;
	font-size: 14px;
	overflow: hidden;
}
.inxwright ul li a section  iconpark-icon{
	font-size: 24px;
	margin-top: 15px;
	justify-content: flex-start;
}
.hzkh{
	margin: 0 auto;
	margin-bottom:110px;
}
.hzlist{
	width: 90%;
	margin: 0 auto;
	margin-top: 60px;
}
.hzlist ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	border-left: 1px solid #e6e6e6;
	border-top: 1px solid #e6e6e6;
}
.hzlist ul li{
	width: calc(20% - 31px);
	border:1px solid #e6e6e6;
	border-left: none;
	border-top:none;
	padding: 30px 15px;
	transition: all .5s;
}
.hzlist ul li div{
	position: relative;
	overflow: hidden;
	width: 100%;
}
.hzlist ul li img{
	display: block;
	width: 100%;
}
.hzlist ul li .image1{
	position: relative;
	opacity: 1;
	transition: all .5s;
}
.hzlist ul li .image2{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	opacity: 0;
	transition: all .5s;
}
.hzlist ul li:hover .image1{
	position: relative;
	opacity: 0;
}
.hzlist ul li:hover .image2{
	
	
	opacity: 1;
}
.hzlist ul li p{
	text-align: center;
	color: #666666;
	font-size: 16px;
	margin-top: 10px;
}
.hzlist ul li:hover{
	background-color: #fff;
	box-shadow: 0px 0px 20px #e6e6e6;
}
.hzlist ul section{
	width: calc(20% - 30px);
	border-left: none;
	border-top:none;
	padding: 30px 15px;
	transition: all .5s;
	background-image: linear-gradient(to right, #0a7cb9 , #7dbf1c);
}
.hzlist ul section h1{
	font-family: "Tungsten";
	font-weight: bold;
	font-size: 80px;
	color: rgba(255, 255, 255, 0.4);
	text-align: center;
	text-transform: uppercase;
}
.hzlist ul section h2{
	color: #ffffff;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 15px;
}
.hzlist ul section h2 iconpark-icon{
	font-size: 20px;
	color: #fff;
}
.foot{
	background-color: #333333;
	padding-bottom: 140px;
	padding-top: 110px;
}
.footdv{
	width: 90%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.footdv ul{
	width: 220px;
	display: flex;
	justify-content: space-between;
}
.footdv ul li{
	width: 100px;
}
.footdv ul li img{
	width: 100px;
	display: block;
}
.footdv ul li p{
	color: #cccccc;
	font-size: 14px;
	margin-top: 10px;
	text-align: center;
}
.footdv dl dt a{
	color: #e5e5e5;
	font-size: 16px;
}
.footdv dl dt{
	margin-bottom: 15px;
}
.footdv dl dd a{
	color: #cccccc;
	font-size: 14px;
	transition: all .5s;
}
.footdv dl dd a:hover{
	color: #f9f9f9;
	font-size: 14px;
}
.footdv dl dd{
	margin-bottom: 15px;
}
.footdv div h1{
	color: #e5e5e5;
	font-size: 34px;
	font-weight: bold;
	margin-bottom: 10px;
}
.footdv div h2{
	color: #cccccc;
	font-size: 14px;
	margin-bottom: 15px;
}
.footdv div p{
	color: #cccccc;
	font-size: 14px;
	line-height: 30px;
}
.wdl{
	width: 100%;
	background-color: #333333;
	border-top: 1px solid #404040;
}
.wdldv{
	width: 90%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 70px;
}
.wdldv p{
	color: #cacaca;
	font-size: 14px;
}
.wdldv p a{
	color: #cacaca;
	font-size: 14px;
}
.shuzi{
	padding: 60px 0px;
	background: url(../images/sz_02.png) center no-repeat;
	background-size: cover;
}
.shuzidv{
	width: 90%;
	margin: 0 auto;
}
.shuzidv ul{
	display: flex;
	justify-content: space-between;
}
.shuzidv ul li{
	width: 23%;
}
.shuzidv ul li h1{
	display: flex;
	justify-content: center;
	align-items: baseline;
	padding: 15px 0;
	border-bottom: 1px solid #6cb1d7;
}
.shuzidv ul li h1 span{
	color: #fff;
	font-size: 60px;
	font-family: "Montserrat";
}
.shuzidv ul li h1 i{
	color: #fff;
	font-size: 16px;
	margin-left: 10px;
}
.shuzidv ul li section h2{
	color: #fff;
	font-size: 18px;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 10px;
}
.shuzidv ul li section p{
	color: #fff;
	font-size: 18px;
	font-size: 14px;
	text-align: center;
	text-transform: uppercase;
}
.appca{
	width: 100%;
	margin: 0 auto;
}
.appca .incpbt{
	margin-bottom: 50px;
}
.appca #thumbs{
	width: 100%;
	margin: 0 auto;
	
}
.appcadv{
	width: 90%;
	margin: 0 auto;
	position: relative;
	margin-bottom: 45px;
	margin-top: 50px;
}
.appcadv::after{
	content: "";
	width: 100%;
	height: 1px;
	position: absolute;
	top: 5px;
	left: 0px;
	border-bottom: 1px solid #ebebeb;
}
.appca #thumbs12 .swiper-slide span{
	display: block;
	width: 10px;
	height: 10px;
	border: 2px solid transparent;
	border-radius: 50%;
	margin: 0 auto;
	background-color: transparent;
}
.appca #thumbs12 .swiper-slide  p{
	color: #000000;
	font-size: 16px;
	margin-top: 20px;
	text-align: center;
}
.appca #thumbs12 .swiper-slide-thumb-active span{
	display: block;
	width: 10px;
	height: 10px;
	border: 2px solid #0a7cb9;
	border-radius: 50%;
	margin: 0 auto;
	background-color: #fff;
}
.appca #thumbs12 .swiper-slide-thumb-active p{
	color: #0a7cb9;
}
#gallery12 img{
	display: block;
	width: 100%;
}
.solution{
	width: 500px;
	padding: 60px 70px;
	background-color: #fff;
}
.sqfwfg{
	position: absolute;
	top:0;
	right: 10%;
	height: 100%;
	display: flex;
	align-items: center;
	z-index: 99;
}
.solutionbt{
	display: flex;
	justify-content: flex-start;
	align-items: center;margin-bottom: 20px;
}
#gallery12 .solutionbt img{
	width: 30px;
	margin-right: 10px;
	display: block;
}
#gallery12 .solutionbt h1{
	color: #333333;
	font-size: 26px;
	font-family: "Montserrat";
	font-weight: bold;
}
#gallery12 .solutionp{
	line-height: 25px;
	color: #4c4c4c;
	font-size: 14px;
}
.solution form div{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.solution form div span{
	display: block;
	width: 4px;
	height: 4px;
	border: 2px solid #0a7cb9;
	border-radius: 50%;
	margin-right: 5px;
}
.solution form div section{
	display: flex;justify-content: flex-start;
	align-items: center;
	width: 48%;
	border-bottom: 1px solid #e6e6e6;
	margin-top: 15px;
}
.solution form div input{
	border: none;
	line-height: 35px;
	outline: none;
}
.solution form button{
	width: 160px;
	height: 45px;
	background-color: #0a7cb9;
	color: #ffffff;
	font-size: 14px;
	border: none;
	text-transform: uppercase;
	margin-top: 30px;
	border: 3px solid #0a7cb9;
	transition: all .5s;
}
.solution form button:hover{
	border: 3px solid #7ebf17;
	background-color: #7ebf17;
}
.shownav{
	width: 100%;
	height: 70px;
	box-shadow: 0px 10px 20px #e3e3e3;
	position: relative;
	z-index: 2;
}
.shownav ul{
	display: flex;
	justify-content: center;
	height: 70px;
}
.shownav ul li a{
	display: block;
	padding: 0 60px;
	line-height: 70px;
	color: #4c4c4c;
	font-size: 16px;
	position: relative;
}
.shownav ul li a span{
	position: relative;
	z-index: 3;
	transition: all .5s; 
}
.shownav ul li a::after{
	content: "";
	width: 0%;
	position: absolute;
	top: 0;
	left: 0;
	height: 70px;
	background-color: #0a7cb9;
	transition: all .5s; 
}
.shownav ul li a::before{
	content: "";
	width: 100%;
	height: 35px;
	border-right: 1px solid #e6e6e6;
	position: absolute;
	top: 17.5px;
	left: 0;
	transition: all .5s; 
	opacity: 1;
}
.shownav ul li a:hover span{
	color: #fff;
}
.shownav ul li a:hover::before{
	opacity: 0;
}
.shownav ul li a:hover::after{
	width: 100%;
}
.aboutnr{
	width: 90%;
	margin: 90px auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-bottom: 0rem;
}
.aboutnrleft{
	width: 42.5%;
}
.aboutnrcenter{
	width: 22%;
}
.aboutnrright{
	width: 30%;
}
.aboutnrcenter img{
	width: 100%;
	display: block;
}
.aboutnrright img{
	width: 100%;
	display: block;
}
.aboutnrleft h1{
	color: #0179ba;
	font-size: 16px;
	font-family: "Montserrat";
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 5px;
}
.aboutnrleft h2{
	color: #333333;
	font-size: 34px;
	margin-bottom: 65px;
}
.aboutnrleft h3{
	color: #333333;
	font-size: 26px;
	margin-bottom: 25px;
}
.aboutnrleft i{
	display: block;
	width: 60px;
	height: 2px;
	border-top: 1px solid #0a7cb9;
}
.aboutnrleft p{
	margin-top: 30px;
	line-height: 30px;
	font-size: 16px;
	color: #666666;
}
.suz .shuzi{
	background: none;
}
.suz .shuzidv ul li h1 span{
	color: #0a7cb9;
	font-size: 60px;
	font-family: "Montserrat";
}
.suz .shuzidv ul li h1 i{
	color: #333333;
}
.suz .shuzidv ul li h1{
	border-bottom: 1px solid #e6e6e6;
}
.suz .shuzidv ul li section h2{
	color: #333333;
}
.suz .shuzidv ul li section p{
	color: #b2b2b2;
}
.abouthzkh{
	width: 100%;
	padding: 90px 0px;
	background-color: #f2f4f7;
}
.hzlist ul li{
	background-color: #fff;
}
.abouthzkh .hzkh{
	margin-bottom: 0;
}
.abouthzkh  .bt{
	margin-top: 0;
}
.dh{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-left: 35px;
}
.dh img{
	width: 41px;
	display: block;
	margin-right: 10px;
}
.dh span{
	color: #0a7cb9;
	font-family: 'Impact';
	font-size: 36px;
}
.prolan{
	width: 100%;
	background-color: #0a7cb9;
}
.prolandv{
	padding: 10px 0px;
	height: 40px;
	width: 90%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.prolandvleft{
	display: flex;
	justify-content: flex-start;
	color: #ffffff;
	font-size: 14px;
}
.prolandvleft iconpark-icon{
	color: #fff;
	font-size: 20px;
}
.prolandvleft a{
	color: #ffffff;
	font-size: 14px;
}
.prolandvright form{
	border: 1px solid #fff;
	padding: 0 10px;
	border-radius: 35px;
	display: flex;justify-content: space-around;
	align-items: center;
	
}
.prolandvright form input{
	line-height: 35px;
	color: #fff;
	background-color: transparent;
	border: none;
	outline: none;
}
.prolandvright form input::placeholder{
	color: #fff;
	font-size: 14px;
}
.prolandvright form button{
	background-color: transparent;
	border: none;
	outline: none;
}
.prolandvright form button iconpark-icon{
	color: #fff;
	font-size: 20px;
}
.pronav{
	margin: 40px auto;
	width: 90%;
}
.pronav dl dt{
	margin-right: 5px;
}
.pronav dl dt a{
	display: block;
	width: 120px;
	height: 50px;
	padding: 0 20px;
	line-height: 50px;
	background-image: linear-gradient(to right, #2289c0 , #8bc530);
	color: #ffffff;
	font-size: 16px;
	margin: 5px 0px;
}
.pronav dl{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
.pronav dl section{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.pronav dl dd{
	background-color: #f2f2f2;
	margin: 5px 5px;
}
.pronav dl dd a{
	width: 120px;
	height: 50px;
	padding: 0 20px;
	line-height: 50px;
	color: #666666;
	font-size: 14px;
	transition: all .5s;
}
.pronav dl dd a:hover{
	color: #0a7cb9;
}
.prolist{
	margin: 0 auto;
	margin-bottom: 50px;
}
.prolist .cplist{
	width: 90%;
	margin: 0 auto;
	margin-bottom: 50px;
}
.prolist .cplist ul{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.prolist .cplist .swiper-slide{
	width: calc(25% - 1px);
	border-left: none;
	border-top: none;
	border-right: 1px solid #e6e6e6;;
}
.prolist .cplist{
	border-top: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
    border-right: none;
}
.xgcp{
	width: 90%;
	margin: 0 auto;
	margin-bottom: 70px;
	display: flex;
	justify-content: space-between;
}
.xgcpleft{
	width: 25%;
}
.xgcpleft .cplist .swiper-slide{
	width: calc(100% - 2px);
	border-right: 1px solid #e6e6e6;
	border-top: none;
}
.xgcpleft .cplist{
	border-top: 1px solid #e6e6e6;
	border-right: none;
}
.xgcpleftbt{
	width: 100%;
	height: 40px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 50px;
	padding-bottom: 15px;
	border-bottom: 1px solid #e6e6e6;
}
.xgcpleftbt i{
	display: block;
	width: 4px;
	height: 20px;
	background-color: #0a7cb9;
	margin-right: 15px;
}
.xgcpleftbt span{
	color: #333333;
	font-size: 20px;
}
.xgcpright{
	width: 72%;
}
.xgas{
	display: flex;
	justify-content: space-between;
}
.xgasimg{
	width: 42%;
	border: 1px solid #e6e6e6;
}
.xgasimg img{
	display: block;
	width: 100%;
}
.xgastext{
	width: 50% ;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.xgastext h1{
	color: #808080;
	font-size: 16px;
	margin-bottom: 20px;
}
.xgastext h2{
	color: #333333;
	font-size: 40px;
	margin-bottom: 100px;
}
.xgastext h3{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.xgastext h3 img{
	width: 50px;
	display: block;
	margin-right: 20px;
}
.xgastext h3 span{
	color: #0a7cb9;
	font-size: 60px;
	font-family: "Tungsten";
	font-weight: bold;
}
.xgastext  section{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-top: 30px;
}
.xgastext section a{
	display: block;
	width: 160px;
	height: 50px;
	background-color: #0a7cb9;
	color: #fff;
	font-size: 14px;
	margin-right: 20px;
	line-height: 50px;
	text-align: center;
}
.xgastext section a:last-child{
	background-color: #7ebf17;
}
.showprodsa{
	margin-top: 50px;
}
#thumbs213{
	background-color: #f5f5f5;
	height: 50px;
}
#thumbs213 .swiper-slide{
	line-height: 50px;
	text-align: center;
	color: #333333;
	font-size: 16px;
}
#thumbs213  .swiper-slide-thumb-active{
	background-color: #0a7cb9;
	color: #fff;
}
#gallery213{
	margin: 40px 0;
}
.fany{
	height: 60px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-top: 1px solid #e6e6e6;
}
.fany p{
	color: #4c4c4c;
	font-size: 14px;
}
.fany p a{
	color: #4c4c4c;
	font-size: 14px;
}
.xlwmdv{
	padding: 65px 0px;
	padding-bottom: 100px;
	background-color: #ffffff;
}
.xlwmdvbt h1{
	color: #4c4c4c;
	font-size: 30px;
	text-align: center;
	margin-bottom: 10px;
}
.xlwmdvbt p{
	color: #666666;
	font-size: 16px;
	text-align: center;
}
.xlwmfk{
	width: 90%;
	margin: 0 auto;
	margin-top: 60px;
}
.xlwmfk ul{
	display: flex;
	justify-content: space-between;
}
.xlwmfk ul li{
	width: calc(24% - 60px);
	padding: 50px 30px;
	background-color: #f7f7f7;
	border-bottom: 3px solid #0a7cb9;
	transition: all .5s;
}
.xlwmfk ul li iconpark-icon{
	font-size: 42px;
	color: #0a7cb9;
	transition: all .5s;
	margin-bottom: 45px;
}
.xlwmfk ul li h1{
	color: #4c4c4c;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
}
.xlwmfk ul li p{
	color: #808080;
	font-size: 14px;
	line-height: 25px;
}
.xlwmfk ul li:hover{
	border-bottom: 3px solid #7ebf17;
}
.xlwmfk ul li:hover iconpark-icon{
	color: #7ebf17;
}
.zxly{
	width: 100%;
	background: url(../images/liuyan_03.png) center no-repeat;
	background-size: cover;
	padding-top: 75px;
	padding-bottom: 105px;
}
.zxlybt h1{
	color: #ffffff;
	font-size: 30px;
	text-align: center;
	margin-bottom: 15px;
}
.zxlybt p{
	color: #ffffff;
	font-size: 16px;
	text-align: center;
	margin-bottom: 40px;
}
.zxly form{
	width: 90%;
	margin: 0 auto;
}
.zxly form div{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.zxly form div input{
	width: 47.5%;
	border: none;
	margin-bottom: 15px;
	padding: 0 1%;
	line-height: 50px;
	background-color: rgba( 255, 255, 255, 0.2);
	outline: none;
	color: #fff;
}
.zxly form div input::placeholder{
	color: #fff;
}
.zxly form textarea{
	width: 98%;
	border: none;
	margin-bottom: 15px;
	padding: 1%;
	background-color: rgba( 255, 255, 255, 0.2);
	outline: none;
	height: 175px;
	line-height: 25px;
	font-family: "微软雅黑";
}
.zxly form textarea::placeholder{
	color: #fff;
}
.zxly form button{
	border:none;
	margin-top: 30px;
	width: 180px;
	height: 50px;
	background-color: #fff;
	color: #0a7cb9;
	font-size: 15px;
}
.xinwen{
	width: 90%;
	margin: 80px auto;
}
.xinwentj{
	width: 100%;
}
.xinwentj ul{
	display: flex;
	justify-content: flex-start;
}
.xinwentj ul li{
	width: 31.33%;
	margin:0 1%;
}
.xinwentj ul li div img{
	display: block;
	width: 100%;
	transition: all .5s;
}
.xinwentj ul li div{
	overflow: hidden;
	width: 100%;
}
.xinwentj ul li section{
	padding: 5%;
	width: 90%;
	background-color: #f7f7f7;
}
.xinwentj ul li section h1{
	display: flex;
	margin-bottom: 10px;
	justify-content: space-between;
	transition: all .5s;
}
.xinwentj ul li section h1 span{
	color: #333333;
	font-size: 14px;
}
.xinwentj ul li section h1 i{
	color: #333333;
	font-size: 14px;
}
.xinwentj ul li section h2{
	color: #404040;
	line-height: 20px;
	height: 45px;
	line-height: 45px;
	overflow: hidden;
	font-size: 20px;
	color: #404040;
	margin-bottom: 10px;
	border-bottom: 1px solid #f7f7f7;
	transition: all .5s;
}
.xinwentj ul li section p{
	line-height: 25px;
	height: 50px;
	font-size: 14px;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	color: #666666;
}
.xinwentj ul li:hover section h2{
	border-bottom: 1px solid #0a7cb9;
	color: #0a7cb9;
}
.xinwentj ul li:hover div img{
	transform: scale(1.07);
}

.newslistlb a{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.newslisttime{
	width: 190px;
	border-right: 1px solid #e6e6e6;
	margin: 40px 0px;
}
.newslistlb ul li{ 
	margin-top: 30px;
	background-color: #fff;
}
.newslistlb{
	width: 98%;
	margin: 35px auto;
}
.newslistlb ul li{
	margin-bottom: 35px;
	background-color: #f7f7f7;
}
.newslisttime span{
	display: block;
	text-align: center;
	color: #333333;
	font-size: 52px;
}
.newslisttime i{
	display: block;
	line-height: 30px;
	text-align: center;
	color: #333333;
	font-size: 14px;
}
.newslisttext{
	width: 80%;
	padding: 40px 60px;
}
.newslisttext h1{
	color: #4c4c4c;
	font-size: 20px;
}
.newslisttext p{
	font-size: 14px;
	color: #666666;
	line-height: 30px;
	margin-top: 15px;
	height: 60px;
	overflow: hidden;
}

.newslistlb ul li:hover{
	background-image: linear-gradient(to right, #0a7cb9 , #7ebf19);
}
.newslistlb ul li:hover .newslisttime{
	border-right-color: rgba( 255, 255, 255, 0.7);
}
.newslistlb ul li:hover .newslisttime span{
	color: #fff;
}
.newslistlb ul li:hover .newslisttime i{
	color: #fff;
}
.newslistlb ul li:hover .newslisttext h1{
	color: #fff;
}
.newslistlb ul li:hover .newslisttext p{
	color: #fff;
}
.newslistlb ul li:hover .newslistjt{
	background-color: #fff;
}
.newslistlb ul li:hover .newslistjt img{
	opacity: 1;
}

.ryzz{
	padding: 70px 0px;
	background: url(../images/ry_02.png) center no-repeat;
	width: 100%;
	margin: 0 auto;
	display: none;
	background-size: cover;
}
.ryzzbiaoti{
	width: 90%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.hzalbtright{
	width: 375px;
}
.hzalbtright .swiper-slide span{
	display: block;
	border: 1px solid #fff;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #ffffff;
	font-size: 14px;
}
.hzalbtright .swiper-slide-thumb-active span{
	background-color: #fff;
	color: #0a7cb9;
}
#gallery245{
	width: 90%;
	margin: 0 auto;
}
.ryzz .hzalbtleft{
	width: 90%;
	margin: 0 auto;
}
.ryzzlist{
	width: 90%;
	margin: 0 auto;
	margin-top: 40px;
}
.ryzzlist img{
	width: 100%;
}
.ryzzlist  p{
	color: #999999;
	font-size: 16px;
	text-align: center;
	margin-top: 15px;
}
.hzalbtleft h1{
	color: #fff;
	font-size: 16px;
	font-family: "Montserrat";
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 5px;
}
.hzalbtleft h2{
	color: #fff;
	font-size: 34px;
	margin-bottom: 65px;
}
#gallery245 .swiper-slide p{
	text-align: center;
	line-height: 50px;
	color: #ffffff;
	font-size: 16px;
}
#gallery245 .swiper-slide div{
	width: 100%;
}
#gallery245 .swiper-slide-thumb-active{
	transform: scale(1);
}

.nrbanner{
	position: relative;
}
.nrbanner .btext{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.nrbanner .btext h2{
	text-align: center;
	font-size: 44px;
	font-family:"Montserrat" ;
	font-weight: bold;
	color: #FFF;
	text-transform: uppercase;
}
.nrbanner .btext p{
	text-align: center;
	font-size: 14px;
	color: #fff;
	margin-top: 30px;
}
.nrbanner .btext p a{
	color: #fff;
}
.sbanners  .swiper-slide div img{
	margin-top: 10%;
	width: 40px;
	display: block;
}
.sbanners{
	display: block;
	width: 100%;
}
.sbanners .swiper-slide{
	position: relative;
} 
.sbanners .swiper-slide div{
	position: absolute;
	width: 90%;
	height: 100%;
	left: 5%;top: 0;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.sbanners .swiper-slide div h1{
	font-size: 46px;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
}
.sbanners .swiper-slide div i{
	width: 5%;
	height: 3px;
	background-color: #fff;
	display: block;
	margin:20px auto;
	position: relative;
}
.sbanners .swiper-slide div i::after{
	content: "";
	margin:0px auto;
	display: block;
	width: 300%;
	height: 2px;
	border-top: 1px solid #fff;
	position: absolute;
	top: 1px;
	left: -100%;
}
.sbanners .swiper-slide div p{
	color: #ffffff;
	margin-top: 15px;
	font-size: 18px;
	text-align: center;
	width: 80%;
	margin:0 auto;
	line-height: 35px;
}
.sbanners .swiper-slide div a{
	width: 210px;
	height: 50px;
	border: 1px solid #fff;
	display: flex;
	justify-content: space-around;
	font-size: 16px;
	color: #fff;
	align-items: center;
	margin-top: 70px;
}
.sbanners .swiper-slide div a iconpark-icon{
	font-size: 20px;
	color: #fff;
}
.sbanners .swiper-slide img{
	width: 100%;
}

.sbanners .swiper-slide div section{
	width: 100%;
	margin-top: -5%;
}
.sbanners .swiper-slide:nth-child(2) div h1{
	text-align: left;
}
.sbanners .swiper-slide:nth-child(2)  div i{
	margin: 20px 0;
}
.sbanners .swiper-slide:nth-child(2)  div i::after{
	left: 0;
}
.sbanners .swiper-slide:nth-child(2) div p{
	text-align: left;
	margin: 0;
}
.sbanners .swiper-slide:nth-child(3) div h1{
	text-align: left;
}
.sbanners .swiper-slide:nth-child(3)  div i{
	margin: 20px 0;
}
.sbanners .swiper-slide:nth-child(3)  div i::after{
	left: 0;
}
.sbanners .swiper-slide:nth-child(3) div p{
	text-align: left;
	margin: 0;
}
.mfootdv{
	display: none;
	height: 50px;
}
.mfoot{
	display: none;
	position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    height: 45px;
    background-color: #1F67BF;
}
.dropdown {
	  position: relative;
	  display: inline-block;
	  margin-bottom: 30px;
	  width: 100%;
	  display: none;
	}
@media only screen and (min-width: 1000px) and (max-width: 1200px){
	.inxwright ul li a section iconpark-icon{
		display: block;
	}
}
@media only screen and (min-width: 1000px) and (max-width: 1400px){
	.headdv{
		padding: 0 2.5%;
	}
	.dh{
		margin-left: 15px;
	}
	.dh img{
		width: 35px;
	}
	.dh span{
		font-size: 24px;
	}
	.headdvright ul li{
		padding: 0;
		margin: 0 7px;
	}
	.inxwright ul li a section iconpark-icon{
		display: none;
	}
	.hzlist ul section h1{
		font-size: 44px;
	}
	.footdv div{
		width: 30%;
	}
	.footdv{
		width: 95%;
	}
	.cplist .swiper-slide a{
		padding: 5%;
	}
	.cplist .swiper-slide a div section h1{
		margin-bottom: 0;
	}
	.cplist .swiper-slide a h2{
		margin-top: 10px;
	}
	.cplist .swiper-slide a h2 i{
		display: none;
	}
	.xgasimg{
		display: flex;
		justify-content: center;
		align-items: center;
	}
}

@media screen and (max-width: 999px){
	.heads{
		display: none;
	}
	.htmleaf-container{
		display: block;
		height: 50px;
	}
	.ljcp{
		width: 95%;
		margin: 10px auto;
		height: auto;
	}
	.ljcpright{
		display: none;
	}
	.ljcpleft{
		width: 100%;
		padding: 2.5%;
	}
	.ljcpleft section h1{
		font-size: 18px;
		text-align: center;
		margin-bottom: 10px;
	}
	.ljcpleft section form{
		height: 35px;
	}
	.ljcpleft section form input{
		height: 35px;
	}
	.ljcpleft section ul li{
		margin: 10px 5px;
	}
	.bt{
		display: block;
		width: 95%;
		margin-top: 30px;
	}
	.bt .btleft h1{
		text-align: center;
	}
	.bt .btleft h2{
		font-size: 22px;
		text-align: center;
	}
	.btleft{
		margin-bottom: 15px;
	}
	.btright{
		width: 100%;
	}
	.btright .swiper-slide iconpark-icon{
		width: 50px;
		height: 50px;
	}
	#gallery{
		width: 95%;
		margin-top: 20px;
	}
	.cplist .swiper-slide:hover div section{
		display: none;
	}
	.cplist .swiper-slide a{
		padding: 5%;
	}
	.cplist .swiper-slide a h2{
		margin-top: 10px;
	}
	.cplist .swiper-slide a h2 i{
		display: none;
	}
	.cplist .swiper-slide a h2 span{
		display: block;
		width: 100%;
		text-align: center;
		font-size: 14px;
		line-height: 18px;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
		height: 18px;
	}
	.btrighttwo a{
		width: 100px;
		height: 40px;
		margin: 0 auto;
		padding: 0 20px;
	}
	.btrighttwo a span{
		font-size: 14px;
	}
	.appcadv{
		width: 95%;
		margin: 20px auto;
	}
	.sqfwfg{
		position: initial;
	}
	.solution{
		width: 90%;
		padding: 5%;
	}
	#gallery12 .solutionbt h1{
		font-size: 18px;
	}
	.solutionbt{
		margin-bottom: 10px;
	}
	.solution form div input{
		width: 85%;
	}
	.solution form div section{
		margin-top: 5px;
	}
	.solution form button{
		width: 100px;
		height: 40px;
		margin-top: 15px;
	}
	.shuzi{
		padding: 5%;
	}
	.shuzidv{
		width: 100%;
	}
	.shuzidv ul{
		flex-wrap: wrap;
	}
	.shuzidv ul li{
		width: 48%;
	}
	.shuzidv ul li h1{
		padding: 5px 0px;
	}
	.shuzidv ul li h1 span{
		font-size: 30px;
	}
	.shuzidv ul li h1 i{
		font-size: 14px;
		margin-left: 5px;
	}
	.shuzidv ul li section h2{
		margin-top: 10px;
		font-size: 15px;
	}
	.shuzidv ul li section p{
		font-size: 10px;
	}
	.innews .bt{
		margin-bottom: 25px;
	}
	.innewsdv{
		width: 95%;
		display: block;
	}
	.innewsdvleft{
		width: 100%;
	}
	.innewsdvleft section{
		padding: 5%;
	}
	.innewsdvleft section h1{
		margin-bottom: 10px;
		font-size: 12px;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}
	.innewsdvleft section h2{
		font-size: 18px;
		margin-bottom: 5px;
		line-height: 20px;
		height: 20px;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}
	.innewsdvleft section p{
		overflow:hidden;
		height: 50px;
		text-overflow:ellipsis;
		line-height: 25px;
		display:-webkit-box;
		margin-top: 10px;
		-webkit-box-orient:vertical;
		-webkit-line-clamp:2; 
	}
	.innewsdvcenter{
		width: 90%;
		padding: 5%;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.innewsdvcenter h1{
		margin-bottom: 10px;
	}
	.innewsdvcenter h2{
		font-size: 18px;
		margin-bottom: 5px;
		line-height: 20px;
		height: 20px;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}
	.innewsdvcenter p{
		overflow:hidden;
		height: 50px;
		text-overflow:ellipsis;
		line-height: 25px;
		display:-webkit-box;
		margin-top: 10px;
		-webkit-box-orient:vertical;
		-webkit-line-clamp:2; 
	}
	.innewsdvcenter div{
		display: none;
	}
	.inxwright{
		width: 100%;
	}
	
	.innews{
		padding-bottom: 25px;
	}
	.inxwright ul li{
		margin-bottom: 10px;
	}
	.inxwright ul li a section p{
		overflow:hidden;
		height: 50px;
		text-overflow:ellipsis;
		line-height: 25px;
		display:-webkit-box;
		margin-top: 10px;
		-webkit-box-orient:vertical;
		-webkit-line-clamp:2; 
	}
	.inxwright ul li a section h1{
		line-height: 20px;
		height: 20px;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}
	.inxwright ul li a section iconpark-icon{
		margin-top: 5px;
	}
	.hzlist{
		width: 95%;
		margin: 0 auto;
	}
	.hzlist ul li{
		width: calc(40% - 1px);
		padding: 5%;
	}
	.hzlist ul li p{
		font-size: 14px;
	}
	.hzlist ul section{
		width: calc(40%);
		padding: 5%;
	}
	.hzlist ul section h1{
		font-size: 42px;
	}
	.hzkh{
		margin-bottom: 25px;
	}
	.foot,.wdl{
		display: none;
	}
	.shownav{
		height: auto;
	}
	.shownav ul{
		height: auto;
	}
	.shownav ul li{
		width: 33.33%;
	}
	.shownav ul li a{
		width: 100%;
		padding: 0;
		line-height: 45px;
		text-align: center;
	}
	.shownav ul li a::before{
		height: 25px;
		top: 10px;
	}
	.shownav ul li a::after{
		height: 45px;
	}
	.aboutnr{
		width: 95%;
		margin: 15px auto;
		display: block;
	}
	.aboutnrleft{
		width: 100%;
	}
	.aboutnrleft h1{
		text-align: center;
		margin-top:35px;
	}
	.aboutnrleft h2{
		font-size: 22px;
		text-align: center;
		margin-bottom: 8px;
	}
	.aboutnrleft h3{
		text-align: center;
		font-size: 18px;
		margin-bottom: 10px;
	}
	.aboutnrleft i{
		margin: 0 auto;
		margin-top: 20px;
	}
	.aboutnrleft p{
		margin-top: 15px;
		font-size: 14px;
	}
	.aboutnrcenter{
		width: 100%;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.aboutnrright{
		width: 100%;
	}
	.shuzi{
		padding: 2.5%;
	}
	.shuzidv ul li{
		width: 49%;
	}
	.suz .shuzidv ul li h1 span{
		font-size: 32px;
	}
	.abouthzkh{
		padding: 30px 0px;
	}
	.shownav ul li:last-child a::before{
		border: none;
	}
	.prolandvleft{
		display: none;
	}
	.prolist .cplist{
		width: 95%;
	}
	.prolist .cplist .swiper-slide{
		width: calc(50% - 1px);
	}
	.pronav{
		display: none;
	}
	.prolist{
		margin-top: 20px;
	}
	.xgcp{
		display: flex;
		flex-direction: column-reverse;
		flex-wrap: wrap;
		width: 95%;
	}
	.xgcpright{
		width:100%;
		margin-top: 15px;
	}
	.xgas{
		display: block;
	}
	.xgasimg{
		width: 100%;
	}
	.xgastext{
		width: 100%;
	}
	.xgastext h1{
		margin-top: 15px;
		margin-bottom: 10px;
	}
	.xgastext h2{
		font-size: 18px;
		margin-bottom: 10px;
	}
	.xgastext h3 img{
		width: 30px;
		margin-right: 10px;
	}
	.xgastext h3 span{
		font-size: 30px;
	}
	.xgastext section{
		margin-top: 10px;
	}
	.xgastext div{
		width: 100%;
	}
	.xgastext section a{
		width: 40%;
		height: 40px;
		line-height: 2.5rem;
	}
	.showprodsa{
		margin-top: 20px;
		width: 100%;
	}
	#thumbs213{
		height: 40px;
	}
	#thumbs213 .swiper-slide{
		height: 40px;
		font-size: 14px;
		line-height: 40px;
	}
	#gallery213{
		margin: 15px 0rem;
	}
	.fany{
		height: auto;
		display: block;
	}
	.fany p{
		margin-top: 10px;
	}
	.xgcpleft{
		width: 100%;
		margin-top: 15px;
	}
	.xgcpleftbt{
		padding-bottom: 7px;
		margin-bottom: 20px;
	}
	.xgcpleft .cplist{
		display: flex;
		border-right: 1px solid #e6e6e6;
	}
	.xgcpleft .cplist .swiper-slide{
		width: calc(50% - 1px);
		border-right: none;
	}
	.xgcpleft .cplist .swiper-slide:last-child{
		display: none;
	}
	.xgcp{
		margin-bottom: 20px;
	}
	.xlwmdv{
		padding: 30px 0px;
	}
	.xlwmdvbt h1{
		font-size: 22px;
	}
	.xlwmdvbt p{
		width: 90%;
		line-height: 25px;
		font-size: 14px;
		margin: 0 auto;
	}
	.xlwmfk{
		width: 95%;
		margin: 20px auto;
	}
	.xlwmfk ul{
		display: block;
	}
	.xlwmfk ul li{
		width: 90%;
		padding: 5%;
		text-align: center;
		margin-bottom: 10px;
	}
	.xlwmfk ul li iconpark-icon{
		margin-bottom: 8px;
		width: 32px;
	}
	.xlwmfk ul li h1{
		font-size: 18px;
		margin-bottom: 5px;
	}
	.zxly{
		padding-top: 25px;
		padding-bottom: 25px;
	}
	.zxlybt h1{
		font-size: 22px;
	}
	.zxlybt p{
		margin-bottom: 20px;
		font-size: 14px;
		text-align: center;
	}
	.zxly form{
		width: 95%;
	}
	.zxly form div{
		display: block;
	}
	.zxly form div input{
		width: 96%;
		padding: 0 2%;
		line-height: 40px;
		margin-bottom: 10px;
	}
	.zxly form textarea{
		padding: 2%;
		width: 96%;
		height: 95px;
		line-height: 25px;
		margin-bottom: 10px;
	}
	.zxly form button{
		margin: 0;
		width: 160px;
		height: 40px;
	}
	.xinwen{
		width: 95%;
		margin: 30px auto;
	}
	.xinwentj{
		display: block;
	}
	.xinwentj ul{
		display: block;
	}
	.xinwentj ul li{
		width: 100%;
	}
	.xinwentj ul li{
		margin: 0;
		margin-bottom: 10px;
	}
	.xinwentj ul li section h2{
		height: 30px;
		line-height: 30px;
		font-size: 16px;
		margin-bottom: 5px;
	}
	.newslistlb ul li{
		margin-bottom: 10px;
		margin-top: 0;
		padding: 5%;
		width: 90%;
	}
	.newslistlb{
		margin: 0 auto;
		margin-bottom: 30px;
	}
	.newslisttime{
		display: none;
	}
	.newslisttext{
		width: 100%;
		padding: 0;
	}
	.newslisttext h1{
		font-size: 16px;
	}
	.newslisttext p{
		margin-top: 5px;
	}
	.sbanners .swiper-slide div h1{
		font-size: 20px;
	}
	.sbanners .swiper-slide div p{
		width: 100%;
		font-size: 14px;
		line-height: 25px;
		display: none;
	}
	.sbanners .swiper-slide div i{
		display: none;
	}
	.sbanners .swiper-slide div{
		width: 95%;
		left:2.5%;
	}
	.sbanners .swiper-slide div section{
		width: 100%;
	}
	.nrbanner .btext h2{
		font-size: 20px;
	}
	.nrbanner .btext p{
		margin-top: 15px;
	}
	.nrbanner {
		overflow: hidden;
	}
	.nrbanner img{
		width: 150%;
		margin-left: -25%;
	}
	.ryzz{
		padding: 30px 0px;
	}
	.ryzzbiaoti{
		display: block;
	}
	.ryzz .hzalbtleft{
		width: 100%;
	}
	.hzalbtleft h1{
		text-align: center;
	}
	.hzalbtleft h2{
		font-size: 22px;
   		text-align: center;
   		margin-bottom: 20px;
	}
	.hzalbtright{
		width: 100%;
	}
	.hzalbtright .swiper-slide span{
		height: 40px;
		width: calc(100% - 6px);
		line-height: 40px;
	}
	#gallery245{
		margin-top: 15px;
	}
	#gallery245 .swiper-slide div img{
		width: 100%;
	}
	.nav-bread{
		height: 20px;
	}
	.article .padding-large{
		padding: 5%;
	}
	.article .post h1{
		font-size: 18px;
	}
	.padding-big-bottom{
		padding-bottom: 10px;
	}
	.article .post hr{
		margin: 5px 0px;
	}
	.sbanners .swiper-slide div section{
		margin-top: 0px;
	}
	.btright .swiper-slide iconpark-icon{
		margin-bottom: 10px;
	}
	.btright .swiper-slide iconpark-icon {
	    width: 45px;
	    height: 45px;
	}
	#gallery12 img{
		width: 150%;
		margin-left: -25%;
	}
	#gallery12 .swiper-slide{
		overflow: hidden;
	}
	.solutionbt{
		display: block;
	}
	#gallery12 .solutionbt img{
		margin-left: 0;
		margin-top: 5px;
		margin-bottom: 10px;
	}
	.innewsdvcenter{
		display: none;
	}
	.inxwright{
		padding-top: 10px;
	}
	.inxwright ul li a div{
		width: 40%;
	}
	.inxwright ul li a div img{
		display: block;
		width: 100%;
	}
	.inxwright ul li a section iconpark-icon{
		display: none;
	}
	.inxwright ul li a section{
		width: 55%;
	}
	.inxwright ul li a section h1{
		margin-top: 5px;
	}
	.sbanners .swiper-slide {
		overflow: hidden;
	}
	.sbanners .swiper-slide img{
		width: 150%;
		margin-left: -25%;
	}
	.sbanners .swiper-slide:nth-child(2) div h1{
		text-align: center;
	}
	.sbanners .swiper-slide:nth-child(3) div h1{
		text-align: center;
	}
	.prolist .cplist{
		margin-bottom: 0;
	}
	.prolist{
		margin-bottom: 30px;
	}
	.newslistlb{
		margin-bottom: 0;
	}
	.mfootdv{
		display: block;
		height: 50px;
	}
	.mfoot{
		display: block;
		position: fixed;
	    bottom: 0;
	    left: 0;
	    width: 100%;
	    z-index: 9999;
	    height: 45px;
	    background-color: #0a7cb9;
	}
	.mfoot ul {
	    display: flex;
	    justify-content: space-between;
	}
	.mfoot ul li {
	    width: 25%;
	    height: 45px;
	    line-height: 45px;
	    border-right: 1px solid #086799;
	}
	.mfoot ul li a {
	    display: block;
	    text-align: center;
	    font-size: 14px;
	    color: #fff;
	}
	.dropbtn {
	  background-color: #0a7cb9;
	  color: white;
	  width: 100%;
	  padding:8px;
	  font-size: 16px;
	  border: none;
	  cursor: pointer;
	  text-align: center;
	  display: flex;
	  justify-content: center;
	  align-items: center;
	}
	.dropbtn iconpark-icon{
		font-size: 20px;
		color: #fff;
	}
	.dropdown {
	  position: relative;
	  display: inline-block;
	  margin:0 auto;
	  margin-top: 15px;
	  width: 95%;
	      margin-left: 2.5%;
	}

	.dropdown-content {
	  display: none;
	  position: absolute;
	  background-color: #f9f9f9;
	  min-width: 160px;
	  width: 100%;
	  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	  z-index: 1;
	}

	.dropdown-content a {
	  color: black;
	  padding: 12px 16px;
	  text-decoration: none;
	  display: block;
	  font-size: 14px;
	  color: #333;
	  line-height: 25px;
	}

	.dropdown-content a:hover {background-color: #f1f1f1}

	.dropdown:hover .dropdown-content {
	  display: block;
	}

	.dropdown:hover .dropbtn {
	  background-color: #0a7cb9;
	}
	.prolandv {
	    padding: 5px 0px;
	    height: 30px;
	    width: 90%;
	    margin: 0 auto;
	    display: flex;
	    justify-content: space-between;
	    align-items: center;
	}
	.prolandvright form input{
		    line-height: 30px;
	}
}