.banner,body {
	min-width: 1280px
}

.new_btn--disabled:hover:before,legend {
	display: none
}

button,fieldset,img,input {
	border: 0
}

.new_btn,button {
	cursor: pointer
}

*,.new_btn,::after,::before,html {
	box-sizing: border-box
}

.iconfont,b,em,h1,h2,h3,h4,h5,h6,i,strong {
	font-style: normal
}

.banner,.ellipsis,.ellipsis2,.install .block,.new_btn {
	overflow: hidden
}

*,::after,::before {
	margin: 0;
	padding: 0
}

@media screen and (min-width:1760px) {
	html {
		font-size: 100px
	}
}

@media (min-width:1360px) and (max-width:1760px) {
	html {
		font-size: calc((100vw - 160px)/ 16)
	}
}

@media screen and (max-width:1360px) {
	html {
		font-size: 75px
	}
}

@media screen and (min-width:1920px) {
	html {
		font-size: calc(83.34vw / 16)
	}
}

html {
	font-family: 'PingFang SC',Helvetica,'Microsoft YaHei';
	font-weight: 500;
	line-height: 1.6
}

.w {
	width: 16rem;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover
}

body {
	font-size: .16rem
}

a {
	text-decoration: none;
	color: #0d7fef
}

a:hover {
	color: #359ffc
}

a:active {
	color: #005ec9
}

.new_btn,.new_btn span {
	position: relative;
	color: #fff
}

dd,dl,dt,li,ol,ul {
	list-style: none
}

img {
	vertical-align: middle
}

input {
	-webkit-appearance: none
}

button,input {
	outline: 0
}

.clearfix::after {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.ellipsis {
	text-overflow: ellipsis;
	white-space: nowrap
}

.ellipsis2 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}

.new_btn {
	display: inline-block;
	padding: 0 24px;
	height: 40px;
	border-radius: 4px;
	font-size: 16px
}

.new_btn span {
	z-index: 1;
	line-height: 40px
}

.new_btn:before {
	content: '';
	width: 0%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transition: ease-in-out .3s;
	border-radius: 4px;
	background: #359ffc
}

.banner,.install {
	margin: 0 auto;
	position: relative
}

.new_btn.resizable,.new_btn.resizable::before {
	border-radius: .04rem
}

.new_btn.resizable {
	padding: 0 .24rem;
	height: .4rem;
	font-size: .16rem
}

.new_btn.resizable span {
	line-height: .4rem
}

.new_btn.resizable.wide {
	padding: 0 .56rem
}

.new_btn.black {
	background: 0 0;
	border: 1px solid #000;
	border-radius: 2px
}

.new_btn.black span {
	color: #000;
	transition: all .3s
}

.new_btn.black:before {
	border-radius: 2px;
	background: #000;
	transition: all .3s;
	width: 0
}

.new_btn.black:hover span {
	color: #fff
}

.new_btn.black:hover:before {
	transition: all .3s;
	width: 100%
}

.new_btn.white {
	background: 0 0;
	border: 1px solid #fff;
	border-radius: 2px
}

.new_btn.white span {
	color: #fff;
	transition: all .3s
}

.new_btn.white:before {
	border-radius: 2px;
	background: #fff;
	transition: all .3s;
	width: 0
}

.new_btn.white:hover span {
	color: #000
}

.new_btn.white:hover:before {
	transition: all .3s;
	width: 100%
}

.new_btn.black.resizable {
	border-radius: .02rem
}

.new_btn.black.resizable::before {
	border-radius: 0
}

.new_btn.white.resizable {
	border-radius: .02rem
}

.new_btn.white.resizable::before {
	border-radius: 0
}

.new_btn--primary {
	background: #0d7fef
}

.new_btn--primary:before {
	transition: all .3s;
	width: 0
}

.new_btn--primary:hover {
	background: #0d7fef!important
}

.new_btn--primary:hover:before {
	width: 100%
}

.new_btn--primary:active:before {
	background: #005ec9;
	width: 100%
}

.new_btn--disabled {
	background: #d9d9d9;
	cursor: not-allowed;
	color: rgba(17,17,17,.4)
}

@font-face {
	font-family:iconfont;src:url(../fonts/2abe00dd488e4873844c842a63cb298a.eot);src:url(../fonts/29b2786fdf4a4da78c898f5e22ba49a7.eot) format('embedded-opentype'),url(../fonts/d245c5d866a841e9aa560840653ded11.woff) format('woff2'),url(../fonts/0f1d21bdcaa146e9a0affa20256f4bac.woff) format('woff'),url(../fonts/b1194d00af4b4fc09437de4d6f977608.ttf) format('truetype'),url(../fonts/dd274c797cbc4c0a94c5ab3856d88893.svg) format('svg')
}

