/* 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;
}
body {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-size: 100%;
}
ul, li {
    list-style: none;
}
@font-face{
	font-family: "Montserrat";
	src:url('../font/MONTSERRAT-LIGHT.OTF');
}
@font-face{
	font-family: "Tungsten";
	src:url('../font/TUNGSTEN-SEMIBOLD.OTF');
}
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;
}
.mobile-inner img{
	margin-top: 0;
	height: 50px;
	margin-left: 10px;
}
.heads{
	display: block;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
}

.headdv{
	width: 1440px;
	margin: 0 auto;
	height: 85px;
	display: flex;
	justify-content: space-between;
}
.banner img{
	width: 100%;
	display: block;
}
.bannersa  .swiper-slide{
	position: relative;
}
.bannersa  .swiper-slide img{
	width: 100%;
	display: block;
}
.bannersa  .swiper-slide  div{
	position: absolute;
	width: 100%;
	text-align: center;
	top: 43%;
}
.bannersa  .swiper-slide  div h1{
	color: #ffffff;
	font-size: 50px;
	font-family: "Impact";
	text-transform: uppercase;
}
.bannersa  .swiper-slide  div  i{
	width: 80px;
	height: 4px;
	display: block;
	margin: 0 auto;
	margin-top: 20px;
	background-color: #fff;
}
.headdvleft{
	position: relative;
}
.headdvleft img{
	display: block;
	transform: all 1s;
}
.headdvleft img:last-child{
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
.bai .headdvleft img{
	opacity: 0;
}
.bai .headdvleft img:last-child{
	opacity: 1;
}
.headdvright ul{
	display: flex;
	justify-content: space-between;
	height: 85px;
	align-items: center;
}
.headdvright ul li a{
	font-size: 14px;
	color: #fff;
}
.headdvright ul li{
	margin: 0 20px;
}
.ss{
	margin-left: 45px;
}
.indexpro{
	margin: 65px auto;
	width: 1440px;
}
.indexprobt{
	text-align: center;
	text-transform: uppercase;
	font-family: "Impact";
	font-size: 38px;
	margin-bottom: 25px;
}
.thumbs{
	margin-top:10px;
	margin-bottom: 50px;
}
.thumbs .swiper-slide{
	line-height:35px!important;
}
.thumbs .swiper-slide-thumb-active h1::after{
	background-color: #154cb5;
}

#gallery .swiper-slide ul{
	display: flex;
	justify-content: flex-start;
}
#gallery .swiper-slide ul li{
	width: 340px;
	margin: 0 10px;
}
#gallery .swiper-slide ul li div{
	position: relative;
	overflow: hidden;
	width: 100%;
}
#gallery .swiper-slide ul li div img{
	display: block;
	width: 100%;
	transition: all .5s;
}
#gallery .swiper-slide ul li div span{
	width: 190px;
	height: 47px;
	display: block;
	position: absolute;
	top: 45%;
	left: 50%;
	margin-left: -95px;
}
#gallery .swiper-slide ul li section{
	width: calc(100% - 50px);
	padding: 25px;
	background-color: #8ab0c9;
	transition: all .5s;
}
#gallery .swiper-slide ul li section h1{
	color: #ffffff;
	font-size: 20px;
	font-family: "Impact";
	text-transform: uppercase;
	line-height: 35px;
}
#gallery .swiper-slide ul li section p{
	line-height: 25px;
	color: #d6e2eb;
	font-size: 14px;
}
#gallery .swiper-slide ul li:hover div img{
	transform: scale(1.05);
}
#gallery .swiper-slide ul li:hover div span img{
	transform: scale(1);
}
#gallery .swiper-slide ul li:hover section{
	background-color: #154cb5;
}
#thumbs{
	padding: 0 10px;
	width: 1340px;
}
#thumbs .swiper-slide h1{
	position: relative;
	z-index: 5;
	text-align: center;
	color: #144487;
	font-size: 14px;
}
#thumbs .swiper-slide h1::after{
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 33px;
	z-index: -1;
	transform: skewX(340deg);
	border: 1px solid #154cb5;
	top: 0;
	left: 0;
}
#thumbs .swiper-slide-thumb-active h1{
	color: #fff;
}
.indeprolj a{
	display: block;
	text-align: center;
	line-height: 40px;
	height: 40px;
	width: 170px;
	color: #144487;
	font-size: 14px;
	text-transform: uppercase;
	transform: skew(20deg);
}
.indeprolj{
	display: block;
	margin: 0 auto;
	margin-top: 40px;
	height: 40px;
	width: 170px;
	border: 1px dashed #144487;
	transform: skew(340deg);
}
.indeprolj:hover{
	background-color: #154cb5;
}
.indeprolj:hover a{
	color: #fff;
}
.indexabout{
	width: 100%;
	background: url(../images/gywm_02.jpg) center no-repeat;
	padding-top: 80px;
	height: 780px;
}
.indexaboutleft{
	width: 30%;
	display: flex;
	justify-content: flex-end;
}
.indexaboutleft div{
	width: 300px;
}
.indexaboutleft h1{
	width: 300px;
	color: #ffffff;
	font-size: 38px;
	font-family: "Impact";
	line-height: 55px;
	border-bottom: 1px solid #92a6b5;
	margin-bottom: 100px;
}
.indexaboutleft span{
	width: 50px;
	display: block;
	height: 5px;
	background-color: #fff;
	margin-bottom: 20px;
}
.indexaboutleft h2{
	color: #ffffff;
	font-size: 42px;
	font-family: "Impact";
	margin-bottom: 30px;
}
.indexaboutleft p{
	margin-bottom: 30px;
	line-height: 30px;
	color: #ccd3d9;
	font-size: 16px;
	line-height: 30px;
	margin-bottom: 100px;
}
.indexaboutleft .indeprolj{
	margin: 0;
	border: 1px dashed #fff;
}
.indexaboutleft .indeprolj a{
	color: #fff;
}
.indexabout{
	display: flex;
	justify-content: space-between;
	background-size: cover;
}
.indexaboutright{
	width: 65%;
	position: relative;
	background: url(../images/tp_03.jpg) center no-repeat;
	background-size: cover;
}
.indexaboutright section{
	position: absolute;
    z-index: 9999;
    top: 50%;
    left: 50%;
    width: 90px;
    height: 90px;
    margin-top: -45px;
    margin-left: -45px;
}
.indexaboutright section img{
	display: block;
}
 .spdv video{
 	width: 100%;
 }

 .spdv span {
    width: 35px;
    height: 35px;
    position: absolute;
    top: 25px;
    right: 25px;
    display: block;
    border: 1px solid #ddd;
    color: #ddd;
    font-size: 16px;
    text-align: center;
    line-height: 35px;
    border-radius: 50%;
}
 .spdv{
	display: none;
	position: fixed;
    top: 15%;
    width: 1000px;
    padding: 25px;
    padding-top: 90px;
    background-color: #fff;
    left: 50%;
    margin-left: -500px;
    z-index: 9999;
}
.indexaboutright ul{
	position: absolute;
	bottom: 0;
	left: 0;
	display: flex;
	justify-content: space-between;
	width: 100%;
}
.indexaboutright ul li{
	width: 25%;
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-right: none;
}
.indexaboutright ul li{
	padding:30px;
}
.indexaboutright ul li h1{
	color: #ffffff;
	font-size: 36px;
	font-weight: bold;
	font-family: "Impact";
}
.indexaboutright ul li p{
	line-height: 35px;
	color: #ffffff;
	font-size: 14px;
}
.indexaboutright ul li:hover{
	background-color: #fff;
}
.indexaboutright ul li:hover h1{
	color: #333333;
}
.indexaboutright ul li:hover p{
	color: #333333;
}
.indexcase{
	width: 1440px;
	margin: 65px auto;
}
.indexcasebt{
	display: flex;
	margin-bottom: 50px;
	justify-content: space-between;
}
.indexcasebt div h1{
	color: #333333;
	font-size: 38px;
	font-family: "Impact";
	text-transform: uppercase;
}
.indexcasebt div p{
	color: #666666;
	font-size: 14px;
	line-height: 30px;
	margin-top: 15px;
	text-transform: uppercase;
	font-family: "Montserrat";
}
.indexcasebt .indeprolj{
	margin-right: 0;
}
.indexcaselist{
	width:1440px ;
	margin: 0 auto;
}
.indexcaselist ul{
	display: flex;
	justify-content: space-between;
}
.indexcaselist ul li{
	width: 460px;
}
.indexcaselist ul li div{
	width: 100%;
	overflow: hidden;
	position: relative;
}
.indexcaselist ul li div img{
	display: block;
	width: 100%;
	transition: all .5s;
}
.indexcaselist ul li div span{
	display: block;
	width: 100%;
	background: url(../images/dqw_03.png) center no-repeat;
	height: 0%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(101, 130, 150, 0.7);
	transition: all .5s;
}
.indexcaselist ul li:hover div span{
	height: 100%;
}
.indexcaselist ul li:hover div img{
	transform: scale(1.05);
}
.indexcaselist ul li section{
	padding: 30px;
	border-bottom: 1px solid #154cb5;
	transition: all .5s;
}
.indexcaselist ul li section h1{
	color: #154cb5;
	font-size: 18px;
	line-height: 20px;
	height: 20px;
	white-space:nowrap;

	overflow:hidden;

	text-overflow:ellipsis;
}
.indexcaselist ul li section p{
	font-size: 14px;
	color: #666666;
	line-height: 30px;
	margin-top: 10px;
	overflow:hidden;
	height: 60px;
	text-overflow:ellipsis;

	display:-webkit-box;

	-webkit-box-orient:vertical;

	-webkit-line-clamp:2;
}
.indexcaselist ul li:hover section{
	background-color: #154cb5;
}
.indexcaselist ul li:hover section h1{
	color: #fff;
}
.indexcaselist ul li:hover section p{
	color: #fff;
}

.indexappbt{
	padding: 75px 0px;
	padding-bottom: 50px;
	background-color: #f0f1f2;
}
.indexappbt h1{
	text-align: center;
	color: #333333;
	font-size: 38px;
	font-family: 'Impact';
	text-transform: uppercase;
}
.indexappbt p{
	text-align: center;
	color: #666666;
	font-size: 14px;
	margin-top: 15px;
	text-transform: uppercase;
	font-family: "Montserrat";
}
.indexapplist{
	width: 100%;
	background: url(../images/apwd_02.jpg) center no-repeat;
	background-size: cover;
	height: 760px;
}
.indexapplist ul{
	width: 1440px;
	margin: 0  auto;
	display: flex;
	height: 100%;
	justify-content: space-between;
}
.indexapplist ul li{
	width: 25%;
	height: 100%;
	border-left: 1px solid rgba(187, 187, 187, 0.3);
	position: relative;
	transform: skew(345deg);
	text-align: center;
	transition: all .5s;
}
.indexapplist ul li:last-child{
	border-right: 1px solid rgba(187, 187, 187, 0.3);
}
.indexapplist ul li div{
	transform: skew(15deg);
	position: absolute;
	bottom: 70px;
	width: 100%;
	transition: all .5s;
}
.indexapplist ul li div p{
	color: #ffffff;
	font-size: 18px;
	margin-top: 15px;
}
.indexapplist ul li:hover{
	background-color: rgba(255, 255, 255, 0.2);
}
.indexapplist ul li:hover div{
	top: 195px;
	left: 12%;
}
.indexapplist ul li span{
	display: block;
	transform: skew(15deg);
	position: absolute;
	bottom: 70px;
	width: 100%;
	opacity: 0;
	transition: all .5s;
}
.indexapplist ul li:hover span{
	opacity: 1;
}
.news{
	background-color: #e3e3e3;
	padding: 115px 0px;
	background: url(../images/synew.jpg) center no-repeat;
	background-size: cover;
}
.news .newsdv{
	width: 100%;
}
.shangbiao{
	margin: 80px auto;
	width: 1440px;
}
.shangbiao ul li{
	width: 220px;
	overflow: hidden;
}
.shangbiao ul{
	display: flex;
	justify-content: space-between;
}
.shangbiao ul li img{
	display: block;
	width: 100%;
	transition: all .5s;
}
.shangbiao ul li:hover img{
	transform: scale(1.05);
}
.foot{
	padding-top: 85px;
	background-color: #262626;
}
.footdv{
	display: block;
	width: 1440px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	padding-bottom: 55px;
	border-bottom: 1px solid #455159;
}
.footdvleft{
	width: 230px;
}
.footdvleft img{
	display: block;
}
.footdvleft section ul{
	display: flex;
	justify-content: space-between;
	margin-top: 45px;
}
.footdvleft section ul li{
	border-radius: 50%;
	overflow: hidden;
}
.footdvright{
	width:1040px ;
	display: flex;
	justify-content: space-between;
}
.footdvright dl{
	border-top: 1px solid #404649;
	padding-top: 25px;
	min-width: 160px;
}
.footdvright dl:last-child{
	width: 525px;
	display: flex;
	justify-content: space-between;
}
.footdvright dl:last-child div img{
	margin-top: 45px;
	width: 120px;
}
.footdvright dl dt{
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
}
.footdvright dl dt a{
	color: #fff;	
	margin-bottom: 15px;
}
.footdvright dl dd a{
	color: #727983;
	font-size: 14px;
	line-height: 25px;
}
.footdvright dl dd {
	margin-top: 15px;
}
.footdvright dl:last-child div:first-child{
	width: 360px;
}
.footdvright dl:last-child div:last-child p{
	margin-top: 10px;
	color: #727c83;
	font-size: 14px;
}
.wdl{
	width: 1440px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	height: 105px;
	align-items: center;
}
.wdl p{
	font-size: 14px;
	color: #727983;
}
.wdl p a{
	font-size: 14px;
	color: #727983;
}
.showmnav{
	width: 100%;
	height: 75px;
	background-color: #eeeeee;
}
.showmnav ul{
	width: 1440px;
	margin: 0 auto;
	display: flex;
	justify-content: flex-start;
	height: 75px;
}
.showmnav ul li a{
	display: block;
	color: #4c4c4c;
	font-size: 16px;
	line-height: 75px;
	padding: 0 30px;
}
.showmnav ul li a:hover{
	color: #fff;
	background-color: #154cb5;
}
.prolist{
	width: 1440px;
	margin: 45px auto;
}
.prolist ul{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.prolist ul li{
	width: 340px;
	margin:  10px;
}
.prolist ul li div{
	position: relative;
	overflow: hidden;
	width: 100%;
}
.prolist ul li div img{
	display: block;
	width: 100%;
	transition: all .5s;
}
.prolist ul li div span{
	width: 190px;
	height: 47px;
	display: block;
	position: absolute;
	top: 45%;
	left: 50%;
	margin-left: -95px;
}
.prolist ul li section{
	width: calc(100% - 50px);
	padding: 25px;
	background-color: #3f76e0;
	transition: all .5s;
}
.prolist ul li section h1{
	color: #ffffff;
	font-size: 20px;
	font-family: "Impact";
	text-transform: uppercase;
	line-height: 35px;height: 35px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.prolist ul li section p{
	line-height: 25px;
	color: #d6e2eb;
	font-size: 14px;
}
.prolist ul li:hover div img{
	transform: scale(1.05);
}
.prolist ul li:hover div span img{
	transform: scale(1);
}
.prolist ul li:hover section{
	background-color: #154cb5;
}
.anli{
	padding: 65px 0px;
	background-color: #f2f7fa;
}
.anlidv{
	margin: 0px auto;
	width: 1440px;
}
.anli .indexcaselist ul{
	justify-content: flex-start;
	flex-wrap: wrap;
}
.anli .indexcaselist ul li{
	margin: 10px;
}
.newsdv {
	width: 1440px;
	margin: 0 auto;
}
.newslist{
	padding: 70px 0;
	background-color: #f3f7fa;
}
.newsdv  ul{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.newsdv ul li{
	width: 330px;
	margin: 15px;
}
.newsdv ul li div{
	overflow: hidden;
	width: 100%;
}
.newsdv ul li div img{
	display: block;
	width: 100%;
	transition: all .5s;
}
.newsdv ul li section{
	width: calc(100% - 60px);
	padding: 30px;
	background-color: #fff;
}
.newsdv ul li section h1{
	color: #154cb5;
	font-size: 16px;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
	white-space:nowrap;
	font-weight: bold;
	overflow:hidden;

	text-overflow:ellipsis;
}
.newsdv ul li section h2{
	overflow:hidden;
	height: 50px;
	text-overflow:ellipsis;
	font-size: 14px;
	display:-webkit-box;
	line-height: 25px;
	-webkit-box-orient:vertical;
	color: #333333;
	-webkit-line-clamp:2;
	margin-bottom: 15px;
}
.newsdv ul li section p{
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #cdcdcd;
	font-size: 16px;
	transition: all .5s;
	font-weight: bold;
}
.newsdv ul li section p i{
	font-size: 24px;
	margin-top: -10px;
}
.newsdv ul li:hover img{
	transform: scale(1.05);
}
.newsdv ul li:hover p{
	color: #154cb5;
}
.lxwm{
	width: 1440px;
	margin:85px auto ;
}
.lxwmbt h1{
	text-align: center;
	color: #404040;
	font-size: 32px;
	text-transform: uppercase;
	margin-bottom: 20px;
}
.lxwmbt p{
	text-align: center;
	color: #666666;
	font-size: 14px;
	margin-bottom: 60px;
}
.lxwm ul{
	display: flex;
	justify-content: space-between;
}
.lxwm ul li{
	width: 460px;
	padding: 50px 0px;
	background-color: #154cb5;
	text-align: center;
	transition: all .5s;
}
.lxwm ul li iconpark-icon{
	font-size: 48px;
	color: #fff;transition: all .5s;
}
.lxwm ul li p{
	text-align: center;
	margin-top: 30px;
	color: #ffffff;
	font-size: 20px;transition: all .5s;
}
.lxwm ul li:hover{
	background-color: #e8f0f5;
}
.lxwm ul li:hover iconpark-icon{
	color: #154cb5;
}
.lxwm ul li:hover p{
	color: #154cb5;
}
.zxly{
	padding: 100px 0px;
	background: url(../images/zxly_02.png) center no-repeat;
	background-size: cover;
}
.zxlybt{
	text-align: center;
}
.zxlybt h1{
	color: #ffffff;
	font-size: 34px;
	font-weight: bold;
	margin-bottom: 20px;
	text-transform: uppercase;
}
.zxlybt p{
	text-align: center;
	width: 850px;
	margin: 0  auto;
	line-height: 25px;
	margin-bottom: 40px;
	color: #fff;
	font-size: 14px;
}
.zxlydv{
	width: 1240px;
	margin: 0 auto;
	padding: 45px 100px;
	background-color: #fff;
}
.zxlydv form div{
	display: flex;
	justify-content: space-between;
}
.zxlydv form div input{
	width: 30%;
	border: 1px solid #cccccc;
	color: #4c4c4c;
	font-size: 14px;
	padding: 0 15px;
	line-height: 50px;
	margin-bottom: 15px;
	outline: none;
}
.zxlydv form textarea{
	width: calc(100% - 30px);
	border: 1px solid #cccccc;
	color: #4c4c4c;
	line-height: 45px;
	padding: 0 15px;
	outline: none;
	font-size: 14px;
	font-family: "Arial";
	min-height: 180px;
}
.zxlydv form button{
	width: 100%;
	display: block;
	border: none;
	text-align: center;
	line-height: 50px;
	background-color: #154cb5;
	margin-top: 20px;
	color: #fff;
	font-size: 16px;
}
.abus{
	padding-top: 95px;
	
}
.abusdv{
	width: 1440px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.abusdv div{
	width: 650px;
}
.abusdv div h1{
	margin-top: 20px;
	color: #404040;
	font-size: 40px;
	font-family: "Impact";
	text-transform: uppercase;
}
.abusdv div p{
	margin-top: 30px;
	line-height: 35px;
	color: #4c4c4c;
	font-size: 14px;
}
.abusdv2{
	width: 1440px;
	margin: 0 auto;
	padding-bottom: 75px;
	justify-content: space-between;
}
.abusdv2 p{
	margin-top: 40px;
	line-height: 35px;
	color: #4c4c4c;
	font-size: 14px;
}
.abusdv section{
	background: url(../images/abu_03.jpg) center no-repeat;
	width: 790px;
	background-size: contain;
}
.gsjj{
	background: url(../images/zxasd.jpg) center no-repeat;
	width: 100%;
	background-size: cover;
	background-attachment: fixed;
	padding-top: 120px;
	padding-bottom: 175px;
}
.gsjj h1{
	color: #fff;
	font-size: 40px;
	font-family: "Impact";
	text-transform: uppercase;
	margin-bottom: 30px;
}
.gsjj p{
	line-height: 35px;
	color: #ffffff;
	font-size: 15px;
}
.gsjjdv{
	width: 1440px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.gsjjdv div{
	width: 965px;
}
.gsjjdv div a{
	display: flex;
	width: 200px;
	height: 50px;
	background-color: #fff;
	line-height: 50px;
	font-size:16px;
	color: #154cb5;
	margin-top: 60px;
	text-align: center;
	justify-content: center;
	align-items: center;
}
.gsjjdv div a iconpark-icon{
	font-size: 24px;
	margin-left: 10px;
	margin-top: 0px;
}
.abnum{
	width: 1440px;
	margin: 0 auto;
	padding: 35px 0px;
	background-color: #fff;
	margin-top: -80px;
	box-shadow: 0px 0px 10px #dcdcdc;
}
.abnum ul{
	display: flex;
	justify-content: space-between;
}
.abnum ul li{
	width: 25%;
	padding: 0 50px;
	border-right: 1px solid #e6e6e6;
}
.abnum ul li h1{
	color: #333333;
	font-family: "Impact";
	font-size: 36px;
	margin-bottom: 10px;
}
.abnum ul li p{
	color: #333333;
	font-size: 14px;
}
.cert{
	padding: 70px 0px;
	padding-bottom: 0;
}
.certdv h1{
	text-align: center;
	color: #333333;
	font-size: 40px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 10px;
	font-family: "Impact";
}
.certdv p{
	width: 375px;
	margin: 0 auto;
	text-align: center;
	line-height: 30px;
	color: #666666;
	font-size: 16px;
}
.ryzzlist{
	width: 1440px;
	margin: 0 auto;
}
.ryzzlist{
	margin-top: 60px;
}
.ryzzlists .swiper-slide div{
	overflow: hidden;
	width: 100%;
}
.ryzzlists .swiper-slide div img{
	
	display: block;
	margin: 0 auto;
	box-sizing: 0px 0px 10px #dcdcdc;
}
.ryzzlists p{
	text-align: center;
	font-size: 16px;
	color: #999999;
	margin-top: 20px;
}
.ryzzlists .swiper-button-next,.ryzzlists .swiper-button-prev{
	display: block;
	width: 100px;
	height: 40px;
	background-color: rgba(194, 194, 194, 0.7);
	opacity: 1;
	text-align: center;
	left: 0;
}
.ryzzlists .swiper-button-next.swiper-button-disabled,.ryzzlists  .swiper-button-prev.swiper-button-disabled{
	opacity: 1;
}
.ryzzlists .swiper-button-next:after,.ryzzlists .swiper-button-prev:after{
	text-align: center;
	width: 100%;
	font-size: 24px;
	line-height: 40px;
}
.ryzzlists .swiper-button-next, .ryzzlists.swiper-rtl .swiper-button-prev{
	left: auto;
	right: 0;
}
.ryzzlists .swiper-button-next:hover, .ryzzlists .swiper-button-prev:hover{
	background-color: #154cb5;
}
.tp{
	height: 300px;
	width: 1440px;
	text-align: center;
	font-size: 32px;
	font-family: "Impact";
	color: #fff;
	background: url(../images/tp_07.jpg) center no-repeat;
	line-height: 300px;
	margin: 80px auto;
}
.indexaboutright img{
	display: none;
}
.mshownav{
	display: none;
}
.newsdv{
	display: flex;
	justify-content: space-between;
}
.kaobei{
	width: 25%;
	display: flex;
	justify-content: flex-end;
}
.newsleft{
	width: 140px;
}
.newsright{
	width: 72%;
}
.newsright .newsdv{
	width: 100%;
}
.newsright .newsdv ul{
	width: 100%;
}
.newsright .newsdv ul li{
	margin: 25px;
	margin-top: 0;
}
.newsdvbt{
	color: #333333;
	font-size: 38px;
	margin-bottom: 70px;
	font-weight: bold;
	font-family:'Impact';
}
#thumbs2{
	height: 180px;
}
.news .thumbs .swiper-slide{
	line-height: 45px !important;
	font-size: 18px;
	
}
.news .thumbs .swiper-slide-thumb-active h1{
	color: #154cb5;
	border-bottom: 1px solid  #154cb5;
}
.banners img{
	width: 100%;
	display: block;
}
.prolist .pagination{
	justify-content: center;
}
#contrast{
	display: block;
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
#contrast a{
	display: block;
	width: 45px;
	height: 45px;
	background-color: #4a6b84;
	border-radius: 50%;
	font-size: 28px;
	color: #fff;
	line-height: 40px;
	margin-right: 15px;
	text-align: center;
}
#contrast a:hover{
	background-color: #8bb1c9;
}
.ssdv{
	width: 100%;
	position: absolute;
	background-color: #fff;
	top: 100px;
	left: 0;
	z-index: 999;
	padding: 15px 0px;
	padding: 0;
	height: 0;
	overflow: hidden;
	transition: all .5s;
}
.ssdv form{
	width: 1440px;
	margin: 0 auto;
}
.ssdv form{
	display: flex;
	justify-content: space-between;
}
.ssdv form input{
	height: 35px;
	line-height: 35px;
	border: none;
	border:1px solid #dcdcdc;
	outline: none;
	width: 76%;
	padding: 0 1%;
}
.ssdv form button{
	border: none;
	background-color: #154cb5;
	color: #fff;
	width: 20%;
	font-size: 14px;

}
.headdvright{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.ss iconpark-icon{
	font-size: 20px;
	color: #fff;
}
.bai{
	transition: all .5s;
	background-color: #fff;
}
.bai .headdvright ul li a{
	color: #333;
}
.bai .ss iconpark-icon{
	color: #333;
}
.headdvright ul li a:hover{
	color: #154cb5;
}
.news .newsdv ul{
	flex-wrap: nowrap;
}
.news .newsright .newsdv ul li{
	margin: 0;
}
		.slideTxtBox .hd{  position:relative; }
		.slideTxtBox .hd ul{  display: block; }
		.slideTxtBox .hd ul li{ width: 100%;margin: 0;line-height: 40px;font-size: 18px;color: #333333;border-bottom: 1px solid transparent;margin-top: 15px;}
		.slideTxtBox .hd ul li.on{ border-bottom: 1px solid #154cb5; color: #154cb5;}
#contrast a{
	display: block;
    text-align: center;
    line-height: 40px;
    height: 40px;
    width: 170px;
    color: #144487;
    font-size: 14px;
    text-transform: uppercase;
    transform: skew(20deg);
}
.indeprolja{
	transform: skew(0deg);
	width: 120px;
	margin: 0 ;
    margin-top: 40px;
}
.indeprolja a{
	transform: skew(0deg);width: 120px;
}
.mfoot{
	height: 45px;
	display: none;
}
.mfootdv{display: none;}

.mbx{
	width: 100%;
	background-color: #fff;
	height: 80px;
	line-height: 80px;
}
.mbxdv{
	width: 1440px;
	margin: 0% auto;
	color: #404040;
}
.mbxdv a{
	color: #404040;
	font-size: 14px;
}

.cc{
	padding-top: 75px;
	padding-bottom: 75px;
	background-color: #f5f5f5;
}
.cpms {
	width: 1440px;
	margin: 0 auto;
	margin-top: 60px;
}
.cpmsbt{
	height: 30px;
	border-left: 4px solid #154cb5;
	color: #404040;
	font-size: 24px;
	text-indent: 0.5em;
	margin-bottom: 30px;
} 
.ms{
	width:96%;
	padding: 2%;
	background-color: #fff;
}
.cctopright{
	width: 40%;
	height: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.cctopright div h1{
	color: #4c4c4c;
	font-size: 32px;
	margin-bottom: 50px;
}
.cctopright div h2{
	height: 76px;
	border-bottom: 1px solid #cccccc;
	line-height: 35px;
	color: #4c4c4c;
	font-size: 24px;
	margin-bottom: 10px;
	overflow: hidden;
}
.cctopright div p{
	line-height: 30px;
	font-size: 14px;
	color: #666666;
	margin-bottom: 60px;
}
.cctop{
	width: 1440px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.cctopright section{
	color: #154cb5;
	font-size: 32px;
	font-family: "Arial";
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.cctopright section img{
	margin-right: 10px;
	width: 40px;
}
.cctopright section a{
	display: block;
	width: 160px;
	height: 50px;
	border: 1px solid #154cb5;
	color: #154cb5;
	font-size: 14px;
	text-align: center;
	line-height: 50px;
	margin-top: 40px;
	margin-right: 15px;
	transition: all .5s;
}
.cctopright section a{
	display: block;
	width: 160px;
	height: 50px;
}
.cctopright section a:hover{
	background-color: #154cb5;
	color: #fff;
}
.cctopleft{
	width: 50%;
	display: flex;
	justify-content: space-between;
	
}
#thumbs .swiper-slide img{
	width:100%;
	display: block;
	margin: 0 auto;
	
}
#gallery{
	width: 78% ;
}
#gallery img{
	display: block;
	margin: 0 auto;
	max-width: 100%;
	width: 100%;

}
#thumbs{
	width: 20%;
	height: 557px;
}
#thumbs .swiper-wrapper{
	height: auto;
}
#thumbs .swiper-slide{
	overflow: hidden;
}
.prolist .swiper-button-next, .prolist .swiper-button-prev {
    display: block;
    width: 50px;
    height: 50px;
    background-color: rgba(194, 194, 194, 0.7);
    opacity: 1;
    text-align: center;
    left: 20;
    border-radius: 50%;
}
.prolist .swiper-button-next, .prolist.swiper-rtl .swiper-button-prev{
	left: auto;
    right: 20;
}
.prolist .swiper-button-next:after, .prolist .swiper-button-prev:after{
	text-align: center;
    width: 100%;
    font-size: 24px;
    line-height: 50px;
}
.prolist .swiper-button-next:after, .prolist .swiper-button-prev:after {
    text-align: center;
    width: 100%;
    font-size: 24px;
    line-height: 50px;
}
.prolist .swiper-button-next:hover, .prolist .swiper-button-prev:hover {
    background-color: #3c94d6;
}

.gsjjdv .spdv{
	display: none;
	position:fixed ;
	top: 15%;
	width: 1000px;
	padding: 25px;
	padding-top: 90px;
	background-color: #fff;
	left: 50%;
	margin-left: -500px;
	z-index: 9999;
}
.gsjjdv .spdv video{
	width: 100%;
}
.gsjjdv .spdv  span{
	width: 35px;
	height: 35px;
	position: absolute;
	top: 25px;
	right: 25px;
	display: block;
	border: 1px solid #ddd;
	color: #ddd;
	font-size: 16px;
	text-align: center;
	line-height: 35px;
	border-radius: 50%;

}
.xuq{
	padding: 50px 0px;
	background-image: linear-gradient(to right,#8dbfdd, #0d247c);
}
.xuqdv{
	width: 1440px;
	margin: 0 auto;
}
.xuqdv h1{
	color: #fff;
	font-size: 28px;
	font-family: "Poppins_Medium";
	margin-bottom: 1rem;
}
.xuqdv form{
	display: flex;
	justify-content: space-between;
}
.xuqdv form input{
	width: calc(17% - 40px);
	border: none;
	line-height: 40px;
	background-color: #fff;
	padding: 0 20px;
	outline: none;
	color: #b2b2b2;
	border-radius: 5px;
	font-size: 14px;
}
.xuqdv form input::placeholder{
	font-size: 14px;
	color: #b2b2b2;
}
.xuqdv form input:nth-child(4){
	width: 25%;
}
.xuqdv form button{
	width: 15%;
	outline: none;
	border: none;
	background-color: #68b3f1;
	padding: 0 10px;
	text-align: center;
	line-height: 40px;
	color: #fff;
	font-size: 14px;
	border-radius: 5px;
}
.xuqdv  p{
	margin-top: 15px;
	color: #fff;
	font-size: 14px;
}
@media only screen and (min-width: 1200px) and (max-width: 1439px){
	.headdv{
		width: 95%;
	}
	.ssdv form{
		width: 95%;
		margin: 0 auto;
	}
	.indexpro{
		width: 95%;
	}
	#thumbs{
		width: 95%;
	}
	#thumbs .swiper-slide h1{
		height: 35px;
		overflow-y: clip;
	}
	.indexcase{
		width: 95%;
	}
	.indexcaselist{
		width: 95%;
	}
	.indexcaselist ul li{
		width: 32%;
	}
	.indexapplist ul{
		width: 80%;
	}
	.shangbiao{
		width: 95%;
	}
	.shangbiao ul li{
		width: 15%;
	}
	.footdv{
		width: 95%;
	}
	.footdvright{
		width: 80%;
	}
	.footdvleft{
		width: 18%;
	}
	.footdvleft img{
		max-width: 100%;
	}
	.wdl{
		width: 95%;
	}
	.indexcaselist ul li{
		width: 31.5%;
		margin: 1%;
	}
	.anlidv{
		width: 100%;
	}
	.showmnav ul{
		width: 100%;
	}
	.showmnav ul li a{
		padding: 0 15px;
	}
	.prolist{
		width: 95%;
	}
	.prolist ul li{
		width: 23% ;
		margin: 1%;
	}
	.prolist ul li section{
		padding: 5%;
		width: 90%;
	}
	.prolist ul li section h1{
		height: 35px;
		overflow: hidden;
	}
	.abusdv{
		width: 95%;
	}
	.gsjjdv{
		width: 95%;
	}
	.abnum{
		width: 95%;
	}
	.ryzzlist{
		width: 95%;
	}
	.tp{
		width: 100%;
	}
	.lxwm{
		width: 95%;
	}
	.lxwm ul li{
		width: 31%;
	}
	.zxlydv{
		width: 85%;
		padding: 3% 5%;
	}
	.zxlydv form div input{
		width: 29%;
	}
	.newsdv{
		width: 95%;
	}
	.newsdv ul li{
		width: 23%;
		margin: 1%;
	}
	.news .newsright .newsdv ul li{
		width: 31%;
		margin: 1%;
		margin-top: 0;
	}
	.mbxdv{
		width: 95%;
	}
	.cctop{
		width: 95%;
	}
	.cpms{
		width: 95%;
	}
	.cc #thumbs{
		width: 20%;
	}
	.gsjjdv .spdv{
		display: none;
		position:fixed ;
		top: 15%;
		width: 85%;
		padding: 5%;
		padding-top: 90px;
		background-color: #fff;
		left: 2.5%;
		margin-left: 0;
		z-index: 9999;
	}
	.gsjjdv .spdv video{
		width: 100%;
	}
	.gsjjdv .spdv  span{
		width: 35px;
		height: 35px;
		position: absolute;
		top: 25px;
		right: 25px;
		display: block;
		border: 1px solid #ddd;
		color: #ddd;
		font-size: 16px;
		text-align: center;
		line-height: 35px;
		border-radius: 50%;

	}
	.xuqdv{
		width: 95%;
		margin: 0 auto;
	}
}
@media only screen and (min-width: 1000px) and (max-width: 1199px){
	.headdv{
		width: 95%;
	}
	.ssdv form{
		width: 95%;
		margin: 0 auto;
	}
	.headdvright ul li{
		margin: 0 10px;
	}
	.indexpro{
		width: 95%;
	}
	#thumbs{
		width: 95%;
	}
	#thumbs .swiper-slide h1{
		height: 35px;
		overflow-y: clip;
	}
	.indexcase{
		width: 95%;
	}
	.indexcaselist{
		width: 100%;
	}
	.indexcaselist ul li{
		width: 32%;
	}
	.indexapplist ul{
		width: 90%;
	}
	.shangbiao{
		width: 95%;
	}
	.shangbiao ul li{
		width: 15%;
	}
	.footdv{
		width: 95%;
	}
	.footdvright{
		width: 80%;
	}
	.footdvleft{
		width: 18%;
	}
	.footdvleft img{
		max-width: 100%;
	}
	.wdl{
		width: 95%;
	}
	.indexcaselist ul li{
		width: 31.1%;
		margin: 1%;
	}
	.anlidv{
		width: 95%;
	}
	.showmnav ul{
		width: 100%;
	}
	.showmnav ul li a{
		padding: 0 15px;
	}
	.prolist{
		width: 95%;
	}
	.prolist ul li{
		width: 23% ;
		margin: 1%;
	}
	.prolist ul li section{
		padding: 5%;
		width: 90%;
	}
	.prolist ul li section h1{
		height: 35px;
		overflow: hidden;
	}
	.abusdv{
		width: 95%;
	}
	.gsjjdv{
		width: 95%;
	}
	.abnum{
		width: 95%;
	}
	.ryzzlist{
		width: 95%;
	}
	.tp{
		width: 100%;
	}
	.lxwm{
		width: 95%;
	}
	.lxwm ul li{
		width: 31%;
	}
	.zxlydv{
		width: 85%;
		padding: 3% 5%;
	}
	.zxlydv form div input{
		width: 29%;
	}
	.newsdv{
		width: 95%;
	}
	.newsdv ul li{
		width: 23%;
		margin: 1%;
	}
	#gallery .swiper-slide ul li section{
		padding: 5%;
		width: 90%;
	}
	#gallery .swiper-slide ul li section h1{
		height: 35px;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}
	#gallery .swiper-slide ul li section p{
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		height: 25px;
	}
	.indexaboutleft div{
		width: 90%;
	}
	.indexaboutleft h1{
		width: auto;
	}
	.indexaboutright{
		width: 67%;
	}
	.indexaboutright ul li{
		padding: 3%;
	}
	.indexaboutright ul li p{
		line-height: 25px;
	}
	.indexapplist ul li{
		transform: skew(355deg);
	}
	.indexapplist ul li span{
		transform: skew(5deg);
	}
	.indexapplist ul li div{
		transform: skew(5deg);
	}
	.indexapplist ul li:hover div{
		left: 7%;
	}
	.indexapp{
		overflow: hidden;
		width: 100%;
	}
	.footdvright dl:last-child{
		width: 50%;
	}
	.footdvright dl{
		width: 20%;
	}
	.footdvright dl dt{
		font-size: 16px;
	}
	#gallery .swiper-slide ul li{
		width: 23%;
		margin: 1%;
	}
	.indexcaselist ul li section{
		padding: 5%;
	}
	.showmnav{
		width: 95%;
		margin: 0 auto;
	}
	.showmnav ul li a{
		font-size: 14px;
		padding: 0 5px;
	}
	.ryzzlists .swiper-slide div img{
		width: 100%;
	}
	.gsjj p{
		width: 85%;
	}
	.abnum ul li p{
		line-height: 25px;
	}
	.newsdv ul li section{
		padding: 5%;
		width: 90%;
	}
	.newsdv ul li section h1{
		margin-bottom: 25px;
	}
	.news .newsright .newsdv ul li{
		width: 31%;
		margin: 1%;
		margin-top: 0;
	}
	.mbxdv{
		width: 95%;
	}
	.cctop{
		width: 95%;
	}
	.cpms{
		width: 95%;
	}
	.cc #thumbs{
		width: 20%;
	}
	.gsjjdv .spdv{
		display: none;
		position:fixed ;
		top: 15%;
		width: 85%;
		padding: 5%;
		padding-top: 90px;
		background-color: #fff;
		left: 2.5%;
		margin-left: 0;
		z-index: 9999;
	}
	.gsjjdv .spdv video{
		width: 100%;
	}
	.gsjjdv .spdv  span{
		width: 35px;
		height: 35px;
		position: absolute;
		top: 25px;
		right: 25px;
		display: block;
		border: 1px solid #ddd;
		color: #ddd;
		font-size: 16px;
		text-align: center;
		line-height: 35px;
		border-radius: 50%;

	}
}
@media screen and (max-width: 999px){
	.heads{
		display: none;
	}
	.indexpro{
		width: 95%;
		margin: 30px auto;
	}
	.indexprobt{
		font-size: 24px;
		margin-bottom: 15px;
	}
	#thumbs{
		width: 95%;
		margin-bottom: 20px;
	}
	#gallery .swiper-slide ul{
		flex-wrap: wrap;
	}
	#thumbs .swiper-slide h1{
		height: 35px;
		overflow-y: clip;
	}
	#gallery .swiper-slide ul li{
		width: 48%;
		margin: 1%;
	}
	#gallery .swiper-slide ul li div span{
		width: 80%;
		margin-left: 0;
		left: 10%;
	}
	#gallery .swiper-slide ul li section{
		padding: 5%;
		width: 90%;
	}
	#gallery .swiper-slide ul li section h1{
		font-size: 18px;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		height: 30px;
	}
	#gallery .swiper-slide ul li section p{
		height: 50px;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	.indeprolj{
		width: 120px;
		height: 40px;
		margin-top: 20px;
		text-align: center;
		transform: skew(0deg);
	}
	.indeprolj a{
		width: 100%;
		transform: skew(0deg);
	}
	.indexabout{
		display: block;
		height: auto;
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.indexaboutleft{
		width: 95%;
		margin: 0 auto;
		display: block
	}
	.indexaboutleft div{
		width: 100%;
	}
	.indexaboutleft h1{
		text-align: center;
		margin: 0 auto;
		font-size: 24px;
	}
	.indexaboutleft span{
		margin: 0 auto;
		margin-top: -3px;
	}
	.indexaboutleft h2{
		font-size: 20px;
		text-align: center;
		margin-top: 10px;
		margin-bottom: 15px;
	}
	.indexaboutleft p{
		margin-bottom: 25px;
		font-size: 14px;
		line-height: 25px;
	}
	.indexaboutright{
		width: 100%;
		background: none;
		margin-top: 15px;
	}
	
	.indexaboutright img{
		display: block;
		width: 100%;
	}
	.indexaboutright ul{
		position: initial;
		flex-wrap: wrap;
		width: 95%;
		margin: 0 auto;
		left: 2.5%;
		margin-top: 10px;
	}
	.indexaboutright ul li{
		width: calc(44% - 2px);
		padding: 3%;
	}
	.indexaboutright ul li:first-child{
		border-bottom: 0px;
		width: calc(44% - 1px);
	}
	.indexaboutright ul li:nth-child(3){
		width: calc(44% - 1px);
	}
	.indexaboutright ul li:nth-child(2){
		border-bottom: 0px;
		border-right: 1px solid #fff;
	}
	.indexaboutright ul li:last-child{
		border-right: 1px solid #fff;
	}
	.indexaboutleft .indeprolj{
		margin: 0 auto;
	}
	.indexaboutright ul li h1{
		font-size: 32px;
		text-align: center;
	}
	.indexaboutright ul li p{
		line-height: 25px;
		text-align: center;
	}
	.indexcase{
		width: 95%;
		margin: 30px auto;
	}
	.indexcasebt div h1{
		font-size: 24px;
	}
	.indexcasebt div p{
		line-height: 25px;
	}
	.indexcasebt{
		margin-bottom: 20px;
	}
	.indexcaselist{
		width: 100%;
	}
	.indexcaselist ul{
		display: block;
	}
	.indexcaselist ul li{
		width: 100%;
		margin-bottom: 15px;
	}
	.indexcaselist ul li section{
		padding: 5%;
	}
	.indexcaselist ul li section p{
		line-height: 30px;
	}
	.indexappbt{
		padding: 30px 0px;
	}
	.indexappbt h1{
		font-size: 24px;
	}
	.indexappbt p{
		line-height: 25px;
	}
	.indexapplist{
		height: 350px;
	}
	.indexapplist ul{
		width: 100%;
	}
	.indexapplist ul li{
	    transform: skew(0deg);
	}
	.indexapplist ul li div{
		transform: skew(0deg);
	}
	.indexapplist ul li div img{
		width: 30px;
	}
	.indexapplist ul li span{
		transform: skew(0deg);
	}
	.indexapplist ul li div p{
		font-size: 14px;
	}
	.indexapplist ul li:hover div{
		top: 25%;
		left: 0;
	}
	.indexapplist ul li:hover span img{
		width: 30px;
	}
	.news{
		padding: 30px 0px;
	}
	.shangbiao{
		width: 95%;
		margin: 10px auto;
	}
	.shangbiao ul{
		display: flex;
		flex-wrap: wrap;
	}
	.shangbiao ul li{
		width: 31%;
		margin: 1%;
	}
	.foot{
		display: none;
	}
	.anli{
		padding: 20px 0px;
	}
	.anlidv{
		width: 95%;
	}
	.anlidv .indexcaselist ul li{
		width: 48%;
		margin: 1%;
	}
	.anli .indexcaselist ul{
		width: 100%;
		display: flex;
	}
	.indexcaselist ul li section h1{
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		height: 30px;
		line-height: 30px;
	}
	.indexcaselist ul li section p{
		overflow: hidden;max-height: 50px;
		line-height: 25px;
	}
	.prolist{
		width: 95%;
		margin: 25px auto;
	}
	.prolist ul li{
		width: 48%;
		margin: 1%;
	}
	.prolist ul li div span{
		width: 80%;
		left: 10%;
		margin-left: 0;
	}
	.prolist ul li section{
		padding: 5%;
		width: 90%;
	}
	.prolist ul li section h1{
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		height: 30px;
		line-height: 30px;
		font-size: 18px;
	}
	.prolist ul li section p{
		height: 50px;
		overflow: hidden;
	}
	.showmnav ul{
		width: 95%;
	}
	.abus{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.abusdv{
		width: 95%;
		display: block;
	}
	.abusdv div{
		width: 100%;
	}
	.abusdv div h1{
		margin-top: 0;
		font-size: 24px;
		text-align: center;
	}
	.abusdv div p{
		width: 100%;
		line-height: 30px;
		margin-top: 15px;
	}
	.abusdv section{
		height: 250px;
		width: 100%;
	}
	.gsjj{
		padding: 30px 0;
	}
	.gsjjdv{
		width: 95%;
		display: block;
	}
	.gsjjdv div{
		width: 100%;
	}
	.gsjj h1{
		font-size: 24px;
		margin-bottom: 15px;
	}
	.gsjjdv div a{
		width: 200px;
		height: 40px;
		font-size: 14px;
		line-height: 40px;
		margin-top: 20px;
	}
	.gsjjdv section{
		display: none;
	}
	.abnum {
		width: 95%;
		margin: 20px auto;
		padding:   0px;
	}
	.abnum ul{
		flex-wrap: wrap;
	}
	.abnum ul li{
		padding: 5%;
		width: calc(38% - 2px);
		border: none;
		margin:1%;
		border: 1px solid #e6e6e6;
	}
	.abnum ul li h1{
		text-align: center;
		font-size: 24px;
	}
	.abnum ul li p{
		line-height: 25px;
		text-align: center;
	}
	.cert{
		padding: 30px 0px;
		padding-bottom: 0;
	}
	.certdv h1{
		font-size: 24px;
	}
	.certdv p{
		width: 90%;
		margin: 0 auto;
		font-size: 14px;
	}
	.ryzzlist{
		width: 95%;
		margin-top: 10px;
	}
	.ryzzlists .swiper-slide div img{
		width: 100%;
	}
	.ryzzlists p{
		margin-top: 10px;
		font-size: 14px;
	}
	.ryzzlists .swiper-button-next, .ryzzlists .swiper-button-prev{
		width: 60px;
		height: 40px;
	}
	.ryzzlists .swiper-button-next:after, .ryzzlists .swiper-button-prev:after{
		font-size: 18px;
	}
	.tp{
		margin: 25px auto;
		text-align: center;
		width: 100%;
		height: 200px;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 20px;
	}
	.tp h1{
		line-height: normal;
	}
	.lxwm{
		width: 95%;
		margin: 30px auto;
	}
	.lxwmbt h1{
		font-size:22px ;
		margin-bottom: 10px;
	}
	.lxwmbt p{
		width: 85%;
		margin: 0 auto;
		line-height: 25px;
	}
	.lxwm ul{
		display: block;
	}
	.lxwm ul li{
		width: 100%;
		margin: 0 auto;
		margin-top: 15px;
		padding: 20px 0px;
	}
	.lxwm ul li p{
		font-size: 16px;
	}
	.zxly{
		padding: 30px 0px;
	}
	.zxlybt h1{
		font-size: 24px;
	}
	.zxlybt p{
		width: 85%;
		margin: 0 auto;
		line-height: 25px;
	}
	.zxlydv{
		width: 85%;
		padding: 5%;
		margin-top: 15px;
	}
	.zxlydv form div{
		display: block;
	}
	.zxlydv form div input{
		width: 94%;
		padding: 0 3%;
		line-height: 40px;
	}
	.zxlydv form button{
		line-height: 40px;
	}
	.showmnav{
		display: none;
	}
	.newslist{
		padding: 25px 0px;
	}
	.newsdv{
		display: block;
		width: 95%;
	}
	.newsdv ul li{
		width: 48%;
		margin: 1%;
	}
	.newsdv ul li section{
		padding: 5%;
		width: 90%;
	}
	.newsdv ul li section h1{
		line-height: 25px;
		margin-bottom: 20px;
		font-size: 14px;
		height: 50px;

	}
	.mshownav{
		display: block;
		width: 100%;
	}
	.dropdown {
		  position: relative;
		  display: inline-block;
		width: 100%;
	}
	.dropdown span{
		display: block;width: 100%;
		height: 40px;
		background-color: #154cb5;
		color: #fff;
		line-height: 40px;
		text-align: center;
		font-size: 20px;
		font-weight: bold;
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.dropdown-content {
	  display: none;
	  position: absolute;
	  background-color: #f9f9f9;
	  min-width: 100%;
	  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	 
	}
	.dropdown:hover .dropdown-content {
	  display: block;z-index: 99;
	}
	.dropdown span i{
		display: block;
		width: 0;
		height: 0;
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		border-top: 10px solid #fff;
		margin-left: 15px;
	}
	.dropdown-content p{
		text-align: center;
		font-size: 14px;
		color: #333;
		line-height: 45px;
		border-bottom: 1px solid #ddd;
	}
	.dropdown-content p a{
		display: block;
	}
	.lxwm ul li p{
		margin-top: 10px;
	}
	.lxwm ul li iconpark-icon{
		font-size: 28px;
	}
	.htmleaf-container{
		display: block;
	}
	.line .x2{
		display: none;
	}
	.x10{
		width: 100%;
	}
	.sidebar-l{
		margin-right: 0;
	}
	.article .padding-large{
		padding: 5%;
	}
	.article .post h1{
		font-size: 20px;

	}
	.product-overview .tab .tab-nav li{
		width: 50%;
	}
	.prenext-pro .line .x2{
		display: block;
	}
	.prenext-pro a.button{
		height: 50px;
		overflow: hidden;
		line-height: 50px;
	}
	.prenext-pro a.button em{
		display: none;
	}
	.newsdvbt{
		font-size: 24px;
		text-align: center;
		margin-bottom: 15px;

	}
	.newsleft{
		width: 100%;
	}
	.news .thumbs .swiper-slide{
		font-size: 16px;
		text-align: center;
	}
	#thumbs2{
		height: auto;
		margin-bottom: 15px;
	}
	.newsright{
		width: 95%;
		margin: 0 auto;
	}
	.newsright .newsdv ul li{
		width: 100%;
		padding: 0;
		margin: 0;
		margin-bottom: 10px;
	}
	#contrast{
		display: none;
	}
	.bannersa .swiper-slide div h1{
		font-size: 20px;
	}
	.bannersa .swiper-slide div{
		top: 38%;
	}
	.banners img{
		width: 200%;

	}
	.banners{
		width: 100%;
		overflow: hidden;
	}
	.kaobei{
		width: 100%;
	}
	.slideTxtBox .hd ul{
		display: flex;
		justify-content: space-between;
	}
	.slideTxtBox .hd ul li{
		line-height: 35px;
		font-size: 16px;
		text-align: center;
		margin-bottom: 15px;
	}
	.indeprolja{
		display: none;

	}
	.mfoot{
		height: 45px;
		display: block;
	}
	.mfootdv{
		display: flex;
		width: 100%;
		height: 45px;
		line-height: 45px;
		justify-content: space-between;
		position: fixed;
		z-index: 999;
		bottom: 0;
		left: 0;
		background-color: #154cb5;
	}
	.mfootdv li{
		width: 100%;
		border-right: 1px solid #4a6375;
	}
	.mfootdv li a{
		color: #fff;
		font-size: 14px;
		line-height: 45px;
		text-align: center;
		display: block;
	}
	.bannersa .swiper-slide div i{
		width: 50px;
		height: 3px;
		
	}

.mbx{
		height: 45px;
		line-height: 45px;
	}
	.cc{
		padding: 25px 0;
		display: block;
	}
	.cctop{
		width: 95%;
		display: block;
	}
	.cctopright{
		width: 100%;
	}
	.cctopright div h1{
		font-size: 22px;
		margin-bottom: 15px;
	}
	.cctopright div h2{
		font-size: 18px;
		height: 40px;
		line-height: 30px;
	}
	.cctopright div p{
		margin-bottom: 15px;
	}
	.cctopright section{
		font-size: 24px;
	}
	.cctopright section img{
		width: 25px;
	}
	.cctopright section a{
		margin-top: 15px;
	}
	.cctopright section a{
		line-height: 40px;height: 40px;
	}
	.cpms{
		width: 95%;
		margin-top: 30px;
	}
	.cpmsbt{
		font-size: 20px;
		margin-bottom: 15px;
	}
	.ms{
		width: 90%;
		padding: 5%;
	}
	.cctopleft{
		width: 100%;
		display: block;
	}
	#gallery{
		width: 100%;
	}
	#thumbs{
		width: 100%;
		height: auto;
		margin-bottom: 15px;
	}
	#thumbs .swiper-slide img{
		height: auto;
		width: 100%;
		margin-top: 10px;
	}
	.mbxdv{
		width: 95%;
	}	
	.cc #thumbs{
		padding: 0;
	}
	.xuqdv{
		width: 95%;
		margin: 0 auto;
	}
	.xuq{
		padding: 20px 0px;
	}
	.xuqdv{
		width: 95%;
	}
	.xuqdv h1{
		font-size: 20px;
		text-align: center;
		margin-bottom: 15px;
	}
	.xuqdv form{
		display: block;
	}
	.xuqdv form input{
		width: calc(100% - 20px);
		margin-bottom: 10px;
		padding: 0 10px;
		font-size: 14px;
	}
	.xuqdv form input:nth-child(4){
		width: calc(100% - 20px);
	}
	.xuqdv form button{
		width: 100px;
		height: 35px;
		line-height: 35px;
	}
	.xuqdv p{
		font-size: 12px;
	}
}