.iconfont {
	font-family: iconfont!important;
	font-size: .16rem;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-youjiantou:before {
	content: '\e601';
	transform: scale(.8)
}

.banner {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center
}

.install {
	width: 1200px;
	padding-top: 30px;
	padding-bottom: 160px
}

.install:before {
	content: '';
	position: absolute;
	left: 300px;
	line-height: 40px;
	height: 40px;
	font-size: 14px;
	color: rgba(17,17,17,.6);
	bottom: 120px
}

.install:not(:last-child) {
	border-bottom: 1px solid rgba(17,17,17,.2)
}

.install .block {
	display: flex;
	padding: 90px 0
}

.install .block:not(:last-child) {
	border-bottom: 1px solid rgba(17,17,17,.2)
}

.install .block .title {
	flex: 0 0 auto;
	width: 300px;
	font-size: 30px;
	font-weight: 600;
	color: #111;
	line-height: 1.6em;
	text-align: left
}

.install .block img {
	width: 225px;
	height: 225px
}

.install .block ul {
	flex: 1;
	margin-top: -10px;
	margin-bottom: -10px
}

.install .block li {
	font-size: 16px;
	line-height: 32px;
	height: 32px;
	color: #111
}
/*banner*/
#banner {
	width: 100%;
}
#banner .swiper-pagination-bullet {
	height: 10px;
	width: 62px;
	background: #fff;
	opacity: 1;
	border-radius: unset !important;
}
#banner .swiper-pagination-bullet-active {
	background: #0e3a7c;
}
#banner .swiper-slide img {
    width: 100%;
    display: block;
    min-height: 200px;
	
	
}
#banner .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 8px;
}
@media only screen and (max-width:1199px ) {
	#banner {
		margin-top: 0;
	}	
}


.home-tit{text-align: center; margin: 0;}
.home-tit .en{display: block;}
.home-tit .cn{color: #0e3a7c; font-size: 42px; position: relative;z-index: 2; top: -15px; font-weight:bold}
.home-tit p{font-size: 16px; color: #666; margin: 0;font-weight: normal;}
/*产品中心*/
.homeproduct{overflow: hidden;}
.homeproduct .home-tit{padding: 3% 0 2%;}
.homeproduct .list{/* padding-top: 2%; */ position: relative;}
.homeproduct .list ul{position: relative;/*background: #126ab5;*/}
.homeproduct .list li{ float: left; width: 19.9%;   position: relative; z-index: 2; /* height: 100vh; */ overflow: hidden;}
.homeproduct .list li+li{border-left: 1px solid #ececec;}
.homeproduct .list li .outer{position: relative;z-index: 3;}
.homeproduct .list li .inner{position: relative; text-align: center; color: #000;padding: 5vh 5%;}
.homeproduct .list li .href{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5;}
.homeproduct .list li .icon{display: none;}
.homeproduct .list li h3{font-size: 24px;}
.homeproduct .list li h3 a{color: #126ab5;}
.homeproduct .list li:hover .inner,
.homeproduct .list li:hover h3 a{color: #fff;}
.homeproduct .list li p{margin: 0; font-size: 14px; line-height: 1.85;opacity: 0.8; padding: 0 5%; height: 80px;overflow: hidden;text-align: justify;}
.homeproduct .list li p.hover{ display: none;}
.homeproduct .list li .pic{padding: 5% 0 8% 0;}
.homeproduct .list li .pic .Ispic{ display: block;}
.homeproduct .list li:hover{ background: #126ab5;/*#00a0d9; *//*padding-bottom: 2%;*/}
.homeproduct .list li:hover .show{ display: none;}
.homeproduct .list li:hover .hover{ display: block; /*height: 75px;*/}
.homeproduct .list li.more{ display:none}


@media(max-width:1024px){
	.homeproduct .list li .icon{ width: 60%; margin: 0 auto;}
	.homeproduct .list li h3{ font-size: 20px;}
}
@media(max-width:767px){
	.homeproduct .list:before,
	.homeproduct .list:after{ content:''; height:100%; position:absolute; top:0; border-left: 1px solid #ececec; z-index:5}
	.homeproduct .list:before{ left:33.5%;}
	.homeproduct .list:after{ right:33.5%}
	.homeproduct .list ul{ text-align: center;}
	.homeproduct .list ul:before{ content:''; position:absolute; width:100%; top:49%;border-top: 1px solid #ececec; z-index:5}
	.homeproduct .list li{ width: 32%; float: none; display: inline-block;}
	.homeproduct .list li h3{ font-size: 16px;}
	.homeproduct .list li p{ display: none!important;}
	.homeproduct .list li .inner{ padding-top:4vh}
	.homeproduct .list li .icon{ width: 50%;}
	.homeproduct .list li+li{border:none}
	.homeproduct .list li.more{ display:inline-block; padding-bottom:30%;}
	.homeproduct .list li.more a{ background:url(../images/arow_r.png) no-repeat right center; display:inline-block; padding-right:40px;}
	.homeproduct .list li.more:hover{ background:none}
}

.product-con {
    overflow: hidden;
    padding-top: 50px;
    background: #f7f7f7;
}
.product_list {
}
.product_list ul li {
    display: block;
    float: left;
    width: 300px;
    margin: 0 20px 30px 0;
    background: #fff;
}
.product_list ul li:nth-child(4n){}
.product_list ul li * {
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
}
.product_list ul li:hover .pic img {
    transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
}
.product_list ul li .pic {
    width: 300px;
    height: 300px;
    overflow: hidden;
}
.product_list ul li .pic img {
    width: 100%;
    vertical-align: middle;
    height: 320px;
}
.proli_wen {
    padding: 10px 15px 25px 15px;
}
.product_list ul li .ntit {
    font-size: 18px;
    height: 45px;
    line-height: 45px;
    width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
    color: #333;
    border-bottom: 1px solid #eee;
}
.product_list ul li .p1 {
    font-size: 14px;
	line-height: 20px;
	color: #999;
	margin-bottom: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-align: left;
	margin-top: 6px;
	height:40px;
}
.product_list ul li .p2 {
    font-size: 13px;
	line-height: 20px;
	color: #999;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-align: left;
}

.product_list ul li .line {
	width: 0;
	height: 4px;
	background: #0e3a7c;
	position: relative;
	left: 0;
	bottom: 0;
	transition: all 0.6s ease;
}
.product_list ul li:hover .line {
	width:100%;
	
}
.product_list ul li:hover{
	box-shadow: 2px 2px 10px #909090;
	
}
.product_list ul li .btn {
    overflow: hidden;
    width: 281px;
    height: 42px;
    background: url(../images/prolistclassifybg01.png) no-repeat center;
    margin: 0 auto;
	margin-top: 20px;
}
.product_list ul li .btn a {
    display: block;
    width: 140px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    float: left;
    font-size: 14px;
    color: #777777;
    text-decoration: none;
}
.product_list ul li .btn a i {
    display: inline-block;
    width: 7px;
    height: 12px;
    background: url(../images/prolistclassify_icon04.png) no-repeat center;
    margin-left: 8px;
    position: relative;
    top: 2px;
}
.product_list ul li .btn a:first-child {
    border-right: 1px solid #eaeaea;
}
.product_list ul li .btn a:hover {
    color: #fff;
}
.product_list ul li .btn .more:hover {
    background: url(../images/prolistclassifybg02.png) no-repeat center;
}
.product_list ul li .btn .more:hover i {
    background: url(../images/prolistclassify_icon05.png) no-repeat center;
}
.product_list ul li .btn a.zx:hover {
    background: url(../images/prolistclassifybg03.png) no-repeat center;
}
.product_list ul li .btn a.zx:hover i {
    background: url(../images/prolistclassify_icon05.png) no-repeat center;
}

/*四大介绍*/
.pro_bj22{overflow: hidden; background:#fff;padding-top:50px; box-sizing: border-box; font-family: "Microsoft YaHei"; height:680px; }
.pro h3{white-space: nowrap;overflow: hidden; text-overflow: ellipsis; font-size: 24px;color: #0e3a7c; font-weight: bold;margin-bottom: 15px; height: 65px; line-height: 65px;border-bottom: 1px solid #e2e2e2;  }
.pro h3 i{ font-size: 30px; display: inline-block; color: #0e3a7c;width: 54px; float: left; }
.pro h3 a{color:#0e3a7c;text-decoration: none;}
.pro dl{width: 1200px; height: 420px;box-sizing: border-box;position: relative; }
.pro dl dt {width: 560px; height: 420px; overflow: hidden; }
.pro dl dt img{width: 560px; height: 420px;  display: block;}
.pro dl dt img{transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;}
.pro dl dt img:hover{-webkit-transform:scale(1.01);-moz-transform:scale(1.01);-ms-transform:scale(1.01);transform:scale(1.01);}
.pro dl dd{ width: 600px;}

.pro dl dd p{line-height: 32px; height: 140px; font-size:16px; overflow: hidden; color: #666666; text-align: justify;}
.pro dl dd span a{font-size:16px; overflow: hidden; display:block;line-height: 46px; width: 192px; float: left; background:url(../images/xqbtn.png) no-repeat; text-align: left;color: #fff;padding-left: 47px;box-sizing: border-box; }

.pro ul{margin-top:17px;}
.pro ul li {float: left;width: 291px; margin-right: 17px; box-sizing: border-box;  overflow: hidden;}
.pro ul li img{width: 291px;height: 218px;  display: block;}
.pro ul li a{text-decoration: none;}
.pro ul li:last-child{margin-right: 0;}
.pro ul li img{transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;}
.pro ul li img:hover{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}
.pro ul li:hover{box-shadow: 0 0 5px #eeeeee;}


.pro_bj2{overflow: hidden; background:#f3f3f3;padding-top:25px; box-sizing: border-box; font-family: "Microsoft YaHei"; height: 587px;  }
.pro_bj1{background: #fff;